@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Prompt:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";

.color-primary-600[data-v-aacf0509] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-aacf0509] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-aacf0509] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-aacf0509] {
    color: var(--color-primary-900)
}

.bg-100[data-v-aacf0509] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-aacf0509] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-aacf0509] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-aacf0509] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-aacf0509] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-aacf0509] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-aacf0509] {
    background-color: var(--color-warning)
}

.bg-link[data-v-aacf0509] {
    background-color: var(--color-link)
}

.bg-danger[data-v-aacf0509] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-aacf0509] {
    color: var(--color-text-100)
}

.color-text-80[data-v-aacf0509] {
    color: var(--color-text-80)
}

.color-text-50[data-v-aacf0509] {
    color: var(--color-text-50)
}

.color-text-40[data-v-aacf0509] {
    color: var(--color-text-40)
}

.color-text-20[data-v-aacf0509] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-aacf0509] {
    color: var(--color-currency)
}

.color-warning[data-v-aacf0509] {
    color: var(--color-warning)
}

.color-danger[data-v-aacf0509] {
    color: var(--color-danger)
}

.color-link[data-v-aacf0509] {
    color: var(--color-link)
}

.color-line[data-v-aacf0509] {
    color: var(--color-line)
}

.color-border[data-v-aacf0509] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-aacf0509] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-aacf0509] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-aacf0509] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-aacf0509] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-aacf0509] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-aacf0509] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-aacf0509] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-aacf0509] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-aacf0509] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-aacf0509] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-aacf0509] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-aacf0509] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-aacf0509] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-aacf0509] {
    display: flex;
    align-items: center
}

.flex-start[data-v-aacf0509] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-aacf0509] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-aacf0509] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-aacf0509] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-aacf0509] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-aacf0509] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-aacf0509] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-aacf0509] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-aacf0509] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-aacf0509] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-aacf0509] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-aacf0509] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-aacf0509] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-aacf0509] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-aacf0509] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-aacf0509] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-aacf0509] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-aacf0509] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-aacf0509] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-aacf0509] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-aacf0509] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-aacf0509] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-aacf0509] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-aacf0509] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-aacf0509],
.mlm-selected-item[data-v-aacf0509] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-aacf0509] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-aacf0509]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-aacf0509] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-aacf0509] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-aacf0509] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-select[data-v-aacf0509] {
    --padding-top: 0px;
    --padding-bottom: 0px;
    --padding-start: 10px;
    --padding-end: 10px;
    --placeholder-color: var(--color-text-input-placeholder);
    --placeholder-opacity: 1;
    border: 1px solid var(--line-color);
    border-radius: 10px;
    font-size: .75rem;
    min-height: 40px
}

.color-primary-600[data-v-fbbdca9c] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-fbbdca9c] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-fbbdca9c] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-fbbdca9c] {
    color: var(--color-primary-900)
}

.bg-100[data-v-fbbdca9c] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-fbbdca9c] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-fbbdca9c] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-fbbdca9c] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-fbbdca9c] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-fbbdca9c] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-fbbdca9c] {
    background-color: var(--color-warning)
}

.bg-link[data-v-fbbdca9c] {
    background-color: var(--color-link)
}

.bg-danger[data-v-fbbdca9c] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-fbbdca9c] {
    color: var(--color-text-100)
}

.color-text-80[data-v-fbbdca9c] {
    color: var(--color-text-80)
}

.color-text-50[data-v-fbbdca9c] {
    color: var(--color-text-50)
}

.color-text-40[data-v-fbbdca9c] {
    color: var(--color-text-40)
}

.color-text-20[data-v-fbbdca9c] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-fbbdca9c] {
    color: var(--color-currency)
}

.color-warning[data-v-fbbdca9c] {
    color: var(--color-warning)
}

.color-danger[data-v-fbbdca9c] {
    color: var(--color-danger)
}

.color-link[data-v-fbbdca9c] {
    color: var(--color-link)
}

.color-line[data-v-fbbdca9c] {
    color: var(--color-line)
}

.color-border[data-v-fbbdca9c] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-fbbdca9c] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-fbbdca9c] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-fbbdca9c] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-fbbdca9c] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-fbbdca9c] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-fbbdca9c] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-fbbdca9c] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-fbbdca9c] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-fbbdca9c] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-fbbdca9c] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-fbbdca9c] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-fbbdca9c] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-fbbdca9c] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-fbbdca9c] {
    display: flex;
    align-items: center
}

.flex-start[data-v-fbbdca9c] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-fbbdca9c] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-fbbdca9c] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-fbbdca9c] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-fbbdca9c] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-fbbdca9c] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-fbbdca9c] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-fbbdca9c] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-fbbdca9c] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-fbbdca9c] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-fbbdca9c] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-fbbdca9c] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-fbbdca9c] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-fbbdca9c] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-fbbdca9c] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-fbbdca9c] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-fbbdca9c] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-fbbdca9c] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-fbbdca9c] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-fbbdca9c] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-fbbdca9c] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-fbbdca9c] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-fbbdca9c] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-fbbdca9c] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-fbbdca9c],
.mlm-selected-item[data-v-fbbdca9c] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-fbbdca9c] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-fbbdca9c]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-fbbdca9c] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-fbbdca9c] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-fbbdca9c] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.warpper[data-v-fbbdca9c] {
    width: 100%;
    padding-bottom: 1rem;
    display: flex;
    align-items: center;
    justify-content: center
}

ion-segment[data-v-fbbdca9c] {
    width: 13.8rem;
    height: 2.25rem;
    border-radius: var(--ep-border-radius-l, .375rem) !important
}

.yellow-dark ion-segment-button[data-v-fbbdca9c] {
    --border-radius: var(--rounded-middle)
}

.yellow-dark ion-segment[data-v-fbbdca9c] {
    --background: var(--color-bg-300)
}

.yellow-dark ion-segment-button.ios[data-v-fbbdca9c]::part(native) {
    color: var(--text-color-white-40)
}

.yellow-dark ion-segment-button[data-v-fbbdca9c]::part(indicator-background) {
    background: var(--color-bg-100)
}

.yellow-dark .segment-button-checked.ios ion-label[data-v-fbbdca9c] {
    color: var(--theme-color-800);
    font-weight: var(--font-weight-bold);
    background-clip: var(--background-clip, border-box) !important;
    background: var(--background, transparent)
}

.green-dark ion-segment-button[data-v-fbbdca9c] {
    --border-radius: var(--rounded-middle)
}

.green-dark ion-segment[data-v-fbbdca9c] {
    --background: var(--color-bg-400)
}

.green-dark ion-segment-button.ios[data-v-fbbdca9c]::part(native) {
    color: var(--text-color-white-40)
}

.green-dark ion-segment-button[data-v-fbbdca9c]::part(indicator-background) {
    background: var(--color-bg-100)
}

.green-dark .segment-button-checked.ios ion-label[data-v-fbbdca9c] {
    color: var(--theme-color-800);
    font-weight: var(--font-weight-bold);
    background-clip: var(--background-clip, border-box) !important;
    background: var(--background, transparent)
}

.purple-light ion-segment-button[data-v-fbbdca9c] {
    --border-radius: var(--rounded-middle)
}

.purple-light ion-segment[data-v-fbbdca9c] {
    --background: var(--color-bg-400)
}

.purple-light ion-segment-button.ios[data-v-fbbdca9c]::part(native) {
    color: var(--text-color-black-80)
}

.purple-light ion-segment-button[data-v-fbbdca9c]::part(indicator-background) {
    background: var(--theme-color-800)
}

.purple-light .segment-button-checked.ios ion-label[data-v-fbbdca9c] {
    color: var(--text-color-white-100);
    font-weight: var(--font-weight-bold);
    background-clip: var(--background-clip, border-box) !important;
    background: var(--background, transparent)
}

.forest-green ion-segment-button[data-v-fbbdca9c],
.green-default ion-segment-button[data-v-fbbdca9c],
.green-v01 ion-segment-button[data-v-fbbdca9c],
.green-v02 ion-segment-button[data-v-fbbdca9c] {
    --border-radius: .25rem
}

.forest-green ion-segment[data-v-fbbdca9c],
.green-default ion-segment[data-v-fbbdca9c],
.green-v01 ion-segment[data-v-fbbdca9c],
.green-v02 ion-segment[data-v-fbbdca9c] {
    --background: var(--color-bg-300)
}

.forest-green ion-segment-button.ios[data-v-fbbdca9c]::part(native),
.green-default ion-segment-button.ios[data-v-fbbdca9c]::part(native),
.green-v01 ion-segment-button.ios[data-v-fbbdca9c]::part(native),
.green-v02 ion-segment-button.ios[data-v-fbbdca9c]::part(native) {
    color: var(--color-text-gray-100)
}

.forest-green ion-segment-button[data-v-fbbdca9c]::part(indicator-background),
.green-default ion-segment-button[data-v-fbbdca9c]::part(indicator-background),
.green-v01 ion-segment-button[data-v-fbbdca9c]::part(indicator-background),
.green-v02 ion-segment-button[data-v-fbbdca9c]::part(indicator-background) {
    background: var(--color-bg-50)
}

.forest-green .segment-button-checked.ios ion-label[data-v-fbbdca9c],
.green-default .segment-button-checked.ios ion-label[data-v-fbbdca9c],
.green-v01 .segment-button-checked.ios ion-label[data-v-fbbdca9c],
.green-v02 .segment-button-checked.ios ion-label[data-v-fbbdca9c] {
    color: var(--color-text-gray-100);
    font-weight: var(--font-weight-bold);
    background-clip: var(--background-clip, border-box) !important;
    background: var(--background, transparent)
}

.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)
}

.auroral-yellow ion-segment-button[data-v-fbbdca9c] {
    --border-radius: .25rem
}

.auroral-yellow ion-segment[data-v-fbbdca9c] {
    --background: #070B18
}

.auroral-yellow ion-segment-button.ios[data-v-fbbdca9c]::part(native) {
    color: var(--text-color-white-80)
}

.auroral-yellow ion-segment-button[data-v-fbbdca9c]::part(indicator-background) {
    background: var(--color-bg-100)
}

.auroral-yellow .segment-button-checked.ios ion-label[data-v-fbbdca9c] {
    color: var(--theme-color-800);
    font-weight: var(--font-weight-bold);
    background-clip: var(--background-clip, border-box) !important;
    background: var(--background, transparent)
}

.amber-purple .default ion-segment-button[data-v-fbbdca9c] {
    --border-radius: var(--rounded-middle)
}

.amber-purple .default ion-segment[data-v-fbbdca9c] {
    --background: var(--color-bg-300)
}

.amber-purple .default ion-segment-button.ios[data-v-fbbdca9c]::part(native) {
    color: var(--text-color-white-40)
}

.amber-purple .default ion-segment-button[data-v-fbbdca9c]::part(indicator-background) {
    background: var(--color-bg-100)
}

.amber-purple .default .segment-button-checked.ios ion-label[data-v-fbbdca9c] {
    color: transparent;
    font-weight: var(--font-weight-bold);
    -webkit-background-clip: text !important;
    background-clip: text !important;
    background: var(--theme-color-gradient-100)
}

.amber-purple ion-segment-button[data-v-fbbdca9c] {
    --border-radius: .25rem
}

.amber-purple ion-segment[data-v-fbbdca9c] {
    --background: var(--color-bg-300)
}

.amber-purple ion-segment-button.ios[data-v-fbbdca9c]::part(native) {
    color: var(--color-text-title-basic)
}

.amber-purple ion-segment-button[data-v-fbbdca9c]::part(indicator-background) {
    background: var(--color-bg-100)
}

.amber-purple .segment-button-checked.ios ion-label[data-v-fbbdca9c] {
    color: var(--color-text-title-basic);
    font-weight: var(--font-weight-bold);
    background-clip: var(--background-clip, border-box) !important;
    background: var(--background, transparent)
}

ion-segment-button[data-v-fbbdca9c] {
    --border-radius: var(--ep-border-radius-m)
}

ion-segment[data-v-fbbdca9c] {
    --background: var(--ep-color-background-fill-surface-lowered)
}

ion-segment-button.ios[data-v-fbbdca9c]::part(native) {
    color: var(--ep-color-text-weaker)
}

ion-segment-button[data-v-fbbdca9c]::part(indicator-background) {
    background: var(--ep-color-background-fill-surface-raised-L2)
}

.segment-button-checked.ios ion-label[data-v-fbbdca9c] {
    color: var(--ep-color-text-selected);
    font-weight: var(--ep-font-weight-bold);
    background-clip: var(--background-clip, border-box) !important;
    background: var(--background, transparent)
}

.color-primary-600[data-v-cc8fb26a] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-cc8fb26a] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-cc8fb26a] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-cc8fb26a] {
    color: var(--color-primary-900)
}

.bg-100[data-v-cc8fb26a] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-cc8fb26a] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-cc8fb26a] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-cc8fb26a] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-cc8fb26a] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-cc8fb26a] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-cc8fb26a] {
    background-color: var(--color-warning)
}

.bg-link[data-v-cc8fb26a] {
    background-color: var(--color-link)
}

.bg-danger[data-v-cc8fb26a] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-cc8fb26a] {
    color: var(--color-text-100)
}

.color-text-80[data-v-cc8fb26a] {
    color: var(--color-text-80)
}

.color-text-50[data-v-cc8fb26a] {
    color: var(--color-text-50)
}

.color-text-40[data-v-cc8fb26a] {
    color: var(--color-text-40)
}

.color-text-20[data-v-cc8fb26a] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-cc8fb26a] {
    color: var(--color-currency)
}

.color-warning[data-v-cc8fb26a] {
    color: var(--color-warning)
}

.color-danger[data-v-cc8fb26a] {
    color: var(--color-danger)
}

.color-link[data-v-cc8fb26a] {
    color: var(--color-link)
}

.color-line[data-v-cc8fb26a] {
    color: var(--color-line)
}

.color-border[data-v-cc8fb26a] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-cc8fb26a] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-cc8fb26a] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-cc8fb26a] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-cc8fb26a] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-cc8fb26a] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-cc8fb26a] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-cc8fb26a] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-cc8fb26a] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-cc8fb26a] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-cc8fb26a] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-cc8fb26a] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-cc8fb26a] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-cc8fb26a] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-cc8fb26a] {
    display: flex;
    align-items: center
}

.flex-start[data-v-cc8fb26a] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-cc8fb26a] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-cc8fb26a] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-cc8fb26a] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-cc8fb26a] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-cc8fb26a] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-cc8fb26a] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-cc8fb26a] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-cc8fb26a] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-cc8fb26a] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-cc8fb26a] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-cc8fb26a] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-cc8fb26a] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-cc8fb26a] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-cc8fb26a] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-cc8fb26a] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-cc8fb26a] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-cc8fb26a] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-cc8fb26a] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-cc8fb26a] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-cc8fb26a] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-cc8fb26a] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-cc8fb26a] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-cc8fb26a] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-cc8fb26a],
.mlm-selected-item[data-v-cc8fb26a] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-cc8fb26a] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-cc8fb26a]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-cc8fb26a] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-cc8fb26a] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-cc8fb26a] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.wrapper[data-v-cc8fb26a] {
    padding: 3rem 0;
    text-align: center
}

.wrapper .divider-wrapper[data-v-cc8fb26a] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: .625rem 0
}

.wrapper .divider-wrapper .line[data-v-cc8fb26a] {
    width: 100%;
    height: .0625rem;
    background-color: var(--ep-color-border-default, var(--color-line))
}

.wrapper .divider-wrapper .text[data-v-cc8fb26a] {
    color: var(--ep-color-text-weak, var(--color-text-40));
    font-size: var(--ep-font-size-s, .75rem);
    padding: 0 .625rem
}

.wrapper .icon-wrapper[data-v-cc8fb26a] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: .25rem;
    margin-bottom: .625rem
}

.wrapper .icon-wrapper .icon[data-v-cc8fb26a] {
    width: 3rem;
    height: 3rem;
    margin: 0 .75rem;
    color: var(--ep-color-icon-default, var(--color-text-primary))
}

.color-primary-600[data-v-cb71f15c] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-cb71f15c] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-cb71f15c] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-cb71f15c] {
    color: var(--color-primary-900)
}

.bg-100[data-v-cb71f15c] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-cb71f15c] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-cb71f15c] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-cb71f15c] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-cb71f15c] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-cb71f15c] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-cb71f15c] {
    background-color: var(--color-warning)
}

.bg-link[data-v-cb71f15c] {
    background-color: var(--color-link)
}

.bg-danger[data-v-cb71f15c] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-cb71f15c] {
    color: var(--color-text-100)
}

.color-text-80[data-v-cb71f15c] {
    color: var(--color-text-80)
}

.color-text-50[data-v-cb71f15c] {
    color: var(--color-text-50)
}

.color-text-40[data-v-cb71f15c] {
    color: var(--color-text-40)
}

.color-text-20[data-v-cb71f15c] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-cb71f15c] {
    color: var(--color-currency)
}

.color-warning[data-v-cb71f15c] {
    color: var(--color-warning)
}

.color-danger[data-v-cb71f15c] {
    color: var(--color-danger)
}

.color-link[data-v-cb71f15c] {
    color: var(--color-link)
}

.color-line[data-v-cb71f15c] {
    color: var(--color-line)
}

.color-border[data-v-cb71f15c] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-cb71f15c] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-cb71f15c] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-cb71f15c] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-cb71f15c] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-cb71f15c] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-cb71f15c] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-cb71f15c] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-cb71f15c] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-cb71f15c] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-cb71f15c] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-cb71f15c] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-cb71f15c] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-cb71f15c] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-cb71f15c] {
    display: flex;
    align-items: center
}

.flex-start[data-v-cb71f15c] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-cb71f15c] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-cb71f15c] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-cb71f15c] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-cb71f15c] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-cb71f15c] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-cb71f15c] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-cb71f15c] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-cb71f15c] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-cb71f15c] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-cb71f15c] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-cb71f15c] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-cb71f15c] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-cb71f15c] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-cb71f15c] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-cb71f15c] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-cb71f15c] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-cb71f15c] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-cb71f15c] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-cb71f15c] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-cb71f15c] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-cb71f15c] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-cb71f15c] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-cb71f15c] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-cb71f15c],
.mlm-selected-item[data-v-cb71f15c] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-cb71f15c] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-cb71f15c]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-cb71f15c] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-cb71f15c] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-cb71f15c] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button[data-v-cb71f15c] {
    --border-radius: var(--rounded-small);
    --padding-start: .625rem;
    --padding-end: .625rem;
    --box-shadow: none;
    font-size: var(--button-font-size, .875rem);
    font-weight: var(--button-font-weight, bold);
    min-height: 26px;
    min-width: 40px;
    width: 100%;
    height: 100%;
    margin-top: 0;
    margin-bottom: 0;
    margin-inline-start: 0;
    margin-inline-end: 0
}

div.button ion-button.first-button[data-v-cb71f15c] {
    --background: var(--background, var(--theme-color-800))
}

div.button ion-button.first-button[data-v-cb71f15c]::part(native) {
    background: var(--background, var(--theme-color-800))
}

div.button ion-button.first-button p[data-v-cb71f15c] {
    font-size: inherit
}

div.button ion-button.first-button p span[data-v-cb71f15c] {
    color: var(--button-text-color, --color-primary-btn-text-active)
}

div.button ion-button.first-button .disabled p span[data-v-cb71f15c] {
    color: var(--color-primary-btn-text-disable)
}

.new-skin-symbol ion-button[data-v-cb71f15c] {
    --border-radius: var(--ep-border-radius-m);
    font-size: var(--ep-font-size-m);
    font-weight: var(--ep-font-weight-bold)
}

.new-skin-symbol div.button ion-button.first-button.disabled[data-v-cb71f15c] {
    --background: var(--ep-color-background-fill-active-disabled)
}

.new-skin-symbol div.button ion-button.first-button.disabled[data-v-cb71f15c]::part(native) {
    background: var(--ep-color-background-fill-active-disabled)
}

.new-skin-symbol div.button ion-button.first-button.disabled p[data-v-cb71f15c] {
    font-size: inherit
}

.new-skin-symbol div.button ion-button.first-button.disabled p span[data-v-cb71f15c] {
    color: var(--ep-color-text-inverse-disabled, --color-primary-btn-text-active)
}

.new-skin-symbol div.button ion-button.first-button.disabled .disabled p span[data-v-cb71f15c] {
    color: var(--color-primary-btn-text-disable)
}

.new-skin-symbol .button-disabled[data-v-cb71f15c] {
    opacity: 1
}

.new-skin-symbol div.button ion-button.first-button[data-v-cb71f15c] {
    --background: var(--ep-dynamic-primary)
}

.new-skin-symbol div.button ion-button.first-button[data-v-cb71f15c]::part(native) {
    background: var(--ep-dynamic-primary)
}

.new-skin-symbol div.button ion-button.first-button p[data-v-cb71f15c] {
    font-size: inherit
}

.new-skin-symbol div.button ion-button.first-button p span[data-v-cb71f15c] {
    color: var(--ep-color-text-inverse, --color-primary-btn-text-active)
}

.new-skin-symbol div.button ion-button.first-button .disabled p span[data-v-cb71f15c] {
    color: var(--color-primary-btn-text-disable)
}

.new-skin-symbol div.button ion-button.raised[data-v-cb71f15c] {
    --background: var(--ep-color-background-fill-surface-raised-L2)
}

.new-skin-symbol div.button ion-button.raised[data-v-cb71f15c]::part(native) {
    background: var(--ep-color-background-fill-surface-raised-L2)
}

.new-skin-symbol div.button ion-button.raised p[data-v-cb71f15c] {
    font-size: inherit
}

.new-skin-symbol div.button ion-button.raised p span[data-v-cb71f15c] {
    color: var(--ep-color-text-default, --color-primary-btn-text-active)
}

.new-skin-symbol div.button ion-button.raised .disabled p span[data-v-cb71f15c] {
    color: var(--color-primary-btn-text-disable)
}

.new-skin-symbol div.button ion-button.primary[data-v-cb71f15c] {
    --background: var(--ep-color-background-fill-active-active)
}

.new-skin-symbol div.button ion-button.primary[data-v-cb71f15c]::part(native) {
    background: var(--ep-color-background-fill-active-active)
}

.new-skin-symbol div.button ion-button.primary p[data-v-cb71f15c] {
    font-size: inherit
}

.new-skin-symbol div.button ion-button.primary p span[data-v-cb71f15c] {
    color: var(--ep-color-text-inverse, --color-primary-btn-text-active)
}

.new-skin-symbol div.button ion-button.primary .disabled p span[data-v-cb71f15c] {
    color: var(--color-primary-btn-text-disable)
}

div.button ion-button.style-2[data-v-cb71f15c] {
    --background: var(--color-button-bg-gray)
}

div.button ion-button.style-2[data-v-cb71f15c]::part(native) {
    background: var(--color-button-bg-gray)
}

div.button ion-button.style-2 p[data-v-cb71f15c] {
    font-size: inherit
}

div.button ion-button.style-2 p span[data-v-cb71f15c] {
    color: var(--button-text-color, --color-primary-btn-text-active)
}

div.button ion-button.style-2 .disabled p span[data-v-cb71f15c] {
    color: var(--color-primary-btn-text-disable)
}

.amber-purple .default div.button ion-button.first-button[data-v-cb71f15c],
.amber-purple .second div.button ion-button.first-button[data-v-cb71f15c] {
    --background: var(--theme-color-gradient-100)
}

.amber-purple .default div.button ion-button.first-button[data-v-cb71f15c]::part(native),
.amber-purple .second div.button ion-button.first-button[data-v-cb71f15c]::part(native) {
    background: var(--theme-color-gradient-100)
}

.amber-purple .default div.button ion-button.first-button p[data-v-cb71f15c],
.amber-purple .second div.button ion-button.first-button p[data-v-cb71f15c] {
    font-size: inherit
}

.amber-purple .default div.button ion-button.first-button p span[data-v-cb71f15c],
.amber-purple .second div.button ion-button.first-button p span[data-v-cb71f15c] {
    color: var(--button-text-color, --color-primary-btn-text-active)
}

.amber-purple .default div.button ion-button.first-button .disabled p span[data-v-cb71f15c],
.amber-purple .second div.button ion-button.first-button .disabled p span[data-v-cb71f15c] {
    color: var(--color-primary-btn-text-disable)
}

div.button ion-button.style-1[data-v-cb71f15c] {
    --background: var(--background, var(--theme-color-800))
}

div.button ion-button.style-1[data-v-cb71f15c]::part(native) {
    background: var(--background, var(--theme-color-800))
}

div.button ion-button.style-1 p[data-v-cb71f15c] {
    font-size: inherit
}

div.button ion-button.style-1 p span[data-v-cb71f15c] {
    color: var(--button-text-color, --color-primary-btn-text-active)
}

div.button ion-button.style-1 .disabled p span[data-v-cb71f15c] {
    color: var(--color-primary-btn-text-disable)
}

div.button ion-button.style-1[data-v-cb71f15c]::part(native) {
    --background: linear-gradient(96deg, #6845DA 0%, #FF972F 97.21%);
    --border-radius: 52px;
    border: 1px solid #FFECA6;
    --box-shadow: 0px 4px 20px 0px rgba(255, 142, 86, .26)
}

div.button ion-button.style-1.disabled[data-v-cb71f15c] {
    --background: var(--background, var(--theme-color-800))
}

div.button ion-button.style-1.disabled[data-v-cb71f15c]::part(native) {
    background: var(--background, var(--theme-color-800))
}

div.button ion-button.style-1.disabled p[data-v-cb71f15c] {
    font-size: inherit
}

div.button ion-button.style-1.disabled p span[data-v-cb71f15c] {
    color: var(--button-text-color, --color-primary-btn-text-active)
}

div.button ion-button.style-1.disabled .disabled p span[data-v-cb71f15c] {
    color: var(--color-primary-btn-text-disable)
}

ion-button.first-button p {
    color: var(--color-primary-btn-text-active)
}

div.button ion-button.style-1.disabled[data-v-cb71f15c]::part(native) {
    opacity: .4;
    --background: linear-gradient(96deg, #6845DA 0%, #FF972F 97.21%);
    --border-radius: 52px;
    border: 1px solid #FFECA6;
    --box-shadow: 0px 4px 20px 0px rgba(255, 142, 86, .26)
}

ion-button.disabled[data-v-cb71f15c] {
    --background: var(--color-primary-btn-disable) !important;
    --color: var(--color-primary-btn-text-disable)
}

ion-button.loading[data-v-cb71f15c] {
    --background: var(--color-primary-btn-load) !important;
    --color: var(--color-primary-btn-text-load)
}

div.shiny[data-v-cb71f15c] {
    position: relative;
    overflow: hidden;
    border-radius: .25rem
}

div.shiny[data-v-cb71f15c]:before {
    content: "";
    background: var(--color-text-100);
    display: inline-block;
    height: 100%;
    left: 0;
    position: absolute;
    top: -180px;
    width: 30px;
    z-index: 99;
    animation: shiny-cb71f15c 4s ease-in-out infinite
}

@keyframes shiny-cb71f15c {
    0% {
        opacity: 0;
        transform: scale(0) rotate(45deg)
    }

    80% {
        opacity: .5;
        transform: scale(0) rotate(45deg)
    }

    81% {
        opacity: 1;
        transform: scale(4) rotate(45deg)
    }

    to {
        opacity: 0;
        transform: scale(50) rotate(45deg)
    }
}

.color-primary-600[data-v-25f5f567] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-25f5f567] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-25f5f567] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-25f5f567] {
    color: var(--color-primary-900)
}

.bg-100[data-v-25f5f567] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-25f5f567] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-25f5f567] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-25f5f567] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-25f5f567] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-25f5f567] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-25f5f567] {
    background-color: var(--color-warning)
}

.bg-link[data-v-25f5f567] {
    background-color: var(--color-link)
}

.bg-danger[data-v-25f5f567] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-25f5f567] {
    color: var(--color-text-100)
}

.color-text-80[data-v-25f5f567] {
    color: var(--color-text-80)
}

.color-text-50[data-v-25f5f567] {
    color: var(--color-text-50)
}

.color-text-40[data-v-25f5f567] {
    color: var(--color-text-40)
}

.color-text-20[data-v-25f5f567] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-25f5f567] {
    color: var(--color-currency)
}

.color-warning[data-v-25f5f567] {
    color: var(--color-warning)
}

.color-danger[data-v-25f5f567] {
    color: var(--color-danger)
}

.color-link[data-v-25f5f567] {
    color: var(--color-link)
}

.color-line[data-v-25f5f567] {
    color: var(--color-line)
}

.color-border[data-v-25f5f567] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-25f5f567] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-25f5f567] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-25f5f567] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-25f5f567] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-25f5f567] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-25f5f567] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-25f5f567] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-25f5f567] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-25f5f567] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-25f5f567] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-25f5f567] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-25f5f567] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-25f5f567] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-25f5f567] {
    display: flex;
    align-items: center
}

.flex-start[data-v-25f5f567] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-25f5f567] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-25f5f567] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-25f5f567] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-25f5f567] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-25f5f567] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-25f5f567] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-25f5f567] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-25f5f567] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-25f5f567] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-25f5f567] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-25f5f567] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-25f5f567] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-25f5f567] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-25f5f567] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-25f5f567] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-25f5f567] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-25f5f567] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-25f5f567] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-25f5f567] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-25f5f567] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-25f5f567] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-25f5f567] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-25f5f567] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-25f5f567],
.mlm-selected-item[data-v-25f5f567] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-25f5f567] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-25f5f567]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-25f5f567] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-25f5f567] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-25f5f567] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

div.relative ion-input[data-v-25f5f567] {
    --placeholder-color: var(--color-text-40);
    --placeholder-opacity: 1;
    --padding-bottom: 0px;
    --padding-start: .75rem !important;
    --padding-top: 0px;
    --border-width: 0px;
    --border-radius: var(--rounded-small);
    --color: var(--color-text-100);
    --background: var(--2dded4ee);
    --highlight-color-focused: var(--input-highlight-color);
    --highlight-color-valid: var(--input-highlight-color);
    --placeholder-font-weight: var(--font-weight-regular);
    font-size: .875rem;
    line-height: 1.5rem
}

.recharge ion-input[data-v-25f5f567],
.withdraw ion-input[data-v-25f5f567],
.font-weight ion-input[data-v-25f5f567] {
    font-weight: 700
}

div.relative ion-input.ion-invalid[data-v-25f5f567] {
    margin-bottom: var(--8398f892)
}

div.relative ion-input div span[data-v-25f5f567] {
    border-color: var(--color-border-input-prefix)
}

div.relative ion-input[data-v-25f5f567] {
    min-height: 0;
    height: var(--44ded5bf)
}

div.relative>ion-input .input-wrapper {
    border: 1px solid var(--color-line) !important
}

div.relative>ion-input.text .input-wrapper.sc-ion-input-ios {
    border: none !important
}

div.relative>ion-input.input-disabled.sc-ion-input-ios-h {
    opacity: 1
}

div.relative>ion-input.input-disabled.sc-ion-input-ios-h .input-wrapper.sc-ion-input-ios {
    border: 1px solid var(--color-line) !important
}

div.relative>ion-input.ion-valid .input-wrapper.sc-ion-input-ios {
    border: 1px solid var(--color-success) !important
}

div.relative>ion-input.ion-invalid .input-wrapper.sc-ion-input-ios {
    border: 1px solid var(--color-danger) !important
}

div.relative>ion-input .input-bottom.sc-ion-input-ios {
    padding-top: 0
}

div.relative>ion-input.ion-invalid .input-bottom .error-text {
    font-size: .75rem;
    padding-left: .375rem;
    position: relative
}

div.relative>ion-input.ion-invalid .input-bottom .error-text:after {
    content: url(/assets/warning-CNy2yABQ.svg);
    display: block;
    width: 1rem;
    height: 1rem;
    position: absolute;
    top: .1875rem;
    left: -.75rem;
    filter: var(--ep-color-text-danger)
}

div.relative>ion-input.ion-invalid .input-bottom .error-text:after {
    color: var(--ep-color-text-danger)
}

div.relative>ion-input .input-bottom.sc-ion-input-ios .helper-text.sc-ion-input-ios {
    color: var(--ep-color-text-success, #35CD1E)
}

div.relative>ion-input label.input-wrapper .label-text-wrapper.sc-ion-input-ios.sc-ion-input-ios-s {
    margin-inline-end: .25rem
}

p.currency[data-v-25f5f567] {
    color: var(--color-currency)
}

p.extra[data-v-25f5f567] {
    color: var(--color-text-40)
}

p.amount[data-v-25f5f567] {
    color: var(--color-bonus)
}

div.max-box[data-v-25f5f567] {
    background: var(--color-bg-200);
    min-width: 3rem;
    height: 2.125rem;
    border-radius: var(--rounded-small);
    text-align: center;
    line-height: 2.125rem;
    cursor: pointer;
    padding: 0 .375rem;
    box-sizing: border-box
}

.recharge[data-v-25f5f567] {
    font-size: var(--font-size-12)
}

p.max-text[data-v-25f5f567] {
    color: var(--color-text-40)
}

p.no-bonus[data-v-25f5f567] {
    color: var(--color-link)
}

.purple-light .max-text[data-v-25f5f567] {
    color: var(--theme-color-800)
}

.amber-purple div.max-box[data-v-25f5f567] {
    background: var(--color-bg-100)
}

.amber-purple .max-text[data-v-25f5f567] {
    color: var(--text-color-light-purple-1-100)
}

div.relative.amber-purple>ion-input.ion-valid .input-wrapper.sc-ion-input-ios {
    border: 1px solid var(--color-success) !important
}

.new-skin-symbol div.relative ion-input[data-v-25f5f567] {
    --placeholder-color: var(--ep-color-text-weaker);
    --placeholder-opacity: 1;
    --padding-bottom: 0px;
    --padding-start: .75rem !important;
    --padding-top: 0px;
    --border-width: 0px;
    --border-radius: var(--ep-border-radius-m);
    --color: var(--ep-color-text-default);
    --background: var(--ep-color-background-fill-surface-lowered);
    --highlight-color-focused: var(--ep-color-border-selected);
    --highlight-color-valid: var(--ep-color-border-success);
    --placeholder-font-weight: var(--ep-color-border-selected);
    --highlight-color-invalid: var(--ep-color-border-danger);
    font-size: var(--ep-font-size-m);
    line-height: 1.5rem
}

.new-skin-symbol div.relative p.currency[data-v-25f5f567] {
    color: var(--ep-color-text-warning)
}

.new-skin-symbol div.relative p.extra[data-v-25f5f567] {
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol div.relative p.amount[data-v-25f5f567] {
    color: var(--ep-color-text-success)
}

.new-skin-symbol div.relative .max-box[data-v-25f5f567] {
    background: var(--ep-color-background-fill-surface-raised-L1);
    min-width: 3rem;
    height: 2.125rem;
    border-radius: .25rem;
    text-align: center;
    line-height: 2.125rem;
    cursor: pointer;
    padding: 0 .375rem;
    box-sizing: border-box
}

.new-skin-symbol div.relative .max-box .max-text[data-v-25f5f567] {
    color: var(--ep-color-text-weaker);
    font-size: var(--ep-font-size-m)
}

.new-skin-symbol div.relative .password-icon[data-v-25f5f567] {
    color: var(--ep-color-icon-weaker)
}

div.relative.new-skin-symbol ion-input div span[data-v-25f5f567] {
    border-color: var(--ep-color-border-default)
}

div.relative.new-skin-symbol>ion-input .input-wrapper {
    border: 1px solid var(--ep-color-border-default) !important
}

div.relative.new-skin-symbol>ion-input.input-disabled.sc-ion-input-ios-h .input-wrapper.sc-ion-input-ios {
    border: 1px solid var(--ep-color-border-default) !important
}

div.relative.new-skin-symbol>ion-input.ion-valid .input-wrapper.sc-ion-input-ios {
    border: 1px solid var(--ep-color-border-success) !important
}

div.relative.new-skin-symbol>ion-input.ion-invalid .input-wrapper.sc-ion-input-ios {
    border: 1px solid var(--ep-color-border-danger) !important
}

.color-primary-600[data-v-d787ac55] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-d787ac55] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-d787ac55] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-d787ac55] {
    color: var(--color-primary-900)
}

.bg-100[data-v-d787ac55] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-d787ac55] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-d787ac55] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-d787ac55] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-d787ac55] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-d787ac55] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-d787ac55] {
    background-color: var(--color-warning)
}

.bg-link[data-v-d787ac55] {
    background-color: var(--color-link)
}

.bg-danger[data-v-d787ac55] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-d787ac55] {
    color: var(--color-text-100)
}

.color-text-80[data-v-d787ac55] {
    color: var(--color-text-80)
}

.color-text-50[data-v-d787ac55] {
    color: var(--color-text-50)
}

.color-text-40[data-v-d787ac55] {
    color: var(--color-text-40)
}

.color-text-20[data-v-d787ac55] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-d787ac55] {
    color: var(--color-currency)
}

.color-warning[data-v-d787ac55] {
    color: var(--color-warning)
}

.color-danger[data-v-d787ac55] {
    color: var(--color-danger)
}

.color-link[data-v-d787ac55] {
    color: var(--color-link)
}

.color-line[data-v-d787ac55] {
    color: var(--color-line)
}

.color-border[data-v-d787ac55] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-d787ac55] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-d787ac55] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-d787ac55] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-d787ac55] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-d787ac55] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-d787ac55] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-d787ac55] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-d787ac55] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-d787ac55] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-d787ac55] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-d787ac55] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-d787ac55] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-d787ac55] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-d787ac55] {
    display: flex;
    align-items: center
}

.flex-start[data-v-d787ac55] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-d787ac55] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-d787ac55] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-d787ac55] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-d787ac55] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-d787ac55] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-d787ac55] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-d787ac55] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-d787ac55] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-d787ac55] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-d787ac55] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-d787ac55] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-d787ac55] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-d787ac55] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-d787ac55] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-d787ac55] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-d787ac55] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-d787ac55] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-d787ac55] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-d787ac55] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-d787ac55] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-d787ac55] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-d787ac55] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-d787ac55] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-d787ac55],
.mlm-selected-item[data-v-d787ac55] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-d787ac55] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-d787ac55]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-d787ac55] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-d787ac55] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-d787ac55] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-modal#change-pw-modal::part(content) {
    --height: 100%;
    --width: 100%
}

.btn-close[data-v-d787ac55] {
    color: var(--login-close-color)
}

.forget-title[data-v-d787ac55] {
    font-size: 1.125rem;
    color: var(--color-text-100)
}

.forget-tips[data-v-d787ac55] {
    font-size: .75rem;
    color: var(--color-text-40)
}

.step-index[data-v-d787ac55] {
    width: 1.375rem;
    height: 1.375rem;
    line-height: 1.375rem;
    border: 1px solid var(--color-text-40);
    border-radius: 50%;
    text-align: center
}

.step-index.on[data-v-d787ac55] {
    background: var(--color-checkbox-bg);
    border-width: 0;
    font-weight: var(--font-weight-bold);
    color: var(--forgot-step-pass-color, #fff)
}

.step-index.on.current[data-v-d787ac55] {
    width: 1.75rem;
    height: 1.75rem;
    line-height: 1.75rem
}

.step-title[data-v-d787ac55] {
    font-size: .75rem;
    line-height: 1.125rem;
    color: var(--color-text-80)
}

.step-unpass-text[data-v-d787ac55] {
    color: var(--forgot-step-unpass-color)
}

.step-unpass-bg[data-v-d787ac55] {
    background: var(--color-text-40)
}

.step-pass-bg[data-v-d787ac55] {
    background: var(--theme-color-800)
}

div.button ion-button.second-button[data-v-d7158b02] {
    --background: var(--color-button-bg-basic);
    --border-radius: var(--layout-radius-basic);
    --padding-start: .625rem;
    --padding-end: .625rem;
    --box-shadow: none;
    font-size: var(--button-font-size, .875rem);
    font-weight: var(--button-font-weight, bold);
    min-height: 26px;
    width: 100%;
    height: 100%;
    margin-top: 0;
    margin-bottom: 0;
    margin-inline-start: 0;
    margin-inline-end: 0
}

div.button ion-button[data-v-d7158b02]::part(native) {
    box-shadow: var(--color-button-shadow-basic)
}

div.button ion-button.second-button.ion-activated[data-v-d7158b02] {
    height: calc(var(--64eb3052) - 2.4px)
}

div.button ion-button.second-button.ion-activated[data-v-d7158b02]::part(native) {
    box-shadow: none
}

div.button ion-button.second-button p[data-v-d7158b02] {
    font-size: inherit
}

div.button ion-button.second-button p span[data-v-d7158b02] {
    color: var(--button-text-color, --color-primary-btn-text-active)
}

div.button ion-button.second-button.disabled p span[data-v-d7158b02] {
    color: var(--color-primary-btn-text-disable)
}

ion-button.second-button p {
    color: var(--color-primary-btn-text-active)
}

ion-button.disabled[data-v-d7158b02] {
    opacity: .4;
    --background: var(--color-button-bg-disable) !important;
    --color: var(--color-primary-btn-text-disable)
}

ion-button.loading[data-v-d7158b02] {
    --background: var(--color-primary-btn-load) !important;
    --color: var(--color-primary-btn-text-load)
}

div.shiny[data-v-d7158b02] {
    position: relative;
    overflow: hidden;
    border-radius: .25rem
}

div.shiny[data-v-d7158b02]:before {
    content: "";
    background: var(--color-text-100);
    display: inline-block;
    height: 100%;
    left: 0;
    position: absolute;
    top: -180px;
    width: 30px;
    z-index: 99;
    animation: shiny-d7158b02 4s ease-in-out infinite
}

@keyframes shiny-d7158b02 {
    0% {
        opacity: 0;
        transform: scale(0) rotate(45deg)
    }

    80% {
        opacity: .5;
        transform: scale(0) rotate(45deg)
    }

    81% {
        opacity: 1;
        transform: scale(4) rotate(45deg)
    }

    to {
        opacity: 0;
        transform: scale(50) rotate(45deg)
    }
}

.color-primary-600[data-v-7f0ea7d3] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-7f0ea7d3] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-7f0ea7d3] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-7f0ea7d3] {
    color: var(--color-primary-900)
}

.bg-100[data-v-7f0ea7d3] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-7f0ea7d3] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-7f0ea7d3] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-7f0ea7d3] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-7f0ea7d3] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-7f0ea7d3] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-7f0ea7d3] {
    background-color: var(--color-warning)
}

.bg-link[data-v-7f0ea7d3] {
    background-color: var(--color-link)
}

.bg-danger[data-v-7f0ea7d3] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-7f0ea7d3] {
    color: var(--color-text-100)
}

.color-text-80[data-v-7f0ea7d3] {
    color: var(--color-text-80)
}

.color-text-50[data-v-7f0ea7d3] {
    color: var(--color-text-50)
}

.color-text-40[data-v-7f0ea7d3] {
    color: var(--color-text-40)
}

.color-text-20[data-v-7f0ea7d3] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-7f0ea7d3] {
    color: var(--color-currency)
}

.color-warning[data-v-7f0ea7d3] {
    color: var(--color-warning)
}

.color-danger[data-v-7f0ea7d3] {
    color: var(--color-danger)
}

.color-link[data-v-7f0ea7d3] {
    color: var(--color-link)
}

.color-line[data-v-7f0ea7d3] {
    color: var(--color-line)
}

.color-border[data-v-7f0ea7d3] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-7f0ea7d3] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-7f0ea7d3] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-7f0ea7d3] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-7f0ea7d3] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-7f0ea7d3] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-7f0ea7d3] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-7f0ea7d3] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-7f0ea7d3] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-7f0ea7d3] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-7f0ea7d3] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-7f0ea7d3] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-7f0ea7d3] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-7f0ea7d3] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-7f0ea7d3] {
    display: flex;
    align-items: center
}

.flex-start[data-v-7f0ea7d3] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-7f0ea7d3] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-7f0ea7d3] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-7f0ea7d3] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-7f0ea7d3] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-7f0ea7d3] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-7f0ea7d3] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-7f0ea7d3] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-7f0ea7d3] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-7f0ea7d3] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-7f0ea7d3] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-7f0ea7d3] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-7f0ea7d3] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-7f0ea7d3] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-7f0ea7d3] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-7f0ea7d3] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-7f0ea7d3] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-7f0ea7d3] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-7f0ea7d3] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-7f0ea7d3] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-7f0ea7d3] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-7f0ea7d3] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-7f0ea7d3] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-7f0ea7d3] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-7f0ea7d3],
.mlm-selected-item[data-v-7f0ea7d3] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-7f0ea7d3] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-7f0ea7d3]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-7f0ea7d3] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-7f0ea7d3] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-7f0ea7d3] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.tag[data-v-7f0ea7d3] {
    border: .0625rem solid #FFF781;
    display: flex;
    overflow: hidden
}

.text-base[data-v-7f0ea7d3] {
    font-family: Roboto;
    font-style: italic;
    font-weight: 900;
    line-height: normal;
    text-align: center;
    color: #fde077
}

.merchantCy[data-v-7f0ea7d3] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Roboto;
    font-style: italic;
    font-weight: 900;
    line-height: normal;
    text-align: center;
    color: #fde077;
    background: linear-gradient(90deg, #7f0671 -.29%, #4c08b2)
}

.merchantCy ion-img[data-v-7f0ea7d3] {
    width: .625rem
}

.reward-amount[data-v-7f0ea7d3] {
    font-family: Roboto;
    font-style: italic;
    font-weight: 900;
    line-height: normal;
    text-align: center;
    color: #fde077;
    padding: 0 .625rem;
    background: linear-gradient(90deg, #b32344, #ea355f);
    flex: 1;
    white-space: nowrap
}

.color-primary-600[data-v-18fcce37] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-18fcce37] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-18fcce37] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-18fcce37] {
    color: var(--color-primary-900)
}

.bg-100[data-v-18fcce37] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-18fcce37] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-18fcce37] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-18fcce37] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-18fcce37] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-18fcce37] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-18fcce37] {
    background-color: var(--color-warning)
}

.bg-link[data-v-18fcce37] {
    background-color: var(--color-link)
}

.bg-danger[data-v-18fcce37] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-18fcce37] {
    color: var(--color-text-100)
}

.color-text-80[data-v-18fcce37] {
    color: var(--color-text-80)
}

.color-text-50[data-v-18fcce37] {
    color: var(--color-text-50)
}

.color-text-40[data-v-18fcce37] {
    color: var(--color-text-40)
}

.color-text-20[data-v-18fcce37] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-18fcce37] {
    color: var(--color-currency)
}

.color-warning[data-v-18fcce37] {
    color: var(--color-warning)
}

.color-danger[data-v-18fcce37] {
    color: var(--color-danger)
}

.color-link[data-v-18fcce37] {
    color: var(--color-link)
}

.color-line[data-v-18fcce37] {
    color: var(--color-line)
}

.color-border[data-v-18fcce37] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-18fcce37] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-18fcce37] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-18fcce37] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-18fcce37] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-18fcce37] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-18fcce37] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-18fcce37] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-18fcce37] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-18fcce37] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-18fcce37] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-18fcce37] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-18fcce37] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-18fcce37] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-18fcce37] {
    display: flex;
    align-items: center
}

.flex-start[data-v-18fcce37] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-18fcce37] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-18fcce37] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-18fcce37] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-18fcce37] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-18fcce37] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-18fcce37] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-18fcce37] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-18fcce37] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-18fcce37] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-18fcce37] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-18fcce37] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-18fcce37] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-18fcce37] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-18fcce37] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-18fcce37] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-18fcce37] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-18fcce37] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-18fcce37] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-18fcce37] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-18fcce37] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-18fcce37] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-18fcce37] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-18fcce37] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-18fcce37],
.mlm-selected-item[data-v-18fcce37] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-18fcce37] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-18fcce37]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-18fcce37] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-18fcce37] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-18fcce37] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.header[data-v-18fcce37] {
    padding-top: 2.8rem;
    padding-bottom: 2.37rem
}

.title[data-v-18fcce37] {
    font-size: 1.875rem;
    line-height: 1.2
}

.register-hint[data-v-18fcce37] {
    font-size: .875rem;
    padding-right: .75rem
}

.register-text[data-v-18fcce37] {
    font-size: .875rem
}

.exception-text[data-v-18fcce37] {
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-regular, 400);
    color: #e64021;
    line-height: 1.5
}

.new-skin-symbol .title[data-v-18fcce37] {
    font-size: var(--ep-font-size-xxl)
}

.new-skin-symbol .register-hint[data-v-18fcce37],
.new-skin-symbol .register-text[data-v-18fcce37] {
    font-size: var(--ep-font-size-m)
}

.form-wrapper[data-v-18fcce37] {
    flex: auto;
    overflow: auto;
    display: flex;
    flex-flow: column;
    padding-top: .5rem;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.form-wrapper[data-v-18fcce37]::-webkit-scrollbar {
    display: none
}

.footer[data-v-18fcce37] {
    width: 100%;
    margin-top: auto;
    margin-bottom: 1.38rem
}

.item-height[data-v-18fcce37] {
    height: 4.375rem
}

.btn-login[data-v-18fcce37] {
    margin-bottom: 1rem
}

.remember-account[data-v-18fcce37] {
    margin-bottom: 1.875rem;
    font-size: .625rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.remember-account .text-warpper[data-v-18fcce37] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1 1 0%;
    padding: 0 .25rem;
    font-size: var(--ep-font-size-s, .75rem);
    line-height: 1.625rem
}

.yellow-dark .title[data-v-18fcce37] {
    font-weight: var(--font-weight-bold);
    color: var(--color-text-100)
}

.yellow-dark .register-hint[data-v-18fcce37] {
    font-weight: var(--font-weight-regular);
    color: var(--color-text-40)
}

.yellow-dark .register-text[data-v-18fcce37] {
    font-weight: var(--font-weight-bold);
    color: #6691d5
}

.yellow-dark .remember-account[data-v-18fcce37] {
    color: #a0a6b0
}

.yellow-dark .remember-account .text-warpper[data-v-18fcce37] {
    font-weight: var(--font-weight-regular);
    color: var(--color-text-40)
}

.yellow-dark .remember-account ion-checkbox[data-v-18fcce37] {
    --checkbox-background-checked: var(--ep-color-icon-brand-primary, var(--color-checkbox-bg))
}

.yellow-dark .remember-account ion-checkbox[data-v-18fcce37]::part(container) {
    border: 1px solid var(--ep-color-icon-brand-primary, var(--color-checkbox-border))
}

.green-dark .title[data-v-18fcce37] {
    font-weight: var(--font-weight-bold);
    color: var(--color-text-100)
}

.green-dark .register-hint[data-v-18fcce37] {
    font-weight: var(--font-weight-regular);
    color: var(--color-text-40)
}

.green-dark .register-text[data-v-18fcce37] {
    font-weight: var(--font-weight-bold);
    color: var(--accent-color-blue)
}

.green-dark .remember-account[data-v-18fcce37] {
    color: #a0a6b0
}

.green-dark .remember-account .text-warpper[data-v-18fcce37] {
    font-weight: var(--font-weight-regular);
    color: var(--color-text-40)
}

.green-dark .remember-account ion-checkbox[data-v-18fcce37] {
    --checkbox-background-checked: var(--ep-color-icon-brand-primary, var(--color-checkbox-bg))
}

.green-dark .remember-account ion-checkbox[data-v-18fcce37]::part(container) {
    border: 1px solid var(--ep-color-icon-brand-primary, var(--color-checkbox-border))
}

.purple-light .title[data-v-18fcce37] {
    font-weight: var(--font-weight-bold);
    color: var(--color-text-100)
}

.purple-light .register-hint[data-v-18fcce37] {
    font-weight: var(--font-weight-regular);
    color: var(--color-text-40)
}

.purple-light .register-text[data-v-18fcce37] {
    font-weight: var(--font-weight-bold);
    color: var(--accent-color-blue)
}

.purple-light .remember-account[data-v-18fcce37] {
    color: #a0a6b0
}

.purple-light .remember-account .text-warpper[data-v-18fcce37] {
    font-weight: var(--font-weight-regular);
    color: var(--color-text-40)
}

.purple-light .remember-account ion-checkbox[data-v-18fcce37] {
    --checkbox-background-checked: var(--ep-color-icon-brand-primary, var(--color-checkbox-bg))
}

.purple-light .remember-account ion-checkbox[data-v-18fcce37]::part(container) {
    border: 1px solid var(--ep-color-icon-brand-primary, var(--color-checkbox-border))
}

.green-default .title[data-v-18fcce37],
.green-v01 .title[data-v-18fcce37],
.green-v02 .title[data-v-18fcce37] {
    font-weight: var(--font-weight-bold);
    color: var(--color-text-gray-100)
}

.green-default .register-hint[data-v-18fcce37],
.green-v01 .register-hint[data-v-18fcce37],
.green-v02 .register-hint[data-v-18fcce37] {
    font-weight: var(--font-weight-regular);
    color: var(--color-text-gray-100)
}

.green-default .register-text[data-v-18fcce37],
.green-v01 .register-text[data-v-18fcce37],
.green-v02 .register-text[data-v-18fcce37] {
    font-weight: var(--font-weight-bold);
    color: #6691d5
}

.green-default .remember-account[data-v-18fcce37],
.green-v01 .remember-account[data-v-18fcce37],
.green-v02 .remember-account[data-v-18fcce37] {
    color: var(--color-text-gray-100)
}

.green-default .remember-account .text-warpper[data-v-18fcce37],
.green-v01 .remember-account .text-warpper[data-v-18fcce37],
.green-v02 .remember-account .text-warpper[data-v-18fcce37] {
    font-weight: var(--font-weight-regular);
    color: var(--color-text-gray-100)
}

.green-default .remember-account ion-checkbox[data-v-18fcce37],
.green-v01 .remember-account ion-checkbox[data-v-18fcce37],
.green-v02 .remember-account ion-checkbox[data-v-18fcce37] {
    --checkbox-background-checked: var(--ep-color-icon-brand-primary, var(--color-checkbox-bg))
}

.green-default .remember-account ion-checkbox[data-v-18fcce37]::part(container),
.green-v01 .remember-account ion-checkbox[data-v-18fcce37]::part(container),
.green-v02 .remember-account ion-checkbox[data-v-18fcce37]::part(container) {
    border: 1px solid var(--ep-color-icon-brand-primary, var(--color-checkbox-border))
}

.forest-green .title[data-v-18fcce37] {
    font-weight: var(--font-weight-bold);
    color: var(--color-text-gray-100)
}

.forest-green .register-hint[data-v-18fcce37] {
    font-weight: var(--font-weight-regular);
    color: var(--color-text-gray-100)
}

.forest-green .register-text[data-v-18fcce37] {
    font-weight: var(--font-weight-bold);
    color: #eef93b
}

.forest-green .remember-account[data-v-18fcce37] {
    color: var(--color-text-gray-100)
}

.forest-green .remember-account .text-warpper[data-v-18fcce37] {
    font-weight: var(--font-weight-regular);
    color: var(--color-text-gray-100)
}

.forest-green .remember-account ion-checkbox[data-v-18fcce37] {
    --checkbox-background-checked: var(--ep-color-icon-brand-primary, var(--color-checkbox-bg))
}

.forest-green .remember-account ion-checkbox[data-v-18fcce37]::part(container) {
    border: 1px solid var(--ep-color-icon-brand-primary, var(--color-checkbox-border))
}

.blue-default .title[data-v-18fcce37] {
    font-weight: var(--font-weight-bold);
    color: var(--color-text-100)
}

.blue-default .register-hint[data-v-18fcce37] {
    font-weight: var(--font-weight-regular);
    color: var(--color-text-40)
}

.blue-default .register-text[data-v-18fcce37] {
    font-weight: var(--font-weight-bold);
    color: var(--accent-color-yellow)
}

.blue-default .remember-account[data-v-18fcce37] {
    color: var(--color-text-40)
}

.blue-default .remember-account .text-warpper[data-v-18fcce37] {
    font-weight: var(--font-weight-regular);
    color: var(--color-text-40)
}

.blue-default .remember-account ion-checkbox[data-v-18fcce37] {
    --checkbox-background-checked: var(--ep-color-icon-brand-primary, var(--color-checkbox-bg))
}

.blue-default .remember-account ion-checkbox[data-v-18fcce37]::part(container) {
    border: 1px solid var(--ep-color-icon-brand-primary, var(--color-checkbox-border))
}

.auroral-yellow .title[data-v-18fcce37] {
    font-weight: var(--font-weight-bold);
    color: var(--color-text-100)
}

.auroral-yellow .register-hint[data-v-18fcce37] {
    font-weight: var(--font-weight-regular);
    color: var(--color-text-40)
}

.auroral-yellow .register-text[data-v-18fcce37] {
    font-weight: var(--font-weight-bold);
    color: var(--text-color1)
}

.auroral-yellow .remember-account[data-v-18fcce37] {
    color: var(--color-text-40)
}

.auroral-yellow .remember-account .text-warpper[data-v-18fcce37] {
    font-weight: var(--font-weight-regular);
    color: var(--color-text-40)
}

.auroral-yellow .remember-account ion-checkbox[data-v-18fcce37] {
    --checkbox-background-checked: var(--ep-color-icon-brand-primary, var(--color-checkbox-bg))
}

.auroral-yellow .remember-account ion-checkbox[data-v-18fcce37]::part(container) {
    border: 1px solid var(--ep-color-icon-brand-primary, var(--color-checkbox-border))
}

.amber-purple .default .title[data-v-18fcce37] {
    font-weight: var(--font-weight-bold);
    color: var(--color-text-100)
}

.amber-purple .default .register-hint[data-v-18fcce37] {
    font-weight: var(--font-weight-regular);
    color: var(--color-text-40)
}

.amber-purple .default .register-text[data-v-18fcce37] {
    font-weight: var(--font-weight-bold);
    color: var(--accent-color-orange-3)
}

.amber-purple .default .remember-account[data-v-18fcce37] {
    color: #a0a6b0
}

.amber-purple .default .remember-account .text-warpper[data-v-18fcce37] {
    font-weight: var(--font-weight-regular);
    color: var(--color-text-40)
}

.amber-purple .default .remember-account ion-checkbox[data-v-18fcce37] {
    --checkbox-background-checked: var(--ep-color-icon-brand-primary, var(--color-checkbox-bg))
}

.amber-purple .default .remember-account ion-checkbox[data-v-18fcce37]::part(container) {
    border: 1px solid var(--ep-color-icon-brand-primary, var(--color-checkbox-border))
}

.amber-purple .title[data-v-18fcce37] {
    font-weight: var(--font-weight-bold);
    color: var(--text-color-light-purple-1-100)
}

.amber-purple .register-hint[data-v-18fcce37] {
    font-weight: var(--font-weight-regular);
    color: var(--text-color-light-purple-2-100)
}

.amber-purple .register-text[data-v-18fcce37] {
    font-weight: var(--font-weight-bold);
    color: var(--accent-color-yellow)
}

.amber-purple .remember-account[data-v-18fcce37] {
    color: var(--text-color-light-purple-2-100)
}

.amber-purple .remember-account .text-warpper[data-v-18fcce37] {
    font-weight: var(--font-weight-regular);
    color: var(--text-color-light-purple-2-100)
}

.amber-purple .remember-account ion-checkbox[data-v-18fcce37] {
    --checkbox-background-checked: var(--ep-color-icon-brand-primary, var(--color-checkbox-bg))
}

.amber-purple .remember-account ion-checkbox[data-v-18fcce37]::part(container) {
    border: 1px solid var(--ep-color-icon-brand-primary, var(--color-checkbox-border))
}

.title[data-v-18fcce37] {
    font-weight: var(--ep-font-weight-bold);
    color: var(--ep-color-text-default)
}

.register-hint[data-v-18fcce37] {
    font-weight: var(--font-weight-regular);
    color: var(--ep-color-text-weaker)
}

.register-text[data-v-18fcce37] {
    font-weight: var(--ep-font-weight-bold);
    color: var(--ep-color-text-highlight)
}

.remember-account[data-v-18fcce37] {
    color: #a0a6b0
}

.remember-account .text-warpper[data-v-18fcce37] {
    font-weight: var(--font-weight-regular);
    color: var(--ep-color-text-weaker)
}

.remember-account ion-checkbox[data-v-18fcce37] {
    --checkbox-background-checked: var(--ep-color-icon-brand-primary, var(--color-checkbox-bg))
}

.remember-account ion-checkbox[data-v-18fcce37]::part(container) {
    border: 1px solid var(--ep-color-icon-brand-primary, var(--color-checkbox-border))
}

.color-primary-600[data-v-6a676951] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-6a676951] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-6a676951] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-6a676951] {
    color: var(--color-primary-900)
}

.bg-100[data-v-6a676951] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-6a676951] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-6a676951] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-6a676951] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-6a676951] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-6a676951] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-6a676951] {
    background-color: var(--color-warning)
}

.bg-link[data-v-6a676951] {
    background-color: var(--color-link)
}

.bg-danger[data-v-6a676951] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-6a676951] {
    color: var(--color-text-100)
}

.color-text-80[data-v-6a676951] {
    color: var(--color-text-80)
}

.color-text-50[data-v-6a676951] {
    color: var(--color-text-50)
}

.color-text-40[data-v-6a676951] {
    color: var(--color-text-40)
}

.color-text-20[data-v-6a676951] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-6a676951] {
    color: var(--color-currency)
}

.color-warning[data-v-6a676951] {
    color: var(--color-warning)
}

.color-danger[data-v-6a676951] {
    color: var(--color-danger)
}

.color-link[data-v-6a676951] {
    color: var(--color-link)
}

.color-line[data-v-6a676951] {
    color: var(--color-line)
}

.color-border[data-v-6a676951] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-6a676951] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-6a676951] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-6a676951] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-6a676951] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-6a676951] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-6a676951] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-6a676951] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-6a676951] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-6a676951] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-6a676951] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-6a676951] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-6a676951] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-6a676951] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-6a676951] {
    display: flex;
    align-items: center
}

.flex-start[data-v-6a676951] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-6a676951] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-6a676951] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-6a676951] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-6a676951] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-6a676951] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-6a676951] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-6a676951] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-6a676951] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-6a676951] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-6a676951] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-6a676951] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-6a676951] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-6a676951] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-6a676951] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-6a676951] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-6a676951] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-6a676951] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-6a676951] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-6a676951] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-6a676951] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-6a676951] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-6a676951] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-6a676951] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-6a676951],
.mlm-selected-item[data-v-6a676951] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-6a676951] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-6a676951]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-6a676951] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-6a676951] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-6a676951] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.input-box[data-v-6a676951] {
    --border-color: var(--line-color);
    --placeholder-color: var(--color-text-40);
    --color: var(--color-text-100);
    --background: var(--color-bg-400);
    --highlight-color-focused: var(--input-highlight-color);
    --highlight-color-valid: var(--input-highlight-color);
    --placeholder-font-weight: var(--font-weight-regular);
    --border-radius: var(--rounded-small);
    --padding-start: .75rem;
    --padding-end: 0;
    --padding-top: 0;
    --padding-bottom: 0;
    --border-width: 0;
    font-size: .875rem;
    --placeholder-opacity: 1;
    line-height: 1.5rem;
    height: 2.872rem
}

.input-box.has-focus[data-v-6a676951] {
    --border-color: var(--line-color);
    --border-width: 0
}

.input-box[data-v-6a676951] .input-bottom {
    padding-top: 0
}

.input-box[data-v-6a676951] .input-bottom .error-text {
    font-size: .75rem;
    padding-left: .375rem;
    position: relative
}

.input-box[data-v-6a676951] .input-bottom .error-text:after {
    content: url(src/components/first/Input/assets/warning.svg);
    display: block;
    width: 1rem;
    height: 1rem;
    position: absolute;
    top: .1875rem;
    left: -.75rem
}

.input-box .datetime-button[data-v-6a676951]::part(native) {
    margin-inline-end: .4375rem;
    padding: .375rem 1.0625rem;
    font-size: .875rem;
    font-weight: 400;
    border-radius: .25rem;
    color: var(--color-text-40);
    background: var(--color-bg-200)
}

ion-modal[data-v-6a676951] {
    background: rgba(0, 0, 0, .5)
}

ion-modal .input-datetime[data-v-6a676951] {
    border-radius: .75rem;
    --background: #242424;
    --wheel-highlight-background: #181816;
    --wheel-fade-background-rgb: none;
    --wheel-highlight-border-radius: 3.25rem;
    box-shadow: 0 -4.0625rem 2.625rem -1.375rem rgba(0, 0, 0, .8) inset, 0 4.0625rem 2.625rem -1.375rem rgba(11, 11, 11, .8) inset
}

ion-modal .input-datetime .picker-after[data-v-6a676951] {
    background: red
}

ion-modal .input-datetime[data-v-6a676951]::part(wheel-item) {
    color: rgba(255, 255, 255, .3);
    font-size: .875rem
}

ion-modal .input-datetime[data-v-6a676951]::part(wheel-item active) {
    color: #fff;
    font-size: 1rem
}

.color-primary-600[data-v-05f04c1b] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-05f04c1b] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-05f04c1b] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-05f04c1b] {
    color: var(--color-primary-900)
}

.bg-100[data-v-05f04c1b] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-05f04c1b] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-05f04c1b] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-05f04c1b] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-05f04c1b] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-05f04c1b] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-05f04c1b] {
    background-color: var(--color-warning)
}

.bg-link[data-v-05f04c1b] {
    background-color: var(--color-link)
}

.bg-danger[data-v-05f04c1b] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-05f04c1b] {
    color: var(--color-text-100)
}

.color-text-80[data-v-05f04c1b] {
    color: var(--color-text-80)
}

.color-text-50[data-v-05f04c1b] {
    color: var(--color-text-50)
}

.color-text-40[data-v-05f04c1b] {
    color: var(--color-text-40)
}

.color-text-20[data-v-05f04c1b] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-05f04c1b] {
    color: var(--color-currency)
}

.color-warning[data-v-05f04c1b] {
    color: var(--color-warning)
}

.color-danger[data-v-05f04c1b] {
    color: var(--color-danger)
}

.color-link[data-v-05f04c1b] {
    color: var(--color-link)
}

.color-line[data-v-05f04c1b] {
    color: var(--color-line)
}

.color-border[data-v-05f04c1b] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-05f04c1b] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-05f04c1b] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-05f04c1b] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-05f04c1b] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-05f04c1b] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-05f04c1b] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-05f04c1b] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-05f04c1b] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-05f04c1b] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-05f04c1b] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-05f04c1b] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-05f04c1b] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-05f04c1b] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-05f04c1b] {
    display: flex;
    align-items: center
}

.flex-start[data-v-05f04c1b] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-05f04c1b] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-05f04c1b] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-05f04c1b] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-05f04c1b] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-05f04c1b] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-05f04c1b] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-05f04c1b] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-05f04c1b] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-05f04c1b] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-05f04c1b] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-05f04c1b] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-05f04c1b] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-05f04c1b] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-05f04c1b] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-05f04c1b] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-05f04c1b] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-05f04c1b] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-05f04c1b] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-05f04c1b] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-05f04c1b] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-05f04c1b] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-05f04c1b] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-05f04c1b] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-05f04c1b],
.mlm-selected-item[data-v-05f04c1b] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-05f04c1b] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-05f04c1b]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-05f04c1b] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-05f04c1b] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-05f04c1b] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.header[data-v-05f04c1b] {
    padding-top: 1.0625rem;
    padding-bottom: .9375rem
}

.title[data-v-05f04c1b] {
    font-size: 1.875rem;
    line-height: 1.2
}

.login-hint[data-v-05f04c1b] {
    font-size: .875rem;
    padding-right: .75rem
}

.login-text[data-v-05f04c1b] {
    font-size: .875rem
}

.new-skin-symbol .title[data-v-05f04c1b] {
    font-size: var(--ep-font-size-xxl)
}

.new-skin-symbol .login-hint[data-v-05f04c1b],
.new-skin-symbol .login-text[data-v-05f04c1b] {
    font-size: var(--ep-font-size-m)
}

.form-wrapper[data-v-05f04c1b] {
    flex: auto;
    overflow: auto;
    display: flex;
    flex-flow: column;
    padding-top: .5rem;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.form-wrapper[data-v-05f04c1b]::-webkit-scrollbar {
    display: none
}

.footer[data-v-05f04c1b] {
    width: 100%;
    margin-top: auto;
    margin-bottom: 1.38rem
}

.item-height[data-v-05f04c1b] {
    height: 4.375rem
}

.cf-turnstile[data-v-05f04c1b] {
    padding-bottom: 1rem
}

.register-btn-warpper[data-v-05f04c1b] {
    position: relative
}

.register-btn-warpper .rewardTag[data-v-05f04c1b] {
    position: relative;
    z-index: 10;
    float: right;
    margin-right: 1rem;
    margin-bottom: -.875rem
}

.item-height .before-icon[data-v-05f04c1b] {
    font-size: var(--ep-font-size-xl, 1.25rem);
    margin-inline-end: .3125rem;
    margin-inline-start: .1875rem
}

.adultConfirm[data-v-05f04c1b] {
    margin-bottom: 1.875rem;
    font-size: .625rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.adultConfirm .text-warpper[data-v-05f04c1b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1 1 0%;
    padding: 0 .25rem;
    font-size: var(--ep-font-size-s, .75rem);
    line-height: 1.625rem
}

.yellow-dark .title[data-v-05f04c1b] {
    font-weight: var(--font-weight-bold);
    color: var(--color-text-100)
}

.yellow-dark .login-hint[data-v-05f04c1b] {
    font-weight: var(--font-weight-regular);
    color: var(--color-text-40)
}

.yellow-dark .login-text[data-v-05f04c1b] {
    font-weight: var(--font-weight-bold);
    color: var(--accent-color-blue)
}

.yellow-dark .adultConfirm[data-v-05f04c1b] {
    color: #a0a6b0
}

.yellow-dark .adultConfirm .text-warpper[data-v-05f04c1b] {
    font-weight: var(--font-weight-regular);
    color: var(--color-text-40)
}

.yellow-dark .adultConfirm ion-checkbox[data-v-05f04c1b] {
    --checkbox-background-checked: var(--ep-color-icon-brand-primary, var(--color-checkbox-bg))
}

.yellow-dark .adultConfirm ion-checkbox[data-v-05f04c1b]::part(container) {
    border: 1px solid var(--ep-color-icon-brand-primary, var(--color-checkbox-border))
}

.green-dark .title[data-v-05f04c1b] {
    font-weight: var(--font-weight-bold);
    color: var(--color-text-100)
}

.green-dark .login-hint[data-v-05f04c1b] {
    font-weight: var(--font-weight-regular);
    color: var(--color-text-40)
}

.green-dark .login-text[data-v-05f04c1b] {
    font-weight: var(--font-weight-bold);
    color: var(--accent-color-blue)
}

.green-dark .adultConfirm[data-v-05f04c1b] {
    color: #a0a6b0
}

.green-dark .adultConfirm .text-warpper[data-v-05f04c1b] {
    font-weight: var(--font-weight-regular);
    color: var(--color-text-40)
}

.green-dark .adultConfirm ion-checkbox[data-v-05f04c1b] {
    --checkbox-background-checked: var(--ep-color-icon-brand-primary, var(--color-checkbox-bg))
}

.green-dark .adultConfirm ion-checkbox[data-v-05f04c1b]::part(container) {
    border: 1px solid var(--ep-color-icon-brand-primary, var(--color-checkbox-border))
}

.purple-light .title[data-v-05f04c1b] {
    font-weight: var(--font-weight-bold);
    color: var(--color-text-100)
}

.purple-light .login-hint[data-v-05f04c1b] {
    font-weight: var(--font-weight-regular);
    color: var(--color-text-40)
}

.purple-light .login-text[data-v-05f04c1b] {
    font-weight: var(--font-weight-bold);
    color: var(--accent-color-blue)
}

.purple-light .adultConfirm[data-v-05f04c1b] {
    color: #a0a6b0
}

.purple-light .adultConfirm .text-warpper[data-v-05f04c1b] {
    font-weight: var(--font-weight-regular);
    color: var(--color-text-40)
}

.purple-light .adultConfirm ion-checkbox[data-v-05f04c1b] {
    --checkbox-background-checked: var(--ep-color-icon-brand-primary, var(--color-checkbox-bg))
}

.purple-light .adultConfirm ion-checkbox[data-v-05f04c1b]::part(container) {
    border: 1px solid var(--ep-color-icon-brand-primary, var(--color-checkbox-border))
}

.green-default .title[data-v-05f04c1b],
.green-v01 .title[data-v-05f04c1b],
.green-v02 .title[data-v-05f04c1b] {
    font-weight: var(--font-weight-bold);
    color: var(--color-text-gray-100)
}

.green-default .login-hint[data-v-05f04c1b],
.green-v01 .login-hint[data-v-05f04c1b],
.green-v02 .login-hint[data-v-05f04c1b] {
    font-weight: var(--font-weight-regular);
    color: var(--color-text-gray-100)
}

.green-default .login-text[data-v-05f04c1b],
.green-v01 .login-text[data-v-05f04c1b],
.green-v02 .login-text[data-v-05f04c1b] {
    font-weight: var(--font-weight-bold);
    color: #6691d5
}

.green-default .adultConfirm[data-v-05f04c1b],
.green-v01 .adultConfirm[data-v-05f04c1b],
.green-v02 .adultConfirm[data-v-05f04c1b] {
    color: var(--color-text-gray-100)
}

.green-default .adultConfirm .text-warpper[data-v-05f04c1b],
.green-v01 .adultConfirm .text-warpper[data-v-05f04c1b],
.green-v02 .adultConfirm .text-warpper[data-v-05f04c1b] {
    font-weight: var(--font-weight-regular);
    color: var(--color-text-gray-100)
}

.green-default .adultConfirm ion-checkbox[data-v-05f04c1b],
.green-v01 .adultConfirm ion-checkbox[data-v-05f04c1b],
.green-v02 .adultConfirm ion-checkbox[data-v-05f04c1b] {
    --checkbox-background-checked: var(--ep-color-icon-brand-primary, var(--color-checkbox-bg))
}

.green-default .adultConfirm ion-checkbox[data-v-05f04c1b]::part(container),
.green-v01 .adultConfirm ion-checkbox[data-v-05f04c1b]::part(container),
.green-v02 .adultConfirm ion-checkbox[data-v-05f04c1b]::part(container) {
    border: 1px solid var(--ep-color-icon-brand-primary, var(--color-checkbox-border))
}

.forest-green .title[data-v-05f04c1b] {
    font-weight: var(--font-weight-bold);
    color: var(--color-text-gray-100)
}

.forest-green .login-hint[data-v-05f04c1b] {
    font-weight: var(--font-weight-regular);
    color: var(--color-text-gray-100)
}

.forest-green .login-text[data-v-05f04c1b] {
    font-weight: var(--font-weight-bold);
    color: #eef93b
}

.forest-green .adultConfirm[data-v-05f04c1b] {
    color: var(--color-text-gray-100)
}

.forest-green .adultConfirm .text-warpper[data-v-05f04c1b] {
    font-weight: var(--font-weight-regular);
    color: var(--color-text-gray-100)
}

.forest-green .adultConfirm ion-checkbox[data-v-05f04c1b] {
    --checkbox-background-checked: var(--ep-color-icon-brand-primary, var(--color-checkbox-bg))
}

.forest-green .adultConfirm ion-checkbox[data-v-05f04c1b]::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))
}

.auroral-yellow .title[data-v-05f04c1b] {
    font-weight: var(--font-weight-bold);
    color: var(--color-text-100)
}

.auroral-yellow .login-hint[data-v-05f04c1b] {
    font-weight: var(--font-weight-regular);
    color: var(--color-text-40)
}

.auroral-yellow .login-text[data-v-05f04c1b] {
    font-weight: var(--font-weight-bold);
    color: var(--text-color1)
}

.auroral-yellow .adultConfirm[data-v-05f04c1b] {
    color: var(--color-text-40)
}

.auroral-yellow .adultConfirm .text-warpper[data-v-05f04c1b] {
    font-weight: var(--font-weight-regular);
    color: var(--color-text-40)
}

.auroral-yellow .adultConfirm ion-checkbox[data-v-05f04c1b] {
    --checkbox-background-checked: var(--ep-color-icon-brand-primary, var(--color-checkbox-bg))
}

.auroral-yellow .adultConfirm ion-checkbox[data-v-05f04c1b]::part(container) {
    border: 1px solid var(--ep-color-icon-brand-primary, var(--color-checkbox-border))
}

.amber-purple .default .title[data-v-05f04c1b] {
    font-weight: var(--font-weight-bold);
    color: var(--color-text-100)
}

.amber-purple .default .login-hint[data-v-05f04c1b] {
    font-weight: var(--font-weight-regular);
    color: var(--color-text-40)
}

.amber-purple .default .login-text[data-v-05f04c1b] {
    font-weight: var(--font-weight-bold);
    color: var(--accent-color-green-2)
}

.amber-purple .default .adultConfirm[data-v-05f04c1b] {
    color: #a0a6b0
}

.amber-purple .default .adultConfirm .text-warpper[data-v-05f04c1b] {
    font-weight: var(--font-weight-regular);
    color: var(--color-text-40)
}

.amber-purple .default .adultConfirm ion-checkbox[data-v-05f04c1b] {
    --checkbox-background-checked: var(--ep-color-icon-brand-primary, var(--color-checkbox-bg))
}

.amber-purple .default .adultConfirm ion-checkbox[data-v-05f04c1b]::part(container) {
    border: 1px solid var(--ep-color-icon-brand-primary, var(--color-checkbox-border))
}

.amber-purple .title[data-v-05f04c1b] {
    font-weight: var(--font-weight-bold);
    color: var(--text-color-light-purple-1-100)
}

.amber-purple .login-hint[data-v-05f04c1b] {
    font-weight: var(--font-weight-regular);
    color: var(--text-color-light-purple-2-100)
}

.amber-purple .login-text[data-v-05f04c1b] {
    font-weight: var(--font-weight-bold);
    color: var(--accent-color-yellow)
}

.amber-purple .adultConfirm[data-v-05f04c1b] {
    color: var(--text-color-light-purple-2-100)
}

.amber-purple .adultConfirm .text-warpper[data-v-05f04c1b] {
    font-weight: var(--font-weight-regular);
    color: var(--text-color-light-purple-2-100)
}

.amber-purple .adultConfirm ion-checkbox[data-v-05f04c1b] {
    --checkbox-background-checked: var(--ep-color-icon-brand-primary, var(--color-checkbox-bg))
}

.amber-purple .adultConfirm ion-checkbox[data-v-05f04c1b]::part(container) {
    border: 1px solid var(--ep-color-icon-brand-primary, var(--color-checkbox-border))
}

.title[data-v-05f04c1b] {
    font-weight: var(--ep-font-weight-bold);
    color: var(--ep-color-text-default)
}

.login-hint[data-v-05f04c1b] {
    font-weight: var(--ep-font-weight-regular);
    color: var(--ep-color-text-weaker)
}

.login-text[data-v-05f04c1b] {
    font-weight: var(--ep-font-weight-bold);
    color: var(--ep-color-text-highlight)
}

.adultConfirm[data-v-05f04c1b] {
    color: #a0a6b0
}

.adultConfirm .text-warpper[data-v-05f04c1b] {
    font-weight: var(--ep-font-weight-regular);
    color: var(--ep-color-text-weaker)
}

.adultConfirm ion-checkbox[data-v-05f04c1b] {
    --checkbox-background-checked: var(--ep-color-icon-brand-primary, var(--color-checkbox-bg))
}

.adultConfirm ion-checkbox[data-v-05f04c1b]::part(container) {
    border: 1px solid var(--ep-color-icon-brand-primary, var(--color-checkbox-border))
}

.color-primary-600[data-v-6cd2e981] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-6cd2e981] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-6cd2e981] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-6cd2e981] {
    color: var(--color-primary-900)
}

.bg-100[data-v-6cd2e981] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-6cd2e981] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-6cd2e981] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-6cd2e981] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-6cd2e981] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-6cd2e981] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-6cd2e981] {
    background-color: var(--color-warning)
}

.bg-link[data-v-6cd2e981] {
    background-color: var(--color-link)
}

.bg-danger[data-v-6cd2e981] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-6cd2e981] {
    color: var(--color-text-100)
}

.color-text-80[data-v-6cd2e981] {
    color: var(--color-text-80)
}

.color-text-50[data-v-6cd2e981] {
    color: var(--color-text-50)
}

.color-text-40[data-v-6cd2e981] {
    color: var(--color-text-40)
}

.color-text-20[data-v-6cd2e981] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-6cd2e981] {
    color: var(--color-currency)
}

.color-warning[data-v-6cd2e981] {
    color: var(--color-warning)
}

.color-danger[data-v-6cd2e981] {
    color: var(--color-danger)
}

.color-link[data-v-6cd2e981] {
    color: var(--color-link)
}

.color-line[data-v-6cd2e981] {
    color: var(--color-line)
}

.color-border[data-v-6cd2e981] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-6cd2e981] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-6cd2e981] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-6cd2e981] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-6cd2e981] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-6cd2e981] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-6cd2e981] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-6cd2e981] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-6cd2e981] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-6cd2e981] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-6cd2e981] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-6cd2e981] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-6cd2e981] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-6cd2e981] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-6cd2e981] {
    display: flex;
    align-items: center
}

.flex-start[data-v-6cd2e981] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-6cd2e981] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-6cd2e981] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-6cd2e981] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-6cd2e981] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-6cd2e981] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-6cd2e981] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-6cd2e981] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-6cd2e981] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-6cd2e981] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-6cd2e981] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-6cd2e981] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-6cd2e981] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-6cd2e981] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-6cd2e981] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-6cd2e981] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-6cd2e981] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-6cd2e981] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-6cd2e981] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-6cd2e981] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-6cd2e981] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-6cd2e981] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-6cd2e981] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-6cd2e981] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-6cd2e981],
.mlm-selected-item[data-v-6cd2e981] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-6cd2e981] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-6cd2e981]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-6cd2e981] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-6cd2e981] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-6cd2e981] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-modal#login-modal::part(content) {
    --height: 100%;
    --width: 100%;
    --max-width: 486px;
    -webkit-backdrop-filter: blur(4.45px);
    backdrop-filter: blur(4.45px)
}

.warpper[data-v-6cd2e981] {
    width: 100%;
    height: 100%
}

.header[data-v-6cd2e981] {
    width: 100%;
    height: 6.06rem;
    padding: 0 1rem
}

.header .header-content[data-v-6cd2e981] {
    width: 100%;
    padding-top: .75rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.logo[data-v-6cd2e981] {
    max-width: 7.5rem;
    height: 1.75rem
}

.btn-close[data-v-6cd2e981] {
    display: inline-block;
    width: 1.875rem;
    height: 1.875rem;
    font-size: .75rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.content[data-v-6cd2e981] {
    width: 100%;
    height: calc(100% - 6.06rem);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    padding: 0 1rem;
    border-radius: 1.25rem 1.25rem 0 0;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.content[data-v-6cd2e981]::-webkit-scrollbar {
    display: none
}

.forget-title[data-v-6cd2e981] {
    font-size: 1.125rem
}

.forget-tips[data-v-6cd2e981] {
    font-size: .75rem
}

.footer[data-v-6cd2e981] {
    width: 100%;
    margin-top: auto;
    margin-bottom: 1.38rem
}

.yellow-dark .btn-close[data-v-6cd2e981] {
    background-color: var(--color-text-20);
    color: var(--login-close-color)
}

.yellow-dark .content[data-v-6cd2e981] {
    background-color: var(--color-bg-200);
    box-shadow: 0 2px 0 0 var(--theme-color-800) inset;
    filter: drop-shadow(0px -14px 60px rgba(177, 128, 3, .44));
    fill: var(--color-bg-200)
}

.yellow-dark .forget-title[data-v-6cd2e981] {
    color: var(--color-text-100)
}

.yellow-dark .forget-tips[data-v-6cd2e981] {
    color: var(--color-text-40)
}

.green-dark .btn-close[data-v-6cd2e981] {
    background-color: var(--color-text-20);
    color: var(--login-close-color)
}

.green-dark .content[data-v-6cd2e981] {
    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)
}

.green-dark .forget-title[data-v-6cd2e981] {
    color: var(--color-text-100)
}

.green-dark .forget-tips[data-v-6cd2e981] {
    color: var(--color-text-40)
}

.purple-light .btn-close[data-v-6cd2e981] {
    background-color: rgba(255, 255, 255, .2);
    color: var(--text-color-white-100)
}

.purple-light .content[data-v-6cd2e981] {
    background-color: var(--color-bg-200);
    box-shadow: 0 2px 0 0 var(--theme-color-800) inset;
    filter: drop-shadow(0px -14px 60px rgba(67, 3, 177, .44));
    fill: var(--color-bg-200)
}

.purple-light .forget-title[data-v-6cd2e981] {
    color: var(--color-text-100)
}

.purple-light .forget-tips[data-v-6cd2e981] {
    color: var(--color-text-40)
}

.green-default .btn-close[data-v-6cd2e981],
.green-v01 .btn-close[data-v-6cd2e981],
.green-v02 .btn-close[data-v-6cd2e981],
.forest-green .btn-close[data-v-6cd2e981] {
    background-color: rgba(255, 255, 255, .2);
    color: var(--color-text-white-100)
}

.green-default .content[data-v-6cd2e981],
.green-v01 .content[data-v-6cd2e981],
.green-v02 .content[data-v-6cd2e981],
.forest-green .content[data-v-6cd2e981] {
    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)
}

.green-default .forget-title[data-v-6cd2e981],
.green-v01 .forget-title[data-v-6cd2e981],
.green-v02 .forget-title[data-v-6cd2e981],
.forest-green .forget-title[data-v-6cd2e981] {
    color: var(--color-text-100)
}

.green-default .forget-tips[data-v-6cd2e981],
.green-v01 .forget-tips[data-v-6cd2e981],
.green-v02 .forget-tips[data-v-6cd2e981],
.forest-green .forget-tips[data-v-6cd2e981] {
    color: var(--color-text-40)
}

.blue-default .btn-close[data-v-6cd2e981] {
    background-color: rgba(255, 255, 255, .2);
    color: var(--color-text-white-100)
}

.blue-default .content[data-v-6cd2e981] {
    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-6cd2e981] {
    color: var(--color-text-100)
}

.blue-default .forget-tips[data-v-6cd2e981] {
    color: var(--color-text-40)
}

.auroral-yellow .btn-close[data-v-6cd2e981] {
    background-color: rgba(255, 255, 255, .2);
    color: var(--color-text-white-100)
}

.auroral-yellow .content[data-v-6cd2e981] {
    background-color: var(--color-bg-200);
    box-shadow: 0 2px 0 0 var(--theme-color-800) inset;
    filter: drop-shadow(0px -14px 60px rgba(219, 247, 79, .44));
    fill: var(--color-bg-200)
}

.auroral-yellow .forget-title[data-v-6cd2e981] {
    color: var(--color-text-100)
}

.auroral-yellow .forget-tips[data-v-6cd2e981] {
    color: var(--color-text-40)
}

.amber-purple .btn-close[data-v-6cd2e981] {
    background-color: rgba(255, 255, 255, .2);
    color: var(--text-color-white-100)
}

.amber-purple .content[data-v-6cd2e981] {
    background-color: var(--color-bg-200);
    box-shadow: 0 2px 0 0 var(--theme-color-800) inset;
    filter: drop-shadow(0px -14px 60px rgba(163, 79, 247, .44));
    fill: var(--color-bg-200)
}

.amber-purple .forget-title[data-v-6cd2e981] {
    color: var(--color-text-100)
}

.amber-purple .forget-tips[data-v-6cd2e981] {
    color: var(--color-text-40)
}

.btn-close[data-v-6cd2e981] {
    background-color: var(--ep-color-text-weakest);
    color: var(--ep-color-icon-default)
}

.content[data-v-6cd2e981] {
    background-color: var(--ep-color-background-fill-surface-raised-L1);
    box-shadow: 0 2px 0 0 var(--ep-color-background-fill-glow-primary-opacity-100) inset;
    filter: drop-shadow(0px -14px 60px var(--ep-color-background-fill-glow-primary-opacity-40));
    fill: var(--color-bg-200)
}

.forget-title[data-v-6cd2e981] {
    color: var(--color-text-100)
}

.forget-tips[data-v-6cd2e981] {
    color: var(--color-text-40)
}

ion-modal#maintenance::part(content) {
    --height: 100%
}

ion-content[data-v-4fb8eb2c]::part(background) {
    background: #090f1f
}

ion-button[data-v-4fb8eb2c] {
    --background: linear-gradient(0deg, #0167CA -13.77%, #38A8FA 102.34%);
    --color: #FFFFFF;
    --border-radius: .375rem;
    --font-size: .75rem;
    padding: 0;
    min-height: 1.75rem
}

ion-button[data-v-4fb8eb2c]::part(native) {
    width: 7.5rem;
    height: 1.75rem;
    white-space: normal;
    text-transform: none;
    font-size: .75rem;
    padding: 0
}

.permission-content[data-v-9d019116] {
    background: var(--ion-color-dark);
    color: var(--ion-color-light)
}

ion-button[data-v-9d019116] {
    --color: var(--ion-color-dark);
    --border-radius: var(--rounded-button-tab)
}

ion-modal#permission-modal {
    --backdrop-opacity: 0
}

.new-skin-symbol .permission-content[data-v-9d019116] {
    background: var(--ep-color-background-fill-surface-raised-L1);
    color: var(--ep-color-text-default)
}

.new-skin-symbol .permission-content .close-icon[data-v-9d019116] {
    color: var(--ep-color-icon-default)
}

.new-skin-symbol ion-button[data-v-9d019116] {
    --color: var(--ep-color-text-inverse);
    --border-radius: 4px;
    --background: var(--ep-dynamic-primary)
}

.color-primary-600[data-v-d4943c13] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-d4943c13] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-d4943c13] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-d4943c13] {
    color: var(--color-primary-900)
}

.bg-100[data-v-d4943c13] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-d4943c13] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-d4943c13] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-d4943c13] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-d4943c13] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-d4943c13] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-d4943c13] {
    background-color: var(--color-warning)
}

.bg-link[data-v-d4943c13] {
    background-color: var(--color-link)
}

.bg-danger[data-v-d4943c13] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-d4943c13] {
    color: var(--color-text-100)
}

.color-text-80[data-v-d4943c13] {
    color: var(--color-text-80)
}

.color-text-50[data-v-d4943c13] {
    color: var(--color-text-50)
}

.color-text-40[data-v-d4943c13] {
    color: var(--color-text-40)
}

.color-text-20[data-v-d4943c13] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-d4943c13] {
    color: var(--color-currency)
}

.color-warning[data-v-d4943c13] {
    color: var(--color-warning)
}

.color-danger[data-v-d4943c13] {
    color: var(--color-danger)
}

.color-link[data-v-d4943c13] {
    color: var(--color-link)
}

.color-line[data-v-d4943c13] {
    color: var(--color-line)
}

.color-border[data-v-d4943c13] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-d4943c13] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-d4943c13] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-d4943c13] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-d4943c13] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-d4943c13] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-d4943c13] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-d4943c13] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-d4943c13] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-d4943c13] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-d4943c13] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-d4943c13] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-d4943c13] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-d4943c13] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-d4943c13] {
    display: flex;
    align-items: center
}

.flex-start[data-v-d4943c13] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-d4943c13] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-d4943c13] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-d4943c13] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-d4943c13] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-d4943c13] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-d4943c13] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-d4943c13] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-d4943c13] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-d4943c13] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-d4943c13] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-d4943c13] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-d4943c13] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-d4943c13] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-d4943c13] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-d4943c13] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-d4943c13] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-d4943c13] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-d4943c13] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-d4943c13] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-d4943c13] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-d4943c13] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-d4943c13] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-d4943c13] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-d4943c13],
.mlm-selected-item[data-v-d4943c13] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-d4943c13] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-d4943c13]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-d4943c13] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-d4943c13] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-d4943c13] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-modal#bind-account-modal::part(content) {
    --width: 20.375rem;
    --height: auto;
    --max-width: 486px
}

.header[data-v-d4943c13] {
    padding-top: 10px;
    margin-top: 5px;
    margin-bottom: 26.5px;
    min-height: 50px
}

.title[data-v-d4943c13] {
    font-size: var(--ep-font-size-xl, 1.875rem);
    line-height: 1.5
}

.hint-text[data-v-d4943c13] {
    font-size: var(--ep-font-size-s, .875rem);
    line-height: 1.1
}

.form-wrapper[data-v-d4943c13] {
    flex: auto;
    overflow: auto;
    display: flex;
    flex-flow: column;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.form-wrapper[data-v-d4943c13]::-webkit-scrollbar {
    display: none
}

.item-height[data-v-d4943c13] {
    height: 4.25rem
}

.item-height .before-icon[data-v-d4943c13] {
    font-size: var(--ep-font-size-xl, 1.25rem);
    margin-inline-end: .3125rem;
    margin-inline-start: .1875rem
}

.register-btn-warpper[data-v-d4943c13] {
    margin-bottom: 1.3125rem
}

.new-skin-symbol .content[data-v-d4943c13],
.yellow-dark .content[data-v-d4943c13],
.green-dark .content[data-v-d4943c13],
.purple-light .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)
}

.new-skin-symbol .title[data-v-d4943c13],
.yellow-dark .title[data-v-d4943c13],
.green-dark .title[data-v-d4943c13],
.purple-light .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))
}

.new-skin-symbol .hint-text[data-v-d4943c13],
.yellow-dark .hint-text[data-v-d4943c13],
.green-dark .hint-text[data-v-d4943c13],
.purple-light .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))
}

.green-default .content[data-v-d4943c13],
.green-v01 .content[data-v-d4943c13],
.green-v02 .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)
}

.green-default .title[data-v-d4943c13],
.green-v01 .title[data-v-d4943c13],
.green-v02 .title[data-v-d4943c13] {
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-text-gray-100))
}

.green-default .hint-text[data-v-d4943c13],
.green-v01 .hint-text[data-v-d4943c13],
.green-v02 .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-gray-100))
}

.forest-green .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)
}

.forest-green .title[data-v-d4943c13] {
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-text-gray-100))
}

.forest-green .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-gray-100))
}

.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))
}

.auroral-yellow .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)
}

.auroral-yellow .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))
}

.auroral-yellow .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))
}

.amber-purple .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)
}

.amber-purple .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))
}

.amber-purple .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))
}

.amber-purple .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)
}

.amber-purple .title[data-v-d4943c13] {
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--text-color-light-purple-1-100))
}

.amber-purple .hint-text[data-v-d4943c13] {
    font-weight: var(--ep-font-weight-regular, var(--font-weight-regular));
    color: var(--ep-color-text-weaker, var(--text-color-light-purple-2-100))
}

.color-primary-600[data-v-72f46809] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-72f46809] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-72f46809] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-72f46809] {
    color: var(--color-primary-900)
}

.bg-100[data-v-72f46809] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-72f46809] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-72f46809] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-72f46809] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-72f46809] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-72f46809] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-72f46809] {
    background-color: var(--color-warning)
}

.bg-link[data-v-72f46809] {
    background-color: var(--color-link)
}

.bg-danger[data-v-72f46809] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-72f46809] {
    color: var(--color-text-100)
}

.color-text-80[data-v-72f46809] {
    color: var(--color-text-80)
}

.color-text-50[data-v-72f46809] {
    color: var(--color-text-50)
}

.color-text-40[data-v-72f46809] {
    color: var(--color-text-40)
}

.color-text-20[data-v-72f46809] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-72f46809] {
    color: var(--color-currency)
}

.color-warning[data-v-72f46809] {
    color: var(--color-warning)
}

.color-danger[data-v-72f46809] {
    color: var(--color-danger)
}

.color-link[data-v-72f46809] {
    color: var(--color-link)
}

.color-line[data-v-72f46809] {
    color: var(--color-line)
}

.color-border[data-v-72f46809] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-72f46809] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-72f46809] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-72f46809] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-72f46809] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-72f46809] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-72f46809] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-72f46809] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-72f46809] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-72f46809] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-72f46809] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-72f46809] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-72f46809] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-72f46809] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-72f46809] {
    display: flex;
    align-items: center
}

.flex-start[data-v-72f46809] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-72f46809] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-72f46809] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-72f46809] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-72f46809] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-72f46809] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-72f46809] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-72f46809] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-72f46809] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-72f46809] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-72f46809] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-72f46809] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-72f46809] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-72f46809] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-72f46809] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-72f46809] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-72f46809] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-72f46809] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-72f46809] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-72f46809] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-72f46809] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-72f46809] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-72f46809] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-72f46809] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-72f46809],
.mlm-selected-item[data-v-72f46809] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-72f46809] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-72f46809]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-72f46809] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-72f46809] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-72f46809] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.-rotate-90.text-xl[data-v-72f46809] {
    color: #007aff
}

.amber-purple .title[data-v-72f46809] {
    color: var(--text-color-light-purple-1-100)
}

.amber-purple .pwa-tip[data-v-72f46809] {
    background-color: var(--color-bg-300);
    color: var(--text-color-light-purple-2-100)
}

.amber-purple .accent-box[data-v-72f46809] {
    border: none;
    background-color: var(--color-bg-100);
    color: var(--text-color-light-purple-1-100)
}

.color-primary-600[data-v-d1d59234] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-d1d59234] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-d1d59234] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-d1d59234] {
    color: var(--color-primary-900)
}

.bg-100[data-v-d1d59234] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-d1d59234] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-d1d59234] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-d1d59234] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-d1d59234] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-d1d59234] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-d1d59234] {
    background-color: var(--color-warning)
}

.bg-link[data-v-d1d59234] {
    background-color: var(--color-link)
}

.bg-danger[data-v-d1d59234] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-d1d59234] {
    color: var(--color-text-100)
}

.color-text-80[data-v-d1d59234] {
    color: var(--color-text-80)
}

.color-text-50[data-v-d1d59234] {
    color: var(--color-text-50)
}

.color-text-40[data-v-d1d59234] {
    color: var(--color-text-40)
}

.color-text-20[data-v-d1d59234] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-d1d59234] {
    color: var(--color-currency)
}

.color-warning[data-v-d1d59234] {
    color: var(--color-warning)
}

.color-danger[data-v-d1d59234] {
    color: var(--color-danger)
}

.color-link[data-v-d1d59234] {
    color: var(--color-link)
}

.color-line[data-v-d1d59234] {
    color: var(--color-line)
}

.color-border[data-v-d1d59234] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-d1d59234] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-d1d59234] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-d1d59234] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-d1d59234] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-d1d59234] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-d1d59234] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-d1d59234] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-d1d59234] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-d1d59234] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-d1d59234] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-d1d59234] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-d1d59234] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-d1d59234] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-d1d59234] {
    display: flex;
    align-items: center
}

.flex-start[data-v-d1d59234] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-d1d59234] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-d1d59234] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-d1d59234] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-d1d59234] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-d1d59234] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-d1d59234] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-d1d59234] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-d1d59234] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-d1d59234] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-d1d59234] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-d1d59234] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-d1d59234] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-d1d59234] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-d1d59234] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-d1d59234] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-d1d59234] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-d1d59234] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-d1d59234] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-d1d59234] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-d1d59234] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-d1d59234] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-d1d59234] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-d1d59234] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-d1d59234],
.mlm-selected-item[data-v-d1d59234] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-d1d59234] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-d1d59234]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-d1d59234] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-d1d59234] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-d1d59234] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-modal#doubleReward::part(content) {
    padding: 0 .75rem;
    --height: 100%;
    --max-width: 486px
}

[data-v-d1d59234] .content-wrapper .content {
    width: auto
}

.double-reward-container[data-v-d1d59234] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 0
}

.double-reward-container .double-reward-content[data-v-d1d59234] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    z-index: 2
}

.double-reward-container .double-reward-content .reward-bg[data-v-d1d59234] {
    position: absolute;
    left: 50%;
    width: 22.875rem
}

.double-reward-container .double-reward-content .bg-top[data-v-d1d59234] {
    top: -5.375rem;
    transform: translate(-50%);
    z-index: 3
}

.double-reward-container .double-reward-content .bg-bottom[data-v-d1d59234] {
    bottom: -5.375rem;
    transform: translate(-50%);
    z-index: 3
}

.double-reward-container .double-reward-content .bg-middle[data-v-d1d59234] {
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 4
}

.double-reward-container .double-reward-content .bg-light[data-v-d1d59234] {
    top: calc(50% - 5rem);
    transform: translate(-50%, -50%);
    z-index: 0
}

.double-reward-container .double-reward-content .double-reward-content-inner-wrapper[data-v-d1d59234] {
    position: relative;
    margin: 0 auto;
    min-width: 17.125rem;
    background: linear-gradient(180deg, #fff8ee, #f7c387);
    box-shadow: 0 0 11.4px #f34100 inset;
    padding-top: 1.25rem
}

.double-reward-container .double-reward-content .double-reward-content-inner-wrapper .double-reward-content-inner[data-v-d1d59234] {
    z-index: 1;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 5.375rem
}

.double-reward-container .double-reward-content .double-reward-content-inner-wrapper .double-reward-content-inner.is-receive[data-v-d1d59234] {
    padding-bottom: 6.375rem
}

.double-reward-container .double-reward-title--claim[data-v-d1d59234] {
    margin: 0rem 0 1rem;
    color: var(--ep-neutral-black-black-100, #000);
    font-size: var(--ep-font-size-l, 1rem);
    font-weight: var(--ep-font-weight-regular, 400);
    line-height: 1.5rem;
    text-align: center
}

.double-reward-container .double-reward-title--receive[data-v-d1d59234] {
    margin: 0 0 1.625rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    color: var(--ep-color-text-success, #53C154)
}

.double-reward-container .double-reward-title--receive .receive-icon[data-v-d1d59234] {
    width: 1.5rem;
    height: 1.5rem;
    margin-bottom: .25rem
}

.double-reward-container .double-reward-title--receive .receive-text[data-v-d1d59234] {
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-regular, 400);
    line-height: 1.125rem
}

.double-reward-container .double-reward-main[data-v-d1d59234] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    border-radius: var(--ep-border-radius-surface-small, .75rem);
    border: 1px dashed var(--ep-color-border-warning, #FC974C);
    min-width: 11.25rem;
    padding: 0 .75rem;
    min-height: 5.625rem
}

.double-reward-container .double-reward-main .reward-fixed-type[data-v-d1d59234] {
    position: absolute;
    top: 0;
    left: .75rem;
    transform: translateY(-50%);
    font-size: var(--ep-font-size-s, .75rem);
    padding: 0 .5rem;
    background: var(--ep-color-border-warning, #FC974C);
    color: var(--ep-color-text-highlight-white, #fff);
    border-radius: var(--ep-border-radius-infinity, 6.1875rem)
}

.double-reward-container .double-reward-main .reward-recharge-type[data-v-d1d59234] {
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 0;
    left: 50%;
    width: 9rem;
    transform: translate(-50%, -50%);
    font-size: var(--ep-font-size-s, .75rem);
    padding: 0 .5rem;
    background: var(--ep-color-border-warning, #FC974C);
    color: var(--ep-color-text-highlight-white, #fff);
    border-radius: var(--ep-border-radius-infinity, 6.1875rem)
}

.double-reward-container .double-reward-main .reward-detail[data-v-d1d59234] {
    color: var(--ep-color-text-danger, #E64021);
    text-align: center
}

.double-reward-container .double-reward-main .reward-detail .double-recharge-config[data-v-d1d59234] {
    margin: 0 .375rem;
    padding-top: .5rem;
    width: 11.25rem
}

.double-reward-container .double-reward-main .reward-detail .double-recharge-config .double-recharge-config-item[data-v-d1d59234] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-medium, 600);
    line-height: 1.125rem;
    border-bottom: 1px solid #FBCC9A;
    padding: .25rem 0 0
}

.double-reward-container .double-reward-main .reward-detail .double-recharge-config .double-recharge-config-item .double-recharge-config-item-amount[data-v-d1d59234] {
    flex: 1;
    color: #0d990f
}

.double-reward-container .double-reward-main .reward-detail .double-recharge-config .double-recharge-config-item .double-recharge-config-item-multiplier[data-v-d1d59234] {
    flex: 1;
    color: #e64021
}

.double-reward-container .double-reward-main .reward-detail .double-recharge-config .double-recharge-config-item .double-recharge-config-item-multiplier .multiplier-symbol[data-v-d1d59234] {
    display: inline-block
}

.double-reward-container .double-reward-main .reward-detail .reward-amount[data-v-d1d59234] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--ep-font-size-xxxl, 2.25rem);
    font-weight: var(--ep-font-weight-bold, 700);
    gap: .25rem
}

.double-reward-container .double-reward-main .reward-detail .reward-amount .multiplier-symbol[data-v-d1d59234] {
    font-weight: var(--ep-font-weight-regular, 400)
}

.double-reward-container .double-reward-main .reward-detail .reward-amount .merchant-cy[data-v-d1d59234] {
    font-size: var(--ep-font-size-l, 1rem);
    width: 1.5rem
}

.double-reward-container .double-reward-main .reward-detail .reward-amount .reward-amount-value[data-v-d1d59234] {
    max-width: 12rem;
    word-break: break-all;
    white-space: normal;
    text-align: left
}

.double-reward-container .double-reward-main .reward-detail .reward-times[data-v-d1d59234] {
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-medium, 600)
}

.double-reward-container .double-reward-tips[data-v-d1d59234] {
    margin-top: .625rem;
    width: 14.625rem;
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-regular, 400);
    line-height: 1.125rem;
    color: #957959
}

.double-reward-container .double-reward-footer[data-v-d1d59234] {
    margin-top: 4.125rem;
    display: flex;
    width: 100%;
    padding: 0 .75rem;
    gap: .875rem;
    z-index: 5
}

.double-reward-container .double-reward-footer .double-reward-btn[data-v-d1d59234] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 3.125rem;
    border-radius: var(--ep-border-radius-infinity, 6.1875rem);
    text-align: center;
    font-size: var(--ep-font-size-s, .75rem);
    background: var(--ep-neutral-white-white-10, rgba(255, 255, 255, .1));
    padding: 0 .375rem
}

.double-reward-container .double-reward-footer .double-reward-btn.btn-continue[data-v-d1d59234] {
    background: linear-gradient(101deg, #a5a089 7.39%, #545455 86.48%)
}

.double-reward-container .double-reward-footer .double-reward-btn.btn-claim[data-v-d1d59234] {
    background: linear-gradient(101deg, #5b7ff4 7.39%, #a15cf5 86.48%)
}

.wheel-box[data-v-0c1f3a9a] {
    background: url(/images/activity/share_bg.webp) no-repeat;
    background-size: 100%;
    background-position: 0 .75rem
}

.aperture[data-v-0c1f3a9a] {
    animation: apertureAnimation-0c1f3a9a 20s linear infinite
}

.wheel-light[data-v-0c1f3a9a] {
    animation-name: lightAnimation-0c1f3a9a;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    pointer-events: none
}

.wheel-start .button[data-v-0c1f3a9a] {
    background: url(/images/activity/share_start.webp);
    background-size: 100%
}

ion-segment-button.ios[data-v-0c1f3a9a] {
    --border-radius: .375rem;
    --background: transparent;
    --color: #FFF;
    --indicator-color: transparent;
    --indicator-box-shadow: none;
    --padding-start: 0;
    --padding-end: 0;
    --padding-top: 0;
    --padding-bottom: 0;
    text-transform: capitalize;
    min-width: 3.25rem;
    min-height: 5.5rem;
    max-height: 5.5rem;
    margin: 0 .375rem;
    margin-top: 0
}

ion-item.submit[data-v-0c1f3a9a] {
    --padding-start: 0;
    --min-height: 40px;
    --background: #66D73E;
    --border-radius: 10px;
    --inner-padding-end: .25rem
}

ion-modal#modal-help[data-v-0c1f3a9a],
ion-modal#modal-piece[data-v-0c1f3a9a],
ion-modal#modal-prize[data-v-0c1f3a9a] {
    --width: 22.25rem;
    --height: fit-content;
    --border-radius: 1.25rem
}

ion-modal#modal-share[data-v-0c1f3a9a] {
    --background: transparent
}

div.scroll-box[data-v-0c1f3a9a] {
    animation: scrollAnimation-0c1f3a9a linear infinite
}

ion-checkbox[data-v-0c1f3a9a] {
    --size: .9375rem;
    --checkbox-background-checked: #66D73E;
    --checkbox-background: #EAEDF6;
    --border-color: #EAEDF6;
    --checkmark-color: #fff;
    --checkmark-width: 4px;
    --border-radius: 4px;
    margin-inline-end: 0
}

ion-checkbox[data-v-0c1f3a9a]::part(container) {
    padding: .25rem;
    border-radius: 50%;
    border: none
}

ion-item ion-button[data-v-0c1f3a9a] {
    --ripple-color: transparent
}

@keyframes apertureAnimation-0c1f3a9a {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes lightAnimation-0c1f3a9a {
    0% {
        transform: rotate(0)
    }

    49.99% {
        transform: rotate(0)
    }

    50% {
        transform: rotate(22.5deg)
    }

    99.99% {
        transform: rotate(22.5deg)
    }

    to {
        transform: rotate(0)
    }
}

@keyframes scrollAnimation-0c1f3a9a {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(0, -50%, 0)
    }
}

.color-primary-600[data-v-cae9fa5b] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-cae9fa5b] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-cae9fa5b] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-cae9fa5b] {
    color: var(--color-primary-900)
}

.bg-100[data-v-cae9fa5b] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-cae9fa5b] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-cae9fa5b] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-cae9fa5b] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-cae9fa5b] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-cae9fa5b] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-cae9fa5b] {
    background-color: var(--color-warning)
}

.bg-link[data-v-cae9fa5b] {
    background-color: var(--color-link)
}

.bg-danger[data-v-cae9fa5b] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-cae9fa5b] {
    color: var(--color-text-100)
}

.color-text-80[data-v-cae9fa5b] {
    color: var(--color-text-80)
}

.color-text-50[data-v-cae9fa5b] {
    color: var(--color-text-50)
}

.color-text-40[data-v-cae9fa5b] {
    color: var(--color-text-40)
}

.color-text-20[data-v-cae9fa5b] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-cae9fa5b] {
    color: var(--color-currency)
}

.color-warning[data-v-cae9fa5b] {
    color: var(--color-warning)
}

.color-danger[data-v-cae9fa5b] {
    color: var(--color-danger)
}

.color-link[data-v-cae9fa5b] {
    color: var(--color-link)
}

.color-line[data-v-cae9fa5b] {
    color: var(--color-line)
}

.color-border[data-v-cae9fa5b] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-cae9fa5b] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-cae9fa5b] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-cae9fa5b] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-cae9fa5b] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-cae9fa5b] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-cae9fa5b] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-cae9fa5b] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-cae9fa5b] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-cae9fa5b] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-cae9fa5b] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-cae9fa5b] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-cae9fa5b] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-cae9fa5b] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-cae9fa5b] {
    display: flex;
    align-items: center
}

.flex-start[data-v-cae9fa5b] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-cae9fa5b] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-cae9fa5b] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-cae9fa5b] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-cae9fa5b] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-cae9fa5b] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-cae9fa5b] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-cae9fa5b] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-cae9fa5b] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-cae9fa5b] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-cae9fa5b] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-cae9fa5b] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-cae9fa5b] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-cae9fa5b] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-cae9fa5b] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-cae9fa5b] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-cae9fa5b] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-cae9fa5b] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-cae9fa5b] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-cae9fa5b] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-cae9fa5b] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-cae9fa5b] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-cae9fa5b] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-cae9fa5b] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-cae9fa5b],
.mlm-selected-item[data-v-cae9fa5b] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-cae9fa5b] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-cae9fa5b]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-cae9fa5b] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-cae9fa5b] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-cae9fa5b] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-fab[data-v-cae9fa5b] {
    width: 3em;
    height: 3rem
}

ion-fab-button[data-v-cae9fa5b] {
    --color: #fff;
    --background: #F44939;
    width: 3em;
    height: 3rem;
    font-size: inherit
}

ion-fab-button[data-v-cae9fa5b]::part(native) {
    width: 3em;
    height: 3rem
}

ion-fab-list[data-v-cae9fa5b] {
    min-width: 3em;
    min-height: 3em
}

ion-spinner[data-v-cae9fa5b] {
    --color: #1680DC
}

ion-page[data-v-cae9fa5b] {
    --background: #000;
    overflow: hidden;
    position: relative
}

#placeholder[data-v-cae9fa5b] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.5rem
}

iframe[data-v-cae9fa5b] {
    background-color: transparent;
    margin: auto
}

.game_icon[data-v-cae9fa5b] {
    position: absolute;
    top: 2.5rem;
    right: -14.5rem;
    width: 17.6875rem;
    height: 3.2rem;
    z-index: 30;
    overflow: hidden
}

.show-icon[data-v-cae9fa5b] {
    position: absolute;
    width: 9rem;
    height: 3.125rem;
    top: 1rem;
    left: 1.5rem
}

.animation_icon[data-v-cae9fa5b] {
    position: absolute;
    top: .78rem;
    left: .975rem
}

.line-rotate[data-v-cae9fa5b] {
    transform: rotate(-72deg)
}

.show-right[data-v-cae9fa5b] {
    transition: all .3s;
    transform: rotate(180deg)
}

.draggable-box[data-v-cae9fa5b] {
    width: 3.375rem;
    height: 3.375rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .6);
    border: .0625rem solid rgba(255, 255, 255, .8);
    box-shadow: 0 .03rem .06rem rgba(0, 0, 0, .16)
}

.draggable-box ion-icon[data-v-cae9fa5b] {
    font-size: 1.5rem
}

.draggable-box .label[data-v-cae9fa5b] {
    font-size: .75rem;
    font-weight: 500;
    line-height: 1.2
}

.hall-wrapper[data-v-4ecc8251] {
    width: 100%;
    height: 100%;
    position: relative
}

.favorite[data-v-4ecc8251] {
    position: absolute;
    top: .5rem;
    right: .5rem;
    z-index: 4;
    font-size: 1.125rem;
    border-radius: 50%;
    box-shadow: 0 .125rem .3125rem rgba(0, 0, 0, .4);
    color: transparent
}

.favorite.active[data-v-4ecc8251] {
    color: #ff8e04
}

ion-button[data-v-f495a37e] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button[data-v-f495a37e]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

ion-button ion-icon[data-v-f495a37e] {
    color: var(--color-text-title-basic)
}

.new-skin-symbol ion-button ion-icon[data-v-f495a37e] {
    color: var(--ep-color-icon-default);
    font-size: var(--ep-font-size-xl) !important;
    font-weight: var(--ep-font-weight-medium)
}

.color-primary-600[data-v-871d3090] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-871d3090] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-871d3090] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-871d3090] {
    color: var(--color-primary-900)
}

.bg-100[data-v-871d3090] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-871d3090] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-871d3090] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-871d3090] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-871d3090] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-871d3090] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-871d3090] {
    background-color: var(--color-warning)
}

.bg-link[data-v-871d3090] {
    background-color: var(--color-link)
}

.bg-danger[data-v-871d3090] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-871d3090] {
    color: var(--color-text-100)
}

.color-text-80[data-v-871d3090] {
    color: var(--color-text-80)
}

.color-text-50[data-v-871d3090] {
    color: var(--color-text-50)
}

.color-text-40[data-v-871d3090] {
    color: var(--color-text-40)
}

.color-text-20[data-v-871d3090] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-871d3090] {
    color: var(--color-currency)
}

.color-warning[data-v-871d3090] {
    color: var(--color-warning)
}

.color-danger[data-v-871d3090] {
    color: var(--color-danger)
}

.color-link[data-v-871d3090] {
    color: var(--color-link)
}

.color-line[data-v-871d3090] {
    color: var(--color-line)
}

.color-border[data-v-871d3090] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-871d3090] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-871d3090] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-871d3090] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-871d3090] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-871d3090] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-871d3090] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-871d3090] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-871d3090] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-871d3090] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-871d3090] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-871d3090] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-871d3090] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-871d3090] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-871d3090] {
    display: flex;
    align-items: center
}

.flex-start[data-v-871d3090] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-871d3090] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-871d3090] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-871d3090] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-871d3090] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-871d3090] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-871d3090] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-871d3090] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-871d3090] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-871d3090] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-871d3090] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-871d3090] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-871d3090] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-871d3090] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-871d3090] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-871d3090] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-871d3090] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-871d3090] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-871d3090] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-871d3090] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-871d3090] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-871d3090] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-871d3090] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-871d3090] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-871d3090],
.mlm-selected-item[data-v-871d3090] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-871d3090] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-871d3090]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-871d3090] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-871d3090] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-871d3090] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-img[data-v-871d3090] {
    width: 0
}

ion-img.good-img[data-v-871d3090] {
    width: 100%
}

.color-primary-600[data-v-366b663d] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-366b663d] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-366b663d] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-366b663d] {
    color: var(--color-primary-900)
}

.bg-100[data-v-366b663d] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-366b663d] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-366b663d] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-366b663d] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-366b663d] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-366b663d] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-366b663d] {
    background-color: var(--color-warning)
}

.bg-link[data-v-366b663d] {
    background-color: var(--color-link)
}

.bg-danger[data-v-366b663d] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-366b663d] {
    color: var(--color-text-100)
}

.color-text-80[data-v-366b663d] {
    color: var(--color-text-80)
}

.color-text-50[data-v-366b663d] {
    color: var(--color-text-50)
}

.color-text-40[data-v-366b663d] {
    color: var(--color-text-40)
}

.color-text-20[data-v-366b663d] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-366b663d] {
    color: var(--color-currency)
}

.color-warning[data-v-366b663d] {
    color: var(--color-warning)
}

.color-danger[data-v-366b663d] {
    color: var(--color-danger)
}

.color-link[data-v-366b663d] {
    color: var(--color-link)
}

.color-line[data-v-366b663d] {
    color: var(--color-line)
}

.color-border[data-v-366b663d] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-366b663d] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-366b663d] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-366b663d] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-366b663d] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-366b663d] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-366b663d] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-366b663d] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-366b663d] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-366b663d] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-366b663d] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-366b663d] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-366b663d] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-366b663d] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-366b663d] {
    display: flex;
    align-items: center
}

.flex-start[data-v-366b663d] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-366b663d] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-366b663d] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-366b663d] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-366b663d] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-366b663d] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-366b663d] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-366b663d] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-366b663d] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-366b663d] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-366b663d] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-366b663d] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-366b663d] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-366b663d] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-366b663d] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-366b663d] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-366b663d] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-366b663d] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-366b663d] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-366b663d] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-366b663d] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-366b663d] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-366b663d] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-366b663d] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-366b663d],
.mlm-selected-item[data-v-366b663d] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-366b663d] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-366b663d]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-366b663d] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-366b663d] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-366b663d] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .game-card[data-v-366b663d] {
    container-type: inline-size
}

html .style1[data-v-366b663d],
html .style2[data-v-366b663d] {
    position: relative;
    border-radius: 12.5%/9.25%;
    overflow: hidden;
    background: var(--color-bg-200);
    display: flex
}

html .style1[data-v-366b663d]:before,
html .style2[data-v-366b663d]:before {
    content: "";
    display: block;
    position: relative;
    padding-bottom: 135%
}

html .style1 .game-img[data-v-366b663d],
html .style2 .game-img[data-v-366b663d] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    object-fit: fill
}

html .style1 .game-img[data-v-366b663d]::part(image),
html .style2 .game-img[data-v-366b663d]::part(image) {
    border: none
}

html .style1 .game-img.good-img[data-v-366b663d],
html .style2 .game-img.good-img[data-v-366b663d] {
    width: 100%;
    height: 100%
}

html .style1 .game-img.error-img[data-v-366b663d],
html .style2 .game-img.error-img[data-v-366b663d] {
    width: 45%;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    object-fit: contain
}

html .style1 .game-status[data-v-366b663d],
html .style2 .game-status[data-v-366b663d] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
    width: 0
}

html .style1 .game-status.good-img[data-v-366b663d],
html .style2 .game-status.good-img[data-v-366b663d] {
    width: 100%
}

html .style1 .platform-icon[data-v-366b663d],
html .style2 .platform-icon[data-v-366b663d] {
    position: absolute;
    left: 50%;
    z-index: 4;
    font-size: 1.375rem;
    transform: translate(-50%)
}

html .style1 .favorite[data-v-366b663d],
html .style2 .favorite[data-v-366b663d] {
    position: absolute;
    top: .5rem;
    right: .5rem;
    z-index: 4;
    font-size: 1.125rem;
    border-radius: 50%;
    box-shadow: 0 .125rem .3125rem rgba(0, 0, 0, .4);
    color: transparent
}

html .style1 .favorite.active[data-v-366b663d],
html .style2 .favorite.active[data-v-366b663d] {
    color: #ff8e04
}

html .style3[data-v-366b663d] {
    max-width: 100%;
    aspect-ratio: 1.4 / 1;
    position: relative;
    border-radius: 9.25%/12.5%;
    overflow: hidden
}

html .style3 .game-img[data-v-366b663d] {
    object-fit: fill
}

html .style3 .game-img.good-img[data-v-366b663d] {
    width: 100%;
    height: 100%
}

html .style3 .game-img.error-img[data-v-366b663d] {
    width: 45%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    object-fit: contain
}

html .style3 .platform-icon[data-v-366b663d] {
    position: absolute;
    left: 50%;
    z-index: 4;
    font-size: 1.375rem;
    transform: translate(-50%)
}

html .style3 .favorite[data-v-366b663d] {
    position: absolute;
    top: .5rem;
    right: .5rem;
    z-index: 4;
    font-size: 1.125rem;
    border-radius: 50%;
    box-shadow: 0 .125rem .3125rem rgba(0, 0, 0, .4);
    color: transparent
}

html .style3 .favorite.active[data-v-366b663d] {
    color: #ff8e04
}

html .style1 .platform-icon[data-v-366b663d] {
    top: .375rem
}

html .style1 .game-img.good-img[data-v-366b663d]:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .3) 10.41%, rgba(0, 0, 0, 0) 18.5%, rgba(0, 0, 0, 0))
}

html .style2 .platform-icon[data-v-366b663d] {
    bottom: .1875rem
}

html .style2 .game-img.good-img[data-v-366b663d]:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 1.875rem;
    height: 1.875rem;
    background: radial-gradient(50% 50% at 100% 0%, rgba(0, 0, 0, .5), rgba(0, 0, 0, .3));
    filter: blur(.625rem)
}

html .style3 .platform-icon[data-v-366b663d] {
    top: .375rem
}

html .frame-red[data-v-366b663d] {
    border: 1px solid red
}

html .frame-green[data-v-366b663d] {
    border: 2px solid green
}

html .game-name[data-v-366b663d] {
    position: absolute;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: .75rem;
    color: var(--color-text-100)
}

html .animate-star[data-v-366b663d] {
    animation: scale-366b663d .5s 1 ease-in-out
}

@keyframes scale-366b663d {
    0% {
        transform: scale(1)
    }

    25% {
        transform: scale(1.15)
    }

    50% {
        transform: scale(1)
    }

    75% {
        transform: scale(1.05)
    }

    to {
        transform: scale(1)
    }
}

@container (max-width: 6.25rem) {

    html .style1 .platform-icon[data-v-366b663d],
    html .style2 .platform-icon[data-v-366b663d],
    html .style3 .platform-icon[data-v-366b663d] {
        font-size: .75rem
    }

    html .style1 .favorite[data-v-366b663d],
    html .style2 .favorite[data-v-366b663d],
    html .style3 .favorite[data-v-366b663d] {
        font-size: .875rem
    }
}

.forest-green .aspect-ratio-box[data-v-366b663d] {
    background: #00694a
}

.neo-blue .style1[data-v-366b663d],
.neo-blue .style2[data-v-366b663d],
.neo-blue .style3[data-v-366b663d] {
    border-radius: var(--ep-border-radius-surface-default, 0)
}

.color-primary-600[data-v-38b950ab] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-38b950ab] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-38b950ab] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-38b950ab] {
    color: var(--color-primary-900)
}

.bg-100[data-v-38b950ab] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-38b950ab] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-38b950ab] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-38b950ab] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-38b950ab] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-38b950ab] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-38b950ab] {
    background-color: var(--color-warning)
}

.bg-link[data-v-38b950ab] {
    background-color: var(--color-link)
}

.bg-danger[data-v-38b950ab] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-38b950ab] {
    color: var(--color-text-100)
}

.color-text-80[data-v-38b950ab] {
    color: var(--color-text-80)
}

.color-text-50[data-v-38b950ab] {
    color: var(--color-text-50)
}

.color-text-40[data-v-38b950ab] {
    color: var(--color-text-40)
}

.color-text-20[data-v-38b950ab] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-38b950ab] {
    color: var(--color-currency)
}

.color-warning[data-v-38b950ab] {
    color: var(--color-warning)
}

.color-danger[data-v-38b950ab] {
    color: var(--color-danger)
}

.color-link[data-v-38b950ab] {
    color: var(--color-link)
}

.color-line[data-v-38b950ab] {
    color: var(--color-line)
}

.color-border[data-v-38b950ab] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-38b950ab] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-38b950ab] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-38b950ab] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-38b950ab] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-38b950ab] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-38b950ab] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-38b950ab] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-38b950ab] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-38b950ab] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-38b950ab] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-38b950ab] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-38b950ab] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-38b950ab] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-38b950ab] {
    display: flex;
    align-items: center
}

.flex-start[data-v-38b950ab] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-38b950ab] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-38b950ab] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-38b950ab] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-38b950ab] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-38b950ab] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-38b950ab] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-38b950ab] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-38b950ab] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-38b950ab] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-38b950ab] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-38b950ab] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-38b950ab] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-38b950ab] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-38b950ab] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-38b950ab] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-38b950ab] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-38b950ab] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-38b950ab] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-38b950ab] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-38b950ab] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-38b950ab] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-38b950ab] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-38b950ab] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-38b950ab],
.mlm-selected-item[data-v-38b950ab] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-38b950ab] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-38b950ab]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-38b950ab] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-38b950ab] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-38b950ab] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.blue-default .search-container[data-v-38b950ab] {
    display: flex;
    flex-flow: column;
    --color-text-title-basic: #fff
}

.blue-default .search-container .ion-no-border ion-toolbar[data-v-38b950ab] {
    --min-height: 3.125rem;
    --background: #090f1f;
    --border-color: #1a233e
}

.blue-default .search-container .ion-no-border ion-title[data-v-38b950ab] {
    font-weight: var(--ep-font-weight-medium, 600);
    color: #fff
}

.blue-default .search-container .ion-no-border .toolbar-search[data-v-38b950ab] {
    --background: var(--color-bg-300)
}

.blue-default .search-container .ion-no-border .toolbar-search #searchbar[data-v-38b950ab] {
    --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-38b950ab] {
    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-38b950ab] {
    position: absolute;
    z-index: 10;
    right: 1.25rem;
    font-size: 1.25rem;
    color: #fff
}

.blue-default .search-container ion-segment[data-v-38b950ab] {
    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-38b950ab] {
    --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-38b950ab]::part(indicator) {
    width: 80%;
    margin-left: auto;
    margin-right: auto
}

.blue-default .search-container ion-segment ion-segment-button .tab[data-v-38b950ab] {
    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-38b950ab] {
    align-self: end
}

.blue-default .search-container ion-segment ion-segment-button .tab .tab-img[data-v-38b950ab] {
    width: 1.25rem
}

.blue-default .search-container ion-segment ion-segment-button .tab .tab-icon[data-v-38b950ab] {
    font-size: 1rem;
    margin-right: .3rem
}

.blue-default .search-container ion-segment .segment-button-checked[data-v-38b950ab] {
    font-weight: 700
}

.blue-default .search-container ion-segment .segment-button-checked.md[data-v-38b950ab]::part(indicator) {
    width: unset;
    font-size: .875rem
}

.blue-default .search-container ion-segment .segment-button-checked .tab[data-v-38b950ab] {
    font-weight: 700;
    color: #fff
}

.blue-default .search-container ion-segment .segment-button-checked .tab .tab-icon[data-v-38b950ab] {
    color: #38a8fa
}

.blue-default .search-container .game-box[data-v-38b950ab] {
    --ion-grid-padding: .25rem
}

.blue-default .search-container .game-box ion-col[data-v-38b950ab] {
    --ion-grid-column-padding: .25rem
}

.blue-default .search-container .game-box .empty[data-v-38b950ab] {
    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-38b950ab] {
    width: 10rem;
    height: 10rem;
    color: #fff
}

.blue-default .search-container .game-box .empty .tip[data-v-38b950ab] {
    font-family: Saira;
    font-size: .875rem;
    font-weight: 500;
    text-align: center;
    color: #6d788e
}

.blue-default ion-segment ion-segment-button[data-v-38b950ab] {
    margin-bottom: -.0625rem
}

.blue-default ion-segment ion-segment-button .tab[data-v-38b950ab] {
    font-weight: 400
}

.green-default .search-container[data-v-38b950ab] {
    display: flex;
    flex-flow: column;
    --color-text-title-basic: #afc69f
}

.green-default .search-container .ion-no-border ion-toolbar[data-v-38b950ab] {
    --min-height: 3.125rem;
    --background: #2b4f14;
    --border-color: #34571d
}

.green-default .search-container .ion-no-border ion-title[data-v-38b950ab] {
    font-weight: var(--ep-font-weight-medium, 600);
    color: #afc69f
}

.green-default .search-container .ion-no-border .toolbar-search[data-v-38b950ab] {
    --background: var(--color-bg-300)
}

.green-default .search-container .ion-no-border .toolbar-search #searchbar[data-v-38b950ab] {
    --color: #afc69f;
    --placeholder-color: #7e9071;
    caret-color: #3e9b2f;
    --background: #183009;
    --box-shadow: 0 0 0 .0625rem #34571d, 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
}

.green-default .search-container .ion-no-border .toolbar-search #searchbar ion-spinner[data-v-38b950ab] {
    position: absolute;
    z-index: 10;
    right: 1.25rem;
    width: 1.75rem;
    height: 1.75rem;
    font-size: 1.25rem
}

.green-default .search-container .ion-no-border .toolbar-search #searchbar ion-icon[data-v-38b950ab] {
    position: absolute;
    z-index: 10;
    right: 1.25rem;
    font-size: 1.25rem;
    color: #afc69f
}

.green-default .search-container ion-segment[data-v-38b950ab] {
    display: flex;
    justify-content: left;
    padding: .375rem .625rem 0;
    border-bottom: .0625rem solid #34571d
}

.green-default .search-container ion-segment ion-segment-button[data-v-38b950ab] {
    --indicator-height: .125rem;
    --padding-start: .375rem;
    --padding-end: .375rem;
    --padding-top: .125rem;
    --padding-bottom: .125rem;
    --color: #7e9071;
    --color-checked: #afc69f;
    --indicator-color: #3e9b2f;
    text-transform: capitalize;
    min-width: 0
}

.green-default .search-container ion-segment ion-segment-button[data-v-38b950ab]::part(indicator) {
    width: 80%;
    margin-left: auto;
    margin-right: auto
}

.green-default .search-container ion-segment ion-segment-button .tab[data-v-38b950ab] {
    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: #7e9071
}

.green-default .search-container ion-segment ion-segment-button .tab .text[data-v-38b950ab] {
    align-self: end
}

.green-default .search-container ion-segment ion-segment-button .tab .tab-img[data-v-38b950ab] {
    width: 1.25rem
}

.green-default .search-container ion-segment ion-segment-button .tab .tab-icon[data-v-38b950ab] {
    font-size: 1rem;
    margin-right: .3rem
}

.green-default .search-container ion-segment .segment-button-checked[data-v-38b950ab] {
    font-weight: 700
}

.green-default .search-container ion-segment .segment-button-checked.md[data-v-38b950ab]::part(indicator) {
    width: unset;
    font-size: .875rem
}

.green-default .search-container ion-segment .segment-button-checked .tab[data-v-38b950ab] {
    font-weight: 700;
    color: #afc69f
}

.green-default .search-container ion-segment .segment-button-checked .tab .tab-icon[data-v-38b950ab] {
    color: #feb805
}

.green-default .search-container .game-box[data-v-38b950ab] {
    --ion-grid-padding: .25rem
}

.green-default .search-container .game-box ion-col[data-v-38b950ab] {
    --ion-grid-column-padding: .25rem
}

.green-default .search-container .game-box .empty[data-v-38b950ab] {
    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
}

.green-default .search-container .game-box .empty .empty-bg-game[data-v-38b950ab] {
    width: 10rem;
    height: 10rem;
    color: #afc69f
}

.green-default .search-container .game-box .empty .tip[data-v-38b950ab] {
    font-family: Saira;
    font-size: .875rem;
    font-weight: 500;
    text-align: center;
    color: #7e9071
}

.green-default ion-segment ion-segment-button[data-v-38b950ab] {
    margin-bottom: -.0625rem
}

.green-default ion-segment ion-segment-button .tab[data-v-38b950ab] {
    font-weight: 400
}

.forest-green .search-container[data-v-38b950ab] {
    display: flex;
    flex-flow: column;
    --color-text-title-basic: var(--text-color1)
}

.forest-green .search-container .ion-no-border ion-toolbar[data-v-38b950ab] {
    --min-height: 3.125rem;
    --background: var(--color-bg-100);
    --border-color: var(--line-color)
}

.forest-green .search-container .ion-no-border ion-title[data-v-38b950ab] {
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--text-color1)
}

.forest-green .search-container .ion-no-border .toolbar-search[data-v-38b950ab] {
    --background: var(--color-bg-300)
}

.forest-green .search-container .ion-no-border .toolbar-search #searchbar[data-v-38b950ab] {
    --color: var(--text-color1);
    --placeholder-color: var(--text-color2);
    caret-color: var(--theme-color-800);
    --background: var(--color-bg-300);
    --box-shadow: 0 0 0 .0625rem var(--line-color), 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
}

.forest-green .search-container .ion-no-border .toolbar-search #searchbar ion-spinner[data-v-38b950ab] {
    position: absolute;
    z-index: 10;
    right: 1.25rem;
    width: 1.75rem;
    height: 1.75rem;
    font-size: 1.25rem
}

.forest-green .search-container .ion-no-border .toolbar-search #searchbar ion-icon[data-v-38b950ab] {
    position: absolute;
    z-index: 10;
    right: 1.25rem;
    font-size: 1.25rem;
    color: var(--text-color1)
}

.forest-green .search-container ion-segment[data-v-38b950ab] {
    display: flex;
    justify-content: left;
    padding: .375rem .625rem 0;
    border-bottom: .0625rem solid var(--line-color)
}

.forest-green .search-container ion-segment ion-segment-button[data-v-38b950ab] {
    --indicator-height: .125rem;
    --padding-start: .375rem;
    --padding-end: .375rem;
    --padding-top: .125rem;
    --padding-bottom: .125rem;
    --color: var(--text-color2);
    --color-checked: var(--text-color1);
    --indicator-color: var(--theme-color-800);
    text-transform: capitalize;
    min-width: 0
}

.forest-green .search-container ion-segment ion-segment-button[data-v-38b950ab]::part(indicator) {
    width: 80%;
    margin-left: auto;
    margin-right: auto
}

.forest-green .search-container ion-segment ion-segment-button .tab[data-v-38b950ab] {
    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)
}

.forest-green .search-container ion-segment ion-segment-button .tab .text[data-v-38b950ab] {
    align-self: end
}

.forest-green .search-container ion-segment ion-segment-button .tab .tab-img[data-v-38b950ab] {
    width: 1.25rem
}

.forest-green .search-container ion-segment ion-segment-button .tab .tab-icon[data-v-38b950ab] {
    font-size: 1rem;
    margin-right: .3rem
}

.forest-green .search-container ion-segment .segment-button-checked[data-v-38b950ab] {
    font-weight: 700
}

.forest-green .search-container ion-segment .segment-button-checked.md[data-v-38b950ab]::part(indicator) {
    width: unset;
    font-size: .875rem
}

.forest-green .search-container ion-segment .segment-button-checked .tab[data-v-38b950ab] {
    font-weight: 700;
    color: var(--text-color1)
}

.forest-green .search-container ion-segment .segment-button-checked .tab .tab-icon[data-v-38b950ab] {
    color: #feb805
}

.forest-green .search-container .game-box[data-v-38b950ab] {
    --ion-grid-padding: .25rem
}

.forest-green .search-container .game-box ion-col[data-v-38b950ab] {
    --ion-grid-column-padding: .25rem
}

.forest-green .search-container .game-box .empty[data-v-38b950ab] {
    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
}

.forest-green .search-container .game-box .empty .empty-bg-game[data-v-38b950ab] {
    width: 10rem;
    height: 10rem;
    color: var(--text-color1)
}

.forest-green .search-container .game-box .empty .tip[data-v-38b950ab] {
    font-family: Saira;
    font-size: .875rem;
    font-weight: 500;
    text-align: center;
    color: var(--text-color2)
}

.forest-green ion-segment ion-segment-button[data-v-38b950ab] {
    margin-bottom: -.0625rem
}

.forest-green ion-segment ion-segment-button .tab[data-v-38b950ab] {
    font-weight: 400
}

.amber-purple .search-container[data-v-38b950ab] {
    display: flex;
    flex-flow: column;
    --color-text-title-basic: #bdb8e1
}

.amber-purple .search-container .ion-no-border ion-toolbar[data-v-38b950ab] {
    --min-height: 3.125rem;
    --background: transparent;
    --border-color: #5f588c
}

.amber-purple .search-container .ion-no-border ion-title[data-v-38b950ab] {
    font-weight: var(--ep-font-weight-medium, 600);
    color: #bdb8e1
}

.amber-purple .search-container .ion-no-border .toolbar-search[data-v-38b950ab] {
    --background: var(--color-bg-300)
}

.amber-purple .search-container .ion-no-border .toolbar-search #searchbar[data-v-38b950ab] {
    --color: #bdb8e1;
    --placeholder-color: #686299;
    caret-color: #7041f3;
    --background: #252141;
    --box-shadow: 0 0 0 .0625rem #5f588c, 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
}

.amber-purple .search-container .ion-no-border .toolbar-search #searchbar ion-spinner[data-v-38b950ab] {
    position: absolute;
    z-index: 10;
    right: 1.25rem;
    width: 1.75rem;
    height: 1.75rem;
    font-size: 1.25rem
}

.amber-purple .search-container .ion-no-border .toolbar-search #searchbar ion-icon[data-v-38b950ab] {
    position: absolute;
    z-index: 10;
    right: 1.25rem;
    font-size: 1.25rem;
    color: #bdb8e1
}

.amber-purple .search-container ion-segment[data-v-38b950ab] {
    display: flex;
    justify-content: left;
    padding: .375rem .625rem 0;
    border-bottom: .0625rem solid #5f588c
}

.amber-purple .search-container ion-segment ion-segment-button[data-v-38b950ab] {
    --indicator-height: .125rem;
    --padding-start: .375rem;
    --padding-end: .375rem;
    --padding-top: .125rem;
    --padding-bottom: .125rem;
    --color: #686299;
    --color-checked: #bdb8e1;
    --indicator-color: linear-gradient(90deg, #EABD5B 2.63%, #7546EE 100%);
    text-transform: capitalize;
    min-width: 0
}

.amber-purple .search-container ion-segment ion-segment-button[data-v-38b950ab]::part(indicator) {
    width: 80%;
    margin-left: auto;
    margin-right: auto
}

.amber-purple .search-container ion-segment ion-segment-button .tab[data-v-38b950ab] {
    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: #686299
}

.amber-purple .search-container ion-segment ion-segment-button .tab .text[data-v-38b950ab] {
    align-self: end
}

.amber-purple .search-container ion-segment ion-segment-button .tab .tab-img[data-v-38b950ab] {
    width: 1.25rem
}

.amber-purple .search-container ion-segment ion-segment-button .tab .tab-icon[data-v-38b950ab] {
    font-size: 1rem;
    margin-right: .3rem
}

.amber-purple .search-container ion-segment .segment-button-checked[data-v-38b950ab] {
    font-weight: 700
}

.amber-purple .search-container ion-segment .segment-button-checked.md[data-v-38b950ab]::part(indicator) {
    width: unset;
    font-size: .875rem
}

.amber-purple .search-container ion-segment .segment-button-checked .tab[data-v-38b950ab] {
    font-weight: 700;
    color: #bdb8e1
}

.amber-purple .search-container ion-segment .segment-button-checked .tab .tab-icon[data-v-38b950ab] {
    color: #7041f3
}

.amber-purple .search-container .game-box[data-v-38b950ab] {
    --ion-grid-padding: .25rem
}

.amber-purple .search-container .game-box ion-col[data-v-38b950ab] {
    --ion-grid-column-padding: .25rem
}

.amber-purple .search-container .game-box .empty[data-v-38b950ab] {
    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
}

.amber-purple .search-container .game-box .empty .empty-bg-game[data-v-38b950ab] {
    width: 10rem;
    height: 10rem;
    color: #bdb8e1
}

.amber-purple .search-container .game-box .empty .tip[data-v-38b950ab] {
    font-family: Saira;
    font-size: .875rem;
    font-weight: 500;
    text-align: center;
    color: #686299
}

.amber-purple .search-container .container[data-v-38b950ab]::part(background) {
    background: transparent
}

.amber-purple .search-container .container ion-segment[data-v-38b950ab] {
    border-bottom: none
}

.amber-purple .search-container .container ion-segment ion-segment-button[data-v-38b950ab] {
    margin-bottom: -.0625rem
}

.amber-purple .search-container .container ion-segment ion-segment-button .tab[data-v-38b950ab] {
    font-weight: 400
}

.green-dark .search-container[data-v-38b950ab] {
    display: flex;
    flex-flow: column;
    --color-text-title-basic: #fff
}

.green-dark .search-container .ion-no-border ion-toolbar[data-v-38b950ab] {
    --min-height: 3.125rem;
    --background: #22262e;
    --border-color: #3b424e
}

.green-dark .search-container .ion-no-border ion-title[data-v-38b950ab] {
    font-weight: var(--ep-font-weight-medium, 600);
    color: #fff
}

.green-dark .search-container .ion-no-border .toolbar-search[data-v-38b950ab] {
    --background: var(--color-bg-300)
}

.green-dark .search-container .ion-no-border .toolbar-search #searchbar[data-v-38b950ab] {
    --color: #fff;
    --placeholder-color: #fff6;
    caret-color: #3e9b2f;
    --background: #16191d;
    --box-shadow: 0 0 0 .0625rem #3b424e, 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
}

.green-dark .search-container .ion-no-border .toolbar-search #searchbar ion-spinner[data-v-38b950ab] {
    position: absolute;
    z-index: 10;
    right: 1.25rem;
    width: 1.75rem;
    height: 1.75rem;
    font-size: 1.25rem
}

.green-dark .search-container .ion-no-border .toolbar-search #searchbar ion-icon[data-v-38b950ab] {
    position: absolute;
    z-index: 10;
    right: 1.25rem;
    font-size: 1.25rem;
    color: #fff
}

.green-dark .search-container ion-segment[data-v-38b950ab] {
    display: flex;
    justify-content: left;
    padding: .375rem .625rem 0;
    border-bottom: .0625rem solid #3b424e
}

.green-dark .search-container ion-segment ion-segment-button[data-v-38b950ab] {
    --indicator-height: .125rem;
    --padding-start: .375rem;
    --padding-end: .375rem;
    --padding-top: .125rem;
    --padding-bottom: .125rem;
    --color: #fff6;
    --color-checked: #fff;
    --indicator-color: #3e9b2f;
    text-transform: capitalize;
    min-width: 0
}

.green-dark .search-container ion-segment ion-segment-button[data-v-38b950ab]::part(indicator) {
    width: 80%;
    margin-left: auto;
    margin-right: auto
}

.green-dark .search-container ion-segment ion-segment-button .tab[data-v-38b950ab] {
    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: rgba(255, 255, 255, .4)
}

.green-dark .search-container ion-segment ion-segment-button .tab .text[data-v-38b950ab] {
    align-self: end
}

.green-dark .search-container ion-segment ion-segment-button .tab .tab-img[data-v-38b950ab] {
    width: 1.25rem
}

.green-dark .search-container ion-segment ion-segment-button .tab .tab-icon[data-v-38b950ab] {
    font-size: 1rem;
    margin-right: .3rem
}

.green-dark .search-container ion-segment .segment-button-checked[data-v-38b950ab] {
    font-weight: 700
}

.green-dark .search-container ion-segment .segment-button-checked.md[data-v-38b950ab]::part(indicator) {
    width: unset;
    font-size: .875rem
}

.green-dark .search-container ion-segment .segment-button-checked .tab[data-v-38b950ab] {
    font-weight: 700;
    color: #fff
}

.green-dark .search-container ion-segment .segment-button-checked .tab .tab-icon[data-v-38b950ab] {
    color: #3e9b2f
}

.green-dark .search-container .game-box[data-v-38b950ab] {
    --ion-grid-padding: .25rem
}

.green-dark .search-container .game-box ion-col[data-v-38b950ab] {
    --ion-grid-column-padding: .25rem
}

.green-dark .search-container .game-box .empty[data-v-38b950ab] {
    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
}

.green-dark .search-container .game-box .empty .empty-bg-game[data-v-38b950ab] {
    width: 10rem;
    height: 10rem;
    color: #fff
}

.green-dark .search-container .game-box .empty .tip[data-v-38b950ab] {
    font-family: Saira;
    font-size: .875rem;
    font-weight: 500;
    text-align: center;
    color: rgba(255, 255, 255, .4)
}

.green-dark ion-segment ion-segment-button[data-v-38b950ab] {
    margin-bottom: -.0625rem
}

.green-dark ion-segment ion-segment-button .tab[data-v-38b950ab] {
    font-weight: 400
}

.yellow-dark .search-container[data-v-38b950ab] {
    display: flex;
    flex-flow: column;
    --color-text-title-basic: #fff
}

.yellow-dark .search-container .ion-no-border ion-toolbar[data-v-38b950ab] {
    --min-height: 3.125rem;
    --background: #262624;
    --border-color: #2e2d2c
}

.yellow-dark .search-container .ion-no-border ion-title[data-v-38b950ab] {
    font-weight: var(--ep-font-weight-medium, 600);
    color: #fff
}

.yellow-dark .search-container .ion-no-border .toolbar-search[data-v-38b950ab] {
    --background: var(--color-bg-300)
}

.yellow-dark .search-container .ion-no-border .toolbar-search #searchbar[data-v-38b950ab] {
    --color: #fff;
    --placeholder-color: #fff6;
    caret-color: #feb805;
    --background: #181816;
    --box-shadow: 0 0 0 .0625rem #2e2d2c, 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
}

.yellow-dark .search-container .ion-no-border .toolbar-search #searchbar ion-spinner[data-v-38b950ab] {
    position: absolute;
    z-index: 10;
    right: 1.25rem;
    width: 1.75rem;
    height: 1.75rem;
    font-size: 1.25rem
}

.yellow-dark .search-container .ion-no-border .toolbar-search #searchbar ion-icon[data-v-38b950ab] {
    position: absolute;
    z-index: 10;
    right: 1.25rem;
    font-size: 1.25rem;
    color: #fff
}

.yellow-dark .search-container ion-segment[data-v-38b950ab] {
    display: flex;
    justify-content: left;
    padding: .375rem .625rem 0;
    border-bottom: .0625rem solid #2e2d2c
}

.yellow-dark .search-container ion-segment ion-segment-button[data-v-38b950ab] {
    --indicator-height: .125rem;
    --padding-start: .375rem;
    --padding-end: .375rem;
    --padding-top: .125rem;
    --padding-bottom: .125rem;
    --color: #fff6;
    --color-checked: #fff;
    --indicator-color: #feb805;
    text-transform: capitalize;
    min-width: 0
}

.yellow-dark .search-container ion-segment ion-segment-button[data-v-38b950ab]::part(indicator) {
    width: 80%;
    margin-left: auto;
    margin-right: auto
}

.yellow-dark .search-container ion-segment ion-segment-button .tab[data-v-38b950ab] {
    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: rgba(255, 255, 255, .4)
}

.yellow-dark .search-container ion-segment ion-segment-button .tab .text[data-v-38b950ab] {
    align-self: end
}

.yellow-dark .search-container ion-segment ion-segment-button .tab .tab-img[data-v-38b950ab] {
    width: 1.25rem
}

.yellow-dark .search-container ion-segment ion-segment-button .tab .tab-icon[data-v-38b950ab] {
    font-size: 1rem;
    margin-right: .3rem
}

.yellow-dark .search-container ion-segment .segment-button-checked[data-v-38b950ab] {
    font-weight: 700
}

.yellow-dark .search-container ion-segment .segment-button-checked.md[data-v-38b950ab]::part(indicator) {
    width: unset;
    font-size: .875rem
}

.yellow-dark .search-container ion-segment .segment-button-checked .tab[data-v-38b950ab] {
    font-weight: 700;
    color: #fff
}

.yellow-dark .search-container ion-segment .segment-button-checked .tab .tab-icon[data-v-38b950ab] {
    color: #feb805
}

.yellow-dark .search-container .game-box[data-v-38b950ab] {
    --ion-grid-padding: .25rem
}

.yellow-dark .search-container .game-box ion-col[data-v-38b950ab] {
    --ion-grid-column-padding: .25rem
}

.yellow-dark .search-container .game-box .empty[data-v-38b950ab] {
    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
}

.yellow-dark .search-container .game-box .empty .empty-bg-game[data-v-38b950ab] {
    width: 10rem;
    height: 10rem;
    color: #fff
}

.yellow-dark .search-container .game-box .empty .tip[data-v-38b950ab] {
    font-family: Saira;
    font-size: .875rem;
    font-weight: 500;
    text-align: center;
    color: rgba(255, 255, 255, .4)
}

.yellow-dark ion-segment ion-segment-button[data-v-38b950ab] {
    margin-bottom: -.0625rem
}

.yellow-dark ion-segment ion-segment-button .tab[data-v-38b950ab] {
    font-weight: 400
}

.purple-light .search-container[data-v-38b950ab] {
    display: flex;
    flex-flow: column;
    --color-text-title-basic: #fff
}

.purple-light .search-container .ion-no-border ion-toolbar[data-v-38b950ab] {
    --min-height: 3.125rem;
    --background: #6526db;
    --border-color: #dbc9ff
}

.purple-light .search-container .ion-no-border ion-title[data-v-38b950ab] {
    font-weight: var(--ep-font-weight-medium, 600);
    color: #fff
}

.purple-light .search-container .ion-no-border .toolbar-search[data-v-38b950ab] {
    --background: var(--color-bg-300)
}

.purple-light .search-container .ion-no-border .toolbar-search #searchbar[data-v-38b950ab] {
    --color: #403d4f;
    --placeholder-color: #403d4f80;
    caret-color: #6526db;
    --background: #e0d0ff;
    --box-shadow: none;
    border: .5rem solid transparent;
    border-radius: .25rem;
    padding: 0
}

.purple-light .search-container .ion-no-border .toolbar-search #searchbar ion-spinner[data-v-38b950ab] {
    position: absolute;
    z-index: 10;
    right: 1.25rem;
    width: 1.75rem;
    height: 1.75rem;
    font-size: 1.25rem
}

.purple-light .search-container .ion-no-border .toolbar-search #searchbar ion-icon[data-v-38b950ab] {
    position: absolute;
    z-index: 10;
    right: 1.25rem;
    font-size: 1.25rem;
    color: #403d4f
}

.purple-light .search-container ion-segment[data-v-38b950ab] {
    display: flex;
    justify-content: left;
    padding: .375rem .625rem 0;
    border-bottom: .0625rem solid #dbc9ff
}

.purple-light .search-container ion-segment ion-segment-button[data-v-38b950ab] {
    --indicator-height: .125rem;
    --padding-start: .375rem;
    --padding-end: .375rem;
    --padding-top: .125rem;
    --padding-bottom: .125rem;
    --color: #403d4f80;
    --color-checked: #403d4f;
    --indicator-color: #6526db;
    text-transform: capitalize;
    min-width: 0
}

.purple-light .search-container ion-segment ion-segment-button[data-v-38b950ab]::part(indicator) {
    width: 80%;
    margin-left: auto;
    margin-right: auto
}

.purple-light .search-container ion-segment ion-segment-button .tab[data-v-38b950ab] {
    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: rgba(64, 61, 79, .5)
}

.purple-light .search-container ion-segment ion-segment-button .tab .text[data-v-38b950ab] {
    align-self: end
}

.purple-light .search-container ion-segment ion-segment-button .tab .tab-img[data-v-38b950ab] {
    width: 1.25rem
}

.purple-light .search-container ion-segment ion-segment-button .tab .tab-icon[data-v-38b950ab] {
    font-size: 1rem;
    margin-right: .3rem
}

.purple-light .search-container ion-segment .segment-button-checked[data-v-38b950ab] {
    font-weight: 700
}

.purple-light .search-container ion-segment .segment-button-checked.md[data-v-38b950ab]::part(indicator) {
    width: unset;
    font-size: .875rem
}

.purple-light .search-container ion-segment .segment-button-checked .tab[data-v-38b950ab] {
    font-weight: 700;
    color: #403d4f
}

.purple-light .search-container ion-segment .segment-button-checked .tab .tab-icon[data-v-38b950ab] {
    color: #6526db
}

.purple-light .search-container .game-box[data-v-38b950ab] {
    --ion-grid-padding: .25rem
}

.purple-light .search-container .game-box ion-col[data-v-38b950ab] {
    --ion-grid-column-padding: .25rem
}

.purple-light .search-container .game-box .empty[data-v-38b950ab] {
    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
}

.purple-light .search-container .game-box .empty .empty-bg-game[data-v-38b950ab] {
    width: 10rem;
    height: 10rem;
    color: #403d4f
}

.purple-light .search-container .game-box .empty .tip[data-v-38b950ab] {
    font-family: Saira;
    font-size: .875rem;
    font-weight: 500;
    text-align: center;
    color: rgba(64, 61, 79, .5)
}

.purple-light ion-segment ion-segment-button[data-v-38b950ab] {
    margin-bottom: -.0625rem
}

.purple-light ion-segment ion-segment-button .tab[data-v-38b950ab] {
    font-weight: 400
}

.auroral-yellow .search-container[data-v-38b950ab] {
    display: flex;
    flex-flow: column;
    --color-text-title-basic: #fff
}

.auroral-yellow .search-container .ion-no-border ion-toolbar[data-v-38b950ab] {
    --min-height: 3.125rem;
    --background: var(--color-bg-200);
    --border-color: var(--line-color)
}

.auroral-yellow .search-container .ion-no-border ion-title[data-v-38b950ab] {
    font-weight: var(--ep-font-weight-medium, 600);
    color: #fff
}

.auroral-yellow .search-container .ion-no-border .toolbar-search[data-v-38b950ab] {
    --background: var(--color-bg-300)
}

.auroral-yellow .search-container .ion-no-border .toolbar-search #searchbar[data-v-38b950ab] {
    --color: #fff;
    --placeholder-color: var(--text-color2);
    caret-color: var(--theme-color-800);
    --background: var(--color-bg-400);
    --box-shadow: 0 0 0 .0625rem var(--line-color), 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
}

.auroral-yellow .search-container .ion-no-border .toolbar-search #searchbar ion-spinner[data-v-38b950ab] {
    position: absolute;
    z-index: 10;
    right: 1.25rem;
    width: 1.75rem;
    height: 1.75rem;
    font-size: 1.25rem
}

.auroral-yellow .search-container .ion-no-border .toolbar-search #searchbar ion-icon[data-v-38b950ab] {
    position: absolute;
    z-index: 10;
    right: 1.25rem;
    font-size: 1.25rem;
    color: #fff
}

.auroral-yellow .search-container ion-segment[data-v-38b950ab] {
    display: flex;
    justify-content: left;
    padding: .375rem .625rem 0;
    border-bottom: .0625rem solid var(--line-color)
}

.auroral-yellow .search-container ion-segment ion-segment-button[data-v-38b950ab] {
    --indicator-height: .125rem;
    --padding-start: .375rem;
    --padding-end: .375rem;
    --padding-top: .125rem;
    --padding-bottom: .125rem;
    --color: var(--text-color2);
    --color-checked: #fff;
    --indicator-color: var(--theme-color-800);
    text-transform: capitalize;
    min-width: 0
}

.auroral-yellow .search-container ion-segment ion-segment-button[data-v-38b950ab]::part(indicator) {
    width: 80%;
    margin-left: auto;
    margin-right: auto
}

.auroral-yellow .search-container ion-segment ion-segment-button .tab[data-v-38b950ab] {
    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)
}

.auroral-yellow .search-container ion-segment ion-segment-button .tab .text[data-v-38b950ab] {
    align-self: end
}

.auroral-yellow .search-container ion-segment ion-segment-button .tab .tab-img[data-v-38b950ab] {
    width: 1.25rem
}

.auroral-yellow .search-container ion-segment ion-segment-button .tab .tab-icon[data-v-38b950ab] {
    font-size: 1rem;
    margin-right: .3rem
}

.auroral-yellow .search-container ion-segment .segment-button-checked[data-v-38b950ab] {
    font-weight: 700
}

.auroral-yellow .search-container ion-segment .segment-button-checked.md[data-v-38b950ab]::part(indicator) {
    width: unset;
    font-size: .875rem
}

.auroral-yellow .search-container ion-segment .segment-button-checked .tab[data-v-38b950ab] {
    font-weight: 700;
    color: #fff
}

.auroral-yellow .search-container ion-segment .segment-button-checked .tab .tab-icon[data-v-38b950ab] {
    color: #7041f3
}

.auroral-yellow .search-container .game-box[data-v-38b950ab] {
    --ion-grid-padding: .25rem
}

.auroral-yellow .search-container .game-box ion-col[data-v-38b950ab] {
    --ion-grid-column-padding: .25rem
}

.auroral-yellow .search-container .game-box .empty[data-v-38b950ab] {
    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
}

.auroral-yellow .search-container .game-box .empty .empty-bg-game[data-v-38b950ab] {
    width: 10rem;
    height: 10rem;
    color: #fff
}

.auroral-yellow .search-container .game-box .empty .tip[data-v-38b950ab] {
    font-family: Saira;
    font-size: .875rem;
    font-weight: 500;
    text-align: center;
    color: var(--text-color2)
}

.new-skin-symbol .search-container[data-v-38b950ab] {
    display: flex;
    flex-flow: column;
    --color-text-title-basic: var(--ep-color-text-default)
}

.new-skin-symbol .search-container .ion-no-border ion-toolbar[data-v-38b950ab] {
    --min-height: 3.125rem;
    --background: var(--ep-color-background-fill-top-nav-secondary);
    --border-color: var(--ep-color-border-default)
}

.new-skin-symbol .search-container .ion-no-border ion-title[data-v-38b950ab] {
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--ep-color-text-default)
}

.new-skin-symbol .search-container .ion-no-border .toolbar-search[data-v-38b950ab] {
    --background: var(--ep-color-background-fill-body-default)
}

.new-skin-symbol .search-container .ion-no-border .toolbar-search #searchbar[data-v-38b950ab] {
    --color: var(--ep-color-text-default);
    --placeholder-color: var(--ep-color-text-weaker);
    caret-color: var(--ep-color-border-brand);
    --background: var(--ep-color-background-fill-surface-lowered);
    --box-shadow: 0 0 0 1px var(--ep-color-border-default), 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);
    border: .5rem solid transparent;
    border-radius: .25rem;
    padding: 0
}

.new-skin-symbol .search-container .ion-no-border .toolbar-search #searchbar ion-spinner[data-v-38b950ab] {
    position: absolute;
    z-index: 10;
    right: 1.25rem;
    width: 1.75rem;
    height: 1.75rem;
    font-size: 1.25rem
}

.new-skin-symbol .search-container .ion-no-border .toolbar-search #searchbar ion-icon[data-v-38b950ab] {
    position: absolute;
    z-index: 10;
    right: 1.25rem;
    font-size: 1.25rem;
    color: var(--ep-color-icon-weaker)
}

.new-skin-symbol .search-container ion-segment[data-v-38b950ab] {
    display: flex;
    justify-content: left;
    padding: .375rem .625rem 0;
    border-bottom: .0625rem solid var(--ep-color-border-default)
}

.new-skin-symbol .search-container ion-segment ion-segment-button[data-v-38b950ab] {
    --indicator-height: .125rem;
    --padding-start: .375rem;
    --padding-end: .375rem;
    --padding-top: .125rem;
    --padding-bottom: .125rem;
    --color: var(--ep-color-text-weaker);
    --color-checked: var(--ep-color-text-selected);
    --indicator-color: var(--ep-color-border-selected);
    text-transform: capitalize;
    min-width: 0
}

.new-skin-symbol .search-container ion-segment ion-segment-button[data-v-38b950ab]::part(indicator) {
    width: 80%;
    margin-left: auto;
    margin-right: auto
}

.new-skin-symbol .search-container ion-segment ion-segment-button .tab[data-v-38b950ab] {
    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(--ep-color-text-weaker)
}

.new-skin-symbol .search-container ion-segment ion-segment-button .tab .text[data-v-38b950ab] {
    align-self: end
}

.new-skin-symbol .search-container ion-segment ion-segment-button .tab .tab-img[data-v-38b950ab] {
    width: 1.25rem
}

.new-skin-symbol .search-container ion-segment ion-segment-button .tab .tab-icon[data-v-38b950ab] {
    font-size: 1rem;
    margin-right: .3rem
}

.new-skin-symbol .search-container ion-segment .segment-button-checked[data-v-38b950ab] {
    font-weight: 700
}

.new-skin-symbol .search-container ion-segment .segment-button-checked.md[data-v-38b950ab]::part(indicator) {
    width: unset;
    font-size: .875rem
}

.new-skin-symbol .search-container ion-segment .segment-button-checked .tab[data-v-38b950ab] {
    font-weight: 700;
    color: var(--ep-color-text-selected)
}

.new-skin-symbol .search-container ion-segment .segment-button-checked .tab .tab-icon[data-v-38b950ab] {
    color: var(--ep-color-text-selected)
}

.new-skin-symbol .search-container .game-box[data-v-38b950ab] {
    --ion-grid-padding: .25rem
}

.new-skin-symbol .search-container .game-box ion-col[data-v-38b950ab] {
    --ion-grid-column-padding: .25rem
}

.new-skin-symbol .search-container .game-box .empty[data-v-38b950ab] {
    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
}

.new-skin-symbol .search-container .game-box .empty .empty-bg-game[data-v-38b950ab] {
    width: 10rem;
    height: 10rem;
    color: var(--ep-color-icon-weaker)
}

.new-skin-symbol .search-container .game-box .empty .tip[data-v-38b950ab] {
    font-family: Saira;
    font-size: .875rem;
    font-weight: 500;
    text-align: center;
    color: var(--ep-color-text-weaker)
}

.sports-card[data-v-38b950ab] {
    width: 22.875rem;
    height: 7.5rem;
    margin: 0 auto;
    border-radius: var(--ep-border-radius-surface-default, 14px);
    overflow: hidden
}

.color-primary-600[data-v-39178cda] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-39178cda] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-39178cda] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-39178cda] {
    color: var(--color-primary-900)
}

.bg-100[data-v-39178cda] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-39178cda] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-39178cda] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-39178cda] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-39178cda] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-39178cda] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-39178cda] {
    background-color: var(--color-warning)
}

.bg-link[data-v-39178cda] {
    background-color: var(--color-link)
}

.bg-danger[data-v-39178cda] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-39178cda] {
    color: var(--color-text-100)
}

.color-text-80[data-v-39178cda] {
    color: var(--color-text-80)
}

.color-text-50[data-v-39178cda] {
    color: var(--color-text-50)
}

.color-text-40[data-v-39178cda] {
    color: var(--color-text-40)
}

.color-text-20[data-v-39178cda] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-39178cda] {
    color: var(--color-currency)
}

.color-warning[data-v-39178cda] {
    color: var(--color-warning)
}

.color-danger[data-v-39178cda] {
    color: var(--color-danger)
}

.color-link[data-v-39178cda] {
    color: var(--color-link)
}

.color-line[data-v-39178cda] {
    color: var(--color-line)
}

.color-border[data-v-39178cda] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-39178cda] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-39178cda] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-39178cda] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-39178cda] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-39178cda] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-39178cda] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-39178cda] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-39178cda] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-39178cda] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-39178cda] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-39178cda] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-39178cda] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-39178cda] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-39178cda] {
    display: flex;
    align-items: center
}

.flex-start[data-v-39178cda] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-39178cda] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-39178cda] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-39178cda] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-39178cda] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-39178cda] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-39178cda] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-39178cda] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-39178cda] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-39178cda] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-39178cda] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-39178cda] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-39178cda] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-39178cda] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-39178cda] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-39178cda] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-39178cda] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-39178cda] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-39178cda] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-39178cda] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-39178cda] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-39178cda] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-39178cda] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-39178cda] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-39178cda],
.mlm-selected-item[data-v-39178cda] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-39178cda] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-39178cda]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-39178cda] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-39178cda] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-39178cda] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-header.navigation[data-v-39178cda] {
    --padding-start: 0;
    --padding-end: 0;
    --padding-top: 0;
    --padding-bottom: 0;
    box-shadow: 0 4px 28.4px 0 var(--color-bar-bg-shadow)
}

ion-header.navigation ion-toolbar[data-v-39178cda] {
    height: 3.125rem;
    --background: var(--6818b4f7);
    --padding-top: 0
}

ion-button[data-v-39178cda] {
    --padding-start: .875rem;
    --padding-end: .875rem;
    margin-top: 0;
    margin-bottom: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
    --color: var(--ep-color-text-default, var(--color-toolbar-text, var(--text-color-white-100)))
}

ion-title.title[data-v-39178cda] {
    font-size: var(--ep-font-size-xl);
    font-weight: var(--ep-font-weight-medium);
    color: var(--ep-color-text-default, var(--color-toolbar-text, var(--text-color-white-100)))
}

ion-icon.back[data-v-39178cda] {
    font-size: var(--ep-font-size-xl, var(--font-size-back-button));
    font-weight: var(--ep-font-weight-medium);
    color: var(--ep-color-icon-default, var(--color-text-title-basic))
}

.color-primary-600[data-v-cb8e4a15] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-cb8e4a15] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-cb8e4a15] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-cb8e4a15] {
    color: var(--color-primary-900)
}

.bg-100[data-v-cb8e4a15] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-cb8e4a15] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-cb8e4a15] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-cb8e4a15] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-cb8e4a15] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-cb8e4a15] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-cb8e4a15] {
    background-color: var(--color-warning)
}

.bg-link[data-v-cb8e4a15] {
    background-color: var(--color-link)
}

.bg-danger[data-v-cb8e4a15] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-cb8e4a15] {
    color: var(--color-text-100)
}

.color-text-80[data-v-cb8e4a15] {
    color: var(--color-text-80)
}

.color-text-50[data-v-cb8e4a15] {
    color: var(--color-text-50)
}

.color-text-40[data-v-cb8e4a15] {
    color: var(--color-text-40)
}

.color-text-20[data-v-cb8e4a15] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-cb8e4a15] {
    color: var(--color-currency)
}

.color-warning[data-v-cb8e4a15] {
    color: var(--color-warning)
}

.color-danger[data-v-cb8e4a15] {
    color: var(--color-danger)
}

.color-link[data-v-cb8e4a15] {
    color: var(--color-link)
}

.color-line[data-v-cb8e4a15] {
    color: var(--color-line)
}

.color-border[data-v-cb8e4a15] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-cb8e4a15] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-cb8e4a15] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-cb8e4a15] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-cb8e4a15] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-cb8e4a15] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-cb8e4a15] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-cb8e4a15] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-cb8e4a15] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-cb8e4a15] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-cb8e4a15] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-cb8e4a15] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-cb8e4a15] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-cb8e4a15] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-cb8e4a15] {
    display: flex;
    align-items: center
}

.flex-start[data-v-cb8e4a15] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-cb8e4a15] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-cb8e4a15] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-cb8e4a15] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-cb8e4a15] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-cb8e4a15] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-cb8e4a15] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-cb8e4a15] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-cb8e4a15] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-cb8e4a15] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-cb8e4a15] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-cb8e4a15] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-cb8e4a15] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-cb8e4a15] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-cb8e4a15] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-cb8e4a15] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-cb8e4a15] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-cb8e4a15] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-cb8e4a15] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-cb8e4a15] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-cb8e4a15] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-cb8e4a15] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-cb8e4a15] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-cb8e4a15] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-cb8e4a15],
.mlm-selected-item[data-v-cb8e4a15] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-cb8e4a15] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-cb8e4a15]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-cb8e4a15] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-cb8e4a15] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-cb8e4a15] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-item[data-v-cb8e4a15] {
    --min-height: 0;
    --padding-end: 0;
    --padding-top: .75rem;
    --padding-bottom: .75rem;
    --padding-start: 0;
    --background: transparent
}

ion-item[data-v-cb8e4a15]::part(detail-icon) {
    font-size: .875rem;
    color: var(--color-text-100)
}

ion-item ion-icon[data-v-cb8e4a15] {
    color: var(--security-item-icon-color)
}

ion-item ion-label[data-v-cb8e4a15] {
    font-size: var(--font-size-12) !important;
    line-height: 1.125rem;
    margin: 0
}

ion-item ion-label.item-name[data-v-cb8e4a15] {
    color: var(--color-text-40);
    font-weight: var(--font-weight-medium)
}

ion-item ion-label.item-info[data-v-cb8e4a15] {
    color: var(--color-text-100)
}

ion-item ion-icon[data-v-cb8e4a15] {
    opacity: .4
}

.card-bg-gradient[data-v-cb8e4a15] {
    border-radius: .5rem;
    background: var(--my-card-bg-gradient)
}

.new-skin-symbol ion-content.common-ion-content[data-v-cb8e4a15] {
    --background: var(--ep-color-background-fill-body-default)
}

.new-skin-symbol ion-item[data-v-cb8e4a15] {
    --min-height: 0;
    --padding-end: 0;
    --padding-top: .75rem;
    --padding-bottom: .75rem;
    --padding-start: 0;
    --background: transparent
}

.new-skin-symbol ion-item[data-v-cb8e4a15]::part(detail-icon) {
    font-size: var(--ep-font-size-m);
    color: var(--ep-color-icon-weaker)
}

.new-skin-symbol ion-item ion-icon[data-v-cb8e4a15] {
    color: var(--ep-color-icon-weaker)
}

.new-skin-symbol ion-item ion-label[data-v-cb8e4a15] {
    font-size: var(--ep-font-size-s) !important;
    line-height: 1.125rem;
    margin: 0
}

.new-skin-symbol ion-item ion-label.item-name[data-v-cb8e4a15] {
    color: var(--ep-color-text-default);
    font-weight: var(--ep-font-weight-medium)
}

.new-skin-symbol ion-item ion-label.item-info[data-v-cb8e4a15] {
    color: var(--ep-color-text-default)
}

.new-skin-symbol ion-item ion-icon[data-v-cb8e4a15] {
    opacity: 1
}

.new-skin-symbol .card-bg-gradient[data-v-cb8e4a15] {
    border-radius: var(--ep-border-radius-l);
    background: var(--ep-color-background-fill-surface-raised-L1)
}

.color-primary-600[data-v-ee44aeaa] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-ee44aeaa] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-ee44aeaa] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-ee44aeaa] {
    color: var(--color-primary-900)
}

.bg-100[data-v-ee44aeaa] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-ee44aeaa] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-ee44aeaa] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-ee44aeaa] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-ee44aeaa] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-ee44aeaa] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-ee44aeaa] {
    background-color: var(--color-warning)
}

.bg-link[data-v-ee44aeaa] {
    background-color: var(--color-link)
}

.bg-danger[data-v-ee44aeaa] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-ee44aeaa] {
    color: var(--color-text-100)
}

.color-text-80[data-v-ee44aeaa] {
    color: var(--color-text-80)
}

.color-text-50[data-v-ee44aeaa] {
    color: var(--color-text-50)
}

.color-text-40[data-v-ee44aeaa] {
    color: var(--color-text-40)
}

.color-text-20[data-v-ee44aeaa] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-ee44aeaa] {
    color: var(--color-currency)
}

.color-warning[data-v-ee44aeaa] {
    color: var(--color-warning)
}

.color-danger[data-v-ee44aeaa] {
    color: var(--color-danger)
}

.color-link[data-v-ee44aeaa] {
    color: var(--color-link)
}

.color-line[data-v-ee44aeaa] {
    color: var(--color-line)
}

.color-border[data-v-ee44aeaa] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-ee44aeaa] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-ee44aeaa] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-ee44aeaa] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-ee44aeaa] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-ee44aeaa] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-ee44aeaa] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-ee44aeaa] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-ee44aeaa] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-ee44aeaa] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-ee44aeaa] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-ee44aeaa] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-ee44aeaa] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-ee44aeaa] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-ee44aeaa] {
    display: flex;
    align-items: center
}

.flex-start[data-v-ee44aeaa] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-ee44aeaa] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-ee44aeaa] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-ee44aeaa] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-ee44aeaa] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-ee44aeaa] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-ee44aeaa] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-ee44aeaa] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-ee44aeaa] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-ee44aeaa] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-ee44aeaa] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-ee44aeaa] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-ee44aeaa] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-ee44aeaa] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-ee44aeaa] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-ee44aeaa] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-ee44aeaa] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-ee44aeaa] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-ee44aeaa] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-ee44aeaa] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-ee44aeaa] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-ee44aeaa] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-ee44aeaa] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-ee44aeaa] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-ee44aeaa],
.mlm-selected-item[data-v-ee44aeaa] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-ee44aeaa] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-ee44aeaa]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-ee44aeaa] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-ee44aeaa] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-ee44aeaa] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .guide-safari-wrap[data-v-ee44aeaa] {
    width: 17.5rem;
    margin: 1rem auto
}

html .guide-safari-wrap .text[data-v-ee44aeaa] {
    font-size: 14px;
    color: var(--color-text-40);
    text-align: left;
    line-height: 1.5rem;
    margin-bottom: 1rem
}

html .guide-safari-wrap .rectangle[data-v-ee44aeaa] {
    width: 100%;
    height: 2.5rem;
    background: var(--color-bg-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(--color-bg-100)
}

html .guide-safari-wrap .rectangle .copy-text[data-v-ee44aeaa] {
    width: 14.25rem;
    font-size: .875rem;
    line-height: 1.625rem;
    color: var(--color-text-40)
}

html .guide-safari-wrap .rectangle .safari-icon[data-v-ee44aeaa] {
    font-size: 30px;
    width: 1.5rem;
    height: 1.5rem
}

.new-skin-symbol .guide-safari-wrap[data-v-ee44aeaa] {
    width: 17.5rem;
    margin: 1rem auto
}

.new-skin-symbol .guide-safari-wrap .text[data-v-ee44aeaa] {
    font-size: 14px;
    color: var(--color-text-40);
    text-align: left;
    line-height: 1.5rem;
    margin-bottom: 1rem
}

.new-skin-symbol .guide-safari-wrap .rectangle[data-v-ee44aeaa] {
    width: 100%;
    height: 2.5rem;
    background: var(--color-bg-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(--color-bg-100)
}

.new-skin-symbol .guide-safari-wrap .rectangle .copy-text[data-v-ee44aeaa] {
    width: 14.25rem;
    font-size: .875rem;
    line-height: 1.625rem;
    color: var(--ep-color-text-weak)
}

.new-skin-symbol .guide-safari-wrap .rectangle .safari-icon[data-v-ee44aeaa] {
    font-size: 30px;
    width: 1.5rem;
    height: 1.5rem
}

.purple-light .guide-safari-wrap[data-v-ee44aeaa] {
    width: 17.5rem;
    margin: 1rem auto
}

.purple-light .guide-safari-wrap .text[data-v-ee44aeaa] {
    font-size: 14px;
    color: var(--color-text-40);
    text-align: left;
    line-height: 1.5rem;
    margin-bottom: 1rem
}

.purple-light .guide-safari-wrap .rectangle[data-v-ee44aeaa] {
    width: 100%;
    height: 2.5rem;
    background: var(--color-bg-300);
    border-radius: 6px;
    color: #100;
    padding: .4375rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid var(--color-bg-100)
}

.purple-light .guide-safari-wrap .rectangle .copy-text[data-v-ee44aeaa] {
    width: 14.25rem;
    font-size: .875rem;
    line-height: 1.625rem;
    color: var(--color-text-40)
}

.purple-light .guide-safari-wrap .rectangle .safari-icon[data-v-ee44aeaa] {
    font-size: 30px;
    width: 1.5rem;
    height: 1.5rem
}

.green-default .guide-safari-wrap[data-v-ee44aeaa] {
    width: 17.5rem;
    margin: 1rem auto
}

.green-default .guide-safari-wrap .text[data-v-ee44aeaa] {
    font-size: 14px;
    color: var(--color-text-gray-300);
    text-align: left;
    line-height: 1.5rem;
    margin-bottom: 1rem
}

.green-default .guide-safari-wrap .rectangle[data-v-ee44aeaa] {
    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(--theme-color-800)
}

.green-default .guide-safari-wrap .rectangle .copy-text[data-v-ee44aeaa] {
    width: 14.25rem;
    font-size: .875rem;
    line-height: 1.625rem;
    color: var(--color-text-gray-300)
}

.green-default .guide-safari-wrap .rectangle .safari-icon[data-v-ee44aeaa] {
    font-size: 30px;
    width: 1.5rem;
    height: 1.5rem
}

.blue-default .guide-safari-wrap[data-v-ee44aeaa] {
    width: 17.5rem;
    margin: 1rem auto
}

.blue-default .guide-safari-wrap .text[data-v-ee44aeaa] {
    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-ee44aeaa] {
    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-ee44aeaa] {
    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-ee44aeaa] {
    font-size: 30px;
    width: 1.5rem;
    height: 1.5rem
}

.forest-green .guide-safari-wrap[data-v-ee44aeaa] {
    width: 17.5rem;
    margin: 1rem auto
}

.forest-green .guide-safari-wrap .text[data-v-ee44aeaa] {
    font-size: 14px;
    color: var(--color-text-gray-300);
    text-align: left;
    line-height: 1.5rem;
    margin-bottom: 1rem
}

.forest-green .guide-safari-wrap .rectangle[data-v-ee44aeaa] {
    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(--theme-color-800)
}

.forest-green .guide-safari-wrap .rectangle .copy-text[data-v-ee44aeaa] {
    width: 14.25rem;
    font-size: .875rem;
    line-height: 1.625rem;
    color: var(--color-text-gray-300)
}

.forest-green .guide-safari-wrap .rectangle .safari-icon[data-v-ee44aeaa] {
    font-size: 30px;
    width: 1.5rem;
    height: 1.5rem
}

.auroral-yellow .guide-safari-wrap[data-v-ee44aeaa] {
    width: 17.5rem;
    margin: 1rem auto
}

.auroral-yellow .guide-safari-wrap .text[data-v-ee44aeaa] {
    font-size: 14px;
    color: var(--color-text-black-100);
    text-align: left;
    line-height: 1.5rem;
    margin-bottom: 1rem
}

.auroral-yellow .guide-safari-wrap .rectangle[data-v-ee44aeaa] {
    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)
}

.auroral-yellow .guide-safari-wrap .rectangle .copy-text[data-v-ee44aeaa] {
    width: 14.25rem;
    font-size: .875rem;
    line-height: 1.625rem;
    color: var(--color-text-black-100)
}

.auroral-yellow .guide-safari-wrap .rectangle .safari-icon[data-v-ee44aeaa] {
    font-size: 30px;
    width: 1.5rem;
    height: 1.5rem
}

.amber-purple .default .guide-safari-wrap[data-v-ee44aeaa] {
    width: 17.5rem;
    margin: 1rem auto
}

.amber-purple .default .guide-safari-wrap .text[data-v-ee44aeaa] {
    font-size: 14px;
    color: var(--text-color-black-100);
    text-align: left;
    line-height: 1.5rem;
    margin-bottom: 1rem
}

.amber-purple .default .guide-safari-wrap .rectangle[data-v-ee44aeaa] {
    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(--theme-color-800)
}

.amber-purple .default .guide-safari-wrap .rectangle .copy-text[data-v-ee44aeaa] {
    width: 14.25rem;
    font-size: .875rem;
    line-height: 1.625rem;
    color: var(--text-color-black-100)
}

.amber-purple .default .guide-safari-wrap .rectangle .safari-icon[data-v-ee44aeaa] {
    font-size: 30px;
    width: 1.5rem;
    height: 1.5rem
}

.color-primary-600[data-v-bc67bc5a] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-bc67bc5a] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-bc67bc5a] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-bc67bc5a] {
    color: var(--color-primary-900)
}

.bg-100[data-v-bc67bc5a] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-bc67bc5a] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-bc67bc5a] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-bc67bc5a] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-bc67bc5a] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-bc67bc5a] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-bc67bc5a] {
    background-color: var(--color-warning)
}

.bg-link[data-v-bc67bc5a] {
    background-color: var(--color-link)
}

.bg-danger[data-v-bc67bc5a] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-bc67bc5a] {
    color: var(--color-text-100)
}

.color-text-80[data-v-bc67bc5a] {
    color: var(--color-text-80)
}

.color-text-50[data-v-bc67bc5a] {
    color: var(--color-text-50)
}

.color-text-40[data-v-bc67bc5a] {
    color: var(--color-text-40)
}

.color-text-20[data-v-bc67bc5a] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-bc67bc5a] {
    color: var(--color-currency)
}

.color-warning[data-v-bc67bc5a] {
    color: var(--color-warning)
}

.color-danger[data-v-bc67bc5a] {
    color: var(--color-danger)
}

.color-link[data-v-bc67bc5a] {
    color: var(--color-link)
}

.color-line[data-v-bc67bc5a] {
    color: var(--color-line)
}

.color-border[data-v-bc67bc5a] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-bc67bc5a] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-bc67bc5a] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-bc67bc5a] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-bc67bc5a] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-bc67bc5a] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-bc67bc5a] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-bc67bc5a] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-bc67bc5a] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-bc67bc5a] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-bc67bc5a] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-bc67bc5a] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-bc67bc5a] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-bc67bc5a] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-bc67bc5a] {
    display: flex;
    align-items: center
}

.flex-start[data-v-bc67bc5a] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-bc67bc5a] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-bc67bc5a] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-bc67bc5a] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-bc67bc5a] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-bc67bc5a] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-bc67bc5a] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-bc67bc5a] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-bc67bc5a] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-bc67bc5a] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-bc67bc5a] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-bc67bc5a] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-bc67bc5a] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-bc67bc5a] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-bc67bc5a] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-bc67bc5a] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-bc67bc5a] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-bc67bc5a] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-bc67bc5a] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-bc67bc5a] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-bc67bc5a] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-bc67bc5a] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-bc67bc5a] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-bc67bc5a] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-bc67bc5a],
.mlm-selected-item[data-v-bc67bc5a] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-bc67bc5a] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-bc67bc5a]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-bc67bc5a] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-bc67bc5a] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-bc67bc5a] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.facebook-tip-wrap[data-v-bc67bc5a] {
    position: relative
}

.facebook-tip-wrap .arrow[data-v-bc67bc5a] {
    width: 10rem;
    height: 5rem;
    position: absolute;
    right: 13px;
    top: 18px;
    transform: rotate(-5deg)
}

.facebook-tip-wrap .content[data-v-bc67bc5a] {
    width: 20.625rem;
    margin: 5.1875rem auto 0
}

.facebook-tip-wrap .content .guide-img-wrap[data-v-bc67bc5a] {
    width: 8.125rem;
    height: 4.875rem;
    margin-left: 90px
}

.facebook-tip-wrap .content .guide-img-wrap .ion-img[data-v-bc67bc5a] {
    width: 100%;
    height: 100%
}

.facebook-tip-wrap .content .step[data-v-bc67bc5a] {
    width: 20.625rem;
    height: 5rem;
    box-sizing: border-box;
    padding: .75rem 1.6875rem;
    border-radius: 5rem;
    background: linear-gradient(90deg, #d97416 -.68%, #d9af16 99.32%);
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-style: 1rem;
    color: #fff;
    line-height: 32px;
    font-weight: 500
}

.facebook-tip-wrap .content .step .step-img[data-v-bc67bc5a] {
    width: 3.5rem;
    height: 3.5rem;
    margin-right: .75rem
}

.facebook-tip-wrap .content .step .step-text-wrap .index-img[data-v-bc67bc5a] {
    width: 2rem;
    height: 1.75rem;
    margin: 0 .5rem
}

.facebook-tip-wrap .content .step .step-text-wrap .choose[data-v-bc67bc5a] {
    padding-left: .75rem
}

.facebook-tip-wrap .content .step .step-text-wrap .index2-img-wrap[data-v-bc67bc5a] {
    width: 14.5625rem;
    height: 2.125rem;
    position: relative;
    text-align: left
}

.facebook-tip-wrap .content .step .step-text-wrap .index2-img-wrap .index2-img[data-v-bc67bc5a] {
    width: 100%;
    height: 100%
}

.facebook-tip-wrap .content .step .step-text-wrap .index2-img-wrap .step-text[data-v-bc67bc5a] {
    position: absolute;
    top: 0;
    left: 2.625rem;
    color: #000;
    font-size: .75rem;
    font-weight: 700;
    line-height: 2.125rem
}

.facebook-tip-wrap .content .step .step-text-wrap .index2-img-wrap .step-text-2[data-v-bc67bc5a] {
    font-size: .625rem
}

.facebook-tip-wrap .content .step .step-1-text-wrap[data-v-bc67bc5a] {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.facebook-tip-wrap .content .step-1[data-v-bc67bc5a] {
    display: flex;
    justify-content: space-between
}

.facebook-tip-wrap .content .step-2[data-v-bc67bc5a] {
    margin-top: 2.8125rem
}

.facebook-tip-wrap .close-btn-wrap[data-v-bc67bc5a] {
    width: 30px;
    height: 30px;
    margin: 2.875rem auto 0
}

.facebook-tip-wrap .close-btn-wrap .close-btn[data-v-bc67bc5a] {
    font-size: 1.875rem
}

.color-primary-600[data-v-88217cc2] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-88217cc2] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-88217cc2] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-88217cc2] {
    color: var(--color-primary-900)
}

.bg-100[data-v-88217cc2] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-88217cc2] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-88217cc2] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-88217cc2] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-88217cc2] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-88217cc2] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-88217cc2] {
    background-color: var(--color-warning)
}

.bg-link[data-v-88217cc2] {
    background-color: var(--color-link)
}

.bg-danger[data-v-88217cc2] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-88217cc2] {
    color: var(--color-text-100)
}

.color-text-80[data-v-88217cc2] {
    color: var(--color-text-80)
}

.color-text-50[data-v-88217cc2] {
    color: var(--color-text-50)
}

.color-text-40[data-v-88217cc2] {
    color: var(--color-text-40)
}

.color-text-20[data-v-88217cc2] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-88217cc2] {
    color: var(--color-currency)
}

.color-warning[data-v-88217cc2] {
    color: var(--color-warning)
}

.color-danger[data-v-88217cc2] {
    color: var(--color-danger)
}

.color-link[data-v-88217cc2] {
    color: var(--color-link)
}

.color-line[data-v-88217cc2] {
    color: var(--color-line)
}

.color-border[data-v-88217cc2] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-88217cc2] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-88217cc2] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-88217cc2] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-88217cc2] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-88217cc2] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-88217cc2] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-88217cc2] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-88217cc2] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-88217cc2] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-88217cc2] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-88217cc2] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-88217cc2] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-88217cc2] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-88217cc2] {
    display: flex;
    align-items: center
}

.flex-start[data-v-88217cc2] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-88217cc2] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-88217cc2] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-88217cc2] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-88217cc2] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-88217cc2] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-88217cc2] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-88217cc2] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-88217cc2] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-88217cc2] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-88217cc2] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-88217cc2] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-88217cc2] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-88217cc2] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-88217cc2] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-88217cc2] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-88217cc2] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-88217cc2] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-88217cc2] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-88217cc2] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-88217cc2] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-88217cc2] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-88217cc2] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-88217cc2] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-88217cc2],
.mlm-selected-item[data-v-88217cc2] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-88217cc2] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-88217cc2]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-88217cc2] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-88217cc2] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-88217cc2] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-modal#pwa-footer-modal[data-v-88217cc2]::part(content) {
    --height: 100%
}

.mask[data-v-88217cc2] {
    background: var(--color-bg-mask-black)
}

.content_footer_pwa[data-v-88217cc2] {
    background-color: var(--color-bg-modal-footer-pwa);
    color: var(--color-text-modal-footer-pwa)
}

.buttons[data-v-88217cc2] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.buttons ion-button[data-v-88217cc2] {
    --padding-start: .75rem;
    --padding-end: .75rem;
    --border-radius: .375rem;
    text-transform: none;
    letter-spacing: normal;
    min-width: 4.5rem
}

ion-button.solid[data-v-88217cc2] {
    --background: var(--color-button-bg-update, #3E9B2F);
    --color: var(--color-text-btn-basic);
    --box-shadow: none;
    margin-inline-start: .9375rem;
    margin-inline-end: .9375rem
}

ion-button.line[data-v-88217cc2] {
    --box-shadow: none;
    --padding-start: .5rem;
    --padding-end: .5rem;
    --color: var(--color-text-button-update1);
    border-width: 2px;
    border-style: solid;
    width: 150px;
    border-radius: var(--border-radius);
    border-color: var(--color-bd-button-update1, #FBA531);
    --background: var(--color-button-bg-update1, transparent)
}

.default.amber-purple ion-button.line[data-v-88217cc2]::part(native) {
    border-radius: .75rem
}

.default.amber-purple ion-button.cancel[data-v-88217cc2] {
    --color: var(--color-text-modal-footer-pwa)
}

.blue-default .cancel[data-v-88217cc2] {
    color: var(--color-text-gray-800)
}

.green-default .cancel[data-v-88217cc2] {
    color: var(--color-text-gray-300)
}

.auroral-yellow .cancel[data-v-88217cc2] {
    color: var(--color-text-black-100)
}

.new-skin-symbol .content_footer_pwa[data-v-88217cc2] {
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    background: var(--ep-color-background-fill-surface-raised-L1);
    background-size: cover;
    color: var(--ep-color-text-default)
}

.new-skin-symbol .content_footer_pwa .install[data-v-88217cc2] {
    --button-font-size: .875rem;
    --button-font-weight: 500
}

.new-skin-symbol .content_footer_pwa .cancel[data-v-88217cc2] {
    --color: var(--ep-color-text-default)
}

.color-primary-600[data-v-ed363f56] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-ed363f56] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-ed363f56] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-ed363f56] {
    color: var(--color-primary-900)
}

.bg-100[data-v-ed363f56] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-ed363f56] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-ed363f56] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-ed363f56] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-ed363f56] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-ed363f56] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-ed363f56] {
    background-color: var(--color-warning)
}

.bg-link[data-v-ed363f56] {
    background-color: var(--color-link)
}

.bg-danger[data-v-ed363f56] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-ed363f56] {
    color: var(--color-text-100)
}

.color-text-80[data-v-ed363f56] {
    color: var(--color-text-80)
}

.color-text-50[data-v-ed363f56] {
    color: var(--color-text-50)
}

.color-text-40[data-v-ed363f56] {
    color: var(--color-text-40)
}

.color-text-20[data-v-ed363f56] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-ed363f56] {
    color: var(--color-currency)
}

.color-warning[data-v-ed363f56] {
    color: var(--color-warning)
}

.color-danger[data-v-ed363f56] {
    color: var(--color-danger)
}

.color-link[data-v-ed363f56] {
    color: var(--color-link)
}

.color-line[data-v-ed363f56] {
    color: var(--color-line)
}

.color-border[data-v-ed363f56] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-ed363f56] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-ed363f56] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-ed363f56] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-ed363f56] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-ed363f56] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-ed363f56] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-ed363f56] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-ed363f56] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-ed363f56] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-ed363f56] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-ed363f56] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-ed363f56] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-ed363f56] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-ed363f56] {
    display: flex;
    align-items: center
}

.flex-start[data-v-ed363f56] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-ed363f56] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-ed363f56] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-ed363f56] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-ed363f56] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-ed363f56] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-ed363f56] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-ed363f56] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-ed363f56] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-ed363f56] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-ed363f56] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-ed363f56] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-ed363f56] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-ed363f56] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-ed363f56] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-ed363f56] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-ed363f56] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-ed363f56] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-ed363f56] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-ed363f56] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-ed363f56] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-ed363f56] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-ed363f56] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-ed363f56] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-ed363f56],
.mlm-selected-item[data-v-ed363f56] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-ed363f56] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-ed363f56]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-ed363f56] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-ed363f56] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-ed363f56] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

[data-v-ed363f56] .mask {
    background: var(--color-bg-mask)
}

[data-v-ed363f56] .content_footer_pwa {
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    background: url(/images/bg-pwa-footer.svg), var(--pwa-dialog-bg);
    background-size: cover;
    color: var(--color-text-80)
}

[data-v-ed363f56] .content_footer_pwa ion-button.solid {
    --color: #fff
}

[data-v-ed363f56] .content_footer_pwa .install {
    --button-font-size: .875rem;
    --button-font-weight: 500
}

[data-v-ed363f56] .content_footer_pwa .cancel {
    --color: var(--color-text-40)
}

.color-primary-600[data-v-e4244905] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-e4244905] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-e4244905] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-e4244905] {
    color: var(--color-primary-900)
}

.bg-100[data-v-e4244905] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-e4244905] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-e4244905] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-e4244905] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-e4244905] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-e4244905] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-e4244905] {
    background-color: var(--color-warning)
}

.bg-link[data-v-e4244905] {
    background-color: var(--color-link)
}

.bg-danger[data-v-e4244905] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-e4244905] {
    color: var(--color-text-100)
}

.color-text-80[data-v-e4244905] {
    color: var(--color-text-80)
}

.color-text-50[data-v-e4244905] {
    color: var(--color-text-50)
}

.color-text-40[data-v-e4244905] {
    color: var(--color-text-40)
}

.color-text-20[data-v-e4244905] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-e4244905] {
    color: var(--color-currency)
}

.color-warning[data-v-e4244905] {
    color: var(--color-warning)
}

.color-danger[data-v-e4244905] {
    color: var(--color-danger)
}

.color-link[data-v-e4244905] {
    color: var(--color-link)
}

.color-line[data-v-e4244905] {
    color: var(--color-line)
}

.color-border[data-v-e4244905] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-e4244905] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-e4244905] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-e4244905] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-e4244905] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-e4244905] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-e4244905] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-e4244905] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-e4244905] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-e4244905] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-e4244905] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-e4244905] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-e4244905] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-e4244905] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-e4244905] {
    display: flex;
    align-items: center
}

.flex-start[data-v-e4244905] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-e4244905] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-e4244905] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-e4244905] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-e4244905] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-e4244905] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-e4244905] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-e4244905] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-e4244905] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-e4244905] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-e4244905] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-e4244905] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-e4244905] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-e4244905] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-e4244905] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-e4244905] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-e4244905] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-e4244905] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-e4244905] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-e4244905] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-e4244905] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-e4244905] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-e4244905] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-e4244905] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-e4244905],
.mlm-selected-item[data-v-e4244905] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-e4244905] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-e4244905]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-e4244905] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-e4244905] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-e4244905] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.red-point[data-v-e4244905] {
    width: var(--28944892);
    height: var(--28944892);
    z-index: 100;
    text-align: center;
    font-size: .625rem;
    line-height: var(--28944892)
}

.red-point span[data-v-e4244905] {
    color: #fff
}

@keyframes breathing-e4244905 {
    0% {
        opacity: .5;
        transform: scale(1)
    }

    50% {
        opacity: 1;
        transform: scale(1.2)
    }

    to {
        opacity: .5;
        transform: scale(1)
    }
}

ion-menu[data-v-c921122b] {
    --max-width: 16.5rem;
    --width: 16.5rem;
    background: transparent
}

ion-icon.close[data-v-c921122b] {
    color: var(--menu-close-color)
}

ion-menu ion-content[data-v-c921122b] {
    --padding-top: .75rem;
    --padding-start: .75rem;
    --padding-end: .75rem
}

ion-menu-button[data-v-c921122b] {
    --padding-start: 5px;
    --padding-end: 5px;
    width: auto
}

ion-menu-button[data-v-c921122b]::part(native) {
    font-size: 24px
}

ion-menu-toggle.on[data-v-c921122b] {
    animation: fadeToTransparent-c921122b .2s linear forwards
}

ion-menu-toggle.records[data-v-c921122b] {
    background: linear-gradient(0deg, #0167ca -13.77%, #38a8fa 102.34%)
}

ion-menu ion-header ion-toolbar[data-v-c921122b] {
    --background: var(--menu-bar-bg)
}

div.card[data-v-c921122b] {
    background: var(--menu-card-bg)
}

ion-menu-toggle.card[data-v-c921122b] {
    box-shadow: var(--color-bar-bg-shadow)
}

ion-menu-toggle.support-card[data-v-c921122b] {
    background: var(--menu-support-card-bg)
}

ion-menu-toggle div.support[data-v-c921122b] {
    background: var(--color-button-bg-support-bg)
}

ion-menu-toggle div.support-text[data-v-c921122b] {
    color: var(--support-text-color)
}

ion-icon.sort-icon[data-v-c921122b] {
    color: var(--menu-card-label-icon)
}

ion-menu-toggle.assets[data-v-c921122b] {
    background: var(--color-btn-bg-toggle);
    box-shadow: 0 4px 8px 0 var(--color-bar-bg-shadow)
}

ion-menu-toggle.assets ion-icon[data-v-c921122b] {
    color: var(--color-svg-icon-primary)
}

.card-title[data-v-c921122b] {
    color: var(--menu-card-label-title)
}

ion-footer[data-v-c921122b] {
    background: var(--menu-footer-bg);
    box-shadow: none
}

@keyframes fadeToTransparent-c921122b {
    0% {
        background: #343947
    }

    to {
        background: rgba(255, 0, 0, 0)
    }
}

.color-primary-600[data-v-2c63785c] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-2c63785c] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-2c63785c] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-2c63785c] {
    color: var(--color-primary-900)
}

.bg-100[data-v-2c63785c] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-2c63785c] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-2c63785c] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-2c63785c] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-2c63785c] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-2c63785c] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-2c63785c] {
    background-color: var(--color-warning)
}

.bg-link[data-v-2c63785c] {
    background-color: var(--color-link)
}

.bg-danger[data-v-2c63785c] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-2c63785c] {
    color: var(--color-text-100)
}

.color-text-80[data-v-2c63785c] {
    color: var(--color-text-80)
}

.color-text-50[data-v-2c63785c] {
    color: var(--color-text-50)
}

.color-text-40[data-v-2c63785c] {
    color: var(--color-text-40)
}

.color-text-20[data-v-2c63785c] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-2c63785c] {
    color: var(--color-currency)
}

.color-warning[data-v-2c63785c] {
    color: var(--color-warning)
}

.color-danger[data-v-2c63785c] {
    color: var(--color-danger)
}

.color-link[data-v-2c63785c] {
    color: var(--color-link)
}

.color-line[data-v-2c63785c] {
    color: var(--color-line)
}

.color-border[data-v-2c63785c] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-2c63785c] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-2c63785c] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-2c63785c] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-2c63785c] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-2c63785c] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-2c63785c] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-2c63785c] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-2c63785c] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-2c63785c] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-2c63785c] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-2c63785c] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-2c63785c] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-2c63785c] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-2c63785c] {
    display: flex;
    align-items: center
}

.flex-start[data-v-2c63785c] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-2c63785c] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-2c63785c] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-2c63785c] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-2c63785c] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-2c63785c] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-2c63785c] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-2c63785c] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-2c63785c] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-2c63785c] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-2c63785c] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-2c63785c] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-2c63785c] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-2c63785c] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-2c63785c] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-2c63785c] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-2c63785c] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-2c63785c] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-2c63785c] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-2c63785c] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-2c63785c] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-2c63785c] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-2c63785c] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-2c63785c] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-2c63785c],
.mlm-selected-item[data-v-2c63785c] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-2c63785c] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-2c63785c]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-2c63785c] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-2c63785c] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-2c63785c] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-modal#modal-language[data-v-2c63785c]::part(content) {
    --height: fit-content
}

.change-language-modal[data-v-2c63785c] {
    border-radius: 1rem
}

.change-language-tips[data-v-2c63785c] {
    font-size: 1.125rem;
    line-height: 1.6875rem;
    font-weight: 700
}

.change-language-item[data-v-2c63785c] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 500
}

.change-language-modal[data-v-2c63785c] {
    background: var(--color-bg-300)
}

.change-language-tips[data-v-2c63785c] {
    color: var(--color-language-text)
}

.change-language-item[data-v-2c63785c] {
    border-top: 1px solid var(--line-color)
}

.change-language-item-name[data-v-2c63785c] {
    color: var(--color-language-text)
}

ion-checkbox[data-v-2c63785c] {
    --checkbox-background-checked: var(--color-checkbox-bg)
}

.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)
}

.green-default .change-language-modal[data-v-2c63785c] {
    background: var(--color-bg-300)
}

.green-default .change-language-tips[data-v-2c63785c] {
    color: var(--color-text-gray-100)
}

.green-default .change-language-item[data-v-2c63785c] {
    border-top: 1px solid var(--line-color)
}

.green-default .change-language-item-name[data-v-2c63785c] {
    color: var(--color-text-gray-100)
}

.green-default ion-checkbox[data-v-2c63785c] {
    --checkbox-background-checked: var(--theme-color-gradient-100)
}

.forest-green .change-language-modal[data-v-2c63785c] {
    background: var(--color-bg-300)
}

.forest-green .change-language-tips[data-v-2c63785c] {
    color: var(--color-text-gray-100)
}

.forest-green .change-language-item[data-v-2c63785c] {
    border-top: 1px solid var(--color-line)
}

.forest-green .change-language-item-name[data-v-2c63785c] {
    color: var(--color-text-gray-100)
}

.forest-green ion-checkbox[data-v-2c63785c] {
    --checkbox-background-checked: var(--theme-color-gradient-100)
}

.amber-purple .change-language-modal[data-v-2c63785c] {
    background: var(--color-bg-200)
}

.amber-purple .change-language-tips[data-v-2c63785c] {
    color: var(--color-text-gray-100)
}

.amber-purple .change-language-item[data-v-2c63785c] {
    border-top: 1px solid var(--color-line)
}

.amber-purple .change-language-item-name[data-v-2c63785c] {
    color: var(--color-text-gray-100)
}

.amber-purple ion-checkbox[data-v-2c63785c] {
    --checkbox-background-checked: var(--theme-color-gradient-100)
}

.auroral-yellow .change-language-modal[data-v-2c63785c] {
    background: var(--color-bg-200)
}

.auroral-yellow .change-language-tips[data-v-2c63785c] {
    color: var(--color-text-100)
}

.auroral-yellow .change-language-item[data-v-2c63785c] {
    border-top: 1px solid var(--color-line)
}

.auroral-yellow .change-language-item-name[data-v-2c63785c] {
    color: var(--color-text-100)
}

.auroral-yellow ion-checkbox[data-v-2c63785c] {
    --checkbox-background-checked: var(--theme-color-gradient-100)
}

.green-dark .change-language-modal[data-v-2c63785c] {
    background: var(--color-bg-200)
}

.green-dark .change-language-tips[data-v-2c63785c] {
    color: var(--color-text-100)
}

.green-dark .change-language-item[data-v-2c63785c] {
    border-top: 1px solid var(--color-line)
}

.green-dark .change-language-item-name[data-v-2c63785c] {
    color: var(--color-text-100)
}

.green-dark ion-checkbox[data-v-2c63785c] {
    --checkbox-background-checked: var(--theme-color-800)
}

.yellow-dark .change-language-modal[data-v-2c63785c] {
    background: var(--color-bg-200)
}

.yellow-dark .change-language-tips[data-v-2c63785c] {
    color: var(--text-color-white-100)
}

.yellow-dark .change-language-item[data-v-2c63785c] {
    border-top: 1px solid var(--color-line)
}

.yellow-dark .change-language-item-name[data-v-2c63785c] {
    color: var(--text-color-white-100)
}

.yellow-dark ion-checkbox[data-v-2c63785c] {
    --checkbox-background-checked: var(--theme-color-800)
}

.purple-light .change-language-modal[data-v-2c63785c] {
    background: var(--color-bg-300)
}

.purple-light .change-language-tips[data-v-2c63785c] {
    color: var(--text-color-black-100)
}

.purple-light .change-language-item[data-v-2c63785c] {
    border-top: 1px solid var(--color-line)
}

.purple-light .change-language-item-name[data-v-2c63785c] {
    color: var(--text-color-black-100)
}

.purple-light ion-checkbox[data-v-2c63785c] {
    --checkbox-background-checked: var(--theme-color-800)
}

.new-skin-symbol .change-language-modal[data-v-2c63785c] {
    background: var(--ep-color-background-fill-surface-raised-L1)
}

.new-skin-symbol .change-language-tips[data-v-2c63785c] {
    color: var(--ep-color-text-default)
}

.new-skin-symbol .change-language-item[data-v-2c63785c] {
    border-top: 1px solid var(--ep-color-border-default)
}

.new-skin-symbol .change-language-item-name[data-v-2c63785c] {
    color: var(--ep-color-text-default)
}

.new-skin-symbol ion-checkbox[data-v-2c63785c] {
    --checkbox-background-checked: var(--ep-dynamic-primary)
}

.new-skin-symbol ion-modal#modal-language[data-v-2c63785c]::part(content) {
    --height: fit-content
}

.new-skin-symbol .change-language-modal[data-v-2c63785c] {
    border-radius: var(--ep-border-radius-xl)
}

.new-skin-symbol .change-language-tips[data-v-2c63785c] {
    font-size: var(--ep-font-size-xl);
    line-height: 1.6875rem;
    font-weight: var(--ep-font-weight-bold)
}

.new-skin-symbol .change-language-item[data-v-2c63785c] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: var(--ep-font-size-m);
    line-height: 1.3125rem;
    font-weight: var(--ep-font-weight-medium)
}

.color-primary-600[data-v-d67853de] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-d67853de] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-d67853de] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-d67853de] {
    color: var(--color-primary-900)
}

.bg-100[data-v-d67853de] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-d67853de] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-d67853de] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-d67853de] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-d67853de] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-d67853de] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-d67853de] {
    background-color: var(--color-warning)
}

.bg-link[data-v-d67853de] {
    background-color: var(--color-link)
}

.bg-danger[data-v-d67853de] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-d67853de] {
    color: var(--color-text-100)
}

.color-text-80[data-v-d67853de] {
    color: var(--color-text-80)
}

.color-text-50[data-v-d67853de] {
    color: var(--color-text-50)
}

.color-text-40[data-v-d67853de] {
    color: var(--color-text-40)
}

.color-text-20[data-v-d67853de] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-d67853de] {
    color: var(--color-currency)
}

.color-warning[data-v-d67853de] {
    color: var(--color-warning)
}

.color-danger[data-v-d67853de] {
    color: var(--color-danger)
}

.color-link[data-v-d67853de] {
    color: var(--color-link)
}

.color-line[data-v-d67853de] {
    color: var(--color-line)
}

.color-border[data-v-d67853de] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-d67853de] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-d67853de] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-d67853de] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-d67853de] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-d67853de] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-d67853de] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-d67853de] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-d67853de] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-d67853de] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-d67853de] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-d67853de] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-d67853de] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-d67853de] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-d67853de] {
    display: flex;
    align-items: center
}

.flex-start[data-v-d67853de] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-d67853de] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-d67853de] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-d67853de] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-d67853de] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-d67853de] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-d67853de] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-d67853de] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-d67853de] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-d67853de] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-d67853de] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-d67853de] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-d67853de] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-d67853de] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-d67853de] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-d67853de] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-d67853de] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-d67853de] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-d67853de] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-d67853de] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-d67853de] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-d67853de] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-d67853de] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-d67853de] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-d67853de],
.mlm-selected-item[data-v-d67853de] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-d67853de] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-d67853de]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-d67853de] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-d67853de] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-d67853de] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.guide-pwa-wrap[data-v-d67853de] {
    position: absolute;
    top: 10px;
    z-index: 9999999 !important;
    left: 50%;
    transform: translate(-50%)
}

.guide-pwa-wrap .close[data-v-d67853de] {
    position: absolute;
    right: -1.5rem;
    top: 5rem;
    font-size: 1.125rem
}

.guide-pwa-wrap .mouse2[data-v-d67853de] {
    width: 6.0625rem;
    height: 5.375rem;
    position: absolute;
    left: -2.5rem;
    top: 1.5rem;
    z-index: -1
}

.guide-pwa-wrap .mouse1[data-v-d67853de] {
    width: 5rem;
    height: 5.0625rem;
    position: absolute;
    right: -30px;
    bottom: -2.875rem
}

.guide-pwa-wrap .line[data-v-d67853de] {
    width: 10.75rem;
    height: 6.25rem;
    background: url(/svg/guide-line.svg) no-repeat no-repeat center center;
    background-size: cover;
    margin-left: 80px
}

.guide-pwa-wrap .rectangle[data-v-d67853de] {
    width: 16.25rem;
    height: 4.375rem;
    line-height: 4.375rem;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    background: url(/svg/guide-rectangle.svg) no-repeat center center;
    background-size: cover
}

.color-primary-600[data-v-257698de] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-257698de] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-257698de] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-257698de] {
    color: var(--color-primary-900)
}

.bg-100[data-v-257698de] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-257698de] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-257698de] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-257698de] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-257698de] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-257698de] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-257698de] {
    background-color: var(--color-warning)
}

.bg-link[data-v-257698de] {
    background-color: var(--color-link)
}

.bg-danger[data-v-257698de] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-257698de] {
    color: var(--color-text-100)
}

.color-text-80[data-v-257698de] {
    color: var(--color-text-80)
}

.color-text-50[data-v-257698de] {
    color: var(--color-text-50)
}

.color-text-40[data-v-257698de] {
    color: var(--color-text-40)
}

.color-text-20[data-v-257698de] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-257698de] {
    color: var(--color-currency)
}

.color-warning[data-v-257698de] {
    color: var(--color-warning)
}

.color-danger[data-v-257698de] {
    color: var(--color-danger)
}

.color-link[data-v-257698de] {
    color: var(--color-link)
}

.color-line[data-v-257698de] {
    color: var(--color-line)
}

.color-border[data-v-257698de] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-257698de] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-257698de] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-257698de] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-257698de] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-257698de] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-257698de] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-257698de] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-257698de] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-257698de] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-257698de] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-257698de] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-257698de] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-257698de] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-257698de] {
    display: flex;
    align-items: center
}

.flex-start[data-v-257698de] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-257698de] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-257698de] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-257698de] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-257698de] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-257698de] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-257698de] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-257698de] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-257698de] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-257698de] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-257698de] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-257698de] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-257698de] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-257698de] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-257698de] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-257698de] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-257698de] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-257698de] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-257698de] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-257698de] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-257698de] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-257698de] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-257698de] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-257698de] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-257698de],
.mlm-selected-item[data-v-257698de] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-257698de] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-257698de]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-257698de] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-257698de] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-257698de] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.pop-content[data-v-257698de] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.home-pwa[data-v-257698de] {
    background: #101629;
    color: #fff
}

.download-pwa[data-v-257698de] {
    background: #fff;
    color: #000
}

.download-pwa .safe-text[data-v-257698de] {
    color: #028760
}

.color-primary-600[data-v-a552096b] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-a552096b] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-a552096b] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-a552096b] {
    color: var(--color-primary-900)
}

.bg-100[data-v-a552096b] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-a552096b] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-a552096b] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-a552096b] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-a552096b] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-a552096b] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-a552096b] {
    background-color: var(--color-warning)
}

.bg-link[data-v-a552096b] {
    background-color: var(--color-link)
}

.bg-danger[data-v-a552096b] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-a552096b] {
    color: var(--color-text-100)
}

.color-text-80[data-v-a552096b] {
    color: var(--color-text-80)
}

.color-text-50[data-v-a552096b] {
    color: var(--color-text-50)
}

.color-text-40[data-v-a552096b] {
    color: var(--color-text-40)
}

.color-text-20[data-v-a552096b] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-a552096b] {
    color: var(--color-currency)
}

.color-warning[data-v-a552096b] {
    color: var(--color-warning)
}

.color-danger[data-v-a552096b] {
    color: var(--color-danger)
}

.color-link[data-v-a552096b] {
    color: var(--color-link)
}

.color-line[data-v-a552096b] {
    color: var(--color-line)
}

.color-border[data-v-a552096b] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-a552096b] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-a552096b] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-a552096b] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-a552096b] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-a552096b] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-a552096b] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-a552096b] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-a552096b] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-a552096b] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-a552096b] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-a552096b] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-a552096b] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-a552096b] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-a552096b] {
    display: flex;
    align-items: center
}

.flex-start[data-v-a552096b] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-a552096b] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-a552096b] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-a552096b] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-a552096b] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-a552096b] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-a552096b] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-a552096b] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-a552096b] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-a552096b] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-a552096b] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-a552096b] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-a552096b] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-a552096b] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-a552096b] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-a552096b] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-a552096b] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-a552096b] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-a552096b] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-a552096b] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-a552096b] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-a552096b] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-a552096b] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-a552096b] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-a552096b],
.mlm-selected-item[data-v-a552096b] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-a552096b] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-a552096b]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-a552096b] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-a552096b] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-a552096b] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.pwa-progress-bar ion-progress-bar[data-v-a552096b] {
    --background: var(--color-bg-200);
    --progress-background: var(--theme-color-900)
}

.pwa-progress-bar.amber-purple ion-progress-bar[data-v-a552096b] {
    --background: var(--color-bg-100)
}

.pwa-progress-bar .progress-text[data-v-a552096b] {
    color: var(--color-text-100) !important
}

.pwa-progress-bar.purple-light .progress-text[data-v-a552096b] {
    color: var(--text-color-white-100) !important
}

.pwa-progress-bar.force-modal ion-progress-bar[data-v-a552096b] {
    --background: var(--ep-neutral-white-white-20, rgba(255, 255, 255, .2));
    --progress-background: var(--ep-color-icon-brand-secondary, #CF3F5B);
    border-radius: .3125rem;
    width: 18.125rem
}

.pwa-progress-bar.force-modal ion-progress-bar .progress-text[data-v-a552096b] {
    color: var(--ep-color-icon-inverse, #fff) !important
}

#main-content[data-v-ad5b7cfe] {
    --background: var(--ep-color-background-fill-body-default)
}

.game-used[data-v-ad5b7cfe] {
    height: 4.5rem;
    width: 24.375rem;
    background: #ededed;
    position: relative;
    z-index: -1;
    opacity: .7
}

div.drawer-backdrop[data-v-ad5b7cfe] {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background: rgba(0, 0, 0, .1)
}

.game-used[data-v-5c518152] {
    height: 4.5rem;
    width: 24.375rem;
    background: #ededed;
    position: relative;
    z-index: -1;
    opacity: .7
}

ion-tab-bar[data-v-5c518152] {
    --background: linear-gradient(to bottom, transparent 50px, var(--color-bar-bg-100) 50px)
}

ion-tab-bar div.tab-bar[data-v-5c518152] {
    background: var(--d6fb55a2)
}

ion-tab-button[data-v-5c518152] {
    --background: transparent;
    --color-selected: #FFFFFF;
    --color: #566488;
    --ripple-color: transparent
}

div.deposit[data-v-5c518152] {
    border-radius: 41px;
    border: 1px solid var(--color-primary-border-light);
    background: var(--color-primary-btn-main);
    box-shadow: var(--color-primary-btn-main-shadow);
    margin-bottom: env(safe-area-inset-bottom)
}

div.drawer-backdrop[data-v-5c518152] {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background: rgba(0, 0, 0, .1)
}

.tab-img[data-v-5c518152] {
    color: var(--tab-image-color)
}

.tab-img.on[data-v-5c518152] {
    animation: buttonAnimation-5c518152 .5s;
    color: var(--tab-image-active-color)
}

.tab-img.tab-main[data-v-5c518152],
.tab-main-text[data-v-5c518152] {
    color: var(--color-text-tab-main)
}

.redPoint[data-v-5c518152] {
    animation: breathing-5c518152 3s infinite
}

@keyframes buttonAnimation-5c518152 {
    0% {
        transform: scale(0)
    }

    50% {
        transform: scale(1.2)
    }

    to {
        transform: scale(1)
    }
}

@keyframes breathing-5c518152 {
    0% {
        opacity: .5;
        transform: scale(1)
    }

    50% {
        opacity: 1;
        transform: scale(1.2)
    }

    to {
        opacity: .5;
        transform: scale(1)
    }
}

.color-primary-600[data-v-ed5e4738] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-ed5e4738] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-ed5e4738] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-ed5e4738] {
    color: var(--color-primary-900)
}

.bg-100[data-v-ed5e4738] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-ed5e4738] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-ed5e4738] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-ed5e4738] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-ed5e4738] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-ed5e4738] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-ed5e4738] {
    background-color: var(--color-warning)
}

.bg-link[data-v-ed5e4738] {
    background-color: var(--color-link)
}

.bg-danger[data-v-ed5e4738] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-ed5e4738] {
    color: var(--color-text-100)
}

.color-text-80[data-v-ed5e4738] {
    color: var(--color-text-80)
}

.color-text-50[data-v-ed5e4738] {
    color: var(--color-text-50)
}

.color-text-40[data-v-ed5e4738] {
    color: var(--color-text-40)
}

.color-text-20[data-v-ed5e4738] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-ed5e4738] {
    color: var(--color-currency)
}

.color-warning[data-v-ed5e4738] {
    color: var(--color-warning)
}

.color-danger[data-v-ed5e4738] {
    color: var(--color-danger)
}

.color-link[data-v-ed5e4738] {
    color: var(--color-link)
}

.color-line[data-v-ed5e4738] {
    color: var(--color-line)
}

.color-border[data-v-ed5e4738] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-ed5e4738] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-ed5e4738] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-ed5e4738] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-ed5e4738] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-ed5e4738] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-ed5e4738] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-ed5e4738] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-ed5e4738] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-ed5e4738] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-ed5e4738] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-ed5e4738] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-ed5e4738] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-ed5e4738] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-ed5e4738] {
    display: flex;
    align-items: center
}

.flex-start[data-v-ed5e4738] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-ed5e4738] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-ed5e4738] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-ed5e4738] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-ed5e4738] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-ed5e4738] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-ed5e4738] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-ed5e4738] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-ed5e4738] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-ed5e4738] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-ed5e4738] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-ed5e4738] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-ed5e4738] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-ed5e4738] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-ed5e4738] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-ed5e4738] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-ed5e4738] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-ed5e4738] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-ed5e4738] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-ed5e4738] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-ed5e4738] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-ed5e4738] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-ed5e4738] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-ed5e4738] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-ed5e4738],
.mlm-selected-item[data-v-ed5e4738] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-ed5e4738] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-ed5e4738]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-ed5e4738] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-ed5e4738] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-ed5e4738] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.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
}

.green-default .category-container[data-v-ed5e4738] {
    display: flex;
    flex-flow: column;
    --color-text-title-basic: #afc69f
}

.green-default .category-container .ion-no-border ion-toolbar[data-v-ed5e4738] {
    --min-height: 3.125rem;
    --background: #2b4f14;
    --border-color: #34571d
}

.green-default .category-container .ion-no-border ion-title[data-v-ed5e4738] {
    font-weight: var(--ep-font-weight-medium, 600);
    color: #afc69f
}

.green-default .category-container .ion-no-border .toolbar-search[data-v-ed5e4738] {
    --background: var(--color-bg-300)
}

.green-default .category-container .ion-no-border .toolbar-search #searchbar[data-v-ed5e4738] {
    --color: #afc69f;
    --placeholder-color: #7e9071;
    caret-color: #3e9b2f;
    --background: #183009;
    --box-shadow: 0 0 0 1px #34571d, 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);
    border: .5rem solid transparent;
    border-radius: .25rem;
    padding: 0
}

.green-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
}

.green-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: #7e9071
}

.green-default .category-container .container[data-v-ed5e4738] {
    display: flex;
    height: 100%
}

.green-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
}

.green-default .category-container .container .side ion-segment[data-v-ed5e4738] {
    display: flex;
    flex-direction: column;
    --background: transparent
}

.green-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: #2b4f14;
    text-transform: capitalize;
    min-width: 0;
    min-height: 3.5rem;
    margin-bottom: 1rem;
    margin-top: 0;
    font-weight: 500;
    color: #7e9071
}

.green-default .category-container .container .side ion-segment ion-segment-button[data-v-ed5e4738]::part(indicator-background) {
    border: none
}

.green-default .category-container .container .side ion-segment ion-segment-button[data-v-ed5e4738]::part(indicator) {
    padding-inline: 0
}

.green-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
}

.green-default .category-container .container .side ion-segment ion-segment-button ion-img[data-v-ed5e4738] {
    filter: grayscale(1);
    opacity: .4;
    width: 2.375rem
}

.green-default .category-container .container .side ion-segment ion-segment-button ion-icon[data-v-ed5e4738] {
    filter: grayscale(1);
    opacity: .4;
    font-size: 2.375rem
}

.green-default .category-container .container .side ion-segment ion-segment-button ion-icon.active[data-v-ed5e4738] {
    filter: grayscale(0);
    opacity: 1;
    color: #fff
}

.green-default .category-container .container .side ion-segment ion-segment-button.active-tab[data-v-ed5e4738] {
    border: none;
    color: #afc69f
}

.green-default .category-container .container .side ion-segment ion-segment-button.active-tab[data-v-ed5e4738]::part(indicator) {
    opacity: 1
}

.green-default .category-container .container .side ion-segment ion-segment-button.active-tab[data-v-ed5e4738]::part(indicator-background) {
    background: linear-gradient(180deg, #13c96a, #1d9554)
}

.green-default .category-container .container .side ion-segment ion-segment-button.active-tab ion-img[data-v-ed5e4738] {
    filter: none;
    opacity: 1
}

.green-default .category-container .container .side ion-segment ion-segment-button.active-tab ion-icon[data-v-ed5e4738] {
    filter: grayscale(0);
    opacity: 1;
    color: #fff
}

.green-default .category-container .container #main[data-v-ed5e4738] {
    --padding-top: .125rem
}

.green-default .category-container .container #main .tab-bar[data-v-ed5e4738] {
    --background: transparent;
    font-size: .625rem;
    margin: 0 .625rem .3125rem
}

.green-default .category-container .container #main .tab-bar.ios[data-v-ed5e4738] {
    gap: .5rem
}

.green-default .category-container .container #main .tab-bar.ios ion-segment-button[data-v-ed5e4738] {
    --indicator-color: #2b4f14;
    --color: #7e9071;
    --color-checked: #afc69f;
    border-color: #34571d;
    --padding-start: 0;
    --padding-end: 0;
    --padding-top: .25rem;
    --padding-bottom: .25rem;
    font-weight: 400;
    min-width: 0;
    border-width: .0625rem;
    border-style: solid
}

.green-default .category-container .container #main .tab-bar.ios ion-segment-button[data-v-ed5e4738]::part(indicator) {
    padding-inline: 0
}

.green-default .category-container .container #main .tab-bar.ios .segment-button-checked[data-v-ed5e4738] {
    border: none;
    color: #afc69f
}

.green-default .category-container .container #main ion-list[data-v-ed5e4738] {
    background: transparent;
    padding-top: 0;
    padding-bottom: 0
}

.green-default .category-container .container #main ion-list ion-grid[data-v-ed5e4738] {
    padding-block: 0
}

.green-default .category-container .container #main ion-list ion-grid .skeleton-card[data-v-ed5e4738] {
    border-radius: .375rem;
    height: 6.5rem
}

.green-default .category-container .container #main ion-list ion-grid .empty[data-v-ed5e4738] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.green-default .category-container .container #main ion-list ion-grid .empty .empty-bg-game[data-v-ed5e4738] {
    width: 7.5rem;
    height: 7.5rem;
    color: #fff
}

.green-default .category-container .container #main ion-list ion-grid .empty .tip[data-v-ed5e4738] {
    font-family: Saira;
    font-size: .875rem;
    font-weight: 500;
    color: #7e9071
}

.green-default .category-container .container #main ion-list ion-grid .card-col[data-v-ed5e4738] {
    padding-top: 0;
    padding-bottom: .625rem
}

.green-default .category-container .container #main ion-infinite-scroll[data-v-ed5e4738] {
    min-height: 4.375rem
}

.green-default .category-container .container #main ion-infinite-scroll ion-infinite-scroll-content[data-v-ed5e4738] {
    min-height: .625rem
}

.forest-green .category-container[data-v-ed5e4738] {
    display: flex;
    flex-flow: column;
    --color-text-title-basic: var(--text-color1)
}

.forest-green .category-container .ion-no-border ion-toolbar[data-v-ed5e4738] {
    --min-height: 3.125rem;
    --background: var(--color-bg-100);
    --border-color: var(--line-color)
}

.forest-green .category-container .ion-no-border ion-title[data-v-ed5e4738] {
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--text-color1)
}

.forest-green .category-container .ion-no-border .toolbar-search[data-v-ed5e4738] {
    --background: var(--color-bg-300)
}

.forest-green .category-container .ion-no-border .toolbar-search #searchbar[data-v-ed5e4738] {
    --color: var(--text-color1);
    --placeholder-color: var(--text-color2);
    caret-color: var(--theme-color-800);
    --background: var(--color-bg-300);
    --box-shadow: 0 0 0 1px var(--line-color), 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);
    border: .5rem solid transparent;
    border-radius: .25rem;
    padding: 0
}

.forest-green .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
}

.forest-green .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: var(--text-color2)
}

.forest-green .category-container .container[data-v-ed5e4738] {
    display: flex;
    height: 100%
}

.forest-green .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
}

.forest-green .category-container .container .side ion-segment[data-v-ed5e4738] {
    display: flex;
    flex-direction: column;
    --background: transparent
}

.forest-green .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: linear-gradient(90deg, #00694A 0%, #00815D 50%, #00694A 100%);
    text-transform: capitalize;
    min-width: 0;
    min-height: 3.5rem;
    margin-bottom: 1rem;
    margin-top: 0;
    font-weight: 500;
    color: var(--text-color2)
}

.forest-green .category-container .container .side ion-segment ion-segment-button[data-v-ed5e4738]::part(indicator-background) {
    border: none
}

.forest-green .category-container .container .side ion-segment ion-segment-button[data-v-ed5e4738]::part(indicator) {
    padding-inline: 0
}

.forest-green .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
}

.forest-green .category-container .container .side ion-segment ion-segment-button ion-img[data-v-ed5e4738] {
    filter: grayscale(1);
    opacity: .4;
    width: 2.375rem
}

.forest-green .category-container .container .side ion-segment ion-segment-button ion-icon[data-v-ed5e4738] {
    filter: grayscale(1);
    opacity: .4;
    font-size: 2.375rem
}

.forest-green .category-container .container .side ion-segment ion-segment-button ion-icon.active[data-v-ed5e4738] {
    filter: grayscale(0);
    opacity: 1;
    color: #fff
}

.forest-green .category-container .container .side ion-segment ion-segment-button.active-tab[data-v-ed5e4738] {
    border: none;
    color: #183009
}

.forest-green .category-container .container .side ion-segment ion-segment-button.active-tab[data-v-ed5e4738]::part(indicator) {
    opacity: 1
}

.forest-green .category-container .container .side ion-segment ion-segment-button.active-tab[data-v-ed5e4738]::part(indicator-background) {
    background: linear-gradient(90deg, #ffe700, #fb0 96%)
}

.forest-green .category-container .container .side ion-segment ion-segment-button.active-tab ion-img[data-v-ed5e4738] {
    filter: none;
    opacity: 1
}

.forest-green .category-container .container .side ion-segment ion-segment-button.active-tab ion-icon[data-v-ed5e4738] {
    filter: grayscale(0);
    opacity: 1;
    color: #fff
}

.forest-green .category-container .container #main[data-v-ed5e4738] {
    --padding-top: .125rem
}

.forest-green .category-container .container #main .tab-bar[data-v-ed5e4738] {
    --background: transparent;
    font-size: .625rem;
    margin: 0 .625rem .3125rem
}

.forest-green .category-container .container #main .tab-bar.ios[data-v-ed5e4738] {
    gap: .5rem
}

.forest-green .category-container .container #main .tab-bar.ios ion-segment-button[data-v-ed5e4738] {
    --indicator-color: var(--color-bg-100);
    --color: var(--text-color2);
    --color-checked: var(--text-color1);
    border-color: var(--line-color);
    --padding-start: 0;
    --padding-end: 0;
    --padding-top: .25rem;
    --padding-bottom: .25rem;
    font-weight: 400;
    min-width: 0;
    border-width: .0625rem;
    border-style: solid
}

.forest-green .category-container .container #main .tab-bar.ios ion-segment-button[data-v-ed5e4738]::part(indicator) {
    padding-inline: 0
}

.forest-green .category-container .container #main .tab-bar.ios .segment-button-checked[data-v-ed5e4738] {
    border: none;
    color: var(--text-color1)
}

.forest-green .category-container .container #main ion-list[data-v-ed5e4738] {
    background: transparent;
    padding-top: 0;
    padding-bottom: 0
}

.forest-green .category-container .container #main ion-list ion-grid[data-v-ed5e4738] {
    padding-block: 0
}

.forest-green .category-container .container #main ion-list ion-grid .skeleton-card[data-v-ed5e4738] {
    border-radius: .375rem;
    height: 6.5rem
}

.forest-green .category-container .container #main ion-list ion-grid .empty[data-v-ed5e4738] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.forest-green .category-container .container #main ion-list ion-grid .empty .empty-bg-game[data-v-ed5e4738] {
    width: 7.5rem;
    height: 7.5rem;
    color: #fff
}

.forest-green .category-container .container #main ion-list ion-grid .empty .tip[data-v-ed5e4738] {
    font-family: Saira;
    font-size: .875rem;
    font-weight: 500;
    color: var(--text-color2)
}

.forest-green .category-container .container #main ion-list ion-grid .card-col[data-v-ed5e4738] {
    padding-top: 0;
    padding-bottom: .625rem
}

.forest-green .category-container .container #main ion-infinite-scroll[data-v-ed5e4738] {
    min-height: 4.375rem
}

.forest-green .category-container .container #main ion-infinite-scroll ion-infinite-scroll-content[data-v-ed5e4738] {
    min-height: .625rem
}

.amber-purple body.second .category-container[data-v-ed5e4738] {
    display: flex;
    flex-flow: column;
    --color-text-title-basic: #bdb8e1
}

.amber-purple body.second .category-container .ion-no-border ion-toolbar[data-v-ed5e4738] {
    --min-height: 3.125rem;
    --background: transparent;
    --border-color: #5f588c
}

.amber-purple body.second .category-container .ion-no-border ion-title[data-v-ed5e4738] {
    font-weight: var(--ep-font-weight-medium, 600);
    color: #bdb8e1
}

.amber-purple body.second .category-container .ion-no-border .toolbar-search[data-v-ed5e4738] {
    --background: transparent
}

.amber-purple body.second .category-container .ion-no-border .toolbar-search #searchbar[data-v-ed5e4738] {
    --color: #bdb8e1;
    --placeholder-color: #686299;
    caret-color: #7041f3;
    --background: #252141;
    --box-shadow: 0 0 0 1px #5f588c, 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);
    border: .5rem solid transparent;
    border-radius: .25rem;
    padding: 0
}

.amber-purple body.second .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
}

.amber-purple body.second .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: #686299
}

.amber-purple body.second .category-container .container[data-v-ed5e4738] {
    display: flex;
    height: 100%
}

.amber-purple body.second .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
}

.amber-purple body.second .category-container .container .side ion-segment[data-v-ed5e4738] {
    display: flex;
    flex-direction: column;
    --background: transparent
}

.amber-purple body.second .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: #2c294d;
    text-transform: capitalize;
    min-width: 0;
    min-height: 3.5rem;
    margin-bottom: 1rem;
    margin-top: 0;
    font-weight: 500;
    color: #686299
}

.amber-purple body.second .category-container .container .side ion-segment ion-segment-button[data-v-ed5e4738]::part(indicator-background) {
    border: none
}

.amber-purple body.second .category-container .container .side ion-segment ion-segment-button[data-v-ed5e4738]::part(indicator) {
    padding-inline: 0
}

.amber-purple body.second .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
}

.amber-purple body.second .category-container .container .side ion-segment ion-segment-button ion-img[data-v-ed5e4738] {
    filter: grayscale(1);
    opacity: .4;
    width: 2.375rem
}

.amber-purple body.second .category-container .container .side ion-segment ion-segment-button ion-icon[data-v-ed5e4738] {
    filter: grayscale(1);
    opacity: .4;
    font-size: 2.375rem
}

.amber-purple body.second .category-container .container .side ion-segment ion-segment-button ion-icon.active[data-v-ed5e4738] {
    filter: grayscale(0);
    opacity: 1;
    color: #7041f3
}

.amber-purple body.second .category-container .container .side ion-segment ion-segment-button.active-tab[data-v-ed5e4738] {
    border: none;
    color: #bdb8e1
}

.amber-purple body.second .category-container .container .side ion-segment ion-segment-button.active-tab[data-v-ed5e4738]::part(indicator) {
    opacity: 1
}

.amber-purple body.second .category-container .container .side ion-segment ion-segment-button.active-tab[data-v-ed5e4738]::part(indicator-background) {
    background: #3b3466
}

.amber-purple body.second .category-container .container .side ion-segment ion-segment-button.active-tab ion-img[data-v-ed5e4738] {
    filter: none;
    opacity: 1
}

.amber-purple body.second .category-container .container .side ion-segment ion-segment-button.active-tab ion-icon[data-v-ed5e4738] {
    filter: grayscale(0);
    opacity: 1;
    color: #7041f3
}

.amber-purple body.second .category-container .container #main[data-v-ed5e4738] {
    --padding-top: .125rem
}

.amber-purple body.second .category-container .container #main .tab-bar[data-v-ed5e4738] {
    --background: transparent;
    font-size: .625rem;
    margin: 0 .625rem .3125rem
}

.amber-purple body.second .category-container .container #main .tab-bar.ios[data-v-ed5e4738] {
    gap: .5rem
}

.amber-purple body.second .category-container .container #main .tab-bar.ios ion-segment-button[data-v-ed5e4738] {
    --indicator-color: #7041f3;
    --color: #686299;
    --color-checked: #bdb8e1;
    border-color: #5f588c;
    --padding-start: 0;
    --padding-end: 0;
    --padding-top: .25rem;
    --padding-bottom: .25rem;
    font-weight: 400;
    min-width: 0;
    border-width: .0625rem;
    border-style: solid
}

.amber-purple body.second .category-container .container #main .tab-bar.ios ion-segment-button[data-v-ed5e4738]::part(indicator) {
    padding-inline: 0
}

.amber-purple body.second .category-container .container #main .tab-bar.ios .segment-button-checked[data-v-ed5e4738] {
    border: none;
    color: #bdb8e1
}

.amber-purple body.second .category-container .container #main ion-list[data-v-ed5e4738] {
    background: transparent;
    padding-top: 0;
    padding-bottom: 0
}

.amber-purple body.second .category-container .container #main ion-list ion-grid[data-v-ed5e4738] {
    padding-block: 0
}

.amber-purple body.second .category-container .container #main ion-list ion-grid .skeleton-card[data-v-ed5e4738] {
    border-radius: .375rem;
    height: 6.5rem
}

.amber-purple body.second .category-container .container #main ion-list ion-grid .empty[data-v-ed5e4738] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.amber-purple body.second .category-container .container #main ion-list ion-grid .empty .empty-bg-game[data-v-ed5e4738] {
    width: 7.5rem;
    height: 7.5rem;
    color: #7041f3
}

.amber-purple body.second .category-container .container #main ion-list ion-grid .empty .tip[data-v-ed5e4738] {
    font-family: Saira;
    font-size: .875rem;
    font-weight: 500;
    color: #686299
}

.amber-purple body.second .category-container .container #main ion-list ion-grid .card-col[data-v-ed5e4738] {
    padding-top: 0;
    padding-bottom: .625rem
}

.amber-purple body.second .category-container .container #main ion-infinite-scroll[data-v-ed5e4738] {
    min-height: 4.375rem
}

.amber-purple body.second .category-container .container #main ion-infinite-scroll ion-infinite-scroll-content[data-v-ed5e4738] {
    min-height: .625rem
}

.amber-purple body.second .category-container .container .side ion-segment ion-segment-button[data-v-ed5e4738] {
    font-weight: 500;
    color: #bdb8e1
}

.amber-purple body.second .category-container .container #main .tab-bar.ios .segment-button-checked[data-v-ed5e4738] {
    font-weight: 700
}

.amber-purple body.default .category-container[data-v-ed5e4738] {
    display: flex;
    flex-flow: column;
    --color-text-title-basic: #bdb8e1
}

.amber-purple body.default .category-container .ion-no-border ion-toolbar[data-v-ed5e4738] {
    --min-height: 3.125rem;
    --background: #3B3466;
    --border-color: #5f588c
}

.amber-purple body.default .category-container .ion-no-border ion-title[data-v-ed5e4738] {
    font-weight: var(--ep-font-weight-medium, 600);
    color: #bdb8e1
}

.amber-purple body.default .category-container .ion-no-border .toolbar-search[data-v-ed5e4738] {
    --background: transparent
}

.amber-purple body.default .category-container .ion-no-border .toolbar-search #searchbar[data-v-ed5e4738] {
    --color: #bdb8e1;
    --placeholder-color: #686299;
    caret-color: #7041f3;
    --background: #252141;
    --box-shadow: none;
    border: .5rem solid transparent;
    border-radius: .25rem;
    padding: 0
}

.amber-purple body.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
}

.amber-purple body.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: #686299
}

.amber-purple body.default .category-container .container[data-v-ed5e4738] {
    display: flex;
    height: 100%
}

.amber-purple body.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
}

.amber-purple body.default .category-container .container .side ion-segment[data-v-ed5e4738] {
    display: flex;
    flex-direction: column;
    --background: transparent
}

.amber-purple body.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: #2c294d;
    text-transform: capitalize;
    min-width: 0;
    min-height: 3.5rem;
    margin-bottom: 1rem;
    margin-top: 0;
    font-weight: 500;
    color: #fff
}

.amber-purple body.default .category-container .container .side ion-segment ion-segment-button[data-v-ed5e4738]::part(indicator-background) {
    border: none
}

.amber-purple body.default .category-container .container .side ion-segment ion-segment-button[data-v-ed5e4738]::part(indicator) {
    padding-inline: 0
}

.amber-purple body.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
}

.amber-purple body.default .category-container .container .side ion-segment ion-segment-button ion-img[data-v-ed5e4738] {
    filter: grayscale(1);
    opacity: .4;
    width: 2.375rem
}

.amber-purple body.default .category-container .container .side ion-segment ion-segment-button ion-icon[data-v-ed5e4738] {
    filter: grayscale(1);
    opacity: .4;
    font-size: 2.375rem
}

.amber-purple body.default .category-container .container .side ion-segment ion-segment-button ion-icon.active[data-v-ed5e4738] {
    filter: grayscale(0);
    opacity: 1;
    color: #7041f3
}

.amber-purple body.default .category-container .container .side ion-segment ion-segment-button.active-tab[data-v-ed5e4738] {
    border: none;
    color: #fff
}

.amber-purple body.default .category-container .container .side ion-segment ion-segment-button.active-tab[data-v-ed5e4738]::part(indicator) {
    opacity: 1
}

.amber-purple body.default .category-container .container .side ion-segment ion-segment-button.active-tab[data-v-ed5e4738]::part(indicator-background) {
    background: linear-gradient(270deg, #7041f3, #f5c84c 130.92%)
}

.amber-purple body.default .category-container .container .side ion-segment ion-segment-button.active-tab ion-img[data-v-ed5e4738] {
    filter: none;
    opacity: 1
}

.amber-purple body.default .category-container .container .side ion-segment ion-segment-button.active-tab ion-icon[data-v-ed5e4738] {
    filter: grayscale(0);
    opacity: 1;
    color: #7041f3
}

.amber-purple body.default .category-container .container #main[data-v-ed5e4738] {
    --padding-top: .125rem
}

.amber-purple body.default .category-container .container #main .tab-bar[data-v-ed5e4738] {
    --background: transparent;
    font-size: .625rem;
    margin: 0 .625rem .3125rem
}

.amber-purple body.default .category-container .container #main .tab-bar.ios[data-v-ed5e4738] {
    gap: .5rem
}

.amber-purple body.default .category-container .container #main .tab-bar.ios ion-segment-button[data-v-ed5e4738] {
    --indicator-color: linear-gradient(270deg, #7041F3 0%, #F5C84C 130.92%);
    --color: #686299;
    --color-checked: #bdb8e1;
    border-color: #5f588c;
    --padding-start: 0;
    --padding-end: 0;
    --padding-top: .25rem;
    --padding-bottom: .25rem;
    font-weight: 400;
    min-width: 0;
    border-width: .0625rem;
    border-style: solid
}

.amber-purple body.default .category-container .container #main .tab-bar.ios ion-segment-button[data-v-ed5e4738]::part(indicator) {
    padding-inline: 0
}

.amber-purple body.default .category-container .container #main .tab-bar.ios .segment-button-checked[data-v-ed5e4738] {
    border: none;
    color: #bdb8e1
}

.amber-purple body.default .category-container .container #main ion-list[data-v-ed5e4738] {
    background: transparent;
    padding-top: 0;
    padding-bottom: 0
}

.amber-purple body.default .category-container .container #main ion-list ion-grid[data-v-ed5e4738] {
    padding-block: 0
}

.amber-purple body.default .category-container .container #main ion-list ion-grid .skeleton-card[data-v-ed5e4738] {
    border-radius: .375rem;
    height: 6.5rem
}

.amber-purple body.default .category-container .container #main ion-list ion-grid .empty[data-v-ed5e4738] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.amber-purple body.default .category-container .container #main ion-list ion-grid .empty .empty-bg-game[data-v-ed5e4738] {
    width: 7.5rem;
    height: 7.5rem;
    color: #7041f3
}

.amber-purple body.default .category-container .container #main ion-list ion-grid .empty .tip[data-v-ed5e4738] {
    font-family: Saira;
    font-size: .875rem;
    font-weight: 500;
    color: #686299
}

.amber-purple body.default .category-container .container #main ion-list ion-grid .card-col[data-v-ed5e4738] {
    padding-top: 0;
    padding-bottom: .625rem
}

.amber-purple body.default .category-container .container #main ion-infinite-scroll[data-v-ed5e4738] {
    min-height: 4.375rem
}

.amber-purple body.default .category-container .container #main ion-infinite-scroll ion-infinite-scroll-content[data-v-ed5e4738] {
    min-height: .625rem
}

.amber-purple body.default .category-container .container .side ion-segment ion-segment-button[data-v-ed5e4738] {
    font-weight: 500;
    color: #bdb8e1
}

.amber-purple body.default .category-container .container .side ion-segment ion-segment-button .label[data-v-ed5e4738] {
    color: #9ba7be
}

.amber-purple body.default .category-container .container .side ion-segment ion-segment-button .label.active[data-v-ed5e4738] {
    color: #fff
}

.amber-purple body.default .category-container .container #main .tab-bar[data-v-ed5e4738] {
    --background: transparent;
    margin: 0 0 .625rem .3125rem
}

.amber-purple body.default .category-container .container #main .tab-bar.md[data-v-ed5e4738] {
    border-bottom: .0625rem solid #5f588c
}

.amber-purple body.default .category-container .container #main .tab-bar.md ion-segment-button[data-v-ed5e4738] {
    --indicator-color: linear-gradient(270deg, #7041F3 0%, #F5C84C 130.92%);
    --indicator-height: .125rem;
    --padding-start: .375rem;
    --padding-end: .375rem;
    --padding-top: .25rem;
    --padding-bottom: .25rem;
    --color: #686299;
    --color-checked: #BDB8E1;
    text-transform: capitalize;
    min-width: 0;
    font-size: .875rem;
    min-height: min-content;
    margin-bottom: -1px
}

.amber-purple body.default .category-container .container #main .tab-bar.md ion-segment-button[data-v-ed5e4738]::part(indicator) {
    margin-left: auto;
    margin-right: auto
}

.amber-purple body.default .category-container .container #main .tab-bar.md ion-segment-button ion-label[data-v-ed5e4738] {
    margin: 0
}

.amber-purple body.default .category-container .container #main .tab-bar.md .segment-button-checked[data-v-ed5e4738] {
    border: none
}

.purple-light .category-container[data-v-ed5e4738] {
    display: flex;
    flex-flow: column;
    --color-text-title-basic: #fff
}

.purple-light .category-container .ion-no-border ion-toolbar[data-v-ed5e4738] {
    --min-height: 3.125rem;
    --background: #6526db;
    --border-color: #dbc9ff
}

.purple-light .category-container .ion-no-border ion-title[data-v-ed5e4738] {
    font-weight: var(--ep-font-weight-medium, 600);
    color: #fff
}

.purple-light .category-container .ion-no-border .toolbar-search[data-v-ed5e4738] {
    --background: var(--color-bg-300)
}

.purple-light .category-container .ion-no-border .toolbar-search #searchbar[data-v-ed5e4738] {
    --color: #403d4f;
    --placeholder-color: #403d4f80;
    caret-color: #6526db;
    --background: #e0d0ff;
    --box-shadow: none;
    border: .5rem solid transparent;
    border-radius: .25rem;
    padding: 0
}

.purple-light .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
}

.purple-light .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: rgba(63, 60, 78, .8)
}

.purple-light .category-container .container[data-v-ed5e4738] {
    display: flex;
    height: 100%
}

.purple-light .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
}

.purple-light .category-container .container .side ion-segment[data-v-ed5e4738] {
    display: flex;
    flex-direction: column;
    --background: transparent
}

.purple-light .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: #eee5ff;
    text-transform: capitalize;
    min-width: 0;
    min-height: 3.5rem;
    margin-bottom: 1rem;
    margin-top: 0;
    font-weight: 500;
    color: rgba(64, 61, 79, .5)
}

.purple-light .category-container .container .side ion-segment ion-segment-button[data-v-ed5e4738]::part(indicator-background) {
    border: none
}

.purple-light .category-container .container .side ion-segment ion-segment-button[data-v-ed5e4738]::part(indicator) {
    padding-inline: 0
}

.purple-light .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
}

.purple-light .category-container .container .side ion-segment ion-segment-button ion-img[data-v-ed5e4738] {
    filter: grayscale(1);
    opacity: .4;
    width: 2.375rem
}

.purple-light .category-container .container .side ion-segment ion-segment-button ion-icon[data-v-ed5e4738] {
    filter: grayscale(1);
    opacity: .4;
    font-size: 2.375rem
}

.purple-light .category-container .container .side ion-segment ion-segment-button ion-icon.active[data-v-ed5e4738] {
    filter: grayscale(0);
    opacity: 1;
    color: #6526db
}

.purple-light .category-container .container .side ion-segment ion-segment-button.active-tab[data-v-ed5e4738] {
    border: none;
    color: #403d4f
}

.purple-light .category-container .container .side ion-segment ion-segment-button.active-tab[data-v-ed5e4738]::part(indicator) {
    opacity: 1
}

.purple-light .category-container .container .side ion-segment ion-segment-button.active-tab[data-v-ed5e4738]::part(indicator-background) {
    background: #f4eeff
}

.purple-light .category-container .container .side ion-segment ion-segment-button.active-tab ion-img[data-v-ed5e4738] {
    filter: none;
    opacity: 1
}

.purple-light .category-container .container .side ion-segment ion-segment-button.active-tab ion-icon[data-v-ed5e4738] {
    filter: grayscale(0);
    opacity: 1;
    color: #6526db
}

.purple-light .category-container .container #main[data-v-ed5e4738] {
    --padding-top: .125rem
}

.purple-light .category-container .container #main .tab-bar[data-v-ed5e4738] {
    --background: transparent;
    font-size: .625rem;
    margin: 0 .625rem .3125rem
}

.purple-light .category-container .container #main .tab-bar.ios[data-v-ed5e4738] {
    gap: .5rem
}

.purple-light .category-container .container #main .tab-bar.ios ion-segment-button[data-v-ed5e4738] {
    --indicator-color: #6526db;
    --color: #403d4f80;
    --color-checked: #403d4f;
    border-color: #dbc9ff;
    --padding-start: 0;
    --padding-end: 0;
    --padding-top: .25rem;
    --padding-bottom: .25rem;
    font-weight: 400;
    min-width: 0;
    border-width: .0625rem;
    border-style: solid
}

.purple-light .category-container .container #main .tab-bar.ios ion-segment-button[data-v-ed5e4738]::part(indicator) {
    padding-inline: 0
}

.purple-light .category-container .container #main .tab-bar.ios .segment-button-checked[data-v-ed5e4738] {
    border: none;
    color: #403d4f
}

.purple-light .category-container .container #main ion-list[data-v-ed5e4738] {
    background: transparent;
    padding-top: 0;
    padding-bottom: 0
}

.purple-light .category-container .container #main ion-list ion-grid[data-v-ed5e4738] {
    padding-block: 0
}

.purple-light .category-container .container #main ion-list ion-grid .skeleton-card[data-v-ed5e4738] {
    border-radius: .375rem;
    height: 6.5rem
}

.purple-light .category-container .container #main ion-list ion-grid .empty[data-v-ed5e4738] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.purple-light .category-container .container #main ion-list ion-grid .empty .empty-bg-game[data-v-ed5e4738] {
    width: 7.5rem;
    height: 7.5rem;
    color: #6526db
}

.purple-light .category-container .container #main ion-list ion-grid .empty .tip[data-v-ed5e4738] {
    font-family: Saira;
    font-size: .875rem;
    font-weight: 500;
    color: rgba(64, 61, 79, .5)
}

.purple-light .category-container .container #main ion-list ion-grid .card-col[data-v-ed5e4738] {
    padding-top: 0;
    padding-bottom: .625rem
}

.purple-light .category-container .container #main ion-infinite-scroll[data-v-ed5e4738] {
    min-height: 4.375rem
}

.purple-light .category-container .container #main ion-infinite-scroll ion-infinite-scroll-content[data-v-ed5e4738] {
    min-height: .625rem
}

.purple-light .category-container .container #main .tab-bar.ios .segment-button-checked[data-v-ed5e4738] {
    color: #fff;
    font-weight: 700
}

.yellow-dark .category-container[data-v-ed5e4738] {
    display: flex;
    flex-flow: column;
    --color-text-title-basic: #fff
}

.yellow-dark .category-container .ion-no-border ion-toolbar[data-v-ed5e4738] {
    --min-height: 3.125rem;
    --background: #262624;
    --border-color: #2e2d2c
}

.yellow-dark .category-container .ion-no-border ion-title[data-v-ed5e4738] {
    font-weight: var(--ep-font-weight-medium, 600);
    color: #fff
}

.yellow-dark .category-container .ion-no-border .toolbar-search[data-v-ed5e4738] {
    --background: var(--color-bg-300)
}

.yellow-dark .category-container .ion-no-border .toolbar-search #searchbar[data-v-ed5e4738] {
    --color: #fff;
    --placeholder-color: #fff6;
    caret-color: #feb805;
    --background: #181816;
    --box-shadow: 0 0 0 1px #2e2d2c, 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);
    border: .5rem solid transparent;
    border-radius: .25rem;
    padding: 0
}

.yellow-dark .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
}

.yellow-dark .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: rgba(255, 255, 255, .4)
}

.yellow-dark .category-container .container[data-v-ed5e4738] {
    display: flex;
    height: 100%
}

.yellow-dark .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
}

.yellow-dark .category-container .container .side ion-segment[data-v-ed5e4738] {
    display: flex;
    flex-direction: column;
    --background: transparent
}

.yellow-dark .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: #262624;
    text-transform: capitalize;
    min-width: 0;
    min-height: 3.5rem;
    margin-bottom: 1rem;
    margin-top: 0;
    font-weight: 500;
    color: rgba(255, 255, 255, .4)
}

.yellow-dark .category-container .container .side ion-segment ion-segment-button[data-v-ed5e4738]::part(indicator-background) {
    border: none
}

.yellow-dark .category-container .container .side ion-segment ion-segment-button[data-v-ed5e4738]::part(indicator) {
    padding-inline: 0
}

.yellow-dark .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
}

.yellow-dark .category-container .container .side ion-segment ion-segment-button ion-img[data-v-ed5e4738] {
    filter: grayscale(1);
    opacity: .4;
    width: 2.375rem
}

.yellow-dark .category-container .container .side ion-segment ion-segment-button ion-icon[data-v-ed5e4738] {
    filter: grayscale(1);
    opacity: .4;
    font-size: 2.375rem
}

.yellow-dark .category-container .container .side ion-segment ion-segment-button ion-icon.active[data-v-ed5e4738] {
    filter: grayscale(0);
    opacity: 1;
    color: #feb805
}

.yellow-dark .category-container .container .side ion-segment ion-segment-button.active-tab[data-v-ed5e4738] {
    border: none;
    color: #fff
}

.yellow-dark .category-container .container .side ion-segment ion-segment-button.active-tab[data-v-ed5e4738]::part(indicator) {
    opacity: 1
}

.yellow-dark .category-container .container .side ion-segment ion-segment-button.active-tab[data-v-ed5e4738]::part(indicator-background) {
    background: #2f2e2d
}

.yellow-dark .category-container .container .side ion-segment ion-segment-button.active-tab ion-img[data-v-ed5e4738] {
    filter: none;
    opacity: 1
}

.yellow-dark .category-container .container .side ion-segment ion-segment-button.active-tab ion-icon[data-v-ed5e4738] {
    filter: grayscale(0);
    opacity: 1;
    color: #feb805
}

.yellow-dark .category-container .container #main[data-v-ed5e4738] {
    --padding-top: .125rem
}

.yellow-dark .category-container .container #main .tab-bar[data-v-ed5e4738] {
    --background: transparent;
    font-size: .625rem;
    margin: 0 .625rem .3125rem
}

.yellow-dark .category-container .container #main .tab-bar.ios[data-v-ed5e4738] {
    gap: .5rem
}

.yellow-dark .category-container .container #main .tab-bar.ios ion-segment-button[data-v-ed5e4738] {
    --indicator-color: #feb805;
    --color: #fff6;
    --color-checked: #fff;
    border-color: #2e2d2c;
    --padding-start: 0;
    --padding-end: 0;
    --padding-top: .25rem;
    --padding-bottom: .25rem;
    font-weight: 400;
    min-width: 0;
    border-width: .0625rem;
    border-style: solid
}

.yellow-dark .category-container .container #main .tab-bar.ios ion-segment-button[data-v-ed5e4738]::part(indicator) {
    padding-inline: 0
}

.yellow-dark .category-container .container #main .tab-bar.ios .segment-button-checked[data-v-ed5e4738] {
    border: none;
    color: #fff
}

.yellow-dark .category-container .container #main ion-list[data-v-ed5e4738] {
    background: transparent;
    padding-top: 0;
    padding-bottom: 0
}

.yellow-dark .category-container .container #main ion-list ion-grid[data-v-ed5e4738] {
    padding-block: 0
}

.yellow-dark .category-container .container #main ion-list ion-grid .skeleton-card[data-v-ed5e4738] {
    border-radius: .375rem;
    height: 6.5rem
}

.yellow-dark .category-container .container #main ion-list ion-grid .empty[data-v-ed5e4738] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.yellow-dark .category-container .container #main ion-list ion-grid .empty .empty-bg-game[data-v-ed5e4738] {
    width: 7.5rem;
    height: 7.5rem;
    color: #feb805
}

.yellow-dark .category-container .container #main ion-list ion-grid .empty .tip[data-v-ed5e4738] {
    font-family: Saira;
    font-size: .875rem;
    font-weight: 500;
    color: rgba(255, 255, 255, .4)
}

.yellow-dark .category-container .container #main ion-list ion-grid .card-col[data-v-ed5e4738] {
    padding-top: 0;
    padding-bottom: .625rem
}

.yellow-dark .category-container .container #main ion-infinite-scroll[data-v-ed5e4738] {
    min-height: 4.375rem
}

.yellow-dark .category-container .container #main ion-infinite-scroll ion-infinite-scroll-content[data-v-ed5e4738] {
    min-height: .625rem
}

.yellow-dark .category-container .container #main .tab-bar.ios .segment-button-checked[data-v-ed5e4738] {
    font-weight: 700
}

.auroral-yellow .category-container[data-v-ed5e4738] {
    display: flex;
    flex-flow: column;
    --color-text-title-basic: #fff
}

.auroral-yellow .category-container .ion-no-border ion-toolbar[data-v-ed5e4738] {
    --min-height: 3.125rem;
    --background: #262624;
    --border-color: var(--line-color)
}

.auroral-yellow .category-container .ion-no-border ion-title[data-v-ed5e4738] {
    font-weight: var(--ep-font-weight-medium, 600);
    color: #fff
}

.auroral-yellow .category-container .ion-no-border .toolbar-search[data-v-ed5e4738] {
    --background: var(--color-bg-300)
}

.auroral-yellow .category-container .ion-no-border .toolbar-search #searchbar[data-v-ed5e4738] {
    --color: #fff;
    --placeholder-color: var(--text-color2);
    caret-color: var(--theme-color-800);
    --background: var(--color-bg-300);
    --box-shadow: 0 0 0 1px var(--line-color), 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);
    border: .5rem solid transparent;
    border-radius: .25rem;
    padding: 0
}

.auroral-yellow .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
}

.auroral-yellow .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: var(--text-color2)
}

.auroral-yellow .category-container .container[data-v-ed5e4738] {
    display: flex;
    height: 100%
}

.auroral-yellow .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
}

.auroral-yellow .category-container .container .side ion-segment[data-v-ed5e4738] {
    display: flex;
    flex-direction: column;
    --background: transparent
}

.auroral-yellow .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: #262624;
    text-transform: capitalize;
    min-width: 0;
    min-height: 3.5rem;
    margin-bottom: 1rem;
    margin-top: 0;
    font-weight: 500;
    color: var(--text-color2)
}

.auroral-yellow .category-container .container .side ion-segment ion-segment-button[data-v-ed5e4738]::part(indicator-background) {
    border: none
}

.auroral-yellow .category-container .container .side ion-segment ion-segment-button[data-v-ed5e4738]::part(indicator) {
    padding-inline: 0
}

.auroral-yellow .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
}

.auroral-yellow .category-container .container .side ion-segment ion-segment-button ion-img[data-v-ed5e4738] {
    filter: grayscale(1);
    opacity: .4;
    width: 2.375rem
}

.auroral-yellow .category-container .container .side ion-segment ion-segment-button ion-icon[data-v-ed5e4738] {
    filter: grayscale(1);
    opacity: .4;
    font-size: 2.375rem
}

.auroral-yellow .category-container .container .side ion-segment ion-segment-button ion-icon.active[data-v-ed5e4738] {
    filter: grayscale(0);
    opacity: 1;
    color: var(--theme-color-800)
}

.auroral-yellow .category-container .container .side ion-segment ion-segment-button.active-tab[data-v-ed5e4738] {
    border: none;
    color: #fff
}

.auroral-yellow .category-container .container .side ion-segment ion-segment-button.active-tab[data-v-ed5e4738]::part(indicator) {
    opacity: 1
}

.auroral-yellow .category-container .container .side ion-segment ion-segment-button.active-tab[data-v-ed5e4738]::part(indicator-background) {
    background: #2f2e2d
}

.auroral-yellow .category-container .container .side ion-segment ion-segment-button.active-tab ion-img[data-v-ed5e4738] {
    filter: none;
    opacity: 1
}

.auroral-yellow .category-container .container .side ion-segment ion-segment-button.active-tab ion-icon[data-v-ed5e4738] {
    filter: grayscale(0);
    opacity: 1;
    color: var(--theme-color-800)
}

.auroral-yellow .category-container .container #main[data-v-ed5e4738] {
    --padding-top: .125rem
}

.auroral-yellow .category-container .container #main .tab-bar[data-v-ed5e4738] {
    --background: transparent;
    font-size: .625rem;
    margin: 0 .625rem .3125rem
}

.auroral-yellow .category-container .container #main .tab-bar.ios[data-v-ed5e4738] {
    gap: .5rem
}

.auroral-yellow .category-container .container #main .tab-bar.ios ion-segment-button[data-v-ed5e4738] {
    --indicator-color: var(--theme-color-800);
    --color: var(--text-color2);
    --color-checked: #2D2D2D;
    border-color: var(--line-color);
    --padding-start: 0;
    --padding-end: 0;
    --padding-top: .25rem;
    --padding-bottom: .25rem;
    font-weight: 400;
    min-width: 0;
    border-width: .0625rem;
    border-style: solid
}

.auroral-yellow .category-container .container #main .tab-bar.ios ion-segment-button[data-v-ed5e4738]::part(indicator) {
    padding-inline: 0
}

.auroral-yellow .category-container .container #main .tab-bar.ios .segment-button-checked[data-v-ed5e4738] {
    border: none;
    color: #2d2d2d
}

.auroral-yellow .category-container .container #main ion-list[data-v-ed5e4738] {
    background: transparent;
    padding-top: 0;
    padding-bottom: 0
}

.auroral-yellow .category-container .container #main ion-list ion-grid[data-v-ed5e4738] {
    padding-block: 0
}

.auroral-yellow .category-container .container #main ion-list ion-grid .skeleton-card[data-v-ed5e4738] {
    border-radius: .375rem;
    height: 6.5rem
}

.auroral-yellow .category-container .container #main ion-list ion-grid .empty[data-v-ed5e4738] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.auroral-yellow .category-container .container #main ion-list ion-grid .empty .empty-bg-game[data-v-ed5e4738] {
    width: 7.5rem;
    height: 7.5rem;
    color: var(--theme-color-800)
}

.auroral-yellow .category-container .container #main ion-list ion-grid .empty .tip[data-v-ed5e4738] {
    font-family: Saira;
    font-size: .875rem;
    font-weight: 500;
    color: var(--text-color2)
}

.auroral-yellow .category-container .container #main ion-list ion-grid .card-col[data-v-ed5e4738] {
    padding-top: 0;
    padding-bottom: .625rem
}

.auroral-yellow .category-container .container #main ion-infinite-scroll[data-v-ed5e4738] {
    min-height: 4.375rem
}

.auroral-yellow .category-container .container #main ion-infinite-scroll ion-infinite-scroll-content[data-v-ed5e4738] {
    min-height: .625rem
}

.green-dark .category-container[data-v-ed5e4738] {
    display: flex;
    flex-flow: column;
    --color-text-title-basic: #fff
}

.green-dark .category-container .ion-no-border ion-toolbar[data-v-ed5e4738] {
    --min-height: 3.125rem;
    --background: #22262e;
    --border-color: #3b424e
}

.green-dark .category-container .ion-no-border ion-title[data-v-ed5e4738] {
    font-weight: var(--ep-font-weight-medium, 600);
    color: #fff
}

.green-dark .category-container .ion-no-border .toolbar-search[data-v-ed5e4738] {
    --background: var(--color-bg-300)
}

.green-dark .category-container .ion-no-border .toolbar-search #searchbar[data-v-ed5e4738] {
    --color: #fff;
    --placeholder-color: #fff6;
    caret-color: #3e9b2f;
    --background: #16191d;
    --box-shadow: 0 0 0 1px #3b424e, 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);
    border: .5rem solid transparent;
    border-radius: .25rem;
    padding: 0
}

.green-dark .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
}

.green-dark .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: rgba(255, 255, 255, .4)
}

.green-dark .category-container .container[data-v-ed5e4738] {
    display: flex;
    height: 100%
}

.green-dark .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
}

.green-dark .category-container .container .side ion-segment[data-v-ed5e4738] {
    display: flex;
    flex-direction: column;
    --background: transparent
}

.green-dark .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: #22262e;
    text-transform: capitalize;
    min-width: 0;
    min-height: 3.5rem;
    margin-bottom: 1rem;
    margin-top: 0;
    font-weight: 500;
    color: rgba(255, 255, 255, .4)
}

.green-dark .category-container .container .side ion-segment ion-segment-button[data-v-ed5e4738]::part(indicator-background) {
    border: none
}

.green-dark .category-container .container .side ion-segment ion-segment-button[data-v-ed5e4738]::part(indicator) {
    padding-inline: 0
}

.green-dark .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
}

.green-dark .category-container .container .side ion-segment ion-segment-button ion-img[data-v-ed5e4738] {
    filter: grayscale(1);
    opacity: .4;
    width: 2.375rem
}

.green-dark .category-container .container .side ion-segment ion-segment-button ion-icon[data-v-ed5e4738] {
    filter: grayscale(1);
    opacity: .4;
    font-size: 2.375rem
}

.green-dark .category-container .container .side ion-segment ion-segment-button ion-icon.active[data-v-ed5e4738] {
    filter: grayscale(0);
    opacity: 1;
    color: #3e9b2f
}

.green-dark .category-container .container .side ion-segment ion-segment-button.active-tab[data-v-ed5e4738] {
    border: none;
    color: #fff
}

.green-dark .category-container .container .side ion-segment ion-segment-button.active-tab[data-v-ed5e4738]::part(indicator) {
    opacity: 1
}

.green-dark .category-container .container .side ion-segment ion-segment-button.active-tab[data-v-ed5e4738]::part(indicator-background) {
    background: #3b414d
}

.green-dark .category-container .container .side ion-segment ion-segment-button.active-tab ion-img[data-v-ed5e4738] {
    filter: none;
    opacity: 1
}

.green-dark .category-container .container .side ion-segment ion-segment-button.active-tab ion-icon[data-v-ed5e4738] {
    filter: grayscale(0);
    opacity: 1;
    color: #3e9b2f
}

.green-dark .category-container .container #main[data-v-ed5e4738] {
    --padding-top: .125rem
}

.green-dark .category-container .container #main .tab-bar[data-v-ed5e4738] {
    --background: transparent;
    font-size: .625rem;
    margin: 0 .625rem .3125rem
}

.green-dark .category-container .container #main .tab-bar.ios[data-v-ed5e4738] {
    gap: .5rem
}

.green-dark .category-container .container #main .tab-bar.ios ion-segment-button[data-v-ed5e4738] {
    --indicator-color: #3e9b2f;
    --color: #fff6;
    --color-checked: #fff;
    border-color: #3b424e;
    --padding-start: 0;
    --padding-end: 0;
    --padding-top: .25rem;
    --padding-bottom: .25rem;
    font-weight: 400;
    min-width: 0;
    border-width: .0625rem;
    border-style: solid
}

.green-dark .category-container .container #main .tab-bar.ios ion-segment-button[data-v-ed5e4738]::part(indicator) {
    padding-inline: 0
}

.green-dark .category-container .container #main .tab-bar.ios .segment-button-checked[data-v-ed5e4738] {
    border: none;
    color: #fff
}

.green-dark .category-container .container #main ion-list[data-v-ed5e4738] {
    background: transparent;
    padding-top: 0;
    padding-bottom: 0
}

.green-dark .category-container .container #main ion-list ion-grid[data-v-ed5e4738] {
    padding-block: 0
}

.green-dark .category-container .container #main ion-list ion-grid .skeleton-card[data-v-ed5e4738] {
    border-radius: .375rem;
    height: 6.5rem
}

.green-dark .category-container .container #main ion-list ion-grid .empty[data-v-ed5e4738] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.green-dark .category-container .container #main ion-list ion-grid .empty .empty-bg-game[data-v-ed5e4738] {
    width: 7.5rem;
    height: 7.5rem;
    color: #3e9b2f
}

.green-dark .category-container .container #main ion-list ion-grid .empty .tip[data-v-ed5e4738] {
    font-family: Saira;
    font-size: .875rem;
    font-weight: 500;
    color: rgba(255, 255, 255, .4)
}

.green-dark .category-container .container #main ion-list ion-grid .card-col[data-v-ed5e4738] {
    padding-top: 0;
    padding-bottom: .625rem
}

.green-dark .category-container .container #main ion-infinite-scroll[data-v-ed5e4738] {
    min-height: 4.375rem
}

.green-dark .category-container .container #main ion-infinite-scroll ion-infinite-scroll-content[data-v-ed5e4738] {
    min-height: .625rem
}

.green-dark .category-container .container #main .tab-bar.ios .segment-button-checked[data-v-ed5e4738] {
    font-weight: 700
}

.new-skin-symbol .category-container[data-v-ed5e4738] {
    display: flex;
    flex-flow: column;
    --color-text-title-basic: var(--ep-color-text-default)
}

.new-skin-symbol .category-container .ion-no-border ion-toolbar[data-v-ed5e4738] {
    --min-height: 3.125rem;
    --background: var(--ep-color-background-fill-top-nav-secondary);
    --border-color: var(--ep-color-border-default)
}

.new-skin-symbol .category-container .ion-no-border ion-title[data-v-ed5e4738] {
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--ep-color-text-default)
}

.new-skin-symbol .category-container .ion-no-border .toolbar-search[data-v-ed5e4738] {
    --background: var(--ep-color-background-fill-body-default)
}

.new-skin-symbol .category-container .ion-no-border .toolbar-search #searchbar[data-v-ed5e4738] {
    --color: var(--ep-color-text-default);
    --placeholder-color: var(--ep-color-text-weaker);
    caret-color: var(--ep-color-border-brand);
    --background: var(--ep-color-background-fill-surface-lowered);
    --box-shadow: 0 0 0 1px var(--ep-color-border-default), 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);
    border: .5rem solid transparent;
    border-radius: .25rem;
    padding: 0
}

.new-skin-symbol .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
}

.new-skin-symbol .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: var(--ep-color-icon-weaker)
}

.new-skin-symbol .category-container .container[data-v-ed5e4738] {
    display: flex;
    height: 100%
}

.new-skin-symbol .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
}

.new-skin-symbol .category-container .container .side ion-segment[data-v-ed5e4738] {
    display: flex;
    flex-direction: column;
    --background: transparent
}

.new-skin-symbol .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: var(--ep-color-background-fill-surface-raised-L1);
    text-transform: capitalize;
    min-width: 0;
    min-height: 3.5rem;
    margin-bottom: 1rem;
    margin-top: 0;
    font-weight: 500;
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol .category-container .container .side ion-segment ion-segment-button[data-v-ed5e4738]::part(indicator-background) {
    border: none
}

.new-skin-symbol .category-container .container .side ion-segment ion-segment-button[data-v-ed5e4738]::part(indicator) {
    padding-inline: 0
}

.new-skin-symbol .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
}

.new-skin-symbol .category-container .container .side ion-segment ion-segment-button ion-img[data-v-ed5e4738] {
    filter: grayscale(1);
    opacity: .4;
    width: 2.375rem
}

.new-skin-symbol .category-container .container .side ion-segment ion-segment-button ion-icon[data-v-ed5e4738] {
    filter: grayscale(1);
    opacity: .4;
    font-size: 2.375rem
}

.new-skin-symbol .category-container .container .side ion-segment ion-segment-button ion-icon.active[data-v-ed5e4738] {
    filter: grayscale(0);
    opacity: 1;
    color: var(--ep-color-icon-selected)
}

.new-skin-symbol .category-container .container .side ion-segment ion-segment-button.active-tab[data-v-ed5e4738] {
    border: none;
    color: var(--ep-color-text-default)
}

.new-skin-symbol .category-container .container .side ion-segment ion-segment-button.active-tab[data-v-ed5e4738]::part(indicator) {
    opacity: 1
}

.new-skin-symbol .category-container .container .side ion-segment ion-segment-button.active-tab[data-v-ed5e4738]::part(indicator-background) {
    background: var(--ep-dynamic-secondary)
}

.new-skin-symbol .category-container .container .side ion-segment ion-segment-button.active-tab ion-img[data-v-ed5e4738] {
    filter: none;
    opacity: 1
}

.new-skin-symbol .category-container .container .side ion-segment ion-segment-button.active-tab ion-icon[data-v-ed5e4738] {
    filter: grayscale(0);
    opacity: 1;
    color: var(--ep-color-icon-selected)
}

.new-skin-symbol .category-container .container #main[data-v-ed5e4738] {
    --padding-top: .125rem
}

.new-skin-symbol .category-container .container #main .tab-bar[data-v-ed5e4738] {
    --background: transparent;
    font-size: .625rem;
    margin: 0 .625rem .3125rem
}

.new-skin-symbol .category-container .container #main .tab-bar.ios[data-v-ed5e4738] {
    gap: .5rem
}

.new-skin-symbol .category-container .container #main .tab-bar.ios ion-segment-button[data-v-ed5e4738] {
    --indicator-color: var(--ep-color-background-fill-active-primary);
    --color: var(--ep-color-text-weaker);
    --color-checked: var(--ep-color-text-default);
    border-color: var(--ep-color-border-default);
    --padding-start: 0;
    --padding-end: 0;
    --padding-top: .25rem;
    --padding-bottom: .25rem;
    font-weight: 400;
    min-width: 0;
    border-width: .0625rem;
    border-style: solid
}

.new-skin-symbol .category-container .container #main .tab-bar.ios ion-segment-button[data-v-ed5e4738]::part(indicator) {
    padding-inline: 0
}

.new-skin-symbol .category-container .container #main .tab-bar.ios .segment-button-checked[data-v-ed5e4738] {
    border: none;
    color: var(--ep-color-text-default)
}

.new-skin-symbol .category-container .container #main ion-list[data-v-ed5e4738] {
    background: transparent;
    padding-top: 0;
    padding-bottom: 0
}

.new-skin-symbol .category-container .container #main ion-list ion-grid[data-v-ed5e4738] {
    padding-block: 0
}

.new-skin-symbol .category-container .container #main ion-list ion-grid .skeleton-card[data-v-ed5e4738] {
    border-radius: .375rem;
    height: 6.5rem
}

.new-skin-symbol .category-container .container #main ion-list ion-grid .empty[data-v-ed5e4738] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.new-skin-symbol .category-container .container #main ion-list ion-grid .empty .empty-bg-game[data-v-ed5e4738] {
    width: 7.5rem;
    height: 7.5rem;
    color: var(--ep-color-icon-selected)
}

.new-skin-symbol .category-container .container #main ion-list ion-grid .empty .tip[data-v-ed5e4738] {
    font-family: Saira;
    font-size: .875rem;
    font-weight: 500;
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol .category-container .container #main ion-list ion-grid .card-col[data-v-ed5e4738] {
    padding-top: 0;
    padding-bottom: .625rem
}

.new-skin-symbol .category-container .container #main ion-infinite-scroll[data-v-ed5e4738] {
    min-height: 4.375rem
}

.new-skin-symbol .category-container .container #main ion-infinite-scroll ion-infinite-scroll-content[data-v-ed5e4738] {
    min-height: .625rem
}

.custom-segment[data-v-ed5e4738] {
    height: 100%;
    overflow: hidden
}

.custom-segment .segment-scroll[data-v-ed5e4738] {
    overflow-y: auto;
    max-height: 100%;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.custom-segment .segment-scroll[data-v-ed5e4738]::-webkit-scrollbar {
    display: none
}

.aspect-ratio-card[data-v-ed5e4738] {
    width: 100%;
    height: 5.9013rem;
    aspect-ratio: 100 / 32.786;
    margin: 0 auto;
    border-radius: var(--ep-border-radius-surface-default, .875rem);
    overflow: hidden
}

.game-list-fade-enter-active[data-v-ed5e4738],
.game-list-fade-leave-active[data-v-ed5e4738] {
    transition: opacity .15s ease
}

.game-list-fade-enter-from[data-v-ed5e4738],
.game-list-fade-leave-to[data-v-ed5e4738] {
    opacity: 0
}

.color-primary-600[data-v-a993bc44] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-a993bc44] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-a993bc44] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-a993bc44] {
    color: var(--color-primary-900)
}

.bg-100[data-v-a993bc44] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-a993bc44] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-a993bc44] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-a993bc44] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-a993bc44] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-a993bc44] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-a993bc44] {
    background-color: var(--color-warning)
}

.bg-link[data-v-a993bc44] {
    background-color: var(--color-link)
}

.bg-danger[data-v-a993bc44] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-a993bc44] {
    color: var(--color-text-100)
}

.color-text-80[data-v-a993bc44] {
    color: var(--color-text-80)
}

.color-text-50[data-v-a993bc44] {
    color: var(--color-text-50)
}

.color-text-40[data-v-a993bc44] {
    color: var(--color-text-40)
}

.color-text-20[data-v-a993bc44] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-a993bc44] {
    color: var(--color-currency)
}

.color-warning[data-v-a993bc44] {
    color: var(--color-warning)
}

.color-danger[data-v-a993bc44] {
    color: var(--color-danger)
}

.color-link[data-v-a993bc44] {
    color: var(--color-link)
}

.color-line[data-v-a993bc44] {
    color: var(--color-line)
}

.color-border[data-v-a993bc44] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-a993bc44] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-a993bc44] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-a993bc44] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-a993bc44] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-a993bc44] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-a993bc44] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-a993bc44] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-a993bc44] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-a993bc44] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-a993bc44] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-a993bc44] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-a993bc44] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-a993bc44] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-a993bc44] {
    display: flex;
    align-items: center
}

.flex-start[data-v-a993bc44] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-a993bc44] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-a993bc44] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-a993bc44] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-a993bc44] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-a993bc44] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-a993bc44] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-a993bc44] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-a993bc44] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-a993bc44] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-a993bc44] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-a993bc44] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-a993bc44] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-a993bc44] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-a993bc44] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-a993bc44] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-a993bc44] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-a993bc44] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-a993bc44] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-a993bc44] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-a993bc44] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-a993bc44] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-a993bc44] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-a993bc44] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-a993bc44],
.mlm-selected-item[data-v-a993bc44] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-a993bc44] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-a993bc44]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-a993bc44] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-a993bc44] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-a993bc44] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.yellow-dark .assets-header[data-v-a993bc44],
.green-dark .assets-header[data-v-a993bc44] {
    background: var(--color-bg-300)
}

.yellow-dark .header-wrap[data-v-a993bc44],
.green-dark .header-wrap[data-v-a993bc44] {
    width: 24.375rem;
    background: var(--color-bg-200);
    padding: .625rem .75rem 0;
    box-sizing: border-box;
    position: relative
}

.yellow-dark .header-wrap .top[data-v-a993bc44],
.green-dark .header-wrap .top[data-v-a993bc44] {
    line-height: 1.875rem
}

.yellow-dark .header-wrap .top span[data-v-a993bc44],
.green-dark .header-wrap .top span[data-v-a993bc44] {
    font-size: var(--ep-font-size-xl, 1.25rem);
    font-weight: var(--ep-font-weight-medium, 500);
    color: var(--color-text-100)
}

.yellow-dark .header-wrap .top .icon-area[data-v-a993bc44],
.green-dark .header-wrap .top .icon-area[data-v-a993bc44] {
    border-radius: 50%;
    width: 1.5rem;
    height: 1.5rem;
    background: var(--theme-color-800);
    margin-left: .625rem
}

.yellow-dark .header-wrap .top .icon-area ion-icon.record[data-v-a993bc44],
.green-dark .header-wrap .top .icon-area ion-icon.record[data-v-a993bc44] {
    font-size: var(--ep-font-size-l, 1);
    color: var(--text-color-black-100)
}

.yellow-dark .header-wrap ion-icon.close[data-v-a993bc44],
.green-dark .header-wrap ion-icon.close[data-v-a993bc44] {
    font-size: var(--ep-font-size-xl, 1.25rem);
    color: var(--color-text-100);
    position: absolute;
    top: 1rem;
    right: 1rem
}

.yellow-dark .header-wrap .text[data-v-a993bc44],
.green-dark .header-wrap .text[data-v-a993bc44] {
    width: 18.75rem;
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-regular, 400);
    color: var(--color-text-40);
    padding: 1.25rem 0;
    line-height: 1.125rem
}

.yellow-dark .header-wrap .text .client[data-v-a993bc44],
.green-dark .header-wrap .text .client[data-v-a993bc44] {
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-bold, 700);
    color: var(--accent-color-orange);
    white-space: nowrap;
    cursor: pointer
}

.yellow-dark .header-wrap .text .client ion-icon[data-v-a993bc44],
.green-dark .header-wrap .text .client ion-icon[data-v-a993bc44] {
    font-size: var(--ep-font-size-xl, 1.25rem);
    vertical-align: top;
    color: var(--accent-color-orange)
}

.yellow-dark .header-wrap.alone[data-v-a993bc44],
.green-dark .header-wrap.alone[data-v-a993bc44] {
    border-radius: 0px 0px var(--ep-border-radius-surface-small, .75rem) var(--ep-border-radius-surface-small, .75rem);
    box-shadow: 0 4px 28.4px rgba(0, 0, 0, .1)
}

.purple-light .assets-header[data-v-a993bc44] {
    background: var(--color-bg-200)
}

.purple-light .header-wrap[data-v-a993bc44] {
    width: 24.375rem;
    background: var(--color-bg-500);
    padding: .625rem .75rem 0;
    box-sizing: border-box;
    position: relative
}

.purple-light .header-wrap .top[data-v-a993bc44] {
    line-height: 1.875rem
}

.purple-light .header-wrap .top span[data-v-a993bc44] {
    font-size: var(--ep-font-size-xl, 1.25rem);
    font-weight: var(--ep-font-weight-medium, 500);
    color: var(--text-color-black-100)
}

.purple-light .header-wrap .top .icon-area[data-v-a993bc44] {
    border-radius: 50%;
    width: 1.5rem;
    height: 1.5rem;
    background: var(--theme-color-800);
    margin-left: .625rem
}

.purple-light .header-wrap .top .icon-area ion-icon.record[data-v-a993bc44] {
    font-size: var(--ep-font-size-l, 1);
    color: var(--text-color-white-100)
}

.purple-light .header-wrap ion-icon.close[data-v-a993bc44] {
    font-size: var(--ep-font-size-xl, 1.25rem);
    color: var(--color-text-100);
    position: absolute;
    top: 1rem;
    right: 1rem
}

.purple-light .header-wrap .text[data-v-a993bc44] {
    width: 18.75rem;
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-regular, 400);
    color: var(--text-color-black-80);
    padding: 1.25rem 0;
    line-height: 1.125rem
}

.purple-light .header-wrap .text .client[data-v-a993bc44] {
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-bold, 700);
    color: var(--accent-color-orange);
    white-space: nowrap;
    cursor: pointer
}

.purple-light .header-wrap .text .client ion-icon[data-v-a993bc44] {
    font-size: var(--ep-font-size-xl, 1.25rem);
    vertical-align: top;
    color: var(--accent-color-orange)
}

.purple-light .header-wrap.alone[data-v-a993bc44] {
    border-radius: 0px 0px var(--ep-border-radius-surface-small, .75rem) var(--ep-border-radius-surface-small, .75rem);
    box-shadow: 0 4px 28.4px rgba(0, 0, 0, .1)
}

.amber-purple .assets-header[data-v-a993bc44] {
    background: var(--color-bg-200)
}

.amber-purple .header-wrap[data-v-a993bc44] {
    width: 24.375rem;
    background: var(--color-bg-100);
    padding: .625rem .75rem 0;
    box-sizing: border-box;
    position: relative
}

.amber-purple .header-wrap .top[data-v-a993bc44] {
    line-height: 1.875rem
}

.amber-purple .header-wrap .top span[data-v-a993bc44] {
    font-size: var(--ep-font-size-xl, 1.25rem);
    font-weight: var(--ep-font-weight-medium, 500);
    color: var(--text-color-light-purple-1-100)
}

.amber-purple .header-wrap .top .icon-area[data-v-a993bc44] {
    border-radius: 50%;
    width: 1.5rem;
    height: 1.5rem;
    background: var(--theme-color-800);
    margin-left: .625rem
}

.amber-purple .header-wrap .top .icon-area ion-icon.record[data-v-a993bc44] {
    font-size: var(--ep-font-size-l, 1);
    color: var(--text-color-white-100)
}

.amber-purple .header-wrap ion-icon.close[data-v-a993bc44] {
    font-size: var(--ep-font-size-xl, 1.25rem);
    color: var(--text-color-white-100);
    position: absolute;
    top: 1rem;
    right: 1rem
}

.amber-purple .header-wrap .text[data-v-a993bc44] {
    width: 18.75rem;
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-regular, 400);
    color: var(--text-color-light-purple-2-100);
    padding: 1.25rem 0;
    line-height: 1.125rem
}

.amber-purple .header-wrap .text .client[data-v-a993bc44] {
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-bold, 700);
    color: var(--color-currency);
    white-space: nowrap;
    cursor: pointer
}

.amber-purple .header-wrap .text .client ion-icon[data-v-a993bc44] {
    font-size: var(--ep-font-size-xl, 1.25rem);
    vertical-align: top;
    color: var(--color-currency)
}

.amber-purple .header-wrap.alone[data-v-a993bc44] {
    border-radius: 0px 0px var(--ep-border-radius-surface-small, .75rem) var(--ep-border-radius-surface-small, .75rem);
    box-shadow: 0 4px 28.4px rgba(0, 0, 0, .1)
}

.new-skin-symbol .assets-header[data-v-a993bc44] {
    background: var(--ep-color-background-fill-body-default)
}

.new-skin-symbol .header-wrap[data-v-a993bc44] {
    width: 24.375rem;
    background: var(--ep-color-background-fill-surface-raised-L1);
    padding: .625rem .75rem 0;
    box-sizing: border-box;
    position: relative
}

.new-skin-symbol .header-wrap .top[data-v-a993bc44] {
    line-height: 1.875rem
}

.new-skin-symbol .header-wrap .top span[data-v-a993bc44] {
    font-size: var(--ep-font-size-xl, 1.25rem);
    font-weight: var(--ep-font-weight-medium, 500);
    color: var(--ep-color-text-default)
}

.new-skin-symbol .header-wrap .top .icon-area[data-v-a993bc44] {
    border-radius: 50%;
    width: 1.5rem;
    height: 1.5rem;
    background: var(--ep-color-text-brand-primary);
    margin-left: .625rem
}

.new-skin-symbol .header-wrap .top .icon-area ion-icon.record[data-v-a993bc44] {
    font-size: var(--ep-font-size-l, 1);
    color: var(--ep-color-icon-inverse)
}

.new-skin-symbol .header-wrap ion-icon.close[data-v-a993bc44] {
    font-size: var(--ep-font-size-xl, 1.25rem);
    color: var(--ep-color-icon-default);
    position: absolute;
    top: 1rem;
    right: 1rem
}

.new-skin-symbol .header-wrap .text[data-v-a993bc44] {
    width: 18.75rem;
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-regular, 400);
    color: var(--ep-color-text-default);
    padding: 1.25rem 0;
    line-height: 1.125rem
}

.new-skin-symbol .header-wrap .text .client[data-v-a993bc44] {
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-bold, 700);
    color: var(--ep-color-text-highlight);
    white-space: nowrap;
    cursor: pointer
}

.new-skin-symbol .header-wrap .text .client ion-icon[data-v-a993bc44] {
    font-size: var(--ep-font-size-xl, 1.25rem);
    vertical-align: top;
    color: var(--ep-color-icon-highlight)
}

.new-skin-symbol .header-wrap.alone[data-v-a993bc44] {
    border-radius: 0px 0px var(--ep-border-radius-surface-small, .75rem) var(--ep-border-radius-surface-small, .75rem);
    box-shadow: 0 4px 28.4px rgba(0, 0, 0, .1)
}

.color-primary-600[data-v-82041a24] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-82041a24] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-82041a24] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-82041a24] {
    color: var(--color-primary-900)
}

.bg-100[data-v-82041a24] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-82041a24] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-82041a24] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-82041a24] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-82041a24] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-82041a24] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-82041a24] {
    background-color: var(--color-warning)
}

.bg-link[data-v-82041a24] {
    background-color: var(--color-link)
}

.bg-danger[data-v-82041a24] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-82041a24] {
    color: var(--color-text-100)
}

.color-text-80[data-v-82041a24] {
    color: var(--color-text-80)
}

.color-text-50[data-v-82041a24] {
    color: var(--color-text-50)
}

.color-text-40[data-v-82041a24] {
    color: var(--color-text-40)
}

.color-text-20[data-v-82041a24] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-82041a24] {
    color: var(--color-currency)
}

.color-warning[data-v-82041a24] {
    color: var(--color-warning)
}

.color-danger[data-v-82041a24] {
    color: var(--color-danger)
}

.color-link[data-v-82041a24] {
    color: var(--color-link)
}

.color-line[data-v-82041a24] {
    color: var(--color-line)
}

.color-border[data-v-82041a24] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-82041a24] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-82041a24] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-82041a24] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-82041a24] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-82041a24] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-82041a24] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-82041a24] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-82041a24] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-82041a24] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-82041a24] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-82041a24] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-82041a24] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-82041a24] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-82041a24] {
    display: flex;
    align-items: center
}

.flex-start[data-v-82041a24] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-82041a24] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-82041a24] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-82041a24] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-82041a24] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-82041a24] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-82041a24] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-82041a24] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-82041a24] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-82041a24] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-82041a24] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-82041a24] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-82041a24] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-82041a24] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-82041a24] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-82041a24] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-82041a24] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-82041a24] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-82041a24] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-82041a24] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-82041a24] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-82041a24] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-82041a24] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-82041a24] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-82041a24],
.mlm-selected-item[data-v-82041a24] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-82041a24] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-82041a24]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-82041a24] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-82041a24] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-82041a24] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.fixedBottom-footer[data-v-82041a24] {
    width: 24.25rem;
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    height: var(--06989bb1);
    background: linear-gradient(180deg, rgba(26, 29, 34, 0) 0%, var(--color-bg-300) 74.74%)
}

.fixedBottom-footer .btn-warp[data-v-82041a24] {
    width: 22.875rem;
    position: absolute;
    bottom: var(--10b7d780);
    left: 50%;
    transform: translate(-50%);
    opacity: 1
}

.footer-assets[data-v-82041a24] {
    margin: 0 auto;
    width: 22.8125rem;
    height: 3.125rem;
    line-height: 3.125rem
}

.footer-assets .btn-warp[data-v-82041a24] {
    width: 100%;
    height: 100%;
    line-height: inherit
}

.purple-light .fixedBottom-footer[data-v-82041a24] {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 32.52%, var(--color-bg-500) 100%)
}

.amber-purple .fixedBottom-footer[data-v-82041a24] {
    background: linear-gradient(207deg, rgba(38, 35, 70, .59) 26.98%, rgba(22, 19, 40, .59) 82.97%)
}

.amber-purple .fixedBottom-footer .btn-warp[data-v-82041a24] {
    background-color: var(--color-bg-500);
    border-radius: var(--layout-radius-basic)
}

.new-skin-symbol .fixedBottom-footer[data-v-82041a24] {
    width: 24.25rem;
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    height: var(--06989bb1);
    background: linear-gradient(180deg, rgba(26, 29, 34, 0) 0%, var(--ep-color-background-fill-body-default) 74.74%)
}

.new-skin-symbol .fixedBottom-footer .btn-warp[data-v-82041a24] {
    width: 22.875rem;
    position: absolute;
    bottom: var(--10b7d780);
    left: 50%;
    transform: translate(-50%);
    opacity: 1
}

.new-skin-symbol .footer-assets[data-v-82041a24] {
    margin: 0 auto;
    width: 22.8125rem;
    height: 3.125rem;
    line-height: 3.125rem
}

.new-skin-symbol .footer-assets .btn-warp[data-v-82041a24] {
    width: 100%;
    height: 100%;
    line-height: inherit
}

.color-primary-600[data-v-0c1a4ff7] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-0c1a4ff7] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-0c1a4ff7] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-0c1a4ff7] {
    color: var(--color-primary-900)
}

.bg-100[data-v-0c1a4ff7] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-0c1a4ff7] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-0c1a4ff7] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-0c1a4ff7] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-0c1a4ff7] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-0c1a4ff7] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-0c1a4ff7] {
    background-color: var(--color-warning)
}

.bg-link[data-v-0c1a4ff7] {
    background-color: var(--color-link)
}

.bg-danger[data-v-0c1a4ff7] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-0c1a4ff7] {
    color: var(--color-text-100)
}

.color-text-80[data-v-0c1a4ff7] {
    color: var(--color-text-80)
}

.color-text-50[data-v-0c1a4ff7] {
    color: var(--color-text-50)
}

.color-text-40[data-v-0c1a4ff7] {
    color: var(--color-text-40)
}

.color-text-20[data-v-0c1a4ff7] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-0c1a4ff7] {
    color: var(--color-currency)
}

.color-warning[data-v-0c1a4ff7] {
    color: var(--color-warning)
}

.color-danger[data-v-0c1a4ff7] {
    color: var(--color-danger)
}

.color-link[data-v-0c1a4ff7] {
    color: var(--color-link)
}

.color-line[data-v-0c1a4ff7] {
    color: var(--color-line)
}

.color-border[data-v-0c1a4ff7] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-0c1a4ff7] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-0c1a4ff7] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-0c1a4ff7] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-0c1a4ff7] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-0c1a4ff7] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-0c1a4ff7] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-0c1a4ff7] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-0c1a4ff7] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-0c1a4ff7] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-0c1a4ff7] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-0c1a4ff7] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-0c1a4ff7] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-0c1a4ff7] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-0c1a4ff7] {
    display: flex;
    align-items: center
}

.flex-start[data-v-0c1a4ff7] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-0c1a4ff7] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-0c1a4ff7] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-0c1a4ff7] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-0c1a4ff7] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-0c1a4ff7] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-0c1a4ff7] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-0c1a4ff7] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-0c1a4ff7] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-0c1a4ff7] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-0c1a4ff7] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-0c1a4ff7] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-0c1a4ff7] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-0c1a4ff7] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-0c1a4ff7] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-0c1a4ff7] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-0c1a4ff7] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-0c1a4ff7] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-0c1a4ff7] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-0c1a4ff7] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-0c1a4ff7] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-0c1a4ff7] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-0c1a4ff7] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-0c1a4ff7] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-0c1a4ff7],
.mlm-selected-item[data-v-0c1a4ff7] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-0c1a4ff7] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-0c1a4ff7]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-0c1a4ff7] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-0c1a4ff7] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-0c1a4ff7] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.pay-list.amber-purple[data-v-0c1a4ff7] {
    background-color: var(--color-bg-100)
}

.pay-list.amber-purple ion-segment-button.ios[data-v-0c1a4ff7]::part(native) {
    color: var(--text-color-light-purple-2-100)
}

.pay-list.amber-purple .segment-button-checked.ios[data-v-0c1a4ff7]::part(native) {
    color: var(--text-color-light-purple-1-100)
}

.pay-list.amber-purple .tag[data-v-0c1a4ff7] {
    background: var(--gradients-orange-purple)
}

.green-dark .pay-list[data-v-0c1a4ff7],
.yellow-dark .pay-list[data-v-0c1a4ff7] {
    width: 100%;
    padding: .75rem;
    border-radius: 0px 0px var(--ep-border-radius-xl, .625rem) var(--ep-border-radius-xl, .625rem);
    background: var(--color-bg-200);
    box-shadow: 0 4px 28.4px rgba(0, 0, 0, .1)
}

.green-dark .pay-list ion-segment[data-v-0c1a4ff7],
.yellow-dark .pay-list ion-segment[data-v-0c1a4ff7] {
    --background: var(--color-bg-300);
    width: 100%;
    height: 3rem;
    border-radius: var(--ep-border-radius-m, .375rem) !important
}

.green-dark .pay-list ion-segment-button.ios[data-v-0c1a4ff7]::part(native),
.yellow-dark .pay-list ion-segment-button.ios[data-v-0c1a4ff7]::part(native) {
    color: var(--color-text-40)
}

.green-dark .pay-list .segment-button-checked.ios[data-v-0c1a4ff7]::part(native),
.yellow-dark .pay-list .segment-button-checked.ios[data-v-0c1a4ff7]::part(native) {
    color: var(--color-text-100);
    font-weight: var(--ep-font-weight-bold, 700)
}

.green-dark .pay-list ion-segment-button[data-v-0c1a4ff7]::part(indicator-background),
.yellow-dark .pay-list ion-segment-button[data-v-0c1a4ff7]::part(indicator-background) {
    background: var(--color-bg-100)
}

.green-dark .pay-list ion-segment-button[data-v-0c1a4ff7],
.yellow-dark .pay-list ion-segment-button[data-v-0c1a4ff7] {
    --border-radius: var(--ep-border-radius-s, .25rem);
    height: 2.75rem;
    --padding-start: 12px;
    --padding-end: 12px;
    min-width: 7.5rem
}

.green-dark .pay-list .tag[data-v-0c1a4ff7],
.yellow-dark .pay-list .tag[data-v-0c1a4ff7] {
    position: absolute;
    min-width: 2.375rem;
    height: .8125rem;
    right: -.625rem;
    top: 0;
    line-height: .875rem;
    background: var(--accent-color-red);
    z-index: 100;
    padding: 0 .375rem;
    text-align: center;
    border-radius: 0 var(--ep-border-radius-s, .25rem) 0 var(--ep-border-radius-s, .25rem);
    font-size: var(--ep-font-size-xs, .625rem);
    font-weight: var(--ep-font-weight-bold, 700);
    color: var(--color-text-100)
}

.amber-purple .pay-list[data-v-0c1a4ff7] {
    width: 100%;
    padding: .75rem;
    border-radius: 0px 0px var(--ep-border-radius-xl, .625rem) var(--ep-border-radius-xl, .625rem);
    background: var(--color-bg-100);
    box-shadow: 0 4px 28.4px rgba(0, 0, 0, .1)
}

.amber-purple .pay-list ion-segment[data-v-0c1a4ff7] {
    --background: var(--color-bg-300);
    width: 100%;
    height: 3rem;
    border-radius: var(--ep-border-radius-m, .375rem) !important
}

.amber-purple .pay-list ion-segment-button.ios[data-v-0c1a4ff7]::part(native) {
    color: var(--color-text-40)
}

.amber-purple .pay-list .segment-button-checked.ios[data-v-0c1a4ff7]::part(native) {
    color: var(--color-text-100);
    font-weight: var(--ep-font-weight-bold, 700)
}

.amber-purple .pay-list ion-segment-button[data-v-0c1a4ff7]::part(indicator-background) {
    background: var(--theme-color-800)
}

.amber-purple .pay-list ion-segment-button[data-v-0c1a4ff7] {
    --border-radius: var(--ep-border-radius-s, .25rem);
    height: 2.75rem;
    --padding-start: 12px;
    --padding-end: 12px;
    min-width: 7.5rem
}

.amber-purple .pay-list .tag[data-v-0c1a4ff7] {
    position: absolute;
    min-width: 2.375rem;
    height: .8125rem;
    right: -.625rem;
    top: 0;
    line-height: .875rem;
    background: var(--accent-color-red);
    z-index: 100;
    padding: 0 .375rem;
    text-align: center;
    border-radius: 0 var(--ep-border-radius-s, .25rem) 0 var(--ep-border-radius-s, .25rem);
    font-size: var(--ep-font-size-xs, .625rem);
    font-weight: var(--ep-font-weight-bold, 700);
    color: var(--color-text-tag)
}

.purple-light .pay-list[data-v-0c1a4ff7] {
    width: 100%;
    padding: .75rem;
    border-radius: 0px 0px var(--ep-border-radius-xl, .625rem) var(--ep-border-radius-xl, .625rem);
    background: var(--color-bg-500);
    box-shadow: 0 4px 28.4px rgba(0, 0, 0, .1)
}

.purple-light .pay-list ion-segment[data-v-0c1a4ff7] {
    --background: var(--color-bg-300);
    width: 100%;
    height: 3rem;
    border-radius: var(--ep-border-radius-m, .375rem) !important
}

.purple-light .pay-list ion-segment-button.ios[data-v-0c1a4ff7]::part(native) {
    color: var(--color-text-40)
}

.purple-light .pay-list .segment-button-checked.ios[data-v-0c1a4ff7]::part(native) {
    color: var(--text-color-white-100);
    font-weight: var(--ep-font-weight-bold, 700)
}

.purple-light .pay-list ion-segment-button[data-v-0c1a4ff7]::part(indicator-background) {
    background: var(--theme-color-800)
}

.purple-light .pay-list ion-segment-button[data-v-0c1a4ff7] {
    --border-radius: var(--ep-border-radius-s, .25rem);
    height: 2.75rem;
    --padding-start: 12px;
    --padding-end: 12px;
    min-width: 7.5rem
}

.purple-light .pay-list .tag[data-v-0c1a4ff7] {
    position: absolute;
    min-width: 2.375rem;
    height: .8125rem;
    right: -.625rem;
    top: 0;
    line-height: .875rem;
    background: var(--accent-color-red);
    z-index: 100;
    padding: 0 .375rem;
    text-align: center;
    border-radius: 0 var(--ep-border-radius-s, .25rem) 0 var(--ep-border-radius-s, .25rem);
    font-size: var(--ep-font-size-xs, .625rem);
    font-weight: var(--ep-font-weight-bold, 700);
    color: var(--color-text-tag)
}

.new-skin-symbol .pay-list[data-v-0c1a4ff7] {
    width: 100%;
    padding: .75rem;
    border-radius: 0px 0px var(--ep-border-radius-xl, .625rem) var(--ep-border-radius-xl, .625rem);
    background: var(--ep-color-background-fill-top-nav-secondary);
    box-shadow: 0 4px 28.4px rgba(0, 0, 0, .1)
}

.new-skin-symbol .pay-list ion-segment[data-v-0c1a4ff7] {
    --background: var(--ep-color-background-fill-body-default);
    width: 100%;
    height: 3rem;
    border-radius: var(--ep-border-radius-m, .375rem) !important
}

.new-skin-symbol .pay-list ion-segment-button.ios[data-v-0c1a4ff7]::part(native) {
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol .pay-list .segment-button-checked.ios[data-v-0c1a4ff7]::part(native) {
    color: var(--ep-color-text-default);
    font-weight: var(--ep-font-weight-bold, 700)
}

.new-skin-symbol .pay-list ion-segment-button[data-v-0c1a4ff7]::part(indicator-background) {
    background: var(--ep-color-background-fill-surface-raised-L2)
}

.new-skin-symbol .pay-list ion-segment-button[data-v-0c1a4ff7] {
    --border-radius: var(--ep-border-radius-s, .25rem);
    height: 2.75rem;
    --padding-start: 12px;
    --padding-end: 12px;
    min-width: 7.5rem
}

.new-skin-symbol .pay-list .tag[data-v-0c1a4ff7] {
    position: absolute;
    min-width: 2.375rem;
    height: .8125rem;
    right: -.625rem;
    top: 0;
    line-height: .875rem;
    background: var(--ep-color-icon-tips);
    z-index: 100;
    padding: 0 .375rem;
    text-align: center;
    border-radius: 0 var(--ep-border-radius-s, .25rem) 0 var(--ep-border-radius-s, .25rem);
    font-size: var(--ep-font-size-xs, .625rem);
    font-weight: var(--ep-font-weight-bold, 700);
    color: var(--ep-color-text-highlight-white)
}

.color-primary-600[data-v-ee0e9265] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-ee0e9265] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-ee0e9265] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-ee0e9265] {
    color: var(--color-primary-900)
}

.bg-100[data-v-ee0e9265] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-ee0e9265] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-ee0e9265] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-ee0e9265] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-ee0e9265] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-ee0e9265] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-ee0e9265] {
    background-color: var(--color-warning)
}

.bg-link[data-v-ee0e9265] {
    background-color: var(--color-link)
}

.bg-danger[data-v-ee0e9265] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-ee0e9265] {
    color: var(--color-text-100)
}

.color-text-80[data-v-ee0e9265] {
    color: var(--color-text-80)
}

.color-text-50[data-v-ee0e9265] {
    color: var(--color-text-50)
}

.color-text-40[data-v-ee0e9265] {
    color: var(--color-text-40)
}

.color-text-20[data-v-ee0e9265] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-ee0e9265] {
    color: var(--color-currency)
}

.color-warning[data-v-ee0e9265] {
    color: var(--color-warning)
}

.color-danger[data-v-ee0e9265] {
    color: var(--color-danger)
}

.color-link[data-v-ee0e9265] {
    color: var(--color-link)
}

.color-line[data-v-ee0e9265] {
    color: var(--color-line)
}

.color-border[data-v-ee0e9265] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-ee0e9265] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-ee0e9265] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-ee0e9265] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-ee0e9265] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-ee0e9265] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-ee0e9265] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-ee0e9265] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-ee0e9265] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-ee0e9265] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-ee0e9265] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-ee0e9265] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-ee0e9265] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-ee0e9265] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-ee0e9265] {
    display: flex;
    align-items: center
}

.flex-start[data-v-ee0e9265] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-ee0e9265] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-ee0e9265] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-ee0e9265] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-ee0e9265] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-ee0e9265] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-ee0e9265] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-ee0e9265] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-ee0e9265] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-ee0e9265] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-ee0e9265] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-ee0e9265] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-ee0e9265] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-ee0e9265] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-ee0e9265] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-ee0e9265] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-ee0e9265] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-ee0e9265] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-ee0e9265] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-ee0e9265] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-ee0e9265] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-ee0e9265] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-ee0e9265] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-ee0e9265] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-ee0e9265],
.mlm-selected-item[data-v-ee0e9265] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-ee0e9265] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-ee0e9265]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-ee0e9265] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-ee0e9265] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-ee0e9265] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.new-skin-symbol .rate-style[data-v-ee0e9265] {
    color: var(--ep-color-text-success);
    font-size: var(--ep-font-size-xl, 1.125rem);
    font-weight: var(--ep-font-weight-bold, 700)
}

.new-skin-symbol .banner[data-v-ee0e9265] {
    width: 22.5rem;
    height: 7.5rem;
    margin: .75rem auto;
    background: no-repeat center center;
    background-size: cover;
    position: relative;
    box-sizing: border-box;
    padding: 15px 20px;
    border-radius: var(--ep-border-radius-m, .375rem)
}

.new-skin-symbol .banner .text[data-v-ee0e9265] {
    width: 13.125rem;
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-medium, 600);
    line-height: 1.375rem;
    color: var(--color-text-highlight-white, #FFF);
    text-shadow: 0px 1px 0px rgba(0, 0, 0, .25)
}

.new-skin-symbol .banner .text .rate[data-v-ee0e9265] {
    color: var(--ep-color-text-success);
    font-size: var(--ep-font-size-xl, 1.125rem);
    font-weight: var(--ep-font-weight-bold, 700)
}

.new-skin-symbol .banner .bottom[data-v-ee0e9265] {
    width: 100%;
    height: 1.5625rem;
    box-sizing: border-box;
    padding: 0 1.25rem;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .4);
    border-radius: 0 0 var(--ep-border-radius-m, .375rem) var(--ep-border-radius-m, .375rem);
    font-size: var(--ep-font-size-s, .75rem);
    color: #fff
}

.new-skin-symbol .banner .bottom .amount[data-v-ee0e9265] {
    color: var(--ep-color-text-warning)
}

.new-skin-symbol .banner .bottom .rate[data-v-ee0e9265] {
    margin-right: .625rem;
    color: var(--ep-color-text-success);
    font-size: var(--ep-font-size-xl, 1.125rem);
    font-weight: var(--ep-font-weight-bold, 700)
}

.green-dark .rate-style[data-v-ee0e9265],
.yellow-dark .rate-style[data-v-ee0e9265],
.blue-default .rate-style[data-v-ee0e9265],
.forest-green .rate-style[data-v-ee0e9265],
.purple-light .rate-style[data-v-ee0e9265],
.auroral-yellow .rate-style[data-v-ee0e9265] {
    color: var(--color-success);
    font-size: var(--ep-font-size-xl, 1.125rem);
    font-weight: var(--ep-font-weight-bold, 700)
}

.green-dark .banner[data-v-ee0e9265],
.yellow-dark .banner[data-v-ee0e9265],
.blue-default .banner[data-v-ee0e9265],
.forest-green .banner[data-v-ee0e9265],
.purple-light .banner[data-v-ee0e9265],
.auroral-yellow .banner[data-v-ee0e9265] {
    width: 22.5rem;
    height: 7.5rem;
    margin: .75rem auto;
    background: no-repeat center center;
    background-size: cover;
    position: relative;
    box-sizing: border-box;
    padding: 15px 20px;
    border-radius: var(--ep-border-radius-m, .375rem)
}

.green-dark .banner .text[data-v-ee0e9265],
.yellow-dark .banner .text[data-v-ee0e9265],
.blue-default .banner .text[data-v-ee0e9265],
.forest-green .banner .text[data-v-ee0e9265],
.purple-light .banner .text[data-v-ee0e9265],
.auroral-yellow .banner .text[data-v-ee0e9265] {
    width: 13.125rem;
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-medium, 600);
    line-height: 1.375rem;
    color: var(--color-text-highlight-white, #FFF);
    text-shadow: 0px 1px 0px rgba(0, 0, 0, .25)
}

.green-dark .banner .text .rate[data-v-ee0e9265],
.yellow-dark .banner .text .rate[data-v-ee0e9265],
.blue-default .banner .text .rate[data-v-ee0e9265],
.forest-green .banner .text .rate[data-v-ee0e9265],
.purple-light .banner .text .rate[data-v-ee0e9265],
.auroral-yellow .banner .text .rate[data-v-ee0e9265] {
    color: var(--color-success);
    font-size: var(--ep-font-size-xl, 1.125rem);
    font-weight: var(--ep-font-weight-bold, 700)
}

.green-dark .banner .bottom[data-v-ee0e9265],
.yellow-dark .banner .bottom[data-v-ee0e9265],
.blue-default .banner .bottom[data-v-ee0e9265],
.forest-green .banner .bottom[data-v-ee0e9265],
.purple-light .banner .bottom[data-v-ee0e9265],
.auroral-yellow .banner .bottom[data-v-ee0e9265] {
    width: 100%;
    height: 1.5625rem;
    box-sizing: border-box;
    padding: 0 1.25rem;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .4);
    border-radius: 0 0 var(--ep-border-radius-m, .375rem) var(--ep-border-radius-m, .375rem);
    font-size: var(--ep-font-size-s, .75rem);
    color: #fff
}

.green-dark .banner .bottom .amount[data-v-ee0e9265],
.yellow-dark .banner .bottom .amount[data-v-ee0e9265],
.blue-default .banner .bottom .amount[data-v-ee0e9265],
.forest-green .banner .bottom .amount[data-v-ee0e9265],
.purple-light .banner .bottom .amount[data-v-ee0e9265],
.auroral-yellow .banner .bottom .amount[data-v-ee0e9265] {
    color: var(--color-currency)
}

.green-dark .banner .bottom .rate[data-v-ee0e9265],
.yellow-dark .banner .bottom .rate[data-v-ee0e9265],
.blue-default .banner .bottom .rate[data-v-ee0e9265],
.forest-green .banner .bottom .rate[data-v-ee0e9265],
.purple-light .banner .bottom .rate[data-v-ee0e9265],
.auroral-yellow .banner .bottom .rate[data-v-ee0e9265] {
    margin-right: .625rem;
    color: var(--color-success);
    font-size: var(--ep-font-size-xl, 1.125rem);
    font-weight: var(--ep-font-weight-bold, 700)
}

.green-default .rate-style[data-v-ee0e9265],
.amber-purple .rate-style[data-v-ee0e9265] {
    color: var(--color-success);
    font-size: var(--ep-font-size-xl, 1.125rem);
    font-weight: var(--ep-font-weight-bold, 700)
}

.green-default .banner[data-v-ee0e9265],
.amber-purple .banner[data-v-ee0e9265] {
    width: 22.5rem;
    height: 7.5rem;
    margin: .75rem auto;
    background: no-repeat center center;
    background-size: cover;
    position: relative;
    box-sizing: border-box;
    padding: 15px 20px;
    border-radius: var(--ep-border-radius-m, .375rem)
}

.green-default .banner .text[data-v-ee0e9265],
.amber-purple .banner .text[data-v-ee0e9265] {
    width: 13.125rem;
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-medium, 600);
    line-height: 1.375rem;
    color: var(--color-text-highlight-white, #FFF);
    text-shadow: 0px 1px 0px rgba(0, 0, 0, .25)
}

.green-default .banner .text .rate[data-v-ee0e9265],
.amber-purple .banner .text .rate[data-v-ee0e9265] {
    color: var(--color-success);
    font-size: var(--ep-font-size-xl, 1.125rem);
    font-weight: var(--ep-font-weight-bold, 700)
}

.green-default .banner .bottom[data-v-ee0e9265],
.amber-purple .banner .bottom[data-v-ee0e9265] {
    width: 100%;
    height: 1.5625rem;
    box-sizing: border-box;
    padding: 0 1.25rem;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .4);
    border-radius: 0 0 var(--ep-border-radius-m, .375rem) var(--ep-border-radius-m, .375rem);
    font-size: var(--ep-font-size-s, .75rem);
    color: #fff
}

.green-default .banner .bottom .amount[data-v-ee0e9265],
.amber-purple .banner .bottom .amount[data-v-ee0e9265] {
    color: var(--ep-color-text-warning)
}

.green-default .banner .bottom .rate[data-v-ee0e9265],
.amber-purple .banner .bottom .rate[data-v-ee0e9265] {
    margin-right: .625rem;
    color: var(--color-success);
    font-size: var(--ep-font-size-xl, 1.125rem);
    font-weight: var(--ep-font-weight-bold, 700)
}

.color-primary-600[data-v-23d9ac5b] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-23d9ac5b] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-23d9ac5b] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-23d9ac5b] {
    color: var(--color-primary-900)
}

.bg-100[data-v-23d9ac5b] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-23d9ac5b] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-23d9ac5b] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-23d9ac5b] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-23d9ac5b] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-23d9ac5b] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-23d9ac5b] {
    background-color: var(--color-warning)
}

.bg-link[data-v-23d9ac5b] {
    background-color: var(--color-link)
}

.bg-danger[data-v-23d9ac5b] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-23d9ac5b] {
    color: var(--color-text-100)
}

.color-text-80[data-v-23d9ac5b] {
    color: var(--color-text-80)
}

.color-text-50[data-v-23d9ac5b] {
    color: var(--color-text-50)
}

.color-text-40[data-v-23d9ac5b] {
    color: var(--color-text-40)
}

.color-text-20[data-v-23d9ac5b] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-23d9ac5b] {
    color: var(--color-currency)
}

.color-warning[data-v-23d9ac5b] {
    color: var(--color-warning)
}

.color-danger[data-v-23d9ac5b] {
    color: var(--color-danger)
}

.color-link[data-v-23d9ac5b] {
    color: var(--color-link)
}

.color-line[data-v-23d9ac5b] {
    color: var(--color-line)
}

.color-border[data-v-23d9ac5b] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-23d9ac5b] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-23d9ac5b] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-23d9ac5b] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-23d9ac5b] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-23d9ac5b] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-23d9ac5b] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-23d9ac5b] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-23d9ac5b] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-23d9ac5b] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-23d9ac5b] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-23d9ac5b] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-23d9ac5b] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-23d9ac5b] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-23d9ac5b] {
    display: flex;
    align-items: center
}

.flex-start[data-v-23d9ac5b] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-23d9ac5b] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-23d9ac5b] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-23d9ac5b] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-23d9ac5b] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-23d9ac5b] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-23d9ac5b] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-23d9ac5b] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-23d9ac5b] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-23d9ac5b] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-23d9ac5b] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-23d9ac5b] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-23d9ac5b] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-23d9ac5b] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-23d9ac5b] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-23d9ac5b] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-23d9ac5b] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-23d9ac5b] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-23d9ac5b] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-23d9ac5b] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-23d9ac5b] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-23d9ac5b] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-23d9ac5b] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-23d9ac5b] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-23d9ac5b],
.mlm-selected-item[data-v-23d9ac5b] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-23d9ac5b] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-23d9ac5b]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-23d9ac5b] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-23d9ac5b] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-23d9ac5b] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.new-skin-symbol .checkbox-area[data-v-23d9ac5b] {
    padding-left: .8125rem;
    line-height: 1.125rem;
    font-size: var(--ep-font-size-s, .75rem);
    color: var(--ep-color-text-brand-primary)
}

.new-skin-symbol .checkbox-area ion-checkbox[data-v-23d9ac5b] {
    --border-color: var(--ep-color-border-brand);
    --border-color-checked: var(--ep-color-border-brand);
    --checkbox-background: var(--ep-color-background-fill-body-default);
    --checkbox-background-checked: var(--ep-color-background-fill-active-primary);
    --size: var(--ep-font-size-l, 1rem);
    --border-radius: var(--ep-border-radius-s, .25rem);
    --checkmark-color: var(--ep-color-icon-inverse)
}

.new-skin-symbol .checkbox-area ion-checkbox[data-v-23d9ac5b]::part(container) {
    border-radius: var(--ep-border-radius-s, .25rem);
    border: 1px solid var(--ep-color-border-brand)
}

.new-skin-symbol .default .checkbox-area[data-v-23d9ac5b] {
    padding-left: 0
}

.purple-light .checkbox-area[data-v-23d9ac5b],
.blue-default .checkbox-area[data-v-23d9ac5b],
.green-default .checkbox-area[data-v-23d9ac5b],
.yellow-dark .checkbox-area[data-v-23d9ac5b] {
    padding-left: .8125rem;
    line-height: 1.125rem;
    font-size: var(--ep-font-size-s, .75rem);
    color: var(--color-primary-800)
}

.purple-light .checkbox-area ion-checkbox[data-v-23d9ac5b],
.blue-default .checkbox-area ion-checkbox[data-v-23d9ac5b],
.green-default .checkbox-area ion-checkbox[data-v-23d9ac5b],
.yellow-dark .checkbox-area ion-checkbox[data-v-23d9ac5b] {
    --border-color: var(--color-primary-800);
    --border-color-checked: var(--color-primary-800);
    --checkbox-background: var(--color-bg-300);
    --checkbox-background-checked: var(--color-primary-800);
    --size: var(--ep-font-size-l, 1rem);
    --border-radius: var(--ep-border-radius-s, .25rem);
    --checkmark-color: var(--text-color-white-100)
}

.purple-light .checkbox-area ion-checkbox[data-v-23d9ac5b]::part(container),
.blue-default .checkbox-area ion-checkbox[data-v-23d9ac5b]::part(container),
.green-default .checkbox-area ion-checkbox[data-v-23d9ac5b]::part(container),
.yellow-dark .checkbox-area ion-checkbox[data-v-23d9ac5b]::part(container) {
    border-radius: var(--ep-border-radius-s, .25rem);
    border: 1px solid var(--color-primary-800)
}

.purple-light .default .checkbox-area[data-v-23d9ac5b],
.blue-default .default .checkbox-area[data-v-23d9ac5b],
.green-default .default .checkbox-area[data-v-23d9ac5b],
.yellow-dark .default .checkbox-area[data-v-23d9ac5b] {
    padding-left: 0
}

.forest-green .checkbox-area[data-v-23d9ac5b] {
    padding-left: .8125rem;
    line-height: 1.125rem;
    font-size: var(--ep-font-size-s, .75rem);
    color: var(--theme-color-800-2)
}

.forest-green .checkbox-area ion-checkbox[data-v-23d9ac5b] {
    --border-color: var(--theme-color-800-2);
    --border-color-checked: var(--theme-color-800-2);
    --checkbox-background: var(--color-bg-300);
    --checkbox-background-checked: var(--theme-color-800-2);
    --size: var(--ep-font-size-l, 1rem);
    --border-radius: var(--ep-border-radius-s, .25rem);
    --checkmark-color: var(--text-color-white-100)
}

.forest-green .checkbox-area ion-checkbox[data-v-23d9ac5b]::part(container) {
    border-radius: var(--ep-border-radius-s, .25rem);
    border: 1px solid var(--theme-color-800-2)
}

.forest-green .default .checkbox-area[data-v-23d9ac5b] {
    padding-left: 0
}

.auroral-yellow .checkbox-area[data-v-23d9ac5b] {
    padding-left: .8125rem;
    line-height: 1.125rem;
    font-size: var(--ep-font-size-s, .75rem);
    color: var(--theme-color-800-2)
}

.auroral-yellow .checkbox-area ion-checkbox[data-v-23d9ac5b] {
    --border-color: var(--theme-color-800-2);
    --border-color-checked: var(--theme-color-800-2);
    --checkbox-background: var(--color-bg-300);
    --checkbox-background-checked: var(--theme-color-800-2);
    --size: var(--ep-font-size-l, 1rem);
    --border-radius: var(--ep-border-radius-s, .25rem);
    --checkmark-color: var(--color-text-black-100)
}

.auroral-yellow .checkbox-area ion-checkbox[data-v-23d9ac5b]::part(container) {
    border-radius: var(--ep-border-radius-s, .25rem);
    border: 1px solid var(--theme-color-800-2)
}

.auroral-yellow .default .checkbox-area[data-v-23d9ac5b] {
    padding-left: 0
}

.green-dark .checkbox-area[data-v-23d9ac5b],
.amber-purple .checkbox-area[data-v-23d9ac5b] {
    padding-left: .8125rem;
    line-height: 1.125rem;
    font-size: var(--ep-font-size-s, .75rem);
    color: var(--theme-color-800)
}

.green-dark .checkbox-area ion-checkbox[data-v-23d9ac5b],
.amber-purple .checkbox-area ion-checkbox[data-v-23d9ac5b] {
    --border-color: var(--theme-color-800);
    --border-color-checked: var(--theme-color-800);
    --checkbox-background: var(--color-bg-300);
    --checkbox-background-checked: var(--theme-color-800);
    --size: var(--ep-font-size-l, 1rem);
    --border-radius: var(--ep-border-radius-s, .25rem);
    --checkmark-color: var(--color-text-100)
}

.green-dark .checkbox-area ion-checkbox[data-v-23d9ac5b]::part(container),
.amber-purple .checkbox-area ion-checkbox[data-v-23d9ac5b]::part(container) {
    border-radius: var(--ep-border-radius-s, .25rem);
    border: 1px solid var(--theme-color-800)
}

.green-dark .default .checkbox-area[data-v-23d9ac5b],
.amber-purple .default .checkbox-area[data-v-23d9ac5b] {
    padding-left: 0
}

.color-primary-600[data-v-0e7feea8] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-0e7feea8] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-0e7feea8] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-0e7feea8] {
    color: var(--color-primary-900)
}

.bg-100[data-v-0e7feea8] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-0e7feea8] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-0e7feea8] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-0e7feea8] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-0e7feea8] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-0e7feea8] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-0e7feea8] {
    background-color: var(--color-warning)
}

.bg-link[data-v-0e7feea8] {
    background-color: var(--color-link)
}

.bg-danger[data-v-0e7feea8] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-0e7feea8] {
    color: var(--color-text-100)
}

.color-text-80[data-v-0e7feea8] {
    color: var(--color-text-80)
}

.color-text-50[data-v-0e7feea8] {
    color: var(--color-text-50)
}

.color-text-40[data-v-0e7feea8] {
    color: var(--color-text-40)
}

.color-text-20[data-v-0e7feea8] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-0e7feea8] {
    color: var(--color-currency)
}

.color-warning[data-v-0e7feea8] {
    color: var(--color-warning)
}

.color-danger[data-v-0e7feea8] {
    color: var(--color-danger)
}

.color-link[data-v-0e7feea8] {
    color: var(--color-link)
}

.color-line[data-v-0e7feea8] {
    color: var(--color-line)
}

.color-border[data-v-0e7feea8] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-0e7feea8] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-0e7feea8] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-0e7feea8] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-0e7feea8] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-0e7feea8] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-0e7feea8] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-0e7feea8] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-0e7feea8] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-0e7feea8] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-0e7feea8] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-0e7feea8] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-0e7feea8] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-0e7feea8] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-0e7feea8] {
    display: flex;
    align-items: center
}

.flex-start[data-v-0e7feea8] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-0e7feea8] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-0e7feea8] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-0e7feea8] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-0e7feea8] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-0e7feea8] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-0e7feea8] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-0e7feea8] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-0e7feea8] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-0e7feea8] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-0e7feea8] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-0e7feea8] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-0e7feea8] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-0e7feea8] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-0e7feea8] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-0e7feea8] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-0e7feea8] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-0e7feea8] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-0e7feea8] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-0e7feea8] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-0e7feea8] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-0e7feea8] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-0e7feea8] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-0e7feea8] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-0e7feea8],
.mlm-selected-item[data-v-0e7feea8] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-0e7feea8] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-0e7feea8]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-0e7feea8] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-0e7feea8] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-0e7feea8] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.yellow-dark .recharge-qr-code-content[data-v-0e7feea8] {
    width: 21.25rem;
    margin: 0 auto
}

.yellow-dark .recharge-qr-code-content .copy-icon[data-v-0e7feea8] {
    font-size: 1rem;
    color: var(--theme-color-700);
    cursor: pointer
}

.yellow-dark .recharge-qr-code-content .recharge-qr-code-detail[data-v-0e7feea8] {
    margin-top: 1.3125rem
}

.yellow-dark .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
}

.yellow-dark .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
}

.yellow-dark .recharge-qr-code-content .recharge-qr-code-detail li[data-v-0e7feea8]:last-child {
    color: var(--accent-color-blue)
}

.yellow-dark .recharge-qr-code-content .recharge-qr-code-detail li:last-child .dotted[data-v-0e7feea8] {
    background: var(--accent-color-blue)
}

.yellow-dark .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)
}

.yellow-dark .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-orange)
}

.yellow-dark .recharge-qr-code-content .qr-area .amount .amount-num[data-v-0e7feea8] {
    margin: 0 .1875rem
}

.yellow-dark .recharge-qr-code-content .qr-area .qr-code[data-v-0e7feea8] {
    width: 9.375rem;
    height: 9.375rem;
    margin: .5rem auto
}

.yellow-dark .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-black-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
}

.yellow-dark .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-80)
}

.yellow-dark .recharge-qr-code-content .qr-area .qr-code-info .code[data-v-0e7feea8] {
    margin: 0 .1875rem
}

.yellow-dark .recharge-qr-code-content .qr-area .count-down[data-v-0e7feea8] {
    color: var(--color-text-40);
    display: flex;
    align-items: center;
    justify-content: center
}

.yellow-dark .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)
}

.yellow-dark .recharge-qr-code-content .qr-area .count-down .count-down-text[data-v-0e7feea8],
.yellow-dark .recharge-qr-code-content .qr-area .count-down .minute[data-v-0e7feea8] {
    margin: 0 .1875rem
}

.yellow-dark .recharge-qr-code-content .qr-area .count-down .count-down-time[data-v-0e7feea8] {
    color: var(--color-text-80)
}

.yellow-dark .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)
}

.yellow-dark .recharge-qr-code-content .recharge-order-detail li .left[data-v-0e7feea8] {
    color: var(--color-text-40)
}

.yellow-dark .recharge-qr-code-content .recharge-order-detail li .right[data-v-0e7feea8] {
    color: var(--color-text-80);
    display: flex;
    align-items: center
}

.green-dark .recharge-qr-code-content[data-v-0e7feea8] {
    width: 21.25rem;
    margin: 0 auto
}

.green-dark .recharge-qr-code-content .copy-icon[data-v-0e7feea8] {
    font-size: 1rem;
    color: var(--theme-color-700);
    cursor: pointer
}

.green-dark .recharge-qr-code-content .recharge-qr-code-detail[data-v-0e7feea8] {
    margin-top: 1.3125rem
}

.green-dark .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
}

.green-dark .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
}

.green-dark .recharge-qr-code-content .recharge-qr-code-detail li[data-v-0e7feea8]:last-child {
    color: var(--accent-color-blue)
}

.green-dark .recharge-qr-code-content .recharge-qr-code-detail li:last-child .dotted[data-v-0e7feea8] {
    background: var(--accent-color-blue)
}

.green-dark .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)
}

.green-dark .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-orange)
}

.green-dark .recharge-qr-code-content .qr-area .amount .amount-num[data-v-0e7feea8] {
    margin: 0 .1875rem
}

.green-dark .recharge-qr-code-content .qr-area .qr-code[data-v-0e7feea8] {
    width: 9.375rem;
    height: 9.375rem;
    margin: .5rem auto
}

.green-dark .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
}

.green-dark .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-80)
}

.green-dark .recharge-qr-code-content .qr-area .qr-code-info .code[data-v-0e7feea8] {
    margin: 0 .1875rem
}

.green-dark .recharge-qr-code-content .qr-area .count-down[data-v-0e7feea8] {
    color: var(--color-text-40);
    display: flex;
    align-items: center;
    justify-content: center
}

.green-dark .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)
}

.green-dark .recharge-qr-code-content .qr-area .count-down .count-down-text[data-v-0e7feea8],
.green-dark .recharge-qr-code-content .qr-area .count-down .minute[data-v-0e7feea8] {
    margin: 0 .1875rem
}

.green-dark .recharge-qr-code-content .qr-area .count-down .count-down-time[data-v-0e7feea8] {
    color: var(--color-text-80)
}

.green-dark .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)
}

.green-dark .recharge-qr-code-content .recharge-order-detail li .left[data-v-0e7feea8] {
    color: var(--color-text-40)
}

.green-dark .recharge-qr-code-content .recharge-order-detail li .right[data-v-0e7feea8] {
    color: var(--color-text-80);
    display: flex;
    align-items: center
}

.purple-light .recharge-qr-code-content[data-v-0e7feea8] {
    width: 21.25rem;
    margin: 0 auto
}

.purple-light .recharge-qr-code-content .copy-icon[data-v-0e7feea8] {
    font-size: 1rem;
    color: var(--theme-color-700);
    cursor: pointer
}

.purple-light .recharge-qr-code-content .recharge-qr-code-detail[data-v-0e7feea8] {
    margin-top: 1.3125rem
}

.purple-light .recharge-qr-code-content .recharge-qr-code-detail li[data-v-0e7feea8] {
    color: var(--color-text-100);
    font-size: var(--ep-font-size-s, .75rem);
    line-height: 1.125rem;
    font-weight: var(--ep-font-weight-regular, 400);
    margin-bottom: 1.125rem
}

.purple-light .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-100);
    margin-right: .1875rem;
    margin-top: .25rem;
    display: inline-block
}

.purple-light .recharge-qr-code-content .recharge-qr-code-detail li[data-v-0e7feea8]:last-child {
    color: var(--accent-color-blue)
}

.purple-light .recharge-qr-code-content .recharge-qr-code-detail li:last-child .dotted[data-v-0e7feea8] {
    background: var(--accent-color-blue)
}

.purple-light .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)
}

.purple-light .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-orange)
}

.purple-light .recharge-qr-code-content .qr-area .amount .amount-num[data-v-0e7feea8] {
    margin: 0 .1875rem
}

.purple-light .recharge-qr-code-content .qr-area .qr-code[data-v-0e7feea8] {
    width: 9.375rem;
    height: 9.375rem;
    margin: .5rem auto
}

.purple-light .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
}

.purple-light .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-80)
}

.purple-light .recharge-qr-code-content .qr-area .qr-code-info .code[data-v-0e7feea8] {
    margin: 0 .1875rem
}

.purple-light .recharge-qr-code-content .qr-area .count-down[data-v-0e7feea8] {
    color: var(--color-text-40);
    display: flex;
    align-items: center;
    justify-content: center
}

.purple-light .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-100)
}

.purple-light .recharge-qr-code-content .qr-area .count-down .count-down-text[data-v-0e7feea8],
.purple-light .recharge-qr-code-content .qr-area .count-down .minute[data-v-0e7feea8] {
    margin: 0 .1875rem
}

.purple-light .recharge-qr-code-content .qr-area .count-down .count-down-time[data-v-0e7feea8] {
    color: var(--color-text-100)
}

.purple-light .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)
}

.purple-light .recharge-qr-code-content .recharge-order-detail li .left[data-v-0e7feea8] {
    color: var(--color-text-40)
}

.purple-light .recharge-qr-code-content .recharge-order-detail li .right[data-v-0e7feea8] {
    color: var(--color-text-80);
    display: flex;
    align-items: center
}

.amber-purple .recharge-qr-code-content[data-v-0e7feea8] {
    width: 21.25rem;
    margin: 0 auto
}

.amber-purple .recharge-qr-code-content .copy-icon[data-v-0e7feea8] {
    font-size: 1rem;
    color: var(--theme-color-700);
    cursor: pointer
}

.amber-purple .recharge-qr-code-content .recharge-qr-code-detail[data-v-0e7feea8] {
    margin-top: 1.3125rem
}

.amber-purple .recharge-qr-code-content .recharge-qr-code-detail li[data-v-0e7feea8] {
    color: var(--text-color-light-purple-2-100);
    font-size: var(--ep-font-size-s, .75rem);
    line-height: 1.125rem;
    font-weight: var(--ep-font-weight-regular, 400);
    margin-bottom: 1.125rem
}

.amber-purple .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(--text-color-light-purple-2-100);
    margin-right: .1875rem;
    margin-top: .25rem;
    display: inline-block
}

.amber-purple .recharge-qr-code-content .recharge-qr-code-detail li[data-v-0e7feea8]:last-child {
    color: var(--accent-color-blue)
}

.amber-purple .recharge-qr-code-content .recharge-qr-code-detail li:last-child .dotted[data-v-0e7feea8] {
    background: var(--accent-color-blue)
}

.amber-purple .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)
}

.amber-purple .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-orange)
}

.amber-purple .recharge-qr-code-content .qr-area .amount .amount-num[data-v-0e7feea8] {
    margin: 0 .1875rem
}

.amber-purple .recharge-qr-code-content .qr-area .qr-code[data-v-0e7feea8] {
    width: 9.375rem;
    height: 9.375rem;
    margin: .5rem auto
}

.amber-purple .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
}

.amber-purple .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-80)
}

.amber-purple .recharge-qr-code-content .qr-area .qr-code-info .code[data-v-0e7feea8] {
    margin: 0 .1875rem
}

.amber-purple .recharge-qr-code-content .qr-area .count-down[data-v-0e7feea8] {
    color: var(--color-text-40);
    display: flex;
    align-items: center;
    justify-content: center
}

.amber-purple .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)
}

.amber-purple .recharge-qr-code-content .qr-area .count-down .count-down-text[data-v-0e7feea8],
.amber-purple .recharge-qr-code-content .qr-area .count-down .minute[data-v-0e7feea8] {
    margin: 0 .1875rem
}

.amber-purple .recharge-qr-code-content .qr-area .count-down .count-down-time[data-v-0e7feea8] {
    color: var(--text-color-light-purple-1-100)
}

.amber-purple .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)
}

.amber-purple .recharge-qr-code-content .recharge-order-detail li .left[data-v-0e7feea8] {
    color: var(--color-text-40)
}

.amber-purple .recharge-qr-code-content .recharge-order-detail li .right[data-v-0e7feea8] {
    color: var(--text-color-light-purple-1-100);
    display: flex;
    align-items: center
}

.green-default .recharge-qr-code-content[data-v-0e7feea8] {
    width: 21.25rem;
    margin: 0 auto
}

.green-default .recharge-qr-code-content .copy-icon[data-v-0e7feea8] {
    font-size: 1rem;
    color: var(--accent-color-yellow);
    cursor: pointer
}

.green-default .recharge-qr-code-content .recharge-qr-code-detail[data-v-0e7feea8] {
    margin-top: 1.3125rem
}

.green-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
}

.green-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
}

.green-default .recharge-qr-code-content .recharge-qr-code-detail li[data-v-0e7feea8]:last-child {
    color: var(--accent-color-blue)
}

.green-default .recharge-qr-code-content .recharge-qr-code-detail li:last-child .dotted[data-v-0e7feea8] {
    background: var(--accent-color-blue)
}

.green-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)
}

.green-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)
}

.green-default .recharge-qr-code-content .qr-area .amount .amount-num[data-v-0e7feea8] {
    margin: 0 .1875rem
}

.green-default .recharge-qr-code-content .qr-area .qr-code[data-v-0e7feea8] {
    width: 9.375rem;
    height: 9.375rem;
    margin: .5rem auto
}

.green-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
}

.green-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-80)
}

.green-default .recharge-qr-code-content .qr-area .qr-code-info .code[data-v-0e7feea8] {
    margin: 0 .1875rem
}

.green-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
}

.green-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)
}

.green-default .recharge-qr-code-content .qr-area .count-down .count-down-text[data-v-0e7feea8],
.green-default .recharge-qr-code-content .qr-area .count-down .minute[data-v-0e7feea8] {
    margin: 0 .1875rem
}

.green-default .recharge-qr-code-content .qr-area .count-down .count-down-time[data-v-0e7feea8] {
    color: var(--color-text-80)
}

.green-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)
}

.green-default .recharge-qr-code-content .recharge-order-detail li .left[data-v-0e7feea8] {
    color: var(--color-text-40)
}

.green-default .recharge-qr-code-content .recharge-order-detail li .right[data-v-0e7feea8] {
    color: var(--color-text-80);
    display: flex;
    align-items: center
}

.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
}

.forest-green .recharge-qr-code-content[data-v-0e7feea8] {
    width: 21.25rem;
    margin: 0 auto
}

.forest-green .recharge-qr-code-content .copy-icon[data-v-0e7feea8] {
    font-size: 1rem;
    color: var(--accent-color-yellow);
    cursor: pointer
}

.forest-green .recharge-qr-code-content .recharge-qr-code-detail[data-v-0e7feea8] {
    margin-top: 1.3125rem
}

.forest-green .recharge-qr-code-content .recharge-qr-code-detail li[data-v-0e7feea8] {
    color: var(--color-text-gray-700);
    font-size: var(--ep-font-size-s, .75rem);
    line-height: 1.125rem;
    font-weight: var(--ep-font-weight-regular, 400);
    margin-bottom: 1.125rem
}

.forest-green .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-gray-700);
    margin-right: .1875rem;
    margin-top: .25rem;
    display: inline-block
}

.forest-green .recharge-qr-code-content .recharge-qr-code-detail li[data-v-0e7feea8]:last-child {
    color: var(--accent-color-yellow)
}

.forest-green .recharge-qr-code-content .recharge-qr-code-detail li:last-child .dotted[data-v-0e7feea8] {
    background: var(--accent-color-yellow)
}

.forest-green .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)
}

.forest-green .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)
}

.forest-green .recharge-qr-code-content .qr-area .amount .amount-num[data-v-0e7feea8] {
    margin: 0 .1875rem
}

.forest-green .recharge-qr-code-content .qr-area .qr-code[data-v-0e7feea8] {
    width: 9.375rem;
    height: 9.375rem;
    margin: .5rem auto
}

.forest-green .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
}

.forest-green .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-gray-700)
}

.forest-green .recharge-qr-code-content .qr-area .qr-code-info .code[data-v-0e7feea8] {
    margin: 0 .1875rem
}

.forest-green .recharge-qr-code-content .qr-area .count-down[data-v-0e7feea8] {
    color: var(--color-text-40);
    display: flex;
    align-items: center;
    justify-content: center
}

.forest-green .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)
}

.forest-green .recharge-qr-code-content .qr-area .count-down .count-down-text[data-v-0e7feea8],
.forest-green .recharge-qr-code-content .qr-area .count-down .minute[data-v-0e7feea8] {
    margin: 0 .1875rem
}

.forest-green .recharge-qr-code-content .qr-area .count-down .count-down-time[data-v-0e7feea8] {
    color: var(--color-text-80)
}

.forest-green .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)
}

.forest-green .recharge-qr-code-content .recharge-order-detail li .left[data-v-0e7feea8] {
    color: var(--color-text-40)
}

.forest-green .recharge-qr-code-content .recharge-order-detail li .right[data-v-0e7feea8] {
    color: var(--color-text-100);
    display: flex;
    align-items: center
}

.auroral-yellow .recharge-qr-code-content[data-v-0e7feea8] {
    width: 21.25rem;
    margin: 0 auto
}

.auroral-yellow .recharge-qr-code-content .copy-icon[data-v-0e7feea8] {
    font-size: 1rem;
    color: var(--accent-color-yellow-1);
    cursor: pointer
}

.auroral-yellow .recharge-qr-code-content .recharge-qr-code-detail[data-v-0e7feea8] {
    margin-top: 1.3125rem
}

.auroral-yellow .recharge-qr-code-content .recharge-qr-code-detail li[data-v-0e7feea8] {
    color: var(--color-text-gray-200);
    font-size: var(--ep-font-size-s, .75rem);
    line-height: 1.125rem;
    font-weight: var(--ep-font-weight-regular, 400);
    margin-bottom: 1.125rem
}

.auroral-yellow .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-gray-200);
    margin-right: .1875rem;
    margin-top: .25rem;
    display: inline-block
}

.auroral-yellow .recharge-qr-code-content .recharge-qr-code-detail li[data-v-0e7feea8]:last-child {
    color: var(--accent-color-yellow)
}

.auroral-yellow .recharge-qr-code-content .recharge-qr-code-detail li:last-child .dotted[data-v-0e7feea8] {
    background: var(--accent-color-yellow)
}

.auroral-yellow .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)
}

.auroral-yellow .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-1)
}

.auroral-yellow .recharge-qr-code-content .qr-area .amount .amount-num[data-v-0e7feea8] {
    margin: 0 .1875rem
}

.auroral-yellow .recharge-qr-code-content .qr-area .qr-code[data-v-0e7feea8] {
    width: 9.375rem;
    height: 9.375rem;
    margin: .5rem auto
}

.auroral-yellow .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(--color-text-black-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
}

.auroral-yellow .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-gray-200)
}

.auroral-yellow .recharge-qr-code-content .qr-area .qr-code-info .code[data-v-0e7feea8] {
    margin: 0 .1875rem
}

.auroral-yellow .recharge-qr-code-content .qr-area .count-down[data-v-0e7feea8] {
    color: var(--color-text-40);
    display: flex;
    align-items: center;
    justify-content: center
}

.auroral-yellow .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)
}

.auroral-yellow .recharge-qr-code-content .qr-area .count-down .count-down-text[data-v-0e7feea8],
.auroral-yellow .recharge-qr-code-content .qr-area .count-down .minute[data-v-0e7feea8] {
    margin: 0 .1875rem
}

.auroral-yellow .recharge-qr-code-content .qr-area .count-down .count-down-time[data-v-0e7feea8] {
    color: var(--color-text-80)
}

.auroral-yellow .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)
}

.auroral-yellow .recharge-qr-code-content .recharge-order-detail li .left[data-v-0e7feea8] {
    color: var(--color-text-40)
}

.auroral-yellow .recharge-qr-code-content .recharge-order-detail li .right[data-v-0e7feea8] {
    color: var(--color-text-100);
    display: flex;
    align-items: center
}

.new-skin-symbol .recharge-qr-code-content[data-v-0e7feea8] {
    width: 21.25rem;
    margin: 0 auto
}

.new-skin-symbol .recharge-qr-code-content .copy-icon[data-v-0e7feea8] {
    font-size: 1rem;
    color: var(--ep-color-icon-highlight);
    cursor: pointer
}

.new-skin-symbol .recharge-qr-code-content .recharge-qr-code-detail[data-v-0e7feea8] {
    margin-top: 1.3125rem
}

.new-skin-symbol .recharge-qr-code-content .recharge-qr-code-detail li[data-v-0e7feea8] {
    color: var(--ep-color-text-default);
    font-size: var(--ep-font-size-s, .75rem);
    line-height: 1.125rem;
    font-weight: var(--ep-font-weight-regular, 400);
    margin-bottom: 1.125rem
}

.new-skin-symbol .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(--ep-color-text-default);
    margin-right: .1875rem;
    margin-top: .25rem;
    display: inline-block
}

.new-skin-symbol .recharge-qr-code-content .recharge-qr-code-detail li[data-v-0e7feea8]:last-child {
    color: var(--ep-color-text-info)
}

.new-skin-symbol .recharge-qr-code-content .recharge-qr-code-detail li:last-child .dotted[data-v-0e7feea8] {
    background: var(--ep-color-text-info)
}

.new-skin-symbol .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)
}

.new-skin-symbol .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(--ep-color-text-warning)
}

.new-skin-symbol .recharge-qr-code-content .qr-area .amount .amount-num[data-v-0e7feea8] {
    margin: 0 .1875rem
}

.new-skin-symbol .recharge-qr-code-content .qr-area .qr-code[data-v-0e7feea8] {
    width: 9.375rem;
    height: 9.375rem;
    margin: .5rem auto
}

.new-skin-symbol .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(--ep-color-background-fill-active-active);
    color: var(--ep-color-text-inverse);
    line-height: 50px;
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-bold, 700);
    margin: 0 auto;
    cursor: pointer
}

.new-skin-symbol .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(--ep-color-text-default)
}

.new-skin-symbol .recharge-qr-code-content .qr-area .qr-code-info .code[data-v-0e7feea8] {
    margin: 0 .1875rem
}

.new-skin-symbol .recharge-qr-code-content .qr-area .count-down[data-v-0e7feea8] {
    color: var(--ep-color-text-weaker);
    display: flex;
    align-items: center;
    justify-content: center
}

.new-skin-symbol .recharge-qr-code-content .qr-area .count-down .time-icon[data-v-0e7feea8] {
    font-size: var(--ep-font-size-l, 1rem);
    color: var(--ep-color-icon-weaker)
}

.new-skin-symbol .recharge-qr-code-content .qr-area .count-down .count-down-text[data-v-0e7feea8],
.new-skin-symbol .recharge-qr-code-content .qr-area .count-down .minute[data-v-0e7feea8] {
    margin: 0 .1875rem
}

.new-skin-symbol .recharge-qr-code-content .qr-area .count-down .count-down-time[data-v-0e7feea8] {
    color: var(--ep-color-text-default)
}

.new-skin-symbol .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)
}

.new-skin-symbol .recharge-qr-code-content .recharge-order-detail li .left[data-v-0e7feea8] {
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol .recharge-qr-code-content .recharge-order-detail li .right[data-v-0e7feea8] {
    color: var(--ep-color-text-default);
    display: flex;
    align-items: center
}

.color-primary-600[data-v-ecd4e12f] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-ecd4e12f] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-ecd4e12f] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-ecd4e12f] {
    color: var(--color-primary-900)
}

.bg-100[data-v-ecd4e12f] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-ecd4e12f] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-ecd4e12f] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-ecd4e12f] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-ecd4e12f] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-ecd4e12f] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-ecd4e12f] {
    background-color: var(--color-warning)
}

.bg-link[data-v-ecd4e12f] {
    background-color: var(--color-link)
}

.bg-danger[data-v-ecd4e12f] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-ecd4e12f] {
    color: var(--color-text-100)
}

.color-text-80[data-v-ecd4e12f] {
    color: var(--color-text-80)
}

.color-text-50[data-v-ecd4e12f] {
    color: var(--color-text-50)
}

.color-text-40[data-v-ecd4e12f] {
    color: var(--color-text-40)
}

.color-text-20[data-v-ecd4e12f] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-ecd4e12f] {
    color: var(--color-currency)
}

.color-warning[data-v-ecd4e12f] {
    color: var(--color-warning)
}

.color-danger[data-v-ecd4e12f] {
    color: var(--color-danger)
}

.color-link[data-v-ecd4e12f] {
    color: var(--color-link)
}

.color-line[data-v-ecd4e12f] {
    color: var(--color-line)
}

.color-border[data-v-ecd4e12f] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-ecd4e12f] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-ecd4e12f] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-ecd4e12f] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-ecd4e12f] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-ecd4e12f] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-ecd4e12f] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-ecd4e12f] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-ecd4e12f] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-ecd4e12f] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-ecd4e12f] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-ecd4e12f] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-ecd4e12f] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-ecd4e12f] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-ecd4e12f] {
    display: flex;
    align-items: center
}

.flex-start[data-v-ecd4e12f] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-ecd4e12f] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-ecd4e12f] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-ecd4e12f] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-ecd4e12f] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-ecd4e12f] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-ecd4e12f] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-ecd4e12f] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-ecd4e12f] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-ecd4e12f] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-ecd4e12f] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-ecd4e12f] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-ecd4e12f] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-ecd4e12f] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-ecd4e12f] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-ecd4e12f] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-ecd4e12f] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-ecd4e12f] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-ecd4e12f] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-ecd4e12f] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-ecd4e12f] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-ecd4e12f] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-ecd4e12f] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-ecd4e12f] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-ecd4e12f],
.mlm-selected-item[data-v-ecd4e12f] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-ecd4e12f] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-ecd4e12f]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-ecd4e12f] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-ecd4e12f] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-ecd4e12f] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.preview-modal[data-v-ecd4e12f] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000
}

.preview-modal .modal-content[data-v-ecd4e12f] {
    max-width: 90%;
    max-height: 90%
}

.preview-modal .modal-content img[data-v-ecd4e12f] {
    max-width: 100%;
    max-height: 100%
}

.color-primary-600[data-v-807f96e4] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-807f96e4] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-807f96e4] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-807f96e4] {
    color: var(--color-primary-900)
}

.bg-100[data-v-807f96e4] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-807f96e4] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-807f96e4] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-807f96e4] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-807f96e4] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-807f96e4] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-807f96e4] {
    background-color: var(--color-warning)
}

.bg-link[data-v-807f96e4] {
    background-color: var(--color-link)
}

.bg-danger[data-v-807f96e4] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-807f96e4] {
    color: var(--color-text-100)
}

.color-text-80[data-v-807f96e4] {
    color: var(--color-text-80)
}

.color-text-50[data-v-807f96e4] {
    color: var(--color-text-50)
}

.color-text-40[data-v-807f96e4] {
    color: var(--color-text-40)
}

.color-text-20[data-v-807f96e4] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-807f96e4] {
    color: var(--color-currency)
}

.color-warning[data-v-807f96e4] {
    color: var(--color-warning)
}

.color-danger[data-v-807f96e4] {
    color: var(--color-danger)
}

.color-link[data-v-807f96e4] {
    color: var(--color-link)
}

.color-line[data-v-807f96e4] {
    color: var(--color-line)
}

.color-border[data-v-807f96e4] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-807f96e4] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-807f96e4] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-807f96e4] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-807f96e4] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-807f96e4] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-807f96e4] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-807f96e4] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-807f96e4] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-807f96e4] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-807f96e4] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-807f96e4] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-807f96e4] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-807f96e4] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-807f96e4] {
    display: flex;
    align-items: center
}

.flex-start[data-v-807f96e4] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-807f96e4] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-807f96e4] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-807f96e4] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-807f96e4] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-807f96e4] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-807f96e4] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-807f96e4] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-807f96e4] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-807f96e4] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-807f96e4] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-807f96e4] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-807f96e4] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-807f96e4] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-807f96e4] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-807f96e4] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-807f96e4] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-807f96e4] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-807f96e4] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-807f96e4] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-807f96e4] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-807f96e4] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-807f96e4] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-807f96e4] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-807f96e4],
.mlm-selected-item[data-v-807f96e4] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-807f96e4] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-807f96e4]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-807f96e4] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-807f96e4] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-807f96e4] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.green-dark .mobile-uploader[data-v-807f96e4],
.yellow-dark .mobile-uploader[data-v-807f96e4],
.purple-light .mobile-uploader[data-v-807f96e4],
.amber-purple .mobile-uploader[data-v-807f96e4],
.green-default .mobile-uploader[data-v-807f96e4],
.blue-default .mobile-uploader[data-v-807f96e4],
.forest-green .mobile-uploader[data-v-807f96e4],
.auroral-yellow .mobile-uploader[data-v-807f96e4] {
    display: flex;
    justify-content: start;
    align-items: center;
    touch-action: manipulation
}

.green-dark .item[data-v-807f96e4],
.yellow-dark .item[data-v-807f96e4],
.purple-light .item[data-v-807f96e4],
.amber-purple .item[data-v-807f96e4],
.green-default .item[data-v-807f96e4],
.blue-default .item[data-v-807f96e4],
.forest-green .item[data-v-807f96e4],
.auroral-yellow .item[data-v-807f96e4] {
    width: 4.5rem;
    height: 4.5rem;
    background: var(--color-bg-200);
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--color-line);
    border-radius: var(--ep-border-radius-m, .375rem)
}

.green-dark .file-list[data-v-807f96e4],
.yellow-dark .file-list[data-v-807f96e4],
.purple-light .file-list[data-v-807f96e4],
.amber-purple .file-list[data-v-807f96e4],
.green-default .file-list[data-v-807f96e4],
.blue-default .file-list[data-v-807f96e4],
.forest-green .file-list[data-v-807f96e4],
.auroral-yellow .file-list[data-v-807f96e4] {
    display: flex;
    align-items: center;
    justify-content: start;
    position: relative
}

.green-dark .file-list .spinner-warp[data-v-807f96e4],
.yellow-dark .file-list .spinner-warp[data-v-807f96e4],
.purple-light .file-list .spinner-warp[data-v-807f96e4],
.amber-purple .file-list .spinner-warp[data-v-807f96e4],
.green-default .file-list .spinner-warp[data-v-807f96e4],
.blue-default .file-list .spinner-warp[data-v-807f96e4],
.forest-green .file-list .spinner-warp[data-v-807f96e4],
.auroral-yellow .file-list .spinner-warp[data-v-807f96e4] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.green-dark .file-list .spinner-warp .text[data-v-807f96e4],
.yellow-dark .file-list .spinner-warp .text[data-v-807f96e4],
.purple-light .file-list .spinner-warp .text[data-v-807f96e4],
.amber-purple .file-list .spinner-warp .text[data-v-807f96e4],
.green-default .file-list .spinner-warp .text[data-v-807f96e4],
.blue-default .file-list .spinner-warp .text[data-v-807f96e4],
.forest-green .file-list .spinner-warp .text[data-v-807f96e4],
.auroral-yellow .file-list .spinner-warp .text[data-v-807f96e4] {
    font-size: var(--ep-font-size-xs);
    color: var(--color-text-100)
}

.green-dark .file-list .file-item .file-thumbnail[data-v-807f96e4],
.yellow-dark .file-list .file-item .file-thumbnail[data-v-807f96e4],
.purple-light .file-list .file-item .file-thumbnail[data-v-807f96e4],
.amber-purple .file-list .file-item .file-thumbnail[data-v-807f96e4],
.green-default .file-list .file-item .file-thumbnail[data-v-807f96e4],
.blue-default .file-list .file-item .file-thumbnail[data-v-807f96e4],
.forest-green .file-list .file-item .file-thumbnail[data-v-807f96e4],
.auroral-yellow .file-list .file-item .file-thumbnail[data-v-807f96e4] {
    width: 4.5rem;
    height: 4.5rem;
    border-radius: var(--ep-border-radius-m, .375rem);
    overflow: hidden
}

.green-dark .file-list .file-info[data-v-807f96e4],
.yellow-dark .file-list .file-info[data-v-807f96e4],
.purple-light .file-list .file-info[data-v-807f96e4],
.amber-purple .file-list .file-info[data-v-807f96e4],
.green-default .file-list .file-info[data-v-807f96e4],
.blue-default .file-list .file-info[data-v-807f96e4],
.forest-green .file-list .file-info[data-v-807f96e4],
.auroral-yellow .file-list .file-info[data-v-807f96e4] {
    position: relative;
    overflow: hidden
}

.green-dark .file-list .file-info .remove-area[data-v-807f96e4],
.yellow-dark .file-list .file-info .remove-area[data-v-807f96e4],
.purple-light .file-list .file-info .remove-area[data-v-807f96e4],
.amber-purple .file-list .file-info .remove-area[data-v-807f96e4],
.green-default .file-list .file-info .remove-area[data-v-807f96e4],
.blue-default .file-list .file-info .remove-area[data-v-807f96e4],
.forest-green .file-list .file-info .remove-area[data-v-807f96e4],
.auroral-yellow .file-list .file-info .remove-area[data-v-807f96e4] {
    width: 1.875rem;
    height: 1.875rem;
    background: rgba(0, 0, 0, .5);
    position: absolute;
    border-radius: 50%;
    top: 0;
    right: 0;
    transform: translate(50%, -50%);
    cursor: pointer
}

.green-dark .file-list .file-info .remove-area .close[data-v-807f96e4],
.yellow-dark .file-list .file-info .remove-area .close[data-v-807f96e4],
.purple-light .file-list .file-info .remove-area .close[data-v-807f96e4],
.amber-purple .file-list .file-info .remove-area .close[data-v-807f96e4],
.green-default .file-list .file-info .remove-area .close[data-v-807f96e4],
.blue-default .file-list .file-info .remove-area .close[data-v-807f96e4],
.forest-green .file-list .file-info .remove-area .close[data-v-807f96e4],
.auroral-yellow .file-list .file-info .remove-area .close[data-v-807f96e4] {
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translate(50%, -50%);
    font-size: var(--ep-font-size-xs, 10px);
    color: var(--ep-color-text-default, #fff)
}

.green-dark .uploader-wrap .upload-icon[data-v-807f96e4],
.yellow-dark .uploader-wrap .upload-icon[data-v-807f96e4],
.purple-light .uploader-wrap .upload-icon[data-v-807f96e4],
.amber-purple .uploader-wrap .upload-icon[data-v-807f96e4],
.green-default .uploader-wrap .upload-icon[data-v-807f96e4],
.blue-default .uploader-wrap .upload-icon[data-v-807f96e4],
.forest-green .uploader-wrap .upload-icon[data-v-807f96e4],
.auroral-yellow .uploader-wrap .upload-icon[data-v-807f96e4] {
    font-size: 2.25rem;
    cursor: pointer;
    color: var(--color-text-100)
}

.purple-light .mobile-uploader[data-v-807f96e4] {
    display: flex;
    justify-content: start;
    align-items: center;
    touch-action: manipulation
}

.purple-light .item[data-v-807f96e4] {
    width: 4.5rem;
    height: 4.5rem;
    background: var(--color-bg-400);
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--color-line);
    border-radius: var(--ep-border-radius-m, .375rem)
}

.purple-light .file-list[data-v-807f96e4] {
    display: flex;
    align-items: center;
    justify-content: start;
    position: relative
}

.purple-light .file-list .spinner-warp[data-v-807f96e4] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.purple-light .file-list .spinner-warp .text[data-v-807f96e4] {
    font-size: var(--ep-font-size-xs);
    color: var(--color-text-100)
}

.purple-light .file-list .file-item .file-thumbnail[data-v-807f96e4] {
    width: 4.5rem;
    height: 4.5rem;
    border-radius: var(--ep-border-radius-m, .375rem);
    overflow: hidden
}

.purple-light .file-list .file-info[data-v-807f96e4] {
    position: relative;
    overflow: hidden
}

.purple-light .file-list .file-info .remove-area[data-v-807f96e4] {
    width: 1.875rem;
    height: 1.875rem;
    background: rgba(0, 0, 0, .5);
    position: absolute;
    border-radius: 50%;
    top: 0;
    right: 0;
    transform: translate(50%, -50%);
    cursor: pointer
}

.purple-light .file-list .file-info .remove-area .close[data-v-807f96e4] {
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translate(50%, -50%);
    font-size: var(--ep-font-size-xs, 10px);
    color: var(--ep-color-text-default, #fff)
}

.purple-light .uploader-wrap .upload-icon[data-v-807f96e4] {
    font-size: 2.25rem;
    cursor: pointer;
    color: var(--color-text-100)
}

.new-skin-symbol .mobile-uploader[data-v-807f96e4] {
    display: flex;
    justify-content: start;
    align-items: center;
    touch-action: manipulation
}

.new-skin-symbol .item[data-v-807f96e4] {
    width: 4.5rem;
    height: 4.5rem;
    background: var(--ep-color-background-fill-surface-raised-L2);
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--ep-color-border-default);
    border-radius: var(--ep-border-radius-m, .375rem)
}

.new-skin-symbol .file-list[data-v-807f96e4] {
    display: flex;
    align-items: center;
    justify-content: start;
    position: relative
}

.new-skin-symbol .file-list .spinner-warp[data-v-807f96e4] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.new-skin-symbol .file-list .spinner-warp .text[data-v-807f96e4] {
    font-size: var(--ep-font-size-xs);
    color: var(--ep-color-text-default)
}

.new-skin-symbol .file-list .file-item .file-thumbnail[data-v-807f96e4] {
    width: 4.5rem;
    height: 4.5rem;
    border-radius: var(--ep-border-radius-m, .375rem);
    overflow: hidden
}

.new-skin-symbol .file-list .file-info[data-v-807f96e4] {
    position: relative;
    overflow: hidden
}

.new-skin-symbol .file-list .file-info .remove-area[data-v-807f96e4] {
    width: 1.875rem;
    height: 1.875rem;
    background: rgba(0, 0, 0, .5);
    position: absolute;
    border-radius: 50%;
    top: 0;
    right: 0;
    transform: translate(50%, -50%);
    cursor: pointer
}

.new-skin-symbol .file-list .file-info .remove-area .close[data-v-807f96e4] {
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translate(50%, -50%);
    font-size: var(--ep-font-size-xs, 10px);
    color: var(--ep-color-text-default, #fff)
}

.new-skin-symbol .uploader-wrap .upload-icon[data-v-807f96e4] {
    font-size: 2.25rem;
    cursor: pointer;
    color: var(--ep-color-icon-default)
}

.upload-text[data-v-807f96e4] {
    font-size: 16px;
    color: #1890ff
}

.file-input[data-v-807f96e4] {
    display: none
}

.color-primary-600[data-v-6e8c9b11] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-6e8c9b11] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-6e8c9b11] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-6e8c9b11] {
    color: var(--color-primary-900)
}

.bg-100[data-v-6e8c9b11] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-6e8c9b11] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-6e8c9b11] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-6e8c9b11] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-6e8c9b11] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-6e8c9b11] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-6e8c9b11] {
    background-color: var(--color-warning)
}

.bg-link[data-v-6e8c9b11] {
    background-color: var(--color-link)
}

.bg-danger[data-v-6e8c9b11] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-6e8c9b11] {
    color: var(--color-text-100)
}

.color-text-80[data-v-6e8c9b11] {
    color: var(--color-text-80)
}

.color-text-50[data-v-6e8c9b11] {
    color: var(--color-text-50)
}

.color-text-40[data-v-6e8c9b11] {
    color: var(--color-text-40)
}

.color-text-20[data-v-6e8c9b11] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-6e8c9b11] {
    color: var(--color-currency)
}

.color-warning[data-v-6e8c9b11] {
    color: var(--color-warning)
}

.color-danger[data-v-6e8c9b11] {
    color: var(--color-danger)
}

.color-link[data-v-6e8c9b11] {
    color: var(--color-link)
}

.color-line[data-v-6e8c9b11] {
    color: var(--color-line)
}

.color-border[data-v-6e8c9b11] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-6e8c9b11] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-6e8c9b11] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-6e8c9b11] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-6e8c9b11] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-6e8c9b11] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-6e8c9b11] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-6e8c9b11] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-6e8c9b11] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-6e8c9b11] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-6e8c9b11] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-6e8c9b11] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-6e8c9b11] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-6e8c9b11] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-6e8c9b11] {
    display: flex;
    align-items: center
}

.flex-start[data-v-6e8c9b11] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-6e8c9b11] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-6e8c9b11] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-6e8c9b11] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-6e8c9b11] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-6e8c9b11] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-6e8c9b11] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-6e8c9b11] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-6e8c9b11] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-6e8c9b11] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-6e8c9b11] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-6e8c9b11] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-6e8c9b11] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-6e8c9b11] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-6e8c9b11] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-6e8c9b11] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-6e8c9b11] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-6e8c9b11] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-6e8c9b11] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-6e8c9b11] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-6e8c9b11] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-6e8c9b11] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-6e8c9b11] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-6e8c9b11] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-6e8c9b11],
.mlm-selected-item[data-v-6e8c9b11] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-6e8c9b11] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-6e8c9b11]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-6e8c9b11] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-6e8c9b11] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-6e8c9b11] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.new-skin-symbol #modal-assets-order[data-v-6e8c9b11] {
    --height: auto
}

.new-skin-symbol .transfer-wrap[data-v-6e8c9b11] {
    width: 22.875rem;
    background: var(--ep-color-background-fill-body-default);
    box-sizing: border-box;
    margin: auto;
    padding: 1.0625rem .75rem 1.5rem;
    border-radius: var(--ep-border-radius-surface-small, .75rem);
    text-align: center
}

.new-skin-symbol .transfer-wrap .title-wrap[data-v-6e8c9b11] {
    display: flex;
    align-items: center
}

.new-skin-symbol .transfer-wrap .title-wrap .title[data-v-6e8c9b11] {
    flex: 1;
    color: var(--ep-color-text-default);
    font-size: var(--ep-font-size-xl, 1.125rem);
    font-weight: var(--ep-font-weight-medium, 600);
    line-height: 1.75rem
}

.new-skin-symbol .transfer-wrap .title-wrap .close[data-v-6e8c9b11] {
    color: var(--ep-color-icon-default)
}

.new-skin-symbol .transfer-wrap .status[data-v-6e8c9b11] {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto
}

.new-skin-symbol .transfer-wrap .status .applying[data-v-6e8c9b11] {
    font-size: 1.25rem
}

.new-skin-symbol .transfer-wrap .status .waiting-icon[data-v-6e8c9b11] {
    margin-top: -.5rem;
    margin-left: .75rem
}

.new-skin-symbol .transfer-wrap .success[data-v-6e8c9b11] {
    background: var(--ep-color-icon-success)
}

.new-skin-symbol .transfer-wrap .fail[data-v-6e8c9b11] {
    background: var(--ep-color-icon-danger)
}

.new-skin-symbol .transfer-wrap .waiting[data-v-6e8c9b11] {
    background: var(--ep-color-icon-warning)
}

.new-skin-symbol .transfer-wrap .stats-text-area[data-v-6e8c9b11] {
    font-size: var(--ep-font-size-s, .75rem);
    text-align: center;
    margin: 8px auto;
    line-height: 1.5
}

.new-skin-symbol .transfer-wrap .stats-text-area .waiting-text[data-v-6e8c9b11] {
    color: var(--ep-color-text-danger)
}

.new-skin-symbol .transfer-wrap .stats-text-area .success-text[data-v-6e8c9b11] {
    color: var(--ep-color-text-success)
}

.new-skin-symbol .transfer-wrap .stats-text-area .fail-text[data-v-6e8c9b11] {
    color: var(--ep-color-text-danger)
}

.new-skin-symbol .transfer-wrap .stats-text-area .waiting-text-desc[data-v-6e8c9b11] {
    color: var(--ep-color-text-weaker);
    display: flex;
    justify-content: center;
    align-self: center;
    gap: .4375rem
}

.new-skin-symbol .transfer-wrap .stats-text-area .waiting-text-desc .count-down-time[data-v-6e8c9b11] {
    color: var(--ep-color-text-danger)
}

.new-skin-symbol .transfer-wrap .amount-area[data-v-6e8c9b11] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto .75rem
}

.new-skin-symbol .transfer-wrap .amount-area img[data-v-6e8c9b11] {
    width: 1.25rem;
    height: 1.25rem;
    display: block
}

.new-skin-symbol .transfer-wrap .amount-area .amount[data-v-6e8c9b11] {
    color: var(--ep-color-text-default);
    font-size: var(--ep-font-size-xl, 1.125rem);
    font-weight: var(--ep-font-weight-bold, 600);
    line-height: 1.75rem;
    margin-left: .25rem
}

.new-skin-symbol .transfer-wrap .amount-desc[data-v-6e8c9b11] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto .75rem;
    width: 7.5rem
}

.new-skin-symbol .transfer-wrap .amount-desc img[data-v-6e8c9b11] {
    width: 1.25rem;
    height: 1.25rem;
    display: block
}

.new-skin-symbol .transfer-wrap .amount-desc .ratio[data-v-6e8c9b11] {
    height: 1.375rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--ep-font-size-s, .75rem);
    text-align: center;
    color: var(--ep-color-text-default);
    border: 1px solid var(--ep-color-border-default);
    padding: 0 .625rem
}

.new-skin-symbol .transfer-wrap .amount-desc .ratio img[data-v-6e8c9b11] {
    width: 1rem;
    height: 1rem;
    display: block;
    margin-right: .25rem
}

.new-skin-symbol .transfer-wrap .line[data-v-6e8c9b11] {
    width: 100%;
    border: 1px dashed var(--ep-color-border-default)
}

.new-skin-symbol .transfer-wrap .order-info[data-v-6e8c9b11] {
    font-size: var(--ep-font-size-s, .75rem);
    margin: 4px auto
}

.new-skin-symbol .transfer-wrap .order-info li[data-v-6e8c9b11] {
    display: flex;
    justify-content: space-between;
    margin-bottom: .25rem
}

.new-skin-symbol .transfer-wrap .order-info li .sub-text[data-v-6e8c9b11] {
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol .transfer-wrap .order-info li .text[data-v-6e8c9b11] {
    color: var(--ep-color-text-default)
}

.new-skin-symbol .transfer-wrap .order-info li .right-area[data-v-6e8c9b11] {
    display: flex;
    align-items: center;
    gap: .4375rem
}

.new-skin-symbol .transfer-wrap .order-info li .copy-icon[data-v-6e8c9b11] {
    font-size: var(--ep-font-size-l, 1rem);
    color: var(--ep-color-icon-highlight)
}

.new-skin-symbol .transfer-wrap .order-info li .download-qrcode[data-v-6e8c9b11] {
    height: 1.5rem;
    line-height: 1.5rem;
    padding: 0 .4375rem;
    border: 1px solid var(--ep-color-border-warning);
    border-radius: var(--ep-border-radius-m, .375rem);
    color: var(--ep-color-text-danger);
    cursor: pointer
}

.new-skin-symbol .transfer-wrap .order-info li .qr-code-img[data-v-6e8c9b11] {
    width: 6.25rem;
    height: 6.25rem;
    display: block;
    border-radius: var(--ep-border-radius-m, .375rem)
}

.new-skin-symbol .transfer-wrap .order-info li .bank-icon[data-v-6e8c9b11] {
    font-size: var(--ep-font-size-l, 1rem)
}

.new-skin-symbol .transfer-wrap .order-info li .voucher-img-wrap[data-v-6e8c9b11] {
    width: 6.25rem;
    height: 6.25rem;
    border-radius: var(--ep-border-radius-m, .375rem);
    overflow: hidden;
    border: 1px solid var(--ep-color-border-default)
}

.new-skin-symbol .transfer-wrap .order-info li .voucher-img-wrap img[data-v-6e8c9b11] {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.new-skin-symbol .transfer-wrap .real-name-area[data-v-6e8c9b11] {
    margin-top: .75rem
}

.new-skin-symbol .transfer-wrap .real-name-area .desc-text[data-v-6e8c9b11] {
    text-align: left;
    color: var(--ep-color-text-default);
    font-size: var(--ep-font-size-s, .75rem)
}

.new-skin-symbol .transfer-wrap .real-name-area .input-area[data-v-6e8c9b11] {
    text-align: left;
    margin-top: .5rem;
    width: 100%;
    height: 2.8125rem
}

.new-skin-symbol .transfer-wrap .upload-wrap[data-v-6e8c9b11] {
    margin-top: 1.125rem;
    text-align: left
}

.new-skin-symbol .transfer-wrap .upload-wrap .title[data-v-6e8c9b11] {
    color: var(--ep-color-text-default);
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-bold, 700);
    line-height: 1.75rem
}

.new-skin-symbol .transfer-wrap .upload-wrap .title .asterisk[data-v-6e8c9b11] {
    color: var(--ep-color-icon-danger);
    margin-left: .25rem
}

.new-skin-symbol .transfer-wrap .upload-wrap .upload-area[data-v-6e8c9b11] {
    display: flex;
    justify-content: start;
    align-items: center;
    margin-top: .625rem;
    gap: .625rem
}

.new-skin-symbol .transfer-wrap .upload-wrap .upload-area .rules p[data-v-6e8c9b11] {
    color: var(--ep-color-text-weaker);
    font-size: var(--ep-font-size-xs, .625rem);
    line-height: 1.125rem
}

.new-skin-symbol .transfer-wrap .btn-warp[data-v-6e8c9b11] {
    display: flex;
    justify-content: space-between;
    align-self: center;
    margin-top: 1.125rem
}

.new-skin-symbol .transfer-wrap .btn-warp .btn[data-v-6e8c9b11] {
    width: 10.375rem;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-bold, 700);
    cursor: pointer;
    border-radius: var(--ep-border-radius-m, .375rem)
}

.new-skin-symbol .transfer-wrap .btn-warp .cancel-btn[data-v-6e8c9b11] {
    color: var(--ep-color-text-default);
    background: var(--ep-color-background-fill-surface-raised-L1)
}

.new-skin-symbol .transfer-wrap .btn-warp .confirm-btn[data-v-6e8c9b11] {
    color: var(--ep-color-text-inverse);
    background: var(--ep-color-background-fill-active-primary)
}

.green-dark #modal-assets-order[data-v-6e8c9b11],
.yellow-dark #modal-assets-order[data-v-6e8c9b11],
.blue-default #modal-assets-order[data-v-6e8c9b11] {
    --height: auto
}

.green-dark .transfer-wrap[data-v-6e8c9b11],
.yellow-dark .transfer-wrap[data-v-6e8c9b11],
.blue-default .transfer-wrap[data-v-6e8c9b11] {
    width: 22.875rem;
    background: var(--color-bg-200);
    box-sizing: border-box;
    margin: auto;
    padding: 1.0625rem .75rem 1.5rem;
    border-radius: var(--ep-border-radius-surface-small, .75rem);
    text-align: center
}

.green-dark .transfer-wrap .title-wrap[data-v-6e8c9b11],
.yellow-dark .transfer-wrap .title-wrap[data-v-6e8c9b11],
.blue-default .transfer-wrap .title-wrap[data-v-6e8c9b11] {
    display: flex;
    align-items: center
}

.green-dark .transfer-wrap .title-wrap .title[data-v-6e8c9b11],
.yellow-dark .transfer-wrap .title-wrap .title[data-v-6e8c9b11],
.blue-default .transfer-wrap .title-wrap .title[data-v-6e8c9b11] {
    flex: 1;
    color: var(--color-text-100);
    font-size: var(--ep-font-size-xl, 1.125rem);
    font-weight: var(--ep-font-weight-medium, 600);
    line-height: 1.75rem
}

.green-dark .transfer-wrap .title-wrap .close[data-v-6e8c9b11],
.yellow-dark .transfer-wrap .title-wrap .close[data-v-6e8c9b11],
.blue-default .transfer-wrap .title-wrap .close[data-v-6e8c9b11] {
    color: var(--color-text-100)
}

.green-dark .transfer-wrap .status[data-v-6e8c9b11],
.yellow-dark .transfer-wrap .status[data-v-6e8c9b11],
.blue-default .transfer-wrap .status[data-v-6e8c9b11] {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto
}

.green-dark .transfer-wrap .status .applying[data-v-6e8c9b11],
.yellow-dark .transfer-wrap .status .applying[data-v-6e8c9b11],
.blue-default .transfer-wrap .status .applying[data-v-6e8c9b11] {
    font-size: 1.25rem
}

.green-dark .transfer-wrap .status .waiting-icon[data-v-6e8c9b11],
.yellow-dark .transfer-wrap .status .waiting-icon[data-v-6e8c9b11],
.blue-default .transfer-wrap .status .waiting-icon[data-v-6e8c9b11] {
    margin-top: -.5rem;
    margin-left: .75rem
}

.green-dark .transfer-wrap .success[data-v-6e8c9b11],
.yellow-dark .transfer-wrap .success[data-v-6e8c9b11],
.blue-default .transfer-wrap .success[data-v-6e8c9b11] {
    background: var(--color-success)
}

.green-dark .transfer-wrap .fail[data-v-6e8c9b11],
.yellow-dark .transfer-wrap .fail[data-v-6e8c9b11],
.blue-default .transfer-wrap .fail[data-v-6e8c9b11] {
    background: var(--color-danger)
}

.green-dark .transfer-wrap .waiting[data-v-6e8c9b11],
.yellow-dark .transfer-wrap .waiting[data-v-6e8c9b11],
.blue-default .transfer-wrap .waiting[data-v-6e8c9b11] {
    background: var(--color-warning)
}

.green-dark .transfer-wrap .stats-text-area[data-v-6e8c9b11],
.yellow-dark .transfer-wrap .stats-text-area[data-v-6e8c9b11],
.blue-default .transfer-wrap .stats-text-area[data-v-6e8c9b11] {
    font-size: var(--ep-font-size-s, .75rem);
    text-align: center;
    margin: 8px auto;
    line-height: 1.5
}

.green-dark .transfer-wrap .stats-text-area .waiting-text[data-v-6e8c9b11],
.yellow-dark .transfer-wrap .stats-text-area .waiting-text[data-v-6e8c9b11],
.blue-default .transfer-wrap .stats-text-area .waiting-text[data-v-6e8c9b11] {
    color: var(--color-warning)
}

.green-dark .transfer-wrap .stats-text-area .success-text[data-v-6e8c9b11],
.yellow-dark .transfer-wrap .stats-text-area .success-text[data-v-6e8c9b11],
.blue-default .transfer-wrap .stats-text-area .success-text[data-v-6e8c9b11] {
    color: var(--color-success)
}

.green-dark .transfer-wrap .stats-text-area .fail-text[data-v-6e8c9b11],
.yellow-dark .transfer-wrap .stats-text-area .fail-text[data-v-6e8c9b11],
.blue-default .transfer-wrap .stats-text-area .fail-text[data-v-6e8c9b11] {
    color: var(--color-danger)
}

.green-dark .transfer-wrap .stats-text-area .waiting-text-desc[data-v-6e8c9b11],
.yellow-dark .transfer-wrap .stats-text-area .waiting-text-desc[data-v-6e8c9b11],
.blue-default .transfer-wrap .stats-text-area .waiting-text-desc[data-v-6e8c9b11] {
    color: var(--color-text-40);
    display: flex;
    justify-content: center;
    align-self: center;
    gap: .4375rem
}

.green-dark .transfer-wrap .stats-text-area .waiting-text-desc .count-down-time[data-v-6e8c9b11],
.yellow-dark .transfer-wrap .stats-text-area .waiting-text-desc .count-down-time[data-v-6e8c9b11],
.blue-default .transfer-wrap .stats-text-area .waiting-text-desc .count-down-time[data-v-6e8c9b11] {
    color: var(--color-danger)
}

.green-dark .transfer-wrap .amount-area[data-v-6e8c9b11],
.yellow-dark .transfer-wrap .amount-area[data-v-6e8c9b11],
.blue-default .transfer-wrap .amount-area[data-v-6e8c9b11] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto .75rem
}

.green-dark .transfer-wrap .amount-area img[data-v-6e8c9b11],
.yellow-dark .transfer-wrap .amount-area img[data-v-6e8c9b11],
.blue-default .transfer-wrap .amount-area img[data-v-6e8c9b11] {
    width: 1.25rem;
    height: 1.25rem;
    display: block
}

.green-dark .transfer-wrap .amount-area .amount[data-v-6e8c9b11],
.yellow-dark .transfer-wrap .amount-area .amount[data-v-6e8c9b11],
.blue-default .transfer-wrap .amount-area .amount[data-v-6e8c9b11] {
    color: var(--color-text-100);
    font-size: var(--ep-font-size-xl, 1.125rem);
    font-weight: var(--ep-font-weight-bold, 600);
    line-height: 1.75rem;
    margin-left: .25rem
}

.green-dark .transfer-wrap .amount-desc[data-v-6e8c9b11],
.yellow-dark .transfer-wrap .amount-desc[data-v-6e8c9b11],
.blue-default .transfer-wrap .amount-desc[data-v-6e8c9b11] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto .75rem;
    width: 7.5rem
}

.green-dark .transfer-wrap .amount-desc img[data-v-6e8c9b11],
.yellow-dark .transfer-wrap .amount-desc img[data-v-6e8c9b11],
.blue-default .transfer-wrap .amount-desc img[data-v-6e8c9b11] {
    width: 1.25rem;
    height: 1.25rem;
    display: block
}

.green-dark .transfer-wrap .amount-desc .ratio[data-v-6e8c9b11],
.yellow-dark .transfer-wrap .amount-desc .ratio[data-v-6e8c9b11],
.blue-default .transfer-wrap .amount-desc .ratio[data-v-6e8c9b11] {
    height: 1.375rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--ep-font-size-s, .75rem);
    text-align: center;
    color: var(--color-text-100);
    border: 1px solid var(--color-line);
    padding: 0 .625rem
}

.green-dark .transfer-wrap .amount-desc .ratio img[data-v-6e8c9b11],
.yellow-dark .transfer-wrap .amount-desc .ratio img[data-v-6e8c9b11],
.blue-default .transfer-wrap .amount-desc .ratio img[data-v-6e8c9b11] {
    width: 1rem;
    height: 1rem;
    display: block;
    margin-right: .25rem
}

.green-dark .transfer-wrap .line[data-v-6e8c9b11],
.yellow-dark .transfer-wrap .line[data-v-6e8c9b11],
.blue-default .transfer-wrap .line[data-v-6e8c9b11] {
    width: 100%;
    border: 1px dashed var(--color-line)
}

.green-dark .transfer-wrap .order-info[data-v-6e8c9b11],
.yellow-dark .transfer-wrap .order-info[data-v-6e8c9b11],
.blue-default .transfer-wrap .order-info[data-v-6e8c9b11] {
    font-size: var(--ep-font-size-s, .75rem);
    margin: 4px auto
}

.green-dark .transfer-wrap .order-info li[data-v-6e8c9b11],
.yellow-dark .transfer-wrap .order-info li[data-v-6e8c9b11],
.blue-default .transfer-wrap .order-info li[data-v-6e8c9b11] {
    display: flex;
    justify-content: space-between;
    margin-bottom: .25rem
}

.green-dark .transfer-wrap .order-info li .sub-text[data-v-6e8c9b11],
.yellow-dark .transfer-wrap .order-info li .sub-text[data-v-6e8c9b11],
.blue-default .transfer-wrap .order-info li .sub-text[data-v-6e8c9b11] {
    color: var(--color-text-40)
}

.green-dark .transfer-wrap .order-info li .text[data-v-6e8c9b11],
.yellow-dark .transfer-wrap .order-info li .text[data-v-6e8c9b11],
.blue-default .transfer-wrap .order-info li .text[data-v-6e8c9b11] {
    color: var(--color-text-100)
}

.green-dark .transfer-wrap .order-info li .right-area[data-v-6e8c9b11],
.yellow-dark .transfer-wrap .order-info li .right-area[data-v-6e8c9b11],
.blue-default .transfer-wrap .order-info li .right-area[data-v-6e8c9b11] {
    display: flex;
    align-items: center;
    gap: .4375rem
}

.green-dark .transfer-wrap .order-info li .copy-icon[data-v-6e8c9b11],
.yellow-dark .transfer-wrap .order-info li .copy-icon[data-v-6e8c9b11],
.blue-default .transfer-wrap .order-info li .copy-icon[data-v-6e8c9b11] {
    font-size: var(--ep-font-size-l, 1rem);
    color: var(--theme-color-800)
}

.green-dark .transfer-wrap .order-info li .download-qrcode[data-v-6e8c9b11],
.yellow-dark .transfer-wrap .order-info li .download-qrcode[data-v-6e8c9b11],
.blue-default .transfer-wrap .order-info li .download-qrcode[data-v-6e8c9b11] {
    height: 1.5rem;
    line-height: 1.5rem;
    padding: 0 .4375rem;
    border: 1px solid var(--color-warning);
    border-radius: var(--ep-border-radius-m, .375rem);
    color: var(--color-warning);
    cursor: pointer
}

.green-dark .transfer-wrap .order-info li .qr-code-img[data-v-6e8c9b11],
.yellow-dark .transfer-wrap .order-info li .qr-code-img[data-v-6e8c9b11],
.blue-default .transfer-wrap .order-info li .qr-code-img[data-v-6e8c9b11] {
    width: 6.25rem;
    height: 6.25rem;
    display: block;
    border-radius: var(--ep-border-radius-m, .375rem)
}

.green-dark .transfer-wrap .order-info li .bank-icon[data-v-6e8c9b11],
.yellow-dark .transfer-wrap .order-info li .bank-icon[data-v-6e8c9b11],
.blue-default .transfer-wrap .order-info li .bank-icon[data-v-6e8c9b11] {
    font-size: var(--ep-font-size-l, 1rem)
}

.green-dark .transfer-wrap .order-info li .voucher-img-wrap[data-v-6e8c9b11],
.yellow-dark .transfer-wrap .order-info li .voucher-img-wrap[data-v-6e8c9b11],
.blue-default .transfer-wrap .order-info li .voucher-img-wrap[data-v-6e8c9b11] {
    width: 6.25rem;
    height: 6.25rem;
    border-radius: var(--ep-border-radius-m, .375rem);
    overflow: hidden;
    border: 1px solid var(--color-line)
}

.green-dark .transfer-wrap .order-info li .voucher-img-wrap img[data-v-6e8c9b11],
.yellow-dark .transfer-wrap .order-info li .voucher-img-wrap img[data-v-6e8c9b11],
.blue-default .transfer-wrap .order-info li .voucher-img-wrap img[data-v-6e8c9b11] {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.green-dark .transfer-wrap .real-name-area[data-v-6e8c9b11],
.yellow-dark .transfer-wrap .real-name-area[data-v-6e8c9b11],
.blue-default .transfer-wrap .real-name-area[data-v-6e8c9b11] {
    margin-top: .75rem
}

.green-dark .transfer-wrap .real-name-area .desc-text[data-v-6e8c9b11],
.yellow-dark .transfer-wrap .real-name-area .desc-text[data-v-6e8c9b11],
.blue-default .transfer-wrap .real-name-area .desc-text[data-v-6e8c9b11] {
    text-align: left;
    color: var(--color-text-100);
    font-size: var(--ep-font-size-s, .75rem)
}

.green-dark .transfer-wrap .real-name-area .input-area[data-v-6e8c9b11],
.yellow-dark .transfer-wrap .real-name-area .input-area[data-v-6e8c9b11],
.blue-default .transfer-wrap .real-name-area .input-area[data-v-6e8c9b11] {
    text-align: left;
    margin-top: .5rem;
    width: 100%;
    height: 2.8125rem
}

.green-dark .transfer-wrap .upload-wrap[data-v-6e8c9b11],
.yellow-dark .transfer-wrap .upload-wrap[data-v-6e8c9b11],
.blue-default .transfer-wrap .upload-wrap[data-v-6e8c9b11] {
    margin-top: 1.125rem;
    text-align: left
}

.green-dark .transfer-wrap .upload-wrap .title[data-v-6e8c9b11],
.yellow-dark .transfer-wrap .upload-wrap .title[data-v-6e8c9b11],
.blue-default .transfer-wrap .upload-wrap .title[data-v-6e8c9b11] {
    color: var(--color-text-100);
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-bold, 700);
    line-height: 1.75rem
}

.green-dark .transfer-wrap .upload-wrap .title .asterisk[data-v-6e8c9b11],
.yellow-dark .transfer-wrap .upload-wrap .title .asterisk[data-v-6e8c9b11],
.blue-default .transfer-wrap .upload-wrap .title .asterisk[data-v-6e8c9b11] {
    color: var(--color-danger);
    margin-left: .25rem
}

.green-dark .transfer-wrap .upload-wrap .upload-area[data-v-6e8c9b11],
.yellow-dark .transfer-wrap .upload-wrap .upload-area[data-v-6e8c9b11],
.blue-default .transfer-wrap .upload-wrap .upload-area[data-v-6e8c9b11] {
    display: flex;
    justify-content: start;
    align-items: center;
    margin-top: .625rem;
    gap: .625rem
}

.green-dark .transfer-wrap .upload-wrap .upload-area .rules p[data-v-6e8c9b11],
.yellow-dark .transfer-wrap .upload-wrap .upload-area .rules p[data-v-6e8c9b11],
.blue-default .transfer-wrap .upload-wrap .upload-area .rules p[data-v-6e8c9b11] {
    color: var(--color-text-40);
    font-size: var(--ep-font-size-xs, .625rem);
    line-height: 1.125rem
}

.green-dark .transfer-wrap .btn-warp[data-v-6e8c9b11],
.yellow-dark .transfer-wrap .btn-warp[data-v-6e8c9b11],
.blue-default .transfer-wrap .btn-warp[data-v-6e8c9b11] {
    display: flex;
    justify-content: space-between;
    align-self: center;
    margin-top: 1.125rem
}

.green-dark .transfer-wrap .btn-warp .btn[data-v-6e8c9b11],
.yellow-dark .transfer-wrap .btn-warp .btn[data-v-6e8c9b11],
.blue-default .transfer-wrap .btn-warp .btn[data-v-6e8c9b11] {
    width: 10.375rem;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-bold, 700);
    cursor: pointer;
    border-radius: var(--ep-border-radius-m, .375rem)
}

.green-dark .transfer-wrap .btn-warp .cancel-btn[data-v-6e8c9b11],
.yellow-dark .transfer-wrap .btn-warp .cancel-btn[data-v-6e8c9b11],
.blue-default .transfer-wrap .btn-warp .cancel-btn[data-v-6e8c9b11] {
    color: var(--color-text-100);
    background: var(--color-bg-100)
}

.green-dark .transfer-wrap .btn-warp .confirm-btn[data-v-6e8c9b11],
.yellow-dark .transfer-wrap .btn-warp .confirm-btn[data-v-6e8c9b11],
.blue-default .transfer-wrap .btn-warp .confirm-btn[data-v-6e8c9b11] {
    color: var(--text-color-black-100);
    background: var(--theme-color-800)
}

.auroral-yellow #modal-assets-order[data-v-6e8c9b11] {
    --height: auto
}

.auroral-yellow .transfer-wrap[data-v-6e8c9b11] {
    width: 22.875rem;
    background: var(--color-bg-200);
    box-sizing: border-box;
    margin: auto;
    padding: 1.0625rem .75rem 1.5rem;
    border-radius: var(--ep-border-radius-surface-small, .75rem);
    text-align: center
}

.auroral-yellow .transfer-wrap .title-wrap[data-v-6e8c9b11] {
    display: flex;
    align-items: center
}

.auroral-yellow .transfer-wrap .title-wrap .title[data-v-6e8c9b11] {
    flex: 1;
    color: var(--color-text-100);
    font-size: var(--ep-font-size-xl, 1.125rem);
    font-weight: var(--ep-font-weight-medium, 600);
    line-height: 1.75rem
}

.auroral-yellow .transfer-wrap .title-wrap .close[data-v-6e8c9b11] {
    color: var(--color-text-100)
}

.auroral-yellow .transfer-wrap .status[data-v-6e8c9b11] {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto
}

.auroral-yellow .transfer-wrap .status .applying[data-v-6e8c9b11] {
    font-size: 1.25rem
}

.auroral-yellow .transfer-wrap .status .waiting-icon[data-v-6e8c9b11] {
    margin-top: -.5rem;
    margin-left: .75rem
}

.auroral-yellow .transfer-wrap .success[data-v-6e8c9b11] {
    background: var(--color-success)
}

.auroral-yellow .transfer-wrap .fail[data-v-6e8c9b11] {
    background: var(--color-danger)
}

.auroral-yellow .transfer-wrap .waiting[data-v-6e8c9b11] {
    background: var(--color-warning)
}

.auroral-yellow .transfer-wrap .stats-text-area[data-v-6e8c9b11] {
    font-size: var(--ep-font-size-s, .75rem);
    text-align: center;
    margin: 8px auto;
    line-height: 1.5
}

.auroral-yellow .transfer-wrap .stats-text-area .waiting-text[data-v-6e8c9b11] {
    color: var(--color-warning)
}

.auroral-yellow .transfer-wrap .stats-text-area .success-text[data-v-6e8c9b11] {
    color: var(--color-success)
}

.auroral-yellow .transfer-wrap .stats-text-area .fail-text[data-v-6e8c9b11] {
    color: var(--color-danger)
}

.auroral-yellow .transfer-wrap .stats-text-area .waiting-text-desc[data-v-6e8c9b11] {
    color: var(--color-text-40);
    display: flex;
    justify-content: center;
    align-self: center;
    gap: .4375rem
}

.auroral-yellow .transfer-wrap .stats-text-area .waiting-text-desc .count-down-time[data-v-6e8c9b11] {
    color: var(--color-danger)
}

.auroral-yellow .transfer-wrap .amount-area[data-v-6e8c9b11] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto .75rem
}

.auroral-yellow .transfer-wrap .amount-area img[data-v-6e8c9b11] {
    width: 1.25rem;
    height: 1.25rem;
    display: block
}

.auroral-yellow .transfer-wrap .amount-area .amount[data-v-6e8c9b11] {
    color: var(--color-text-100);
    font-size: var(--ep-font-size-xl, 1.125rem);
    font-weight: var(--ep-font-weight-bold, 600);
    line-height: 1.75rem;
    margin-left: .25rem
}

.auroral-yellow .transfer-wrap .amount-desc[data-v-6e8c9b11] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto .75rem;
    width: 7.5rem
}

.auroral-yellow .transfer-wrap .amount-desc img[data-v-6e8c9b11] {
    width: 1.25rem;
    height: 1.25rem;
    display: block
}

.auroral-yellow .transfer-wrap .amount-desc .ratio[data-v-6e8c9b11] {
    height: 1.375rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--ep-font-size-s, .75rem);
    text-align: center;
    color: var(--color-text-100);
    border: 1px solid var(--color-line);
    padding: 0 .625rem
}

.auroral-yellow .transfer-wrap .amount-desc .ratio img[data-v-6e8c9b11] {
    width: 1rem;
    height: 1rem;
    display: block;
    margin-right: .25rem
}

.auroral-yellow .transfer-wrap .line[data-v-6e8c9b11] {
    width: 100%;
    border: 1px dashed var(--color-line)
}

.auroral-yellow .transfer-wrap .order-info[data-v-6e8c9b11] {
    font-size: var(--ep-font-size-s, .75rem);
    margin: 4px auto
}

.auroral-yellow .transfer-wrap .order-info li[data-v-6e8c9b11] {
    display: flex;
    justify-content: space-between;
    margin-bottom: .25rem
}

.auroral-yellow .transfer-wrap .order-info li .sub-text[data-v-6e8c9b11] {
    color: var(--color-text-40)
}

.auroral-yellow .transfer-wrap .order-info li .text[data-v-6e8c9b11] {
    color: var(--color-text-100)
}

.auroral-yellow .transfer-wrap .order-info li .right-area[data-v-6e8c9b11] {
    display: flex;
    align-items: center;
    gap: .4375rem
}

.auroral-yellow .transfer-wrap .order-info li .copy-icon[data-v-6e8c9b11] {
    font-size: var(--ep-font-size-l, 1rem);
    color: var(--theme-color-800)
}

.auroral-yellow .transfer-wrap .order-info li .download-qrcode[data-v-6e8c9b11] {
    height: 1.5rem;
    line-height: 1.5rem;
    padding: 0 .4375rem;
    border: 1px solid var(--color-warning);
    border-radius: var(--ep-border-radius-m, .375rem);
    color: var(--color-warning);
    cursor: pointer
}

.auroral-yellow .transfer-wrap .order-info li .qr-code-img[data-v-6e8c9b11] {
    width: 6.25rem;
    height: 6.25rem;
    display: block;
    border-radius: var(--ep-border-radius-m, .375rem)
}

.auroral-yellow .transfer-wrap .order-info li .bank-icon[data-v-6e8c9b11] {
    font-size: var(--ep-font-size-l, 1rem)
}

.auroral-yellow .transfer-wrap .order-info li .voucher-img-wrap[data-v-6e8c9b11] {
    width: 6.25rem;
    height: 6.25rem;
    border-radius: var(--ep-border-radius-m, .375rem);
    overflow: hidden;
    border: 1px solid var(--color-line)
}

.auroral-yellow .transfer-wrap .order-info li .voucher-img-wrap img[data-v-6e8c9b11] {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.auroral-yellow .transfer-wrap .real-name-area[data-v-6e8c9b11] {
    margin-top: .75rem
}

.auroral-yellow .transfer-wrap .real-name-area .desc-text[data-v-6e8c9b11] {
    text-align: left;
    color: var(--color-text-100);
    font-size: var(--ep-font-size-s, .75rem)
}

.auroral-yellow .transfer-wrap .real-name-area .input-area[data-v-6e8c9b11] {
    text-align: left;
    margin-top: .5rem;
    width: 100%;
    height: 2.8125rem
}

.auroral-yellow .transfer-wrap .upload-wrap[data-v-6e8c9b11] {
    margin-top: 1.125rem;
    text-align: left
}

.auroral-yellow .transfer-wrap .upload-wrap .title[data-v-6e8c9b11] {
    color: var(--color-text-100);
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-bold, 700);
    line-height: 1.75rem
}

.auroral-yellow .transfer-wrap .upload-wrap .title .asterisk[data-v-6e8c9b11] {
    color: var(--color-danger);
    margin-left: .25rem
}

.auroral-yellow .transfer-wrap .upload-wrap .upload-area[data-v-6e8c9b11] {
    display: flex;
    justify-content: start;
    align-items: center;
    margin-top: .625rem;
    gap: .625rem
}

.auroral-yellow .transfer-wrap .upload-wrap .upload-area .rules p[data-v-6e8c9b11] {
    color: var(--color-text-40);
    font-size: var(--ep-font-size-xs, .625rem);
    line-height: 1.125rem
}

.auroral-yellow .transfer-wrap .btn-warp[data-v-6e8c9b11] {
    display: flex;
    justify-content: space-between;
    align-self: center;
    margin-top: 1.125rem
}

.auroral-yellow .transfer-wrap .btn-warp .btn[data-v-6e8c9b11] {
    width: 10.375rem;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-bold, 700);
    cursor: pointer;
    border-radius: var(--ep-border-radius-m, .375rem)
}

.auroral-yellow .transfer-wrap .btn-warp .cancel-btn[data-v-6e8c9b11] {
    color: var(--color-text-100);
    background: var(--color-bg-100)
}

.auroral-yellow .transfer-wrap .btn-warp .confirm-btn[data-v-6e8c9b11] {
    color: var(--color-text-black-100);
    background: var(--theme-color-800)
}

.green-default #modal-assets-order[data-v-6e8c9b11],
.forest-green #modal-assets-order[data-v-6e8c9b11] {
    --height: auto
}

.green-default .transfer-wrap[data-v-6e8c9b11],
.forest-green .transfer-wrap[data-v-6e8c9b11] {
    width: 22.875rem;
    background: var(--color-bg-200);
    box-sizing: border-box;
    margin: auto;
    padding: 1.0625rem .75rem 1.5rem;
    border-radius: var(--ep-border-radius-surface-small, .75rem);
    text-align: center
}

.green-default .transfer-wrap .title-wrap[data-v-6e8c9b11],
.forest-green .transfer-wrap .title-wrap[data-v-6e8c9b11] {
    display: flex;
    align-items: center
}

.green-default .transfer-wrap .title-wrap .title[data-v-6e8c9b11],
.forest-green .transfer-wrap .title-wrap .title[data-v-6e8c9b11] {
    flex: 1;
    color: var(--color-text-100);
    font-size: var(--ep-font-size-xl, 1.125rem);
    font-weight: var(--ep-font-weight-medium, 600);
    line-height: 1.75rem
}

.green-default .transfer-wrap .title-wrap .close[data-v-6e8c9b11],
.forest-green .transfer-wrap .title-wrap .close[data-v-6e8c9b11] {
    color: var(--color-text-40)
}

.green-default .transfer-wrap .status[data-v-6e8c9b11],
.forest-green .transfer-wrap .status[data-v-6e8c9b11] {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto
}

.green-default .transfer-wrap .status .applying[data-v-6e8c9b11],
.forest-green .transfer-wrap .status .applying[data-v-6e8c9b11] {
    font-size: 1.25rem
}

.green-default .transfer-wrap .status .waiting-icon[data-v-6e8c9b11],
.forest-green .transfer-wrap .status .waiting-icon[data-v-6e8c9b11] {
    margin-top: -.5rem;
    margin-left: .75rem
}

.green-default .transfer-wrap .success[data-v-6e8c9b11],
.forest-green .transfer-wrap .success[data-v-6e8c9b11] {
    background: var(--color-success)
}

.green-default .transfer-wrap .fail[data-v-6e8c9b11],
.forest-green .transfer-wrap .fail[data-v-6e8c9b11] {
    background: var(--color-danger)
}

.green-default .transfer-wrap .waiting[data-v-6e8c9b11],
.forest-green .transfer-wrap .waiting[data-v-6e8c9b11] {
    background: var(--accent-color-orange-1)
}

.green-default .transfer-wrap .stats-text-area[data-v-6e8c9b11],
.forest-green .transfer-wrap .stats-text-area[data-v-6e8c9b11] {
    font-size: var(--ep-font-size-s, .75rem);
    text-align: center;
    margin: 8px auto;
    line-height: 1.5
}

.green-default .transfer-wrap .stats-text-area .waiting-text[data-v-6e8c9b11],
.forest-green .transfer-wrap .stats-text-area .waiting-text[data-v-6e8c9b11] {
    color: var(--accent-color-orange-1)
}

.green-default .transfer-wrap .stats-text-area .success-text[data-v-6e8c9b11],
.forest-green .transfer-wrap .stats-text-area .success-text[data-v-6e8c9b11] {
    color: var(--color-success)
}

.green-default .transfer-wrap .stats-text-area .fail-text[data-v-6e8c9b11],
.forest-green .transfer-wrap .stats-text-area .fail-text[data-v-6e8c9b11] {
    color: var(--color-danger)
}

.green-default .transfer-wrap .stats-text-area .waiting-text-desc[data-v-6e8c9b11],
.forest-green .transfer-wrap .stats-text-area .waiting-text-desc[data-v-6e8c9b11] {
    color: var(--color-text-40);
    display: flex;
    justify-content: center;
    align-self: center;
    gap: .4375rem
}

.green-default .transfer-wrap .stats-text-area .waiting-text-desc .count-down-time[data-v-6e8c9b11],
.forest-green .transfer-wrap .stats-text-area .waiting-text-desc .count-down-time[data-v-6e8c9b11] {
    color: var(--color-danger)
}

.green-default .transfer-wrap .amount-area[data-v-6e8c9b11],
.forest-green .transfer-wrap .amount-area[data-v-6e8c9b11] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto .75rem
}

.green-default .transfer-wrap .amount-area img[data-v-6e8c9b11],
.forest-green .transfer-wrap .amount-area img[data-v-6e8c9b11] {
    width: 1.25rem;
    height: 1.25rem;
    display: block
}

.green-default .transfer-wrap .amount-area .amount[data-v-6e8c9b11],
.forest-green .transfer-wrap .amount-area .amount[data-v-6e8c9b11] {
    color: var(--color-text-100);
    font-size: var(--ep-font-size-xl, 1.125rem);
    font-weight: var(--ep-font-weight-bold, 600);
    line-height: 1.75rem;
    margin-left: .25rem
}

.green-default .transfer-wrap .amount-desc[data-v-6e8c9b11],
.forest-green .transfer-wrap .amount-desc[data-v-6e8c9b11] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto .75rem;
    width: 7.5rem
}

.green-default .transfer-wrap .amount-desc img[data-v-6e8c9b11],
.forest-green .transfer-wrap .amount-desc img[data-v-6e8c9b11] {
    width: 1.25rem;
    height: 1.25rem;
    display: block
}

.green-default .transfer-wrap .amount-desc .ratio[data-v-6e8c9b11],
.forest-green .transfer-wrap .amount-desc .ratio[data-v-6e8c9b11] {
    height: 1.375rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--ep-font-size-s, .75rem);
    text-align: center;
    color: var(--color-text-100);
    border: 1px solid var(--color-line);
    padding: 0 .625rem
}

.green-default .transfer-wrap .amount-desc .ratio img[data-v-6e8c9b11],
.forest-green .transfer-wrap .amount-desc .ratio img[data-v-6e8c9b11] {
    width: 1rem;
    height: 1rem;
    display: block;
    margin-right: .25rem
}

.green-default .transfer-wrap .line[data-v-6e8c9b11],
.forest-green .transfer-wrap .line[data-v-6e8c9b11] {
    width: 100%;
    border: 1px dashed var(--color-line)
}

.green-default .transfer-wrap .order-info[data-v-6e8c9b11],
.forest-green .transfer-wrap .order-info[data-v-6e8c9b11] {
    font-size: var(--ep-font-size-s, .75rem);
    margin: 4px auto
}

.green-default .transfer-wrap .order-info li[data-v-6e8c9b11],
.forest-green .transfer-wrap .order-info li[data-v-6e8c9b11] {
    display: flex;
    justify-content: space-between;
    margin-bottom: .25rem
}

.green-default .transfer-wrap .order-info li .sub-text[data-v-6e8c9b11],
.forest-green .transfer-wrap .order-info li .sub-text[data-v-6e8c9b11] {
    color: var(--color-text-40)
}

.green-default .transfer-wrap .order-info li .text[data-v-6e8c9b11],
.forest-green .transfer-wrap .order-info li .text[data-v-6e8c9b11] {
    color: var(--color-text-100)
}

.green-default .transfer-wrap .order-info li .right-area[data-v-6e8c9b11],
.forest-green .transfer-wrap .order-info li .right-area[data-v-6e8c9b11] {
    display: flex;
    align-items: center;
    gap: .4375rem
}

.green-default .transfer-wrap .order-info li .copy-icon[data-v-6e8c9b11],
.forest-green .transfer-wrap .order-info li .copy-icon[data-v-6e8c9b11] {
    font-size: var(--ep-font-size-l, 1rem);
    color: var(--accent-color-yellow)
}

.green-default .transfer-wrap .order-info li .download-qrcode[data-v-6e8c9b11],
.forest-green .transfer-wrap .order-info li .download-qrcode[data-v-6e8c9b11] {
    height: 1.5rem;
    line-height: 1.5rem;
    padding: 0 .4375rem;
    border: 1px solid var(--accent-color-orange-1);
    border-radius: var(--ep-border-radius-m, .375rem);
    color: var(--accent-color-orange-1);
    cursor: pointer
}

.green-default .transfer-wrap .order-info li .qr-code-img[data-v-6e8c9b11],
.forest-green .transfer-wrap .order-info li .qr-code-img[data-v-6e8c9b11] {
    width: 6.25rem;
    height: 6.25rem;
    display: block;
    border-radius: var(--ep-border-radius-m, .375rem)
}

.green-default .transfer-wrap .order-info li .bank-icon[data-v-6e8c9b11],
.forest-green .transfer-wrap .order-info li .bank-icon[data-v-6e8c9b11] {
    font-size: var(--ep-font-size-l, 1rem)
}

.green-default .transfer-wrap .order-info li .voucher-img-wrap[data-v-6e8c9b11],
.forest-green .transfer-wrap .order-info li .voucher-img-wrap[data-v-6e8c9b11] {
    width: 6.25rem;
    height: 6.25rem;
    border-radius: var(--ep-border-radius-m, .375rem);
    overflow: hidden;
    border: 1px solid var(--color-line)
}

.green-default .transfer-wrap .order-info li .voucher-img-wrap img[data-v-6e8c9b11],
.forest-green .transfer-wrap .order-info li .voucher-img-wrap img[data-v-6e8c9b11] {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.green-default .transfer-wrap .real-name-area[data-v-6e8c9b11],
.forest-green .transfer-wrap .real-name-area[data-v-6e8c9b11] {
    margin-top: .75rem
}

.green-default .transfer-wrap .real-name-area .desc-text[data-v-6e8c9b11],
.forest-green .transfer-wrap .real-name-area .desc-text[data-v-6e8c9b11] {
    text-align: left;
    color: var(--color-text-100);
    font-size: var(--ep-font-size-s, .75rem)
}

.green-default .transfer-wrap .real-name-area .input-area[data-v-6e8c9b11],
.forest-green .transfer-wrap .real-name-area .input-area[data-v-6e8c9b11] {
    text-align: left;
    margin-top: .5rem;
    width: 100%;
    height: 2.8125rem
}

.green-default .transfer-wrap .upload-wrap[data-v-6e8c9b11],
.forest-green .transfer-wrap .upload-wrap[data-v-6e8c9b11] {
    margin-top: 1.125rem;
    text-align: left
}

.green-default .transfer-wrap .upload-wrap .title[data-v-6e8c9b11],
.forest-green .transfer-wrap .upload-wrap .title[data-v-6e8c9b11] {
    color: var(--color-text-100);
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-bold, 700);
    line-height: 1.75rem
}

.green-default .transfer-wrap .upload-wrap .title .asterisk[data-v-6e8c9b11],
.forest-green .transfer-wrap .upload-wrap .title .asterisk[data-v-6e8c9b11] {
    color: var(--color-danger);
    margin-left: .25rem
}

.green-default .transfer-wrap .upload-wrap .upload-area[data-v-6e8c9b11],
.forest-green .transfer-wrap .upload-wrap .upload-area[data-v-6e8c9b11] {
    display: flex;
    justify-content: start;
    align-items: center;
    margin-top: .625rem;
    gap: .625rem
}

.green-default .transfer-wrap .upload-wrap .upload-area .rules p[data-v-6e8c9b11],
.forest-green .transfer-wrap .upload-wrap .upload-area .rules p[data-v-6e8c9b11] {
    color: var(--color-text-40);
    font-size: var(--ep-font-size-xs, .625rem);
    line-height: 1.125rem
}

.green-default .transfer-wrap .btn-warp[data-v-6e8c9b11],
.forest-green .transfer-wrap .btn-warp[data-v-6e8c9b11] {
    display: flex;
    justify-content: space-between;
    align-self: center;
    margin-top: 1.125rem
}

.green-default .transfer-wrap .btn-warp .btn[data-v-6e8c9b11],
.forest-green .transfer-wrap .btn-warp .btn[data-v-6e8c9b11] {
    width: 10.375rem;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-bold, 700);
    cursor: pointer;
    border-radius: var(--ep-border-radius-m, .375rem)
}

.green-default .transfer-wrap .btn-warp .cancel-btn[data-v-6e8c9b11],
.forest-green .transfer-wrap .btn-warp .cancel-btn[data-v-6e8c9b11] {
    color: var(--color-text-100);
    background: var(--color-bg-100)
}

.green-default .transfer-wrap .btn-warp .confirm-btn[data-v-6e8c9b11],
.forest-green .transfer-wrap .btn-warp .confirm-btn[data-v-6e8c9b11] {
    color: var(--text-color-white-100);
    background: var(--theme-color-gradient-100)
}

.amber-purple #modal-assets-order[data-v-6e8c9b11] {
    --height: auto
}

.amber-purple .transfer-wrap[data-v-6e8c9b11] {
    width: 22.875rem;
    background: var(--color-bg-200);
    box-sizing: border-box;
    margin: auto;
    padding: 1.0625rem .75rem 1.5rem;
    border-radius: var(--ep-border-radius-surface-small, .75rem);
    text-align: center
}

.amber-purple .transfer-wrap .title-wrap[data-v-6e8c9b11] {
    display: flex;
    align-items: center
}

.amber-purple .transfer-wrap .title-wrap .title[data-v-6e8c9b11] {
    flex: 1;
    color: var(--color-text-100);
    font-size: var(--ep-font-size-xl, 1.125rem);
    font-weight: var(--ep-font-weight-medium, 600);
    line-height: 1.75rem
}

.amber-purple .transfer-wrap .title-wrap .close[data-v-6e8c9b11] {
    color: var(--color-text-100)
}

.amber-purple .transfer-wrap .status[data-v-6e8c9b11] {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto
}

.amber-purple .transfer-wrap .status .applying[data-v-6e8c9b11] {
    font-size: 1.25rem
}

.amber-purple .transfer-wrap .status .waiting-icon[data-v-6e8c9b11] {
    margin-top: -.5rem;
    margin-left: .75rem
}

.amber-purple .transfer-wrap .success[data-v-6e8c9b11] {
    background: var(--color-success)
}

.amber-purple .transfer-wrap .fail[data-v-6e8c9b11] {
    background: var(--color-danger)
}

.amber-purple .transfer-wrap .waiting[data-v-6e8c9b11] {
    background: var(--color-warning)
}

.amber-purple .transfer-wrap .stats-text-area[data-v-6e8c9b11] {
    font-size: var(--ep-font-size-s, .75rem);
    text-align: center;
    margin: 8px auto;
    line-height: 1.5
}

.amber-purple .transfer-wrap .stats-text-area .waiting-text[data-v-6e8c9b11] {
    color: var(--color-warning)
}

.amber-purple .transfer-wrap .stats-text-area .success-text[data-v-6e8c9b11] {
    color: var(--color-success)
}

.amber-purple .transfer-wrap .stats-text-area .fail-text[data-v-6e8c9b11] {
    color: var(--color-danger)
}

.amber-purple .transfer-wrap .stats-text-area .waiting-text-desc[data-v-6e8c9b11] {
    color: var(--color-text-40);
    display: flex;
    justify-content: center;
    align-self: center;
    gap: .4375rem
}

.amber-purple .transfer-wrap .stats-text-area .waiting-text-desc .count-down-time[data-v-6e8c9b11] {
    color: var(--color-danger)
}

.amber-purple .transfer-wrap .amount-area[data-v-6e8c9b11] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto .75rem
}

.amber-purple .transfer-wrap .amount-area img[data-v-6e8c9b11] {
    width: 1.25rem;
    height: 1.25rem;
    display: block
}

.amber-purple .transfer-wrap .amount-area .amount[data-v-6e8c9b11] {
    color: var(--color-text-100);
    font-size: var(--ep-font-size-xl, 1.125rem);
    font-weight: var(--ep-font-weight-bold, 600);
    line-height: 1.75rem;
    margin-left: .25rem
}

.amber-purple .transfer-wrap .amount-desc[data-v-6e8c9b11] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto .75rem;
    width: 7.5rem
}

.amber-purple .transfer-wrap .amount-desc img[data-v-6e8c9b11] {
    width: 1.25rem;
    height: 1.25rem;
    display: block
}

.amber-purple .transfer-wrap .amount-desc .ratio[data-v-6e8c9b11] {
    height: 1.375rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--ep-font-size-s, .75rem);
    text-align: center;
    color: var(--color-text-100);
    border: 1px solid var(--color-line);
    padding: 0 .625rem
}

.amber-purple .transfer-wrap .amount-desc .ratio img[data-v-6e8c9b11] {
    width: 1rem;
    height: 1rem;
    display: block;
    margin-right: .25rem
}

.amber-purple .transfer-wrap .line[data-v-6e8c9b11] {
    width: 100%;
    border: 1px dashed var(--color-line)
}

.amber-purple .transfer-wrap .order-info[data-v-6e8c9b11] {
    font-size: var(--ep-font-size-s, .75rem);
    margin: 4px auto
}

.amber-purple .transfer-wrap .order-info li[data-v-6e8c9b11] {
    display: flex;
    justify-content: space-between;
    margin-bottom: .25rem
}

.amber-purple .transfer-wrap .order-info li .sub-text[data-v-6e8c9b11] {
    color: var(--color-text-40)
}

.amber-purple .transfer-wrap .order-info li .text[data-v-6e8c9b11] {
    color: var(--color-text-100)
}

.amber-purple .transfer-wrap .order-info li .right-area[data-v-6e8c9b11] {
    display: flex;
    align-items: center;
    gap: .4375rem
}

.amber-purple .transfer-wrap .order-info li .copy-icon[data-v-6e8c9b11] {
    font-size: var(--ep-font-size-l, 1rem);
    color: var(--color-warning)
}

.amber-purple .transfer-wrap .order-info li .download-qrcode[data-v-6e8c9b11] {
    height: 1.5rem;
    line-height: 1.5rem;
    padding: 0 .4375rem;
    border: 1px solid var(--color-warning);
    border-radius: var(--ep-border-radius-m, .375rem);
    color: var(--color-warning);
    cursor: pointer
}

.amber-purple .transfer-wrap .order-info li .qr-code-img[data-v-6e8c9b11] {
    width: 6.25rem;
    height: 6.25rem;
    display: block;
    border-radius: var(--ep-border-radius-m, .375rem)
}

.amber-purple .transfer-wrap .order-info li .bank-icon[data-v-6e8c9b11] {
    font-size: var(--ep-font-size-l, 1rem)
}

.amber-purple .transfer-wrap .order-info li .voucher-img-wrap[data-v-6e8c9b11] {
    width: 6.25rem;
    height: 6.25rem;
    border-radius: var(--ep-border-radius-m, .375rem);
    overflow: hidden;
    border: 1px solid var(--color-line)
}

.amber-purple .transfer-wrap .order-info li .voucher-img-wrap img[data-v-6e8c9b11] {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.amber-purple .transfer-wrap .real-name-area[data-v-6e8c9b11] {
    margin-top: .75rem
}

.amber-purple .transfer-wrap .real-name-area .desc-text[data-v-6e8c9b11] {
    text-align: left;
    color: var(--color-text-100);
    font-size: var(--ep-font-size-s, .75rem)
}

.amber-purple .transfer-wrap .real-name-area .input-area[data-v-6e8c9b11] {
    text-align: left;
    margin-top: .5rem;
    width: 100%;
    height: 2.8125rem
}

.amber-purple .transfer-wrap .upload-wrap[data-v-6e8c9b11] {
    margin-top: 1.125rem;
    text-align: left
}

.amber-purple .transfer-wrap .upload-wrap .title[data-v-6e8c9b11] {
    color: var(--color-text-100);
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-bold, 700);
    line-height: 1.75rem
}

.amber-purple .transfer-wrap .upload-wrap .title .asterisk[data-v-6e8c9b11] {
    color: var(--color-danger);
    margin-left: .25rem
}

.amber-purple .transfer-wrap .upload-wrap .upload-area[data-v-6e8c9b11] {
    display: flex;
    justify-content: start;
    align-items: center;
    margin-top: .625rem;
    gap: .625rem
}

.amber-purple .transfer-wrap .upload-wrap .upload-area .rules p[data-v-6e8c9b11] {
    color: var(--color-text-40);
    font-size: var(--ep-font-size-xs, .625rem);
    line-height: 1.125rem
}

.amber-purple .transfer-wrap .btn-warp[data-v-6e8c9b11] {
    display: flex;
    justify-content: space-between;
    align-self: center;
    margin-top: 1.125rem
}

.amber-purple .transfer-wrap .btn-warp .btn[data-v-6e8c9b11] {
    width: 10.375rem;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-bold, 700);
    cursor: pointer;
    border-radius: var(--ep-border-radius-m, .375rem)
}

.amber-purple .transfer-wrap .btn-warp .cancel-btn[data-v-6e8c9b11] {
    color: var(--color-text-100);
    background: var(--color-bg-100)
}

.amber-purple .transfer-wrap .btn-warp .confirm-btn[data-v-6e8c9b11] {
    color: var(--text-color-white-100);
    background: var(--theme-color-gradient-100)
}

.purple-light #modal-assets-order[data-v-6e8c9b11] {
    --height: auto
}

.purple-light .transfer-wrap[data-v-6e8c9b11] {
    width: 22.875rem;
    background: var(--color-bg-200);
    box-sizing: border-box;
    margin: auto;
    padding: 1.0625rem .75rem 1.5rem;
    border-radius: var(--ep-border-radius-surface-small, .75rem);
    text-align: center
}

.purple-light .transfer-wrap .title-wrap[data-v-6e8c9b11] {
    display: flex;
    align-items: center
}

.purple-light .transfer-wrap .title-wrap .title[data-v-6e8c9b11] {
    flex: 1;
    color: var(--color-text-100);
    font-size: var(--ep-font-size-xl, 1.125rem);
    font-weight: var(--ep-font-weight-medium, 600);
    line-height: 1.75rem
}

.purple-light .transfer-wrap .title-wrap .close[data-v-6e8c9b11] {
    color: var(--color-text-100)
}

.purple-light .transfer-wrap .status[data-v-6e8c9b11] {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto
}

.purple-light .transfer-wrap .status .applying[data-v-6e8c9b11] {
    font-size: 1.25rem
}

.purple-light .transfer-wrap .status .waiting-icon[data-v-6e8c9b11] {
    margin-top: -.5rem;
    margin-left: .75rem
}

.purple-light .transfer-wrap .success[data-v-6e8c9b11] {
    background: var(--color-success)
}

.purple-light .transfer-wrap .fail[data-v-6e8c9b11] {
    background: var(--color-danger)
}

.purple-light .transfer-wrap .waiting[data-v-6e8c9b11] {
    background: var(--color-warning)
}

.purple-light .transfer-wrap .stats-text-area[data-v-6e8c9b11] {
    font-size: var(--ep-font-size-s, .75rem);
    text-align: center;
    margin: 8px auto;
    line-height: 1.5
}

.purple-light .transfer-wrap .stats-text-area .waiting-text[data-v-6e8c9b11] {
    color: var(--color-warning)
}

.purple-light .transfer-wrap .stats-text-area .success-text[data-v-6e8c9b11] {
    color: var(--color-success)
}

.purple-light .transfer-wrap .stats-text-area .fail-text[data-v-6e8c9b11] {
    color: var(--color-danger)
}

.purple-light .transfer-wrap .stats-text-area .waiting-text-desc[data-v-6e8c9b11] {
    color: var(--color-text-40);
    display: flex;
    justify-content: center;
    align-self: center;
    gap: .4375rem
}

.purple-light .transfer-wrap .stats-text-area .waiting-text-desc .count-down-time[data-v-6e8c9b11] {
    color: var(--color-danger)
}

.purple-light .transfer-wrap .amount-area[data-v-6e8c9b11] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto .75rem
}

.purple-light .transfer-wrap .amount-area img[data-v-6e8c9b11] {
    width: 1.25rem;
    height: 1.25rem;
    display: block
}

.purple-light .transfer-wrap .amount-area .amount[data-v-6e8c9b11] {
    color: var(--color-text-100);
    font-size: var(--ep-font-size-xl, 1.125rem);
    font-weight: var(--ep-font-weight-bold, 600);
    line-height: 1.75rem;
    margin-left: .25rem
}

.purple-light .transfer-wrap .amount-desc[data-v-6e8c9b11] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto .75rem;
    width: 7.5rem
}

.purple-light .transfer-wrap .amount-desc img[data-v-6e8c9b11] {
    width: 1.25rem;
    height: 1.25rem;
    display: block
}

.purple-light .transfer-wrap .amount-desc .ratio[data-v-6e8c9b11] {
    height: 1.375rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--ep-font-size-s, .75rem);
    text-align: center;
    color: var(--color-text-100);
    border: 1px solid var(--color-line);
    padding: 0 .625rem
}

.purple-light .transfer-wrap .amount-desc .ratio img[data-v-6e8c9b11] {
    width: 1rem;
    height: 1rem;
    display: block;
    margin-right: .25rem
}

.purple-light .transfer-wrap .line[data-v-6e8c9b11] {
    width: 100%;
    border: 1px dashed var(--color-line)
}

.purple-light .transfer-wrap .order-info[data-v-6e8c9b11] {
    font-size: var(--ep-font-size-s, .75rem);
    margin: 4px auto
}

.purple-light .transfer-wrap .order-info li[data-v-6e8c9b11] {
    display: flex;
    justify-content: space-between;
    margin-bottom: .25rem
}

.purple-light .transfer-wrap .order-info li .sub-text[data-v-6e8c9b11] {
    color: var(--color-text-40)
}

.purple-light .transfer-wrap .order-info li .text[data-v-6e8c9b11] {
    color: var(--color-text-100)
}

.purple-light .transfer-wrap .order-info li .right-area[data-v-6e8c9b11] {
    display: flex;
    align-items: center;
    gap: .4375rem
}

.purple-light .transfer-wrap .order-info li .copy-icon[data-v-6e8c9b11] {
    font-size: var(--ep-font-size-l, 1rem);
    color: var(--theme-color-800)
}

.purple-light .transfer-wrap .order-info li .download-qrcode[data-v-6e8c9b11] {
    height: 1.5rem;
    line-height: 1.5rem;
    padding: 0 .4375rem;
    border: 1px solid var(--color-warning);
    border-radius: var(--ep-border-radius-m, .375rem);
    color: var(--color-warning);
    cursor: pointer
}

.purple-light .transfer-wrap .order-info li .qr-code-img[data-v-6e8c9b11] {
    width: 6.25rem;
    height: 6.25rem;
    display: block;
    border-radius: var(--ep-border-radius-m, .375rem)
}

.purple-light .transfer-wrap .order-info li .bank-icon[data-v-6e8c9b11] {
    font-size: var(--ep-font-size-l, 1rem)
}

.purple-light .transfer-wrap .order-info li .voucher-img-wrap[data-v-6e8c9b11] {
    width: 6.25rem;
    height: 6.25rem;
    border-radius: var(--ep-border-radius-m, .375rem);
    overflow: hidden;
    border: 1px solid var(--color-line)
}

.purple-light .transfer-wrap .order-info li .voucher-img-wrap img[data-v-6e8c9b11] {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.purple-light .transfer-wrap .real-name-area[data-v-6e8c9b11] {
    margin-top: .75rem
}

.purple-light .transfer-wrap .real-name-area .desc-text[data-v-6e8c9b11] {
    text-align: left;
    color: var(--color-text-100);
    font-size: var(--ep-font-size-s, .75rem)
}

.purple-light .transfer-wrap .real-name-area .input-area[data-v-6e8c9b11] {
    text-align: left;
    margin-top: .5rem;
    width: 100%;
    height: 2.8125rem
}

.purple-light .transfer-wrap .upload-wrap[data-v-6e8c9b11] {
    margin-top: 1.125rem;
    text-align: left
}

.purple-light .transfer-wrap .upload-wrap .title[data-v-6e8c9b11] {
    color: var(--color-text-100);
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-bold, 700);
    line-height: 1.75rem
}

.purple-light .transfer-wrap .upload-wrap .title .asterisk[data-v-6e8c9b11] {
    color: var(--color-danger);
    margin-left: .25rem
}

.purple-light .transfer-wrap .upload-wrap .upload-area[data-v-6e8c9b11] {
    display: flex;
    justify-content: start;
    align-items: center;
    margin-top: .625rem;
    gap: .625rem
}

.purple-light .transfer-wrap .upload-wrap .upload-area .rules p[data-v-6e8c9b11] {
    color: var(--color-text-40);
    font-size: var(--ep-font-size-xs, .625rem);
    line-height: 1.125rem
}

.purple-light .transfer-wrap .btn-warp[data-v-6e8c9b11] {
    display: flex;
    justify-content: space-between;
    align-self: center;
    margin-top: 1.125rem
}

.purple-light .transfer-wrap .btn-warp .btn[data-v-6e8c9b11] {
    width: 10.375rem;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-bold, 700);
    cursor: pointer;
    border-radius: var(--ep-border-radius-m, .375rem)
}

.purple-light .transfer-wrap .btn-warp .cancel-btn[data-v-6e8c9b11] {
    color: var(--color-text-100);
    background: var(--color-bg-400)
}

.purple-light .transfer-wrap .btn-warp .confirm-btn[data-v-6e8c9b11] {
    color: var(--text-color-white-100);
    background: var(--theme-color-800)
}

.color-primary-600[data-v-bf70ff99] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-bf70ff99] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-bf70ff99] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-bf70ff99] {
    color: var(--color-primary-900)
}

.bg-100[data-v-bf70ff99] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-bf70ff99] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-bf70ff99] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-bf70ff99] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-bf70ff99] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-bf70ff99] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-bf70ff99] {
    background-color: var(--color-warning)
}

.bg-link[data-v-bf70ff99] {
    background-color: var(--color-link)
}

.bg-danger[data-v-bf70ff99] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-bf70ff99] {
    color: var(--color-text-100)
}

.color-text-80[data-v-bf70ff99] {
    color: var(--color-text-80)
}

.color-text-50[data-v-bf70ff99] {
    color: var(--color-text-50)
}

.color-text-40[data-v-bf70ff99] {
    color: var(--color-text-40)
}

.color-text-20[data-v-bf70ff99] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-bf70ff99] {
    color: var(--color-currency)
}

.color-warning[data-v-bf70ff99] {
    color: var(--color-warning)
}

.color-danger[data-v-bf70ff99] {
    color: var(--color-danger)
}

.color-link[data-v-bf70ff99] {
    color: var(--color-link)
}

.color-line[data-v-bf70ff99] {
    color: var(--color-line)
}

.color-border[data-v-bf70ff99] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-bf70ff99] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-bf70ff99] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-bf70ff99] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-bf70ff99] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-bf70ff99] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-bf70ff99] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-bf70ff99] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-bf70ff99] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-bf70ff99] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-bf70ff99] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-bf70ff99] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-bf70ff99] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-bf70ff99] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-bf70ff99] {
    display: flex;
    align-items: center
}

.flex-start[data-v-bf70ff99] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-bf70ff99] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-bf70ff99] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-bf70ff99] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-bf70ff99] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-bf70ff99] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-bf70ff99] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-bf70ff99] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-bf70ff99] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-bf70ff99] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-bf70ff99] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-bf70ff99] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-bf70ff99] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-bf70ff99] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-bf70ff99] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-bf70ff99] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-bf70ff99] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-bf70ff99] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-bf70ff99] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-bf70ff99] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-bf70ff99] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-bf70ff99] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-bf70ff99] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-bf70ff99] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-bf70ff99],
.mlm-selected-item[data-v-bf70ff99] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-bf70ff99] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-bf70ff99]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-bf70ff99] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-bf70ff99] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-bf70ff99] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.new-skin-symbol .pay-method-wrap[data-v-bf70ff99] {
    width: 100%;
    height: 21.625rem;
    background: var(--ep-color-background-fill-body-default);
    padding: 1.5rem 1.125rem;
    border-radius: var(--ep-border-radius-xl, .625rem);
    margin: 1.375rem auto 0;
    font-size: var(--ep-font-size-m, .875rem);
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.new-skin-symbol .pay-method-wrap[data-v-bf70ff99]::-webkit-scrollbar {
    display: none
}

.new-skin-symbol .pay-method-wrap .pay-method-item[data-v-bf70ff99] {
    width: 100%;
    height: 3.75rem;
    border-radius: var(--ep-border-radius-m, .375rem);
    position: relative;
    background: var(--ep-color-background-fill-surface-raised-L1);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: .875rem;
    box-sizing: border-box;
    margin-bottom: 1.25rem
}

.new-skin-symbol .pay-method-wrap .pay-method-item .tag-icon-wrap[data-v-bf70ff99] {
    position: absolute;
    left: -.125rem;
    top: -1.375rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .3125rem
}

.new-skin-symbol .pay-method-wrap .pay-method-item .tag-icon-wrap .tag-icon[data-v-bf70ff99] {
    width: 3.5rem;
    height: 2rem
}

.new-skin-symbol .pay-method-wrap .pay-method-item .logo[data-v-bf70ff99] {
    width: 2rem;
    height: 2rem;
    border-radius: var(--ep-border-radius-m, .375rem);
    display: block
}

.new-skin-symbol .pay-method-wrap .pay-method-item .name[data-v-bf70ff99] {
    font-weight: var(--ep-font-weight-medium, 600);
    line-height: 1.375rem;
    margin: 0 .375rem 0 1rem;
    color: var(--ep-color-text-default)
}

.new-skin-symbol .pay-method-wrap .pay-method-item .bonus-area[data-v-bf70ff99] {
    height: 1.125rem;
    line-height: 1.125rem;
    padding: 0 .375rem;
    background: var(--ep-color-icon-tips);
    border-radius: var(--ep-border-radius-l, .5rem) var(--ep-border-radius-l, .5rem) var(--ep-border-radius-l, .5rem) 0;
    font-size: var(--ep-font-size-s, .75rem);
    margin-top: -15px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--ep-color-text-highlight-white)
}

.new-skin-symbol .pay-method-wrap .active[data-v-bf70ff99] {
    border: 1px solid var(--ep-color-text-selected)
}

.new-skin-symbol .pay-method-wrap .active .ok-icon[data-v-bf70ff99] {
    color: var(--ep-color-icon-selected);
    position: absolute;
    right: 1rem;
    bottom: 50%;
    transform: translateY(50%);
    font-size: var(--ep-font-size-l, .875rem)
}

.new-skin-symbol .pay-method-popup[data-v-bf70ff99] {
    background: var(--ep-color-background-fill-surface-raised-L1)
}

.new-skin-symbol .pay-method-popup .pay-method-item[data-v-bf70ff99] {
    background: var(--ep-color-background-fill-body-default)
}

.purple-light .pay-method-wrap[data-v-bf70ff99] {
    width: 100%;
    height: 21.625rem;
    background: var(--color-bg-300);
    padding: 1.5rem 1.125rem;
    border-radius: var(--ep-border-radius-xl, .625rem);
    margin: 1.375rem auto 0;
    font-size: var(--ep-font-size-m, .875rem);
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.purple-light .pay-method-wrap[data-v-bf70ff99]::-webkit-scrollbar {
    display: none
}

.purple-light .pay-method-wrap .pay-method-item[data-v-bf70ff99] {
    width: 100%;
    height: 3.75rem;
    border-radius: var(--ep-border-radius-m, .375rem);
    position: relative;
    background: var(--color-bg-200);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: .875rem;
    box-sizing: border-box;
    margin-bottom: 1.25rem
}

.purple-light .pay-method-wrap .pay-method-item .tag-icon-wrap[data-v-bf70ff99] {
    position: absolute;
    left: -.125rem;
    top: -1.375rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .3125rem
}

.purple-light .pay-method-wrap .pay-method-item .tag-icon-wrap .tag-icon[data-v-bf70ff99] {
    width: 3.5rem;
    height: 2rem
}

.purple-light .pay-method-wrap .pay-method-item .logo[data-v-bf70ff99] {
    width: 2rem;
    height: 2rem;
    border-radius: var(--ep-border-radius-m, .375rem);
    display: block
}

.purple-light .pay-method-wrap .pay-method-item .name[data-v-bf70ff99] {
    font-weight: var(--ep-font-weight-medium, 600);
    line-height: 1.375rem;
    margin: 0 .375rem 0 1rem;
    color: var(--color-text-100)
}

.purple-light .pay-method-wrap .pay-method-item .bonus-area[data-v-bf70ff99] {
    height: 1.125rem;
    line-height: 1.125rem;
    padding: 0 .375rem;
    background: var(--accent-color-red);
    border-radius: var(--ep-border-radius-l, .5rem) var(--ep-border-radius-l, .5rem) var(--ep-border-radius-l, .5rem) 0;
    font-size: var(--ep-font-size-s, .75rem);
    margin-top: -15px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-color-white-100)
}

.purple-light .pay-method-wrap .active[data-v-bf70ff99] {
    border: 1px solid var(--theme-color-800)
}

.purple-light .pay-method-wrap .active .ok-icon[data-v-bf70ff99] {
    color: var(--accent-color-green);
    position: absolute;
    right: 1rem;
    bottom: 50%;
    transform: translateY(50%);
    font-size: var(--ep-font-size-l, .875rem)
}

.purple-light .pay-method-popup[data-v-bf70ff99] {
    background: var(--color-bg-200)
}

.purple-light .pay-method-popup .pay-method-item[data-v-bf70ff99] {
    background: var(--color-bg-300)
}

.green-dark .pay-method-wrap[data-v-bf70ff99],
.blue-default .pay-method-wrap[data-v-bf70ff99] {
    width: 100%;
    height: 21.625rem;
    background: var(--color-bg-300);
    padding: 1.5rem 1.125rem;
    border-radius: var(--ep-border-radius-xl, .625rem);
    margin: 1.375rem auto 0;
    font-size: var(--ep-font-size-m, .875rem);
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.green-dark .pay-method-wrap[data-v-bf70ff99]::-webkit-scrollbar,
.blue-default .pay-method-wrap[data-v-bf70ff99]::-webkit-scrollbar {
    display: none
}

.green-dark .pay-method-wrap .pay-method-item[data-v-bf70ff99],
.blue-default .pay-method-wrap .pay-method-item[data-v-bf70ff99] {
    width: 100%;
    height: 3.75rem;
    border-radius: var(--ep-border-radius-m, .375rem);
    position: relative;
    background: var(--color-bg-200);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: .875rem;
    box-sizing: border-box;
    margin-bottom: 1.25rem
}

.green-dark .pay-method-wrap .pay-method-item .tag-icon-wrap[data-v-bf70ff99],
.blue-default .pay-method-wrap .pay-method-item .tag-icon-wrap[data-v-bf70ff99] {
    position: absolute;
    left: -.125rem;
    top: -1.375rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .3125rem
}

.green-dark .pay-method-wrap .pay-method-item .tag-icon-wrap .tag-icon[data-v-bf70ff99],
.blue-default .pay-method-wrap .pay-method-item .tag-icon-wrap .tag-icon[data-v-bf70ff99] {
    width: 3.5rem;
    height: 2rem
}

.green-dark .pay-method-wrap .pay-method-item .logo[data-v-bf70ff99],
.blue-default .pay-method-wrap .pay-method-item .logo[data-v-bf70ff99] {
    width: 2rem;
    height: 2rem;
    border-radius: var(--ep-border-radius-m, .375rem);
    display: block
}

.green-dark .pay-method-wrap .pay-method-item .name[data-v-bf70ff99],
.blue-default .pay-method-wrap .pay-method-item .name[data-v-bf70ff99] {
    font-weight: var(--ep-font-weight-medium, 600);
    line-height: 1.375rem;
    margin: 0 .375rem 0 1rem;
    color: var(--color-text-100)
}

.green-dark .pay-method-wrap .pay-method-item .bonus-area[data-v-bf70ff99],
.blue-default .pay-method-wrap .pay-method-item .bonus-area[data-v-bf70ff99] {
    height: 1.125rem;
    line-height: 1.125rem;
    padding: 0 .375rem;
    background: var(--accent-color-red);
    border-radius: var(--ep-border-radius-l, .5rem) var(--ep-border-radius-l, .5rem) var(--ep-border-radius-l, .5rem) 0;
    font-size: var(--ep-font-size-s, .75rem);
    margin-top: -15px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-color-white-100)
}

.green-dark .pay-method-wrap .active[data-v-bf70ff99],
.blue-default .pay-method-wrap .active[data-v-bf70ff99] {
    border: 1px solid var(--theme-color-800)
}

.green-dark .pay-method-wrap .active .ok-icon[data-v-bf70ff99],
.blue-default .pay-method-wrap .active .ok-icon[data-v-bf70ff99] {
    color: var(--theme-color-800);
    position: absolute;
    right: 1rem;
    bottom: 50%;
    transform: translateY(50%);
    font-size: var(--ep-font-size-l, .875rem)
}

.green-dark .pay-method-popup[data-v-bf70ff99],
.blue-default .pay-method-popup[data-v-bf70ff99] {
    background: var(--color-bg-200)
}

.green-dark .pay-method-popup .pay-method-item[data-v-bf70ff99],
.blue-default .pay-method-popup .pay-method-item[data-v-bf70ff99] {
    background: var(--color-bg-300)
}

.yellow-dark .pay-method-wrap[data-v-bf70ff99] {
    width: 100%;
    height: 21.625rem;
    background: var(--color-bg-300);
    padding: 1.5rem 1.125rem;
    border-radius: var(--ep-border-radius-xl, .625rem);
    margin: 1.375rem auto 0;
    font-size: var(--ep-font-size-m, .875rem);
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.yellow-dark .pay-method-wrap[data-v-bf70ff99]::-webkit-scrollbar {
    display: none
}

.yellow-dark .pay-method-wrap .pay-method-item[data-v-bf70ff99] {
    width: 100%;
    height: 3.75rem;
    border-radius: var(--ep-border-radius-m, .375rem);
    position: relative;
    background: var(--color-bg-200);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: .875rem;
    box-sizing: border-box;
    margin-bottom: 1.25rem
}

.yellow-dark .pay-method-wrap .pay-method-item .tag-icon-wrap[data-v-bf70ff99] {
    position: absolute;
    left: -.125rem;
    top: -1.375rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .3125rem
}

.yellow-dark .pay-method-wrap .pay-method-item .tag-icon-wrap .tag-icon[data-v-bf70ff99] {
    width: 3.5rem;
    height: 2rem
}

.yellow-dark .pay-method-wrap .pay-method-item .logo[data-v-bf70ff99] {
    width: 2rem;
    height: 2rem;
    border-radius: var(--ep-border-radius-m, .375rem);
    display: block
}

.yellow-dark .pay-method-wrap .pay-method-item .name[data-v-bf70ff99] {
    font-weight: var(--ep-font-weight-medium, 600);
    line-height: 1.375rem;
    margin: 0 .375rem 0 1rem;
    color: var(--color-text-100)
}

.yellow-dark .pay-method-wrap .pay-method-item .bonus-area[data-v-bf70ff99] {
    height: 1.125rem;
    line-height: 1.125rem;
    padding: 0 .375rem;
    background: var(--accent-color-red);
    border-radius: var(--ep-border-radius-l, .5rem) var(--ep-border-radius-l, .5rem) var(--ep-border-radius-l, .5rem) 0;
    font-size: var(--ep-font-size-s, .75rem);
    margin-top: -15px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-color-white-100)
}

.yellow-dark .pay-method-wrap .active[data-v-bf70ff99] {
    border: 1px solid var(--theme-color-800)
}

.yellow-dark .pay-method-wrap .active .ok-icon[data-v-bf70ff99] {
    color: var(--theme-color-800);
    position: absolute;
    right: 1rem;
    bottom: 50%;
    transform: translateY(50%);
    font-size: var(--ep-font-size-l, .875rem)
}

.yellow-dark .pay-method-popup[data-v-bf70ff99] {
    background: var(--color-bg-200)
}

.yellow-dark .pay-method-popup .pay-method-item[data-v-bf70ff99] {
    background: var(--color-bg-300)
}

.auroral-yellow .pay-method-wrap[data-v-bf70ff99] {
    width: 100%;
    height: 21.625rem;
    background: var(--color-bg-300);
    padding: 1.5rem 1.125rem;
    border-radius: var(--ep-border-radius-xl, .625rem);
    margin: 1.375rem auto 0;
    font-size: var(--ep-font-size-m, .875rem);
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.auroral-yellow .pay-method-wrap[data-v-bf70ff99]::-webkit-scrollbar {
    display: none
}

.auroral-yellow .pay-method-wrap .pay-method-item[data-v-bf70ff99] {
    width: 100%;
    height: 3.75rem;
    border-radius: var(--ep-border-radius-m, .375rem);
    position: relative;
    background: var(--color-bg-200);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: .875rem;
    box-sizing: border-box;
    margin-bottom: 1.25rem
}

.auroral-yellow .pay-method-wrap .pay-method-item .tag-icon-wrap[data-v-bf70ff99] {
    position: absolute;
    left: -.125rem;
    top: -1.375rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .3125rem
}

.auroral-yellow .pay-method-wrap .pay-method-item .tag-icon-wrap .tag-icon[data-v-bf70ff99] {
    width: 3.5rem;
    height: 2rem
}

.auroral-yellow .pay-method-wrap .pay-method-item .logo[data-v-bf70ff99] {
    width: 2rem;
    height: 2rem;
    border-radius: var(--ep-border-radius-m, .375rem);
    display: block
}

.auroral-yellow .pay-method-wrap .pay-method-item .name[data-v-bf70ff99] {
    font-weight: var(--ep-font-weight-medium, 600);
    line-height: 1.375rem;
    margin: 0 .375rem 0 1rem;
    color: var(--color-text-100)
}

.auroral-yellow .pay-method-wrap .pay-method-item .bonus-area[data-v-bf70ff99] {
    height: 1.125rem;
    line-height: 1.125rem;
    padding: 0 .375rem;
    background: var(--accent-color-red);
    border-radius: var(--ep-border-radius-l, .5rem) var(--ep-border-radius-l, .5rem) var(--ep-border-radius-l, .5rem) 0;
    font-size: var(--ep-font-size-s, .75rem);
    margin-top: -15px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-color-white-100)
}

.auroral-yellow .pay-method-wrap .active[data-v-bf70ff99] {
    border: 1px solid var(--theme-color-800)
}

.auroral-yellow .pay-method-wrap .active .ok-icon[data-v-bf70ff99] {
    color: var(--theme-color-800);
    position: absolute;
    right: 1rem;
    bottom: 50%;
    transform: translateY(50%);
    font-size: var(--ep-font-size-l, .875rem)
}

.auroral-yellow .pay-method-popup[data-v-bf70ff99] {
    background: var(--color-bg-200)
}

.auroral-yellow .pay-method-popup .pay-method-item[data-v-bf70ff99] {
    background: var(--color-bg-300)
}

.amber-purple .pay-method-wrap[data-v-bf70ff99] {
    width: 100%;
    height: 21.625rem;
    background: var(--color-bg-300);
    padding: 1.5rem 1.125rem;
    border-radius: var(--ep-border-radius-xl, .625rem);
    margin: 1.375rem auto 0;
    font-size: var(--ep-font-size-m, .875rem);
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.amber-purple .pay-method-wrap[data-v-bf70ff99]::-webkit-scrollbar {
    display: none
}

.amber-purple .pay-method-wrap .pay-method-item[data-v-bf70ff99] {
    width: 100%;
    height: 3.75rem;
    border-radius: var(--ep-border-radius-m, .375rem);
    position: relative;
    background: var(--color-bg-200);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: .875rem;
    box-sizing: border-box;
    margin-bottom: 1.25rem
}

.amber-purple .pay-method-wrap .pay-method-item .tag-icon-wrap[data-v-bf70ff99] {
    position: absolute;
    left: -.125rem;
    top: -1.375rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .3125rem
}

.amber-purple .pay-method-wrap .pay-method-item .tag-icon-wrap .tag-icon[data-v-bf70ff99] {
    width: 3.5rem;
    height: 2rem
}

.amber-purple .pay-method-wrap .pay-method-item .logo[data-v-bf70ff99] {
    width: 2rem;
    height: 2rem;
    border-radius: var(--ep-border-radius-m, .375rem);
    display: block
}

.amber-purple .pay-method-wrap .pay-method-item .name[data-v-bf70ff99] {
    font-weight: var(--ep-font-weight-medium, 600);
    line-height: 1.375rem;
    margin: 0 .375rem 0 1rem;
    color: var(--color-text-100)
}

.amber-purple .pay-method-wrap .pay-method-item .bonus-area[data-v-bf70ff99] {
    height: 1.125rem;
    line-height: 1.125rem;
    padding: 0 .375rem;
    background: var(--accent-color-red);
    border-radius: var(--ep-border-radius-l, .5rem) var(--ep-border-radius-l, .5rem) var(--ep-border-radius-l, .5rem) 0;
    font-size: var(--ep-font-size-s, .75rem);
    margin-top: -15px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-color-white-100)
}

.amber-purple .pay-method-wrap .active[data-v-bf70ff99] {
    border: 1px solid var(--theme-color-800)
}

.amber-purple .pay-method-wrap .active .ok-icon[data-v-bf70ff99] {
    color: var(--theme-color-800);
    position: absolute;
    right: 1rem;
    bottom: 50%;
    transform: translateY(50%);
    font-size: var(--ep-font-size-l, .875rem)
}

.amber-purple .pay-method-popup[data-v-bf70ff99] {
    background: var(--color-bg-200)
}

.amber-purple .pay-method-popup .pay-method-item[data-v-bf70ff99] {
    background: var(--color-bg-300)
}

.green-default .pay-method-wrap[data-v-bf70ff99] {
    width: 100%;
    height: 21.625rem;
    background: var(--color-bg-300);
    padding: 1.5rem 1.125rem;
    border-radius: var(--ep-border-radius-xl, .625rem);
    margin: 1.375rem auto 0;
    font-size: var(--ep-font-size-m, .875rem);
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.green-default .pay-method-wrap[data-v-bf70ff99]::-webkit-scrollbar {
    display: none
}

.green-default .pay-method-wrap .pay-method-item[data-v-bf70ff99] {
    width: 100%;
    height: 3.75rem;
    border-radius: var(--ep-border-radius-m, .375rem);
    position: relative;
    background: var(--color-bg-200);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: .875rem;
    box-sizing: border-box;
    margin-bottom: 1.25rem
}

.green-default .pay-method-wrap .pay-method-item .tag-icon-wrap[data-v-bf70ff99] {
    position: absolute;
    left: -.125rem;
    top: -1.375rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .3125rem
}

.green-default .pay-method-wrap .pay-method-item .tag-icon-wrap .tag-icon[data-v-bf70ff99] {
    width: 3.5rem;
    height: 2rem
}

.green-default .pay-method-wrap .pay-method-item .logo[data-v-bf70ff99] {
    width: 2rem;
    height: 2rem;
    border-radius: var(--ep-border-radius-m, .375rem);
    display: block
}

.green-default .pay-method-wrap .pay-method-item .name[data-v-bf70ff99] {
    font-weight: var(--ep-font-weight-medium, 600);
    line-height: 1.375rem;
    margin: 0 .375rem 0 1rem;
    color: var(--color-text-100)
}

.green-default .pay-method-wrap .pay-method-item .bonus-area[data-v-bf70ff99] {
    height: 1.125rem;
    line-height: 1.125rem;
    padding: 0 .375rem;
    background: var(--accent-color-red);
    border-radius: var(--ep-border-radius-l, .5rem) var(--ep-border-radius-l, .5rem) var(--ep-border-radius-l, .5rem) 0;
    font-size: var(--ep-font-size-s, .75rem);
    margin-top: -15px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-color-white-100)
}

.green-default .pay-method-wrap .active[data-v-bf70ff99] {
    border: 1px solid var(--theme-color-800)
}

.green-default .pay-method-wrap .active .ok-icon[data-v-bf70ff99] {
    color: var(--accent-color-yellow);
    position: absolute;
    right: 1rem;
    bottom: 50%;
    transform: translateY(50%);
    font-size: var(--ep-font-size-l, .875rem)
}

.green-default .pay-method-popup[data-v-bf70ff99] {
    background: var(--color-bg-200)
}

.green-default .pay-method-popup .pay-method-item[data-v-bf70ff99] {
    background: var(--color-bg-300)
}

.forest-green .pay-method-wrap[data-v-bf70ff99] {
    width: 100%;
    height: 21.625rem;
    background: var(--color-bg-300);
    padding: 1.5rem 1.125rem;
    border-radius: var(--ep-border-radius-xl, .625rem);
    margin: 1.375rem auto 0;
    font-size: var(--ep-font-size-m, .875rem);
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.forest-green .pay-method-wrap[data-v-bf70ff99]::-webkit-scrollbar {
    display: none
}

.forest-green .pay-method-wrap .pay-method-item[data-v-bf70ff99] {
    width: 100%;
    height: 3.75rem;
    border-radius: var(--ep-border-radius-m, .375rem);
    position: relative;
    background: var(--color-bg-200);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: .875rem;
    box-sizing: border-box;
    margin-bottom: 1.25rem
}

.forest-green .pay-method-wrap .pay-method-item .tag-icon-wrap[data-v-bf70ff99] {
    position: absolute;
    left: -.125rem;
    top: -1.375rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .3125rem
}

.forest-green .pay-method-wrap .pay-method-item .tag-icon-wrap .tag-icon[data-v-bf70ff99] {
    width: 3.5rem;
    height: 2rem
}

.forest-green .pay-method-wrap .pay-method-item .logo[data-v-bf70ff99] {
    width: 2rem;
    height: 2rem;
    border-radius: var(--ep-border-radius-m, .375rem);
    display: block
}

.forest-green .pay-method-wrap .pay-method-item .name[data-v-bf70ff99] {
    font-weight: var(--ep-font-weight-medium, 600);
    line-height: 1.375rem;
    margin: 0 .375rem 0 1rem;
    color: var(--color-text-100)
}

.forest-green .pay-method-wrap .pay-method-item .bonus-area[data-v-bf70ff99] {
    height: 1.125rem;
    line-height: 1.125rem;
    padding: 0 .375rem;
    background: var(--accent-color-red);
    border-radius: var(--ep-border-radius-l, .5rem) var(--ep-border-radius-l, .5rem) var(--ep-border-radius-l, .5rem) 0;
    font-size: var(--ep-font-size-s, .75rem);
    margin-top: -15px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-color-white-100)
}

.forest-green .pay-method-wrap .active[data-v-bf70ff99] {
    border: 1px solid var(--accent-color-orange)
}

.forest-green .pay-method-wrap .active .ok-icon[data-v-bf70ff99] {
    color: var(--accent-color-yellow);
    position: absolute;
    right: 1rem;
    bottom: 50%;
    transform: translateY(50%);
    font-size: var(--ep-font-size-l, .875rem)
}

.forest-green .pay-method-popup[data-v-bf70ff99] {
    background: var(--color-bg-200)
}

.forest-green .pay-method-popup .pay-method-item[data-v-bf70ff99] {
    background: var(--color-bg-300)
}

.color-primary-600[data-v-87f1ec95] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-87f1ec95] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-87f1ec95] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-87f1ec95] {
    color: var(--color-primary-900)
}

.bg-100[data-v-87f1ec95] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-87f1ec95] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-87f1ec95] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-87f1ec95] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-87f1ec95] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-87f1ec95] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-87f1ec95] {
    background-color: var(--color-warning)
}

.bg-link[data-v-87f1ec95] {
    background-color: var(--color-link)
}

.bg-danger[data-v-87f1ec95] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-87f1ec95] {
    color: var(--color-text-100)
}

.color-text-80[data-v-87f1ec95] {
    color: var(--color-text-80)
}

.color-text-50[data-v-87f1ec95] {
    color: var(--color-text-50)
}

.color-text-40[data-v-87f1ec95] {
    color: var(--color-text-40)
}

.color-text-20[data-v-87f1ec95] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-87f1ec95] {
    color: var(--color-currency)
}

.color-warning[data-v-87f1ec95] {
    color: var(--color-warning)
}

.color-danger[data-v-87f1ec95] {
    color: var(--color-danger)
}

.color-link[data-v-87f1ec95] {
    color: var(--color-link)
}

.color-line[data-v-87f1ec95] {
    color: var(--color-line)
}

.color-border[data-v-87f1ec95] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-87f1ec95] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-87f1ec95] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-87f1ec95] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-87f1ec95] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-87f1ec95] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-87f1ec95] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-87f1ec95] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-87f1ec95] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-87f1ec95] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-87f1ec95] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-87f1ec95] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-87f1ec95] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-87f1ec95] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-87f1ec95] {
    display: flex;
    align-items: center
}

.flex-start[data-v-87f1ec95] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-87f1ec95] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-87f1ec95] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-87f1ec95] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-87f1ec95] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-87f1ec95] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-87f1ec95] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-87f1ec95] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-87f1ec95] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-87f1ec95] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-87f1ec95] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-87f1ec95] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-87f1ec95] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-87f1ec95] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-87f1ec95] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-87f1ec95] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-87f1ec95] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-87f1ec95] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-87f1ec95] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-87f1ec95] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-87f1ec95] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-87f1ec95] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-87f1ec95] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-87f1ec95] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-87f1ec95],
.mlm-selected-item[data-v-87f1ec95] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-87f1ec95] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-87f1ec95]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-87f1ec95] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-87f1ec95] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-87f1ec95] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.new-skin-symbol .weight-container-mask[data-v-87f1ec95] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 999999900 !important
}

.new-skin-symbol .category-separation-container[data-v-87f1ec95] {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: auto;
    background: var(--ep-color-background-fill-surface-raised-L1);
    border-radius: var(--ep-border-radius-surface-small, .75rem) var(--ep-border-radius-surface-small, .75rem) 0 0;
    text-align: center;
    font-size: var(--ep-font-size-m, .875rem);
    padding-bottom: var(--7f28e6ef)
}

.new-skin-symbol .category-separation-container .merchantCy[data-v-87f1ec95] {
    margin-right: .3125rem
}

.new-skin-symbol .category-separation-container .close-icon[data-v-87f1ec95] {
    position: absolute;
    top: 1.6875rem;
    left: 1.6875rem;
    font-size: var(--ep-font-size-l, 1rem);
    cursor: pointer;
    color: var(--ep-color-icon-default)
}

.new-skin-symbol .category-separation-container .title[data-v-87f1ec95] {
    color: var(--ep-color-text-default);
    line-height: 1.375rem;
    margin: 1.6875rem 0 2rem
}

.new-skin-symbol .category-separation-container .amount[data-v-87f1ec95] {
    color: var(--ep-color-text-warning, var(--color-warning));
    line-height: 2.25rem;
    margin-top: .625rem;
    font-weight: var(--ep-font-weight-bold, 700);
    font-size: var(--ep-font-size-xxl, 1.5rem)
}

.new-skin-symbol .category-separation-container .extra[data-v-87f1ec95] {
    margin-top: .3125rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.new-skin-symbol .category-separation-container .extra .bonus-text[data-v-87f1ec95] {
    color: var(--ep-color-text-weaker);
    line-height: 18px;
    margin-right: .3125rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.new-skin-symbol .category-separation-container .extra .bonus-amount[data-v-87f1ec95] {
    color: var(--ep-color-text-success, var(--color-success));
    line-height: 1.375rem;
    margin-left: .3125rem
}

.new-skin-symbol .category-separation-container .pay-method-container[data-v-87f1ec95] {
    width: 22.875rem;
    margin: 0 auto
}

.new-skin-symbol .category-separation-container .pay-btn[data-v-87f1ec95] {
    background: var(--ep-dynamic-primary);
    width: 22.875rem;
    height: 2.875rem;
    line-height: 2.875rem;
    border-radius: var(--ep-border-radius-m, .375rem);
    margin: 1rem auto;
    font-size: var(--ep-font-size-m, .875rem);
    color: var(--ep-color-text-inverse);
    text-align: center;
    font-weight: var(--ep-font-weight-bold, 700)
}

.purple-light .weight-container-mask[data-v-87f1ec95] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 999999900 !important
}

.purple-light .category-separation-container[data-v-87f1ec95] {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: auto;
    background: var(--color-bg-200);
    border-radius: var(--ep-border-radius-surface-small, .75rem) var(--ep-border-radius-surface-small, .75rem) 0 0;
    text-align: center;
    font-size: var(--ep-font-size-m, .875rem);
    padding-bottom: var(--7f28e6ef)
}

.purple-light .category-separation-container .merchantCy[data-v-87f1ec95] {
    margin-right: .3125rem
}

.purple-light .category-separation-container .close-icon[data-v-87f1ec95] {
    position: absolute;
    top: 1.6875rem;
    left: 1.6875rem;
    font-size: var(--ep-font-size-l, 1rem);
    cursor: pointer;
    color: var(--color-text-100)
}

.purple-light .category-separation-container .title[data-v-87f1ec95] {
    color: var(--color-text-100);
    line-height: 1.375rem;
    margin: 1.6875rem 0 2rem
}

.purple-light .category-separation-container .amount[data-v-87f1ec95] {
    color: var(--accent-color-orange, var(--color-warning));
    line-height: 2.25rem;
    margin-top: .625rem;
    font-weight: var(--ep-font-weight-bold, 700);
    font-size: var(--ep-font-size-xxl, 1.5rem)
}

.purple-light .category-separation-container .extra[data-v-87f1ec95] {
    margin-top: .3125rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.purple-light .category-separation-container .extra .bonus-text[data-v-87f1ec95] {
    color: var(--color-text--black-80);
    line-height: 18px;
    margin-right: .3125rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.purple-light .category-separation-container .extra .bonus-amount[data-v-87f1ec95] {
    color: var(--ep-color-text-success, var(--color-success));
    line-height: 1.375rem;
    margin-left: .3125rem
}

.purple-light .category-separation-container .pay-method-container[data-v-87f1ec95] {
    width: 22.875rem;
    margin: 0 auto
}

.purple-light .category-separation-container .pay-btn[data-v-87f1ec95] {
    background: var(--theme-color-800);
    width: 22.875rem;
    height: 2.875rem;
    line-height: 2.875rem;
    border-radius: var(--ep-border-radius-m, .375rem);
    margin: 1rem auto;
    font-size: var(--ep-font-size-m, .875rem);
    color: var(--text-color-white-100);
    text-align: center;
    font-weight: var(--ep-font-weight-bold, 700)
}

.green-dark .weight-container-mask[data-v-87f1ec95],
.blue-default .weight-container-mask[data-v-87f1ec95] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 999999900 !important
}

.green-dark .category-separation-container[data-v-87f1ec95],
.blue-default .category-separation-container[data-v-87f1ec95] {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: auto;
    background: var(--color-bg-200);
    border-radius: var(--ep-border-radius-surface-small, .75rem) var(--ep-border-radius-surface-small, .75rem) 0 0;
    text-align: center;
    font-size: var(--ep-font-size-m, .875rem);
    padding-bottom: var(--7f28e6ef)
}

.green-dark .category-separation-container .merchantCy[data-v-87f1ec95],
.blue-default .category-separation-container .merchantCy[data-v-87f1ec95] {
    margin-right: .3125rem
}

.green-dark .category-separation-container .close-icon[data-v-87f1ec95],
.blue-default .category-separation-container .close-icon[data-v-87f1ec95] {
    position: absolute;
    top: 1.6875rem;
    left: 1.6875rem;
    font-size: var(--ep-font-size-l, 1rem);
    cursor: pointer;
    color: var(--color-text-100)
}

.green-dark .category-separation-container .title[data-v-87f1ec95],
.blue-default .category-separation-container .title[data-v-87f1ec95] {
    color: var(--color-text-100);
    line-height: 1.375rem;
    margin: 1.6875rem 0 2rem
}

.green-dark .category-separation-container .amount[data-v-87f1ec95],
.blue-default .category-separation-container .amount[data-v-87f1ec95] {
    color: var(--accent-color-orange, var(--color-warning));
    line-height: 2.25rem;
    margin-top: .625rem;
    font-weight: var(--ep-font-weight-bold, 700);
    font-size: var(--ep-font-size-xxl, 1.5rem)
}

.green-dark .category-separation-container .extra[data-v-87f1ec95],
.blue-default .category-separation-container .extra[data-v-87f1ec95] {
    margin-top: .3125rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.green-dark .category-separation-container .extra .bonus-text[data-v-87f1ec95],
.blue-default .category-separation-container .extra .bonus-text[data-v-87f1ec95] {
    color: var(--color-text-40);
    line-height: 18px;
    margin-right: .3125rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.green-dark .category-separation-container .extra .bonus-amount[data-v-87f1ec95],
.blue-default .category-separation-container .extra .bonus-amount[data-v-87f1ec95] {
    color: var(--ep-color-text-success, var(--color-success));
    line-height: 1.375rem;
    margin-left: .3125rem
}

.green-dark .category-separation-container .pay-method-container[data-v-87f1ec95],
.blue-default .category-separation-container .pay-method-container[data-v-87f1ec95] {
    width: 22.875rem;
    margin: 0 auto
}

.green-dark .category-separation-container .pay-btn[data-v-87f1ec95],
.blue-default .category-separation-container .pay-btn[data-v-87f1ec95] {
    background: var(--theme-color-800);
    width: 22.875rem;
    height: 2.875rem;
    line-height: 2.875rem;
    border-radius: var(--ep-border-radius-m, .375rem);
    margin: 1rem auto;
    font-size: var(--ep-font-size-m, .875rem);
    color: var(--text-color-white-100);
    text-align: center;
    font-weight: var(--ep-font-weight-bold, 700)
}

.yellow-dark .weight-container-mask[data-v-87f1ec95] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 999999900 !important
}

.yellow-dark .category-separation-container[data-v-87f1ec95] {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: auto;
    background: var(--color-bg-200);
    border-radius: var(--ep-border-radius-surface-small, .75rem) var(--ep-border-radius-surface-small, .75rem) 0 0;
    text-align: center;
    font-size: var(--ep-font-size-m, .875rem);
    padding-bottom: var(--7f28e6ef)
}

.yellow-dark .category-separation-container .merchantCy[data-v-87f1ec95] {
    margin-right: .3125rem
}

.yellow-dark .category-separation-container .close-icon[data-v-87f1ec95] {
    position: absolute;
    top: 1.6875rem;
    left: 1.6875rem;
    font-size: var(--ep-font-size-l, 1rem);
    cursor: pointer;
    color: var(--color-text-100)
}

.yellow-dark .category-separation-container .title[data-v-87f1ec95] {
    color: var(--color-text-100);
    line-height: 1.375rem;
    margin: 1.6875rem 0 2rem
}

.yellow-dark .category-separation-container .amount[data-v-87f1ec95] {
    color: var(--accent-color-orange, var(--color-warning));
    line-height: 2.25rem;
    margin-top: .625rem;
    font-weight: var(--ep-font-weight-bold, 700);
    font-size: var(--ep-font-size-xxl, 1.5rem)
}

.yellow-dark .category-separation-container .extra[data-v-87f1ec95] {
    margin-top: .3125rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.yellow-dark .category-separation-container .extra .bonus-text[data-v-87f1ec95] {
    color: var(--color-text-40);
    line-height: 18px;
    margin-right: .3125rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.yellow-dark .category-separation-container .extra .bonus-amount[data-v-87f1ec95] {
    color: var(--ep-color-text-success, var(--color-success));
    line-height: 1.375rem;
    margin-left: .3125rem
}

.yellow-dark .category-separation-container .pay-method-container[data-v-87f1ec95] {
    width: 22.875rem;
    margin: 0 auto
}

.yellow-dark .category-separation-container .pay-btn[data-v-87f1ec95] {
    background: var(--theme-color-800);
    width: 22.875rem;
    height: 2.875rem;
    line-height: 2.875rem;
    border-radius: var(--ep-border-radius-m, .375rem);
    margin: 1rem auto;
    font-size: var(--ep-font-size-m, .875rem);
    color: var(--text-color-black-100);
    text-align: center;
    font-weight: var(--ep-font-weight-bold, 700)
}

.auroral-yellow .weight-container-mask[data-v-87f1ec95] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 999999900 !important
}

.auroral-yellow .category-separation-container[data-v-87f1ec95] {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: auto;
    background: var(--color-bg-200);
    border-radius: var(--ep-border-radius-surface-small, .75rem) var(--ep-border-radius-surface-small, .75rem) 0 0;
    text-align: center;
    font-size: var(--ep-font-size-m, .875rem);
    padding-bottom: var(--7f28e6ef)
}

.auroral-yellow .category-separation-container .merchantCy[data-v-87f1ec95] {
    margin-right: .3125rem
}

.auroral-yellow .category-separation-container .close-icon[data-v-87f1ec95] {
    position: absolute;
    top: 1.6875rem;
    left: 1.6875rem;
    font-size: var(--ep-font-size-l, 1rem);
    cursor: pointer;
    color: var(--color-text-100)
}

.auroral-yellow .category-separation-container .title[data-v-87f1ec95] {
    color: var(--color-text-100);
    line-height: 1.375rem;
    margin: 1.6875rem 0 2rem
}

.auroral-yellow .category-separation-container .amount[data-v-87f1ec95] {
    color: var(--accent-color-orange, var(--color-warning));
    line-height: 2.25rem;
    margin-top: .625rem;
    font-weight: var(--ep-font-weight-bold, 700);
    font-size: var(--ep-font-size-xxl, 1.5rem)
}

.auroral-yellow .category-separation-container .extra[data-v-87f1ec95] {
    margin-top: .3125rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.auroral-yellow .category-separation-container .extra .bonus-text[data-v-87f1ec95] {
    color: var(--color-text-40);
    line-height: 18px;
    margin-right: .3125rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.auroral-yellow .category-separation-container .extra .bonus-amount[data-v-87f1ec95] {
    color: var(--ep-color-text-success, var(--color-success));
    line-height: 1.375rem;
    margin-left: .3125rem
}

.auroral-yellow .category-separation-container .pay-method-container[data-v-87f1ec95] {
    width: 22.875rem;
    margin: 0 auto
}

.auroral-yellow .category-separation-container .pay-btn[data-v-87f1ec95] {
    background: var(--theme-color-800);
    width: 22.875rem;
    height: 2.875rem;
    line-height: 2.875rem;
    border-radius: var(--ep-border-radius-m, .375rem);
    margin: 1rem auto;
    font-size: var(--ep-font-size-m, .875rem);
    color: var(--color-text-black-100);
    text-align: center;
    font-weight: var(--ep-font-weight-bold, 700)
}

.amber-purple .weight-container-mask[data-v-87f1ec95] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 999999900 !important
}

.amber-purple .category-separation-container[data-v-87f1ec95] {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: auto;
    background: var(--color-bg-200);
    border-radius: var(--ep-border-radius-surface-small, .75rem) var(--ep-border-radius-surface-small, .75rem) 0 0;
    text-align: center;
    font-size: var(--ep-font-size-m, .875rem);
    padding-bottom: var(--7f28e6ef)
}

.amber-purple .category-separation-container .merchantCy[data-v-87f1ec95] {
    margin-right: .3125rem
}

.amber-purple .category-separation-container .close-icon[data-v-87f1ec95] {
    position: absolute;
    top: 1.6875rem;
    left: 1.6875rem;
    font-size: var(--ep-font-size-l, 1rem);
    cursor: pointer;
    color: var(--color-text-100)
}

.amber-purple .category-separation-container .title[data-v-87f1ec95] {
    color: var(--color-text-100);
    line-height: 1.375rem;
    margin: 1.6875rem 0 2rem
}

.amber-purple .category-separation-container .amount[data-v-87f1ec95] {
    color: var(--accent-color-orange, var(--color-warning));
    line-height: 2.25rem;
    margin-top: .625rem;
    font-weight: var(--ep-font-weight-bold, 700);
    font-size: var(--ep-font-size-xxl, 1.5rem)
}

.amber-purple .category-separation-container .extra[data-v-87f1ec95] {
    margin-top: .3125rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.amber-purple .category-separation-container .extra .bonus-text[data-v-87f1ec95] {
    color: var(--color-text-40);
    line-height: 18px;
    margin-right: .3125rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.amber-purple .category-separation-container .extra .bonus-amount[data-v-87f1ec95] {
    color: var(--ep-color-text-success, var(--color-success));
    line-height: 1.375rem;
    margin-left: .3125rem
}

.amber-purple .category-separation-container .pay-method-container[data-v-87f1ec95] {
    width: 22.875rem;
    margin: 0 auto
}

.amber-purple .category-separation-container .pay-btn[data-v-87f1ec95] {
    background: var(--gradients-btn-orange-purple);
    width: 22.875rem;
    height: 2.875rem;
    line-height: 2.875rem;
    border-radius: var(--ep-border-radius-m, .375rem);
    margin: 1rem auto;
    font-size: var(--ep-font-size-m, .875rem);
    color: var(--text-color-white-100);
    text-align: center;
    font-weight: var(--ep-font-weight-bold, 700)
}

.green-default .weight-container-mask[data-v-87f1ec95] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 999999900 !important
}

.green-default .category-separation-container[data-v-87f1ec95] {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: auto;
    background: var(--color-bg-200);
    border-radius: var(--ep-border-radius-surface-small, .75rem) var(--ep-border-radius-surface-small, .75rem) 0 0;
    text-align: center;
    font-size: var(--ep-font-size-m, .875rem);
    padding-bottom: var(--7f28e6ef)
}

.green-default .category-separation-container .merchantCy[data-v-87f1ec95] {
    margin-right: .3125rem
}

.green-default .category-separation-container .close-icon[data-v-87f1ec95] {
    position: absolute;
    top: 1.6875rem;
    left: 1.6875rem;
    font-size: var(--ep-font-size-l, 1rem);
    cursor: pointer;
    color: var(--color-text-100)
}

.green-default .category-separation-container .title[data-v-87f1ec95] {
    color: var(--color-text-100);
    line-height: 1.375rem;
    margin: 1.6875rem 0 2rem
}

.green-default .category-separation-container .amount[data-v-87f1ec95] {
    color: var(--accent-color-orange, var(--color-warning));
    line-height: 2.25rem;
    margin-top: .625rem;
    font-weight: var(--ep-font-weight-bold, 700);
    font-size: var(--ep-font-size-xxl, 1.5rem)
}

.green-default .category-separation-container .extra[data-v-87f1ec95] {
    margin-top: .3125rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.green-default .category-separation-container .extra .bonus-text[data-v-87f1ec95] {
    color: var(--color-text-40);
    line-height: 18px;
    margin-right: .3125rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.green-default .category-separation-container .extra .bonus-amount[data-v-87f1ec95] {
    color: var(--ep-color-text-success, var(--color-success));
    line-height: 1.375rem;
    margin-left: .3125rem
}

.green-default .category-separation-container .pay-method-container[data-v-87f1ec95] {
    width: 22.875rem;
    margin: 0 auto
}

.green-default .category-separation-container .pay-btn[data-v-87f1ec95] {
    background: var(--theme-color-gradient-100);
    width: 22.875rem;
    height: 2.875rem;
    line-height: 2.875rem;
    border-radius: var(--ep-border-radius-m, .375rem);
    margin: 1rem auto;
    font-size: var(--ep-font-size-m, .875rem);
    color: var(--text-color-white-100);
    text-align: center;
    font-weight: var(--ep-font-weight-bold, 700)
}

.forest-green .weight-container-mask[data-v-87f1ec95] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 999999900 !important
}

.forest-green .category-separation-container[data-v-87f1ec95] {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: auto;
    background: var(--color-bg-200);
    border-radius: var(--ep-border-radius-surface-small, .75rem) var(--ep-border-radius-surface-small, .75rem) 0 0;
    text-align: center;
    font-size: var(--ep-font-size-m, .875rem);
    padding-bottom: var(--7f28e6ef)
}

.forest-green .category-separation-container .merchantCy[data-v-87f1ec95] {
    margin-right: .3125rem
}

.forest-green .category-separation-container .close-icon[data-v-87f1ec95] {
    position: absolute;
    top: 1.6875rem;
    left: 1.6875rem;
    font-size: var(--ep-font-size-l, 1rem);
    cursor: pointer;
    color: var(--color-text-100)
}

.forest-green .category-separation-container .title[data-v-87f1ec95] {
    color: var(--color-text-100);
    line-height: 1.375rem;
    margin: 1.6875rem 0 2rem
}

.forest-green .category-separation-container .amount[data-v-87f1ec95] {
    color: var(--accent-color-orange, var(--color-warning));
    line-height: 2.25rem;
    margin-top: .625rem;
    font-weight: var(--ep-font-weight-bold, 700);
    font-size: var(--ep-font-size-xxl, 1.5rem)
}

.forest-green .category-separation-container .extra[data-v-87f1ec95] {
    margin-top: .3125rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.forest-green .category-separation-container .extra .bonus-text[data-v-87f1ec95] {
    color: var(--color-text-40);
    line-height: 18px;
    margin-right: .3125rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.forest-green .category-separation-container .extra .bonus-amount[data-v-87f1ec95] {
    color: var(--ep-color-text-success, var(--color-success));
    line-height: 1.375rem;
    margin-left: .3125rem
}

.forest-green .category-separation-container .pay-method-container[data-v-87f1ec95] {
    width: 22.875rem;
    margin: 0 auto
}

.forest-green .category-separation-container .pay-btn[data-v-87f1ec95] {
    background: var(--theme-color-gradient-100);
    width: 22.875rem;
    height: 2.875rem;
    line-height: 2.875rem;
    border-radius: var(--ep-border-radius-m, .375rem);
    margin: 1rem auto;
    font-size: var(--ep-font-size-m, .875rem);
    color: var(--text-color-white-100);
    text-align: center;
    font-weight: var(--ep-font-weight-bold, 700)
}

.color-primary-600[data-v-3c3d7389] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-3c3d7389] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-3c3d7389] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-3c3d7389] {
    color: var(--color-primary-900)
}

.bg-100[data-v-3c3d7389] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-3c3d7389] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-3c3d7389] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-3c3d7389] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-3c3d7389] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-3c3d7389] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-3c3d7389] {
    background-color: var(--color-warning)
}

.bg-link[data-v-3c3d7389] {
    background-color: var(--color-link)
}

.bg-danger[data-v-3c3d7389] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-3c3d7389] {
    color: var(--color-text-100)
}

.color-text-80[data-v-3c3d7389] {
    color: var(--color-text-80)
}

.color-text-50[data-v-3c3d7389] {
    color: var(--color-text-50)
}

.color-text-40[data-v-3c3d7389] {
    color: var(--color-text-40)
}

.color-text-20[data-v-3c3d7389] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-3c3d7389] {
    color: var(--color-currency)
}

.color-warning[data-v-3c3d7389] {
    color: var(--color-warning)
}

.color-danger[data-v-3c3d7389] {
    color: var(--color-danger)
}

.color-link[data-v-3c3d7389] {
    color: var(--color-link)
}

.color-line[data-v-3c3d7389] {
    color: var(--color-line)
}

.color-border[data-v-3c3d7389] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-3c3d7389] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-3c3d7389] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-3c3d7389] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-3c3d7389] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-3c3d7389] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-3c3d7389] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-3c3d7389] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-3c3d7389] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-3c3d7389] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-3c3d7389] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-3c3d7389] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-3c3d7389] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-3c3d7389] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-3c3d7389] {
    display: flex;
    align-items: center
}

.flex-start[data-v-3c3d7389] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-3c3d7389] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-3c3d7389] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-3c3d7389] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-3c3d7389] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-3c3d7389] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-3c3d7389] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-3c3d7389] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-3c3d7389] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-3c3d7389] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-3c3d7389] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-3c3d7389] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-3c3d7389] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-3c3d7389] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-3c3d7389] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-3c3d7389] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-3c3d7389] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-3c3d7389] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-3c3d7389] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-3c3d7389] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-3c3d7389] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-3c3d7389] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-3c3d7389] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-3c3d7389] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-3c3d7389],
.mlm-selected-item[data-v-3c3d7389] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-3c3d7389] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-3c3d7389]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-3c3d7389] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-3c3d7389] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-3c3d7389] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-content.first-content[data-v-3c3d7389] {
    --background: var(--ep-color-background-fill-body-default, var(--color-bg-300));
    --padding-bottom: var(--1dec0569)
}

ion-content.third-content[data-v-3c3d7389] {
    --background: var(--ep-color-background-fill-body-default, var(--color-bg-300));
    --padding-bottom: var(--8b6735d2)
}

ion-content.recharge-qr-code[data-v-3c3d7389] {
    --background: var(--ep-color-background-fill-body-default, var(--color-bg-300));
    --padding-bottom: var(--c0d6b02e)
}

ion-button.finish[data-v-3c3d7389] {
    --color: var(--text-color-white-100)
}

ion-content#iframe[data-v-3c3d7389] {
    --background: #FFF
}

.icon-area[data-v-3c3d7389] {
    border-radius: 50%;
    width: 1.5rem;
    height: 1.5rem;
    background-color: var(--color-link)
}

.icon-area ion-icon.record[data-v-3c3d7389] {
    font-size: var(--font-size-16);
    color: var(--color-text-100)
}

.pay-channe[data-v-3c3d7389] {
    margin-top: .75rem
}

[data-v-3c3d7389]::-webkit-scrollbar {
    display: none !important;
    width: 0px;
    height: 0px
}

.icon-area.purple-light[data-v-3c3d7389] {
    background-color: var(--text-color-black-100)
}

.icon-area.purple-light ion-icon.record[data-v-3c3d7389] {
    color: var(--text-color-white-100)
}

.icon-area.amber-purple[data-v-3c3d7389] {
    background-color: var(--theme-color-800)
}

.new-skin-symbol ion-button.finish[data-v-3c3d7389] {
    --color: var(--ep-color-text-default)
}

.new-skin-symbol ion-icon.record[data-v-3c3d7389] {
    color: var(--ep-color-icon-default)
}

.AmountBtnList-wrap[data-v-3c3d7389] {
    width: 23.125rem;
    margin: .625rem auto 0
}

.sub-tab-wrap[data-v-3c3d7389] {
    width: 22.875rem;
    margin: 0 auto
}

.color-primary-600[data-v-2abd055f] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-2abd055f] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-2abd055f] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-2abd055f] {
    color: var(--color-primary-900)
}

.bg-100[data-v-2abd055f] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-2abd055f] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-2abd055f] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-2abd055f] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-2abd055f] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-2abd055f] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-2abd055f] {
    background-color: var(--color-warning)
}

.bg-link[data-v-2abd055f] {
    background-color: var(--color-link)
}

.bg-danger[data-v-2abd055f] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-2abd055f] {
    color: var(--color-text-100)
}

.color-text-80[data-v-2abd055f] {
    color: var(--color-text-80)
}

.color-text-50[data-v-2abd055f] {
    color: var(--color-text-50)
}

.color-text-40[data-v-2abd055f] {
    color: var(--color-text-40)
}

.color-text-20[data-v-2abd055f] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-2abd055f] {
    color: var(--color-currency)
}

.color-warning[data-v-2abd055f] {
    color: var(--color-warning)
}

.color-danger[data-v-2abd055f] {
    color: var(--color-danger)
}

.color-link[data-v-2abd055f] {
    color: var(--color-link)
}

.color-line[data-v-2abd055f] {
    color: var(--color-line)
}

.color-border[data-v-2abd055f] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-2abd055f] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-2abd055f] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-2abd055f] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-2abd055f] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-2abd055f] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-2abd055f] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-2abd055f] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-2abd055f] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-2abd055f] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-2abd055f] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-2abd055f] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-2abd055f] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-2abd055f] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-2abd055f] {
    display: flex;
    align-items: center
}

.flex-start[data-v-2abd055f] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-2abd055f] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-2abd055f] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-2abd055f] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-2abd055f] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-2abd055f] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-2abd055f] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-2abd055f] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-2abd055f] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-2abd055f] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-2abd055f] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-2abd055f] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-2abd055f] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-2abd055f] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-2abd055f] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-2abd055f] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-2abd055f] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-2abd055f] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-2abd055f] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-2abd055f] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-2abd055f] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-2abd055f] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-2abd055f] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-2abd055f] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-2abd055f],
.mlm-selected-item[data-v-2abd055f] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-2abd055f] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-2abd055f]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-2abd055f] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-2abd055f] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-2abd055f] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-content.bind-CPF-content[data-v-2abd055f] {
    --background: var(--color-bg-300);
    --padding-start: .75rem;
    --padding-end: .75rem
}

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
}

ion-content.bind-CPF-content .form-wrap[data-v-2abd055f] {
    margin-bottom: 4.375rem
}

ion-content.bind-CPF-content .form-wrap .item[data-v-2abd055f] {
    margin-top: 1.9rem
}

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)
}

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-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
}

.green-default ion-content.bind-CPF-content[data-v-2abd055f],
.green-v01 ion-content.bind-CPF-content[data-v-2abd055f],
.green-v02 ion-content.bind-CPF-content[data-v-2abd055f] {
    --background: var(--color-bg-300);
    --padding-start: .75rem;
    --padding-end: .75rem
}

.green-default ion-content.bind-CPF-content .tip-text[data-v-2abd055f],
.green-v01 ion-content.bind-CPF-content .tip-text[data-v-2abd055f],
.green-v02 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
}

.green-default ion-content.bind-CPF-content .form-wrap[data-v-2abd055f],
.green-v01 ion-content.bind-CPF-content .form-wrap[data-v-2abd055f],
.green-v02 ion-content.bind-CPF-content .form-wrap[data-v-2abd055f] {
    margin-bottom: 4.375rem
}

.green-default ion-content.bind-CPF-content .form-wrap .item[data-v-2abd055f],
.green-v01 ion-content.bind-CPF-content .form-wrap .item[data-v-2abd055f],
.green-v02 ion-content.bind-CPF-content .form-wrap .item[data-v-2abd055f] {
    margin-top: 1.9rem
}

.green-default ion-content.bind-CPF-content .form-wrap .label[data-v-2abd055f],
.green-v01 ion-content.bind-CPF-content .form-wrap .label[data-v-2abd055f],
.green-v02 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-gray-100);
    font-weight: var(--ep-font-weight-bold, 700)
}

.green-default ion-content.bind-CPF-content .form-wrap .input-area[data-v-2abd055f],
.green-v01 ion-content.bind-CPF-content .form-wrap .input-area[data-v-2abd055f],
.green-v02 ion-content.bind-CPF-content .form-wrap .input-area[data-v-2abd055f] {
    width: 22.8125rem;
    height: 2.875rem;
    line-height: 2.875rem;
    background: var(--color-bg-400)
}

.yellow-dark ion-content.bind-CPF-content[data-v-2abd055f],
.green-dark ion-content.bind-CPF-content[data-v-2abd055f] {
    --background: var(--color-bg-300);
    --padding-start: .75rem;
    --padding-end: .75rem
}

.yellow-dark ion-content.bind-CPF-content .tip-text[data-v-2abd055f],
.green-dark ion-content.bind-CPF-content .tip-text[data-v-2abd055f] {
    font-size: var(--ep-font-size-s, .75rem);
    color: var(--color-text-40);
    line-height: 1.125rem;
    margin: 1.25rem auto
}

.yellow-dark ion-content.bind-CPF-content .form-wrap[data-v-2abd055f],
.green-dark ion-content.bind-CPF-content .form-wrap[data-v-2abd055f] {
    margin-bottom: 4.375rem
}

.yellow-dark ion-content.bind-CPF-content .form-wrap .item[data-v-2abd055f],
.green-dark ion-content.bind-CPF-content .form-wrap .item[data-v-2abd055f] {
    margin-top: 1.9rem
}

.yellow-dark ion-content.bind-CPF-content .form-wrap .label[data-v-2abd055f],
.green-dark 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)
}

.yellow-dark ion-content.bind-CPF-content .form-wrap .input-area[data-v-2abd055f],
.green-dark ion-content.bind-CPF-content .form-wrap .input-area[data-v-2abd055f] {
    width: 22.8125rem;
    height: 2.875rem;
    line-height: 2.875rem;
    background: var(--color-bg-400)
}

.purple-light ion-content.bind-CPF-content[data-v-2abd055f] {
    --background: var(--color-bg-300);
    --padding-start: .75rem;
    --padding-end: .75rem
}

.purple-light ion-content.bind-CPF-content .tip-text[data-v-2abd055f] {
    font-size: var(--ep-font-size-s, .75rem);
    color: var(--color-text-80);
    line-height: 1.125rem;
    margin: 1.25rem auto
}

.purple-light ion-content.bind-CPF-content .form-wrap[data-v-2abd055f] {
    margin-bottom: 4.375rem
}

.purple-light ion-content.bind-CPF-content .form-wrap .item[data-v-2abd055f] {
    margin-top: 1.9rem
}

.purple-light 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)
}

.purple-light ion-content.bind-CPF-content .form-wrap .input-area[data-v-2abd055f] {
    width: 22.8125rem;
    height: 2.875rem;
    line-height: 2.875rem;
    background: var(--color-bg-400)
}

.amber-purple ion-content.bind-CPF-content[data-v-2abd055f] {
    --background: var(--color-bg-300);
    --padding-start: .75rem;
    --padding-end: .75rem
}

.amber-purple ion-content.bind-CPF-content .tip-text[data-v-2abd055f] {
    font-size: var(--ep-font-size-s, .75rem);
    color: var(--text-color-light-purple-2-100);
    line-height: 1.125rem;
    margin: 1.25rem auto
}

.amber-purple ion-content.bind-CPF-content .form-wrap[data-v-2abd055f] {
    margin-bottom: 4.375rem
}

.amber-purple ion-content.bind-CPF-content .form-wrap .item[data-v-2abd055f] {
    margin-top: 1.9rem
}

.amber-purple 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(--text-color-light-purple-1-100);
    font-weight: var(--ep-font-weight-bold, 700)
}

.amber-purple ion-content.bind-CPF-content .form-wrap .input-area[data-v-2abd055f] {
    width: 22.8125rem;
    height: 2.875rem;
    line-height: 2.875rem;
    background: var(--color-bg-400)
}

.auroral-yellow ion-content.bind-CPF-content[data-v-2abd055f] {
    --background: var(--color-bg-300);
    --padding-start: .75rem;
    --padding-end: .75rem
}

.auroral-yellow 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
}

.auroral-yellow ion-content.bind-CPF-content .form-wrap[data-v-2abd055f] {
    margin-bottom: 4.375rem
}

.auroral-yellow ion-content.bind-CPF-content .form-wrap .item[data-v-2abd055f] {
    margin-top: 1.9rem
}

.auroral-yellow 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)
}

.auroral-yellow ion-content.bind-CPF-content .form-wrap .input-area[data-v-2abd055f] {
    width: 22.8125rem;
    height: 2.875rem;
    line-height: 2.875rem;
    background: var(--color-bg-300)
}

.new-skin-symbol ion-content.bind-CPF-content[data-v-2abd055f] {
    --background: var(--ep-color-background-fill-body-default);
    --padding-start: .75rem;
    --padding-end: .75rem
}

.new-skin-symbol ion-content.bind-CPF-content .tip-text[data-v-2abd055f] {
    font-size: var(--ep-font-size-s, .75rem);
    color: var(--ep-color-text-weaker);
    line-height: 1.125rem;
    margin: 1.25rem auto
}

.new-skin-symbol ion-content.bind-CPF-content .form-wrap[data-v-2abd055f] {
    margin-bottom: 4.375rem
}

.new-skin-symbol ion-content.bind-CPF-content .form-wrap .item[data-v-2abd055f] {
    margin-top: 1.9rem
}

.new-skin-symbol 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(--ep-color-text-default);
    font-weight: var(--ep-font-weight-bold, 700)
}

.new-skin-symbol ion-content.bind-CPF-content .form-wrap .input-area[data-v-2abd055f] {
    width: 22.8125rem;
    height: 2.875rem;
    line-height: 2.875rem;
    background: var(--ep-color-background-fill-surface-lowered)
}

.color-primary-600[data-v-17ea17d3] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-17ea17d3] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-17ea17d3] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-17ea17d3] {
    color: var(--color-primary-900)
}

.bg-100[data-v-17ea17d3] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-17ea17d3] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-17ea17d3] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-17ea17d3] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-17ea17d3] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-17ea17d3] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-17ea17d3] {
    background-color: var(--color-warning)
}

.bg-link[data-v-17ea17d3] {
    background-color: var(--color-link)
}

.bg-danger[data-v-17ea17d3] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-17ea17d3] {
    color: var(--color-text-100)
}

.color-text-80[data-v-17ea17d3] {
    color: var(--color-text-80)
}

.color-text-50[data-v-17ea17d3] {
    color: var(--color-text-50)
}

.color-text-40[data-v-17ea17d3] {
    color: var(--color-text-40)
}

.color-text-20[data-v-17ea17d3] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-17ea17d3] {
    color: var(--color-currency)
}

.color-warning[data-v-17ea17d3] {
    color: var(--color-warning)
}

.color-danger[data-v-17ea17d3] {
    color: var(--color-danger)
}

.color-link[data-v-17ea17d3] {
    color: var(--color-link)
}

.color-line[data-v-17ea17d3] {
    color: var(--color-line)
}

.color-border[data-v-17ea17d3] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-17ea17d3] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-17ea17d3] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-17ea17d3] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-17ea17d3] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-17ea17d3] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-17ea17d3] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-17ea17d3] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-17ea17d3] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-17ea17d3] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-17ea17d3] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-17ea17d3] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-17ea17d3] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-17ea17d3] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-17ea17d3] {
    display: flex;
    align-items: center
}

.flex-start[data-v-17ea17d3] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-17ea17d3] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-17ea17d3] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-17ea17d3] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-17ea17d3] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-17ea17d3] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-17ea17d3] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-17ea17d3] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-17ea17d3] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-17ea17d3] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-17ea17d3] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-17ea17d3] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-17ea17d3] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-17ea17d3] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-17ea17d3] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-17ea17d3] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-17ea17d3] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-17ea17d3] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-17ea17d3] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-17ea17d3] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-17ea17d3] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-17ea17d3] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-17ea17d3] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-17ea17d3] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-17ea17d3],
.mlm-selected-item[data-v-17ea17d3] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-17ea17d3] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-17ea17d3]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-17ea17d3] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-17ea17d3] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-17ea17d3] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-content.bind-CPF-content[data-v-17ea17d3] {
    --background: var(--color-bg-300);
    --padding-start: .75rem;
    --padding-end: .75rem
}

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
}

ion-content.bind-CPF-content .form-wrap[data-v-17ea17d3] {
    margin-bottom: 4.375rem
}

ion-content.bind-CPF-content .form-wrap .item[data-v-17ea17d3] {
    margin-top: 1.9rem
}

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)
}

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 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
}

.green-default ion-content.bind-CPF-content[data-v-17ea17d3],
.green-v01 ion-content.bind-CPF-content[data-v-17ea17d3],
.green-v02 ion-content.bind-CPF-content[data-v-17ea17d3] {
    --background: var(--color-bg-300);
    --padding-start: .75rem;
    --padding-end: .75rem
}

.green-default ion-content.bind-CPF-content .tip-text[data-v-17ea17d3],
.green-v01 ion-content.bind-CPF-content .tip-text[data-v-17ea17d3],
.green-v02 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
}

.green-default ion-content.bind-CPF-content .form-wrap[data-v-17ea17d3],
.green-v01 ion-content.bind-CPF-content .form-wrap[data-v-17ea17d3],
.green-v02 ion-content.bind-CPF-content .form-wrap[data-v-17ea17d3] {
    margin-bottom: 4.375rem
}

.green-default ion-content.bind-CPF-content .form-wrap .item[data-v-17ea17d3],
.green-v01 ion-content.bind-CPF-content .form-wrap .item[data-v-17ea17d3],
.green-v02 ion-content.bind-CPF-content .form-wrap .item[data-v-17ea17d3] {
    margin-top: 1.9rem
}

.green-default ion-content.bind-CPF-content .form-wrap .label[data-v-17ea17d3],
.green-v01 ion-content.bind-CPF-content .form-wrap .label[data-v-17ea17d3],
.green-v02 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-gray-100);
    font-weight: var(--ep-font-weight-bold, 700)
}

.green-default ion-content.bind-CPF-content .form-wrap .input-area[data-v-17ea17d3],
.green-v01 ion-content.bind-CPF-content .form-wrap .input-area[data-v-17ea17d3],
.green-v02 ion-content.bind-CPF-content .form-wrap .input-area[data-v-17ea17d3] {
    width: 22.8125rem;
    height: 2.875rem;
    line-height: 2.875rem;
    background: var(--color-bg-400)
}

.yellow-dark ion-content.bind-CPF-content[data-v-17ea17d3],
.green-dark ion-content.bind-CPF-content[data-v-17ea17d3] {
    --background: var(--color-bg-300);
    --padding-start: .75rem;
    --padding-end: .75rem
}

.yellow-dark ion-content.bind-CPF-content .tip-text[data-v-17ea17d3],
.green-dark ion-content.bind-CPF-content .tip-text[data-v-17ea17d3] {
    font-size: var(--ep-font-size-s, .75rem);
    color: var(--color-text-40);
    line-height: 1.125rem;
    margin: 1.25rem auto
}

.yellow-dark ion-content.bind-CPF-content .form-wrap[data-v-17ea17d3],
.green-dark ion-content.bind-CPF-content .form-wrap[data-v-17ea17d3] {
    margin-bottom: 4.375rem
}

.yellow-dark ion-content.bind-CPF-content .form-wrap .item[data-v-17ea17d3],
.green-dark ion-content.bind-CPF-content .form-wrap .item[data-v-17ea17d3] {
    margin-top: 1.9rem
}

.yellow-dark ion-content.bind-CPF-content .form-wrap .label[data-v-17ea17d3],
.green-dark 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)
}

.yellow-dark ion-content.bind-CPF-content .form-wrap .input-area[data-v-17ea17d3],
.green-dark ion-content.bind-CPF-content .form-wrap .input-area[data-v-17ea17d3] {
    width: 22.8125rem;
    height: 2.875rem;
    line-height: 2.875rem;
    background: var(--color-bg-400)
}

.purple-light ion-content.bind-CPF-content[data-v-17ea17d3] {
    --background: var(--color-bg-300);
    --padding-start: .75rem;
    --padding-end: .75rem
}

.purple-light ion-content.bind-CPF-content .tip-text[data-v-17ea17d3] {
    font-size: var(--ep-font-size-s, .75rem);
    color: var(--color-text-80);
    line-height: 1.125rem;
    margin: 1.25rem auto
}

.purple-light ion-content.bind-CPF-content .form-wrap[data-v-17ea17d3] {
    margin-bottom: 4.375rem
}

.purple-light ion-content.bind-CPF-content .form-wrap .item[data-v-17ea17d3] {
    margin-top: 1.9rem
}

.purple-light 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)
}

.purple-light ion-content.bind-CPF-content .form-wrap .input-area[data-v-17ea17d3] {
    width: 22.8125rem;
    height: 2.875rem;
    line-height: 2.875rem;
    background: var(--color-bg-400)
}

.amber-purple ion-content.bind-CPF-content[data-v-17ea17d3] {
    --background: var(--color-bg-300);
    --padding-start: .75rem;
    --padding-end: .75rem
}

.amber-purple ion-content.bind-CPF-content .tip-text[data-v-17ea17d3] {
    font-size: var(--ep-font-size-s, .75rem);
    color: var(--text-color-light-purple-2-100);
    line-height: 1.125rem;
    margin: 1.25rem auto
}

.amber-purple ion-content.bind-CPF-content .form-wrap[data-v-17ea17d3] {
    margin-bottom: 4.375rem
}

.amber-purple ion-content.bind-CPF-content .form-wrap .item[data-v-17ea17d3] {
    margin-top: 1.9rem
}

.amber-purple 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(--text-color-light-purple-1-100);
    font-weight: var(--ep-font-weight-bold, 700)
}

.amber-purple ion-content.bind-CPF-content .form-wrap .input-area[data-v-17ea17d3] {
    width: 22.8125rem;
    height: 2.875rem;
    line-height: 2.875rem;
    background: var(--color-bg-400)
}

.auroral-yellow ion-content.bind-CPF-content[data-v-17ea17d3] {
    --background: var(--color-bg-300);
    --padding-start: .75rem;
    --padding-end: .75rem
}

.auroral-yellow 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
}

.auroral-yellow ion-content.bind-CPF-content .form-wrap[data-v-17ea17d3] {
    margin-bottom: 4.375rem
}

.auroral-yellow ion-content.bind-CPF-content .form-wrap .item[data-v-17ea17d3] {
    margin-top: 1.9rem
}

.auroral-yellow 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)
}

.auroral-yellow ion-content.bind-CPF-content .form-wrap .input-area[data-v-17ea17d3] {
    width: 22.8125rem;
    height: 2.875rem;
    line-height: 2.875rem;
    background: var(--color-bg-300)
}

.new-skin-symbol ion-content.bind-CPF-content[data-v-17ea17d3] {
    --background: var(--ep-color-background-fill-body-default);
    --padding-start: .75rem;
    --padding-end: .75rem
}

.new-skin-symbol ion-content.bind-CPF-content .tip-text[data-v-17ea17d3] {
    font-size: var(--ep-font-size-s, .75rem);
    color: var(--ep-color-text-weaker);
    line-height: 1.125rem;
    margin: 1.25rem auto
}

.new-skin-symbol ion-content.bind-CPF-content .form-wrap[data-v-17ea17d3] {
    margin-bottom: 4.375rem
}

.new-skin-symbol ion-content.bind-CPF-content .form-wrap .item[data-v-17ea17d3] {
    margin-top: 1.9rem
}

.new-skin-symbol 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(--ep-color-text-default);
    font-weight: var(--ep-font-weight-bold, 700)
}

.new-skin-symbol ion-content.bind-CPF-content .form-wrap .input-area[data-v-17ea17d3] {
    width: 22.8125rem;
    height: 2.875rem;
    line-height: 2.875rem;
    background: var(--ep-color-background-fill-surface-lowered)
}

.color-primary-600[data-v-5c681c35] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-5c681c35] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-5c681c35] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-5c681c35] {
    color: var(--color-primary-900)
}

.bg-100[data-v-5c681c35] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-5c681c35] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-5c681c35] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-5c681c35] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-5c681c35] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-5c681c35] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-5c681c35] {
    background-color: var(--color-warning)
}

.bg-link[data-v-5c681c35] {
    background-color: var(--color-link)
}

.bg-danger[data-v-5c681c35] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-5c681c35] {
    color: var(--color-text-100)
}

.color-text-80[data-v-5c681c35] {
    color: var(--color-text-80)
}

.color-text-50[data-v-5c681c35] {
    color: var(--color-text-50)
}

.color-text-40[data-v-5c681c35] {
    color: var(--color-text-40)
}

.color-text-20[data-v-5c681c35] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-5c681c35] {
    color: var(--color-currency)
}

.color-warning[data-v-5c681c35] {
    color: var(--color-warning)
}

.color-danger[data-v-5c681c35] {
    color: var(--color-danger)
}

.color-link[data-v-5c681c35] {
    color: var(--color-link)
}

.color-line[data-v-5c681c35] {
    color: var(--color-line)
}

.color-border[data-v-5c681c35] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-5c681c35] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-5c681c35] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-5c681c35] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-5c681c35] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-5c681c35] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-5c681c35] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-5c681c35] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-5c681c35] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-5c681c35] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-5c681c35] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-5c681c35] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-5c681c35] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-5c681c35] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-5c681c35] {
    display: flex;
    align-items: center
}

.flex-start[data-v-5c681c35] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-5c681c35] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-5c681c35] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-5c681c35] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-5c681c35] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-5c681c35] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-5c681c35] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-5c681c35] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-5c681c35] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-5c681c35] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-5c681c35] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-5c681c35] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-5c681c35] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-5c681c35] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-5c681c35] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-5c681c35] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-5c681c35] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-5c681c35] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-5c681c35] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-5c681c35] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-5c681c35] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-5c681c35] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-5c681c35] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-5c681c35] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-5c681c35],
.mlm-selected-item[data-v-5c681c35] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-5c681c35] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-5c681c35]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-5c681c35] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-5c681c35] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-5c681c35] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

div.empty-search[data-v-5c681c35] {
    background: url(/first/svg/empty/search_bg.svg) no-repeat center
}

.empty-svg[data-v-5c681c35] {
    color: var(--empty-icon-color)
}

.blue-default-empty .empty-svg[data-v-5c681c35] {
    color: #101629
}

.green-default-empty .empty-svg[data-v-5c681c35] {
    color: #274116
}

.green-dark-empty .empty-svg[data-v-5c681c35],
.yellow-dark-empty .empty-svg[data-v-5c681c35] {
    color: #262624
}

.purple-light-empty .empty-svg[data-v-5c681c35] {
    color: #ccb2ff
}

.amber-purple-empty .empty-svg[data-v-5c681c35] {
    color: #7a3fe8
}

.new-skin-symbol .empty-svg[data-v-5c681c35] {
    color: var(--ep-color-text-weakest);
    font-size: 3rem
}

.new-skin-symbol ion-label[data-v-5c681c35] {
    color: var(--ep-color-text-weakest);
    font-size: var(--ep-font-size-l);
    font-weight: var(--ep-font-weight-regular);
    white-space: nowrap
}

.color-primary-600[data-v-6e1896b1] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-6e1896b1] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-6e1896b1] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-6e1896b1] {
    color: var(--color-primary-900)
}

.bg-100[data-v-6e1896b1] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-6e1896b1] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-6e1896b1] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-6e1896b1] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-6e1896b1] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-6e1896b1] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-6e1896b1] {
    background-color: var(--color-warning)
}

.bg-link[data-v-6e1896b1] {
    background-color: var(--color-link)
}

.bg-danger[data-v-6e1896b1] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-6e1896b1] {
    color: var(--color-text-100)
}

.color-text-80[data-v-6e1896b1] {
    color: var(--color-text-80)
}

.color-text-50[data-v-6e1896b1] {
    color: var(--color-text-50)
}

.color-text-40[data-v-6e1896b1] {
    color: var(--color-text-40)
}

.color-text-20[data-v-6e1896b1] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-6e1896b1] {
    color: var(--color-currency)
}

.color-warning[data-v-6e1896b1] {
    color: var(--color-warning)
}

.color-danger[data-v-6e1896b1] {
    color: var(--color-danger)
}

.color-link[data-v-6e1896b1] {
    color: var(--color-link)
}

.color-line[data-v-6e1896b1] {
    color: var(--color-line)
}

.color-border[data-v-6e1896b1] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-6e1896b1] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-6e1896b1] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-6e1896b1] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-6e1896b1] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-6e1896b1] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-6e1896b1] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-6e1896b1] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-6e1896b1] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-6e1896b1] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-6e1896b1] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-6e1896b1] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-6e1896b1] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-6e1896b1] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-6e1896b1] {
    display: flex;
    align-items: center
}

.flex-start[data-v-6e1896b1] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-6e1896b1] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-6e1896b1] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-6e1896b1] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-6e1896b1] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-6e1896b1] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-6e1896b1] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-6e1896b1] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-6e1896b1] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-6e1896b1] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-6e1896b1] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-6e1896b1] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-6e1896b1] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-6e1896b1] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-6e1896b1] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-6e1896b1] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-6e1896b1] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-6e1896b1] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-6e1896b1] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-6e1896b1] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-6e1896b1] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-6e1896b1] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-6e1896b1] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-6e1896b1] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-6e1896b1],
.mlm-selected-item[data-v-6e1896b1] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-6e1896b1] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-6e1896b1]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-6e1896b1] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-6e1896b1] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-6e1896b1] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-content[data-v-6e1896b1] {
    --background: var(--color-bg-300);
    --padding-start: 1rem;
    --padding-end: 1rem
}

div.select-scroll[data-v-6e1896b1]::-webkit-scrollbar {
    display: none
}

ion-infinite-scroll-content[data-v-6e1896b1] {
    min-height: 10px;
    font-size: .75rem;
    color: var(--color-text-40)
}

ion-row.footer-count[data-v-6e1896b1] {
    border-top: 1px solid var(--report-select-item-border-color);
    background: var(--report-select-bg);
    font-size: .875rem;
    line-height: 1.3125rem;
    color: var(--color-text-100)
}

ion-popover[data-v-6e1896b1] {
    --backdrop-opacity: 0;
    --box-shadow: none
}

ion-popover ion-row[data-v-6e1896b1] {
    background: var(--report-select-item-box-bg)
}

ion-popover ion-button[data-v-6e1896b1] {
    margin-top: 0;
    margin-bottom: 0
}

ion-popover ion-button[data-v-6e1896b1]::part(native) {
    --padding-start: .375rem;
    --padding-end: .375rem;
    --padding-top: 0;
    --padding-bottom: 0
}

ion-icon[data-v-6e1896b1] {
    transition: transform .1s linear
}

ion-icon.on[data-v-6e1896b1] {
    transform: rotate(180deg)
}

ion-col.select-col[data-v-6e1896b1] {
    line-height: .75rem;
    padding: 0 .3125rem .3125rem 0
}

ion-col.select-col[data-v-6e1896b1]:nth-child(3),
ion-col.select-col[data-v-6e1896b1]:nth-child(3n) {
    padding: 0 0 .3125rem
}

ion-col.lang-col[data-v-6e1896b1] {
    font-size: .5rem
}

.select-box[data-v-6e1896b1] {
    background: var(--report-select-bg);
    border-radius: .25rem;
    display: flex;
    align-items: center
}

.select-box ion-icon[data-v-6e1896b1] {
    color: var(--color-report-select-icon)
}

ion-row.report-skin-select-row[data-v-6e1896b1] {
    border-radius: .375rem;
    font-size: .75rem;
    line-height: 1rem;
    text-align: center
}

.report-skin-record-item-top[data-v-6e1896b1] {
    color: var(--color-text-100);
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 500
}

.record-item-bottom[data-v-6e1896b1] {
    font-size: .75rem;
    line-height: 1.125rem;
    color: var(--my-card-detail-color)
}

.record-item-bottom ion-icon[data-v-6e1896b1] {
    font-size: 1.125rem;
    color: var(--my-card-detail-color)
}

.report-skin-footer-tips[data-v-6e1896b1] {
    color: var(--color-text-80)
}

.report-skin-text-success[data-v-6e1896b1] {
    color: var(--color-success)
}

.report-skin-text-danger[data-v-6e1896b1] {
    color: var(--color-danger)
}

.report-skin-text-waring[data-v-6e1896b1] {
    color: var(--color-currency)
}

.new-skin-symbol .font-weight-medium[data-v-6e1896b1] {
    font-weight: var(--ep-font-weight-medium)
}

.new-skin-symbol .font-weight-bold[data-v-6e1896b1] {
    font-weight: var(--ep-font-weight-bold)
}

.new-skin-symbol .select-box[data-v-6e1896b1] {
    border-radius: var(--ep-border-radius-s);
    background: var(--ep-color-background-fill-surface-raised-L1)
}

.new-skin-symbol .select-box ion-icon[data-v-6e1896b1] {
    color: var(--ep-color-icon-default)
}

.new-skin-symbol .report-selected[data-v-6e1896b1] {
    font-size: var(--ep-font-size-s);
    line-height: 1.125rem;
    font-weight: var(--ep-font-weight-bold);
    white-space: nowrap;
    color: var(--ep-color-text-default)
}

.new-skin-symbol .report-select-item[data-v-6e1896b1] {
    font-weight: var(--ep-font-weight-medium);
    border-radius: var(--ep-border-radius-m);
    border: 1px solid var(--ep-color-background-fill-surface-raised-L2);
    background: var(--ep-color-background-fill-surface-raised-L2);
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol .report-selected-item[data-v-6e1896b1] {
    border: none;
    border-radius: var(--ep-border-radius-m);
    font-weight: var(--ep-font-weight-bold);
    background: var(--ep-color-background-fill-surface-raised-L2);
    color: var(--ep-color-text-selected)
}

.new-skin-symbol .report-recoed-item[data-v-6e1896b1] {
    background: var(--ep-color-background-fill-surface-raised-L1);
    border-radius: var(--ep-border-radius-m)
}

.new-skin-symbol .report-skin-record-item-top[data-v-6e1896b1] {
    font-size: var(--ep-font-size-m);
    line-height: 1.3125rem;
    font-weight: var(--ep-font-weight-medium);
    color: var(--ep-color-text-default)
}

.new-skin-symbol .record-item-bottom[data-v-6e1896b1] {
    font-size: var(--ep-font-size-s);
    line-height: 1.125rem;
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol .record-item-bottom ion-icon[data-v-6e1896b1] {
    font-size: var(--ep-font-size-xl);
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol ion-row.footer-count[data-v-6e1896b1] {
    font-size: var(--ep-font-size-m);
    line-height: 1.3125rem;
    color: var(--ep-color-text-default);
    border-top: 1px solid var(--ep-color-border-default);
    background: var(--ep-color-background-fill-surface-raised-L1)
}

.new-skin-symbol ion-content[data-v-6e1896b1] {
    --background: var(--ep-color-background-fill-body-default)
}

.new-skin-symbol ion-infinite-scroll-content[data-v-6e1896b1] {
    font-size: var(--ep-font-size-s);
    color: var(--ep-color-text-weakest)
}

.new-skin-symbol ion-popover ion-row[data-v-6e1896b1] {
    background: var(--ep-color-background-fill-surface-raised-L1)
}

.new-skin-symbol .report-skin-footer-tips[data-v-6e1896b1] {
    color: var(--ep-color-text-default)
}

.new-skin-symbol .report-skin-text-success[data-v-6e1896b1] {
    color: var(--ep-color-text-success)
}

.new-skin-symbol .report-skin-text-danger[data-v-6e1896b1] {
    color: var(--ep-color-text-danger)
}

.new-skin-symbol .report-skin-text-waring[data-v-6e1896b1] {
    color: var(--ep-color-text-warning)
}

.new-skin-symbol ion-col.lang-col[data-v-6e1896b1] {
    font-size: var(--ep-values-8)
}

.new-skin-symbol ion-row.report-skin-select-row[data-v-6e1896b1] {
    border-radius: var(--ep-border-radius-m);
    font-size: var(--ep-font-size-s);
    line-height: 1rem;
    text-align: center
}

.color-primary-600[data-v-cb3fdac9] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-cb3fdac9] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-cb3fdac9] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-cb3fdac9] {
    color: var(--color-primary-900)
}

.bg-100[data-v-cb3fdac9] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-cb3fdac9] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-cb3fdac9] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-cb3fdac9] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-cb3fdac9] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-cb3fdac9] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-cb3fdac9] {
    background-color: var(--color-warning)
}

.bg-link[data-v-cb3fdac9] {
    background-color: var(--color-link)
}

.bg-danger[data-v-cb3fdac9] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-cb3fdac9] {
    color: var(--color-text-100)
}

.color-text-80[data-v-cb3fdac9] {
    color: var(--color-text-80)
}

.color-text-50[data-v-cb3fdac9] {
    color: var(--color-text-50)
}

.color-text-40[data-v-cb3fdac9] {
    color: var(--color-text-40)
}

.color-text-20[data-v-cb3fdac9] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-cb3fdac9] {
    color: var(--color-currency)
}

.color-warning[data-v-cb3fdac9] {
    color: var(--color-warning)
}

.color-danger[data-v-cb3fdac9] {
    color: var(--color-danger)
}

.color-link[data-v-cb3fdac9] {
    color: var(--color-link)
}

.color-line[data-v-cb3fdac9] {
    color: var(--color-line)
}

.color-border[data-v-cb3fdac9] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-cb3fdac9] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-cb3fdac9] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-cb3fdac9] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-cb3fdac9] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-cb3fdac9] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-cb3fdac9] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-cb3fdac9] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-cb3fdac9] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-cb3fdac9] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-cb3fdac9] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-cb3fdac9] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-cb3fdac9] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-cb3fdac9] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-cb3fdac9] {
    display: flex;
    align-items: center
}

.flex-start[data-v-cb3fdac9] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-cb3fdac9] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-cb3fdac9] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-cb3fdac9] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-cb3fdac9] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-cb3fdac9] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-cb3fdac9] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-cb3fdac9] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-cb3fdac9] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-cb3fdac9] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-cb3fdac9] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-cb3fdac9] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-cb3fdac9] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-cb3fdac9] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-cb3fdac9] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-cb3fdac9] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-cb3fdac9] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-cb3fdac9] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-cb3fdac9] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-cb3fdac9] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-cb3fdac9] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-cb3fdac9] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-cb3fdac9] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-cb3fdac9] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-cb3fdac9],
.mlm-selected-item[data-v-cb3fdac9] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-cb3fdac9] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-cb3fdac9]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-cb3fdac9] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-cb3fdac9] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-cb3fdac9] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-content[data-v-cb3fdac9] {
    --padding-start: 1rem;
    --padding-end: 1rem;
    --background: var(--color-bg-300)
}

div.select-scroll[data-v-cb3fdac9]::-webkit-scrollbar {
    display: none
}

ion-row.footer-count[data-v-cb3fdac9] {
    border-top: 1px solid var(--report-select-item-border-color);
    background: var(--report-select-bg);
    font-size: .875rem;
    line-height: 1.3125rem;
    color: var(--color-text-100)
}

ion-infinite-scroll-content[data-v-cb3fdac9] {
    min-height: 10px;
    font-size: var(--font-size-12);
    color: var(--color-text-40)
}

ion-popover[data-v-cb3fdac9] {
    --backdrop-opacity: 0;
    --box-shadow: none
}

ion-popover ion-row[data-v-cb3fdac9] {
    background: var(--report-select-item-box-bg)
}

ion-popover ion-button[data-v-cb3fdac9] {
    margin-top: 0;
    margin-bottom: 0
}

ion-popover ion-button[data-v-cb3fdac9]::part(native) {
    --padding-start: .375rem;
    --padding-end: .375rem;
    --padding-top: 0;
    --padding-bottom: 0
}

ion-icon[data-v-cb3fdac9] {
    transition: transform .1s linear
}

ion-icon.on[data-v-cb3fdac9] {
    transform: rotate(180deg)
}

.content-flex[data-v-cb3fdac9] {
    display: flex;
    justify-content: space-between
}

ion-col.select-col[data-v-cb3fdac9] {
    line-height: .75rem;
    padding: 0 .3125rem .3125rem 0
}

ion-col.select-col[data-v-cb3fdac9]:nth-child(3),
ion-col.select-col[data-v-cb3fdac9]:nth-child(3n) {
    padding: 0 0 .3125rem
}

ion-col.lang-col[data-v-cb3fdac9] {
    font-size: .5rem
}

.select-box[data-v-cb3fdac9] {
    background: var(--report-select-bg);
    border-radius: .25rem;
    display: flex;
    align-items: center
}

.select-box ion-icon[data-v-cb3fdac9] {
    color: var(--color-report-select-icon)
}

ion-row.report-skin-select-row[data-v-cb3fdac9] {
    border-radius: .375rem;
    font-size: .75rem;
    line-height: 1rem;
    text-align: center
}

.report-skin-record-item-top[data-v-cb3fdac9] {
    color: var(--color-text-100);
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 500
}

.record-item-bottom[data-v-cb3fdac9] {
    font-size: var(--font-size-12);
    line-height: 1.125rem;
    color: var(--my-card-detail-color)
}

.report-personal-skin-height-text[data-v-cb3fdac9] {
    color: var(--color-text-100)
}

.report-skin-text-success[data-v-cb3fdac9] {
    color: var(--color-success)
}

.report-skin-text-danger[data-v-cb3fdac9] {
    color: var(--color-danger)
}

.report-skin-text-waring[data-v-cb3fdac9] {
    color: var(--color-currency)
}

.report-skin-footer-tips[data-v-cb3fdac9] {
    color: var(--color-text-80)
}

.new-skin-symbol .font-weight-medium[data-v-cb3fdac9] {
    font-weight: var(--ep-font-weight-medium)
}

.new-skin-symbol .font-weight-bold[data-v-cb3fdac9] {
    font-weight: var(--ep-font-weight-bold)
}

.new-skin-symbol .small-text-white[data-v-cb3fdac9] {
    color: var(--ep-color-text-weaker);
    font-size: var(--ep-font-size-s);
    line-height: 1.125rem
}

.new-skin-symbol .select-box[data-v-cb3fdac9] {
    border-radius: var(--ep-border-radius-s);
    background: var(--ep-color-background-fill-surface-raised-L1)
}

.new-skin-symbol .select-box ion-icon[data-v-cb3fdac9] {
    color: var(--ep-color-icon-default)
}

.new-skin-symbol .report-selected[data-v-cb3fdac9] {
    font-size: var(--ep-font-size-s);
    line-height: 1.125rem;
    font-weight: var(--ep-font-weight-bold);
    white-space: nowrap;
    color: var(--ep-color-text-default)
}

.new-skin-symbol .report-select-item[data-v-cb3fdac9] {
    border: 1px solid var(--ep-color-background-fill-surface-raised-L2);
    background: var(--ep-color-background-fill-surface-raised-L2);
    color: var(--ep-color-text-weaker);
    font-weight: var(--ep-font-weight-medium);
    border-radius: var(--ep-border-radius-m)
}

.new-skin-symbol .report-selected-item[data-v-cb3fdac9] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2);
    color: var(--ep-color-text-selected);
    border-radius: var(--ep-border-radius-m);
    font-weight: var(--ep-font-weight-bold)
}

.new-skin-symbol .report-recoed-item[data-v-cb3fdac9] {
    background: var(--ep-color-background-fill-surface-raised-L1);
    border-radius: var(--ep-border-radius-m)
}

.new-skin-symbol .report-skin-record-item-top[data-v-cb3fdac9] {
    font-size: var(--ep-font-size-m);
    line-height: 1.3125rem;
    font-weight: var(--ep-font-weight-bold);
    color: var(--ep-color-text-default)
}

.new-skin-symbol .record-item-bottom[data-v-cb3fdac9] {
    font-size: var(--ep-font-size-s);
    line-height: 1.125rem;
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol .report-personal-skin-height-text[data-v-cb3fdac9] {
    color: var(--ep-color-text-default)
}

.new-skin-symbol ion-row.footer-count[data-v-cb3fdac9] {
    font-size: var(--ep-font-size-m);
    line-height: 1.3125rem;
    color: var(--ep-color-text-default);
    border-top: 1px solid var(--ep-color-border-default);
    background: var(--ep-color-background-fill-surface-raised-L1)
}

.new-skin-symbol .report-skin-footer-tips[data-v-cb3fdac9] {
    color: var(--ep-color-text-default)
}

.new-skin-symbol .report-skin-text-success[data-v-cb3fdac9] {
    color: var(--ep-color-text-success)
}

.new-skin-symbol .report-skin-text-danger[data-v-cb3fdac9] {
    color: var(--ep-color-text-danger)
}

.new-skin-symbol .report-skin-text-waring[data-v-cb3fdac9] {
    color: var(--ep-color-text-warning)
}

.new-skin-symbol ion-infinite-scroll-content[data-v-cb3fdac9] {
    font-size: var(--ep-font-size-s);
    color: var(--ep-color-text-weakest)
}

.new-skin-symbol ion-popover ion-row[data-v-cb3fdac9] {
    background: var(--ep-color-background-fill-surface-raised-L1)
}

.new-skin-symbol ion-content[data-v-cb3fdac9] {
    --background: var(--ep-color-background-fill-body-default)
}

.new-skin-symbol ion-col.lang-col[data-v-cb3fdac9] {
    font-size: var(--ep-values-8)
}

.new-skin-symbol ion-row.report-skin-select-row[data-v-cb3fdac9] {
    border-radius: var(--ep-border-radius-m);
    font-size: var(--ep-font-size-s);
    line-height: 1rem;
    text-align: center
}

.color-primary-600[data-v-93d04def] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-93d04def] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-93d04def] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-93d04def] {
    color: var(--color-primary-900)
}

.bg-100[data-v-93d04def] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-93d04def] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-93d04def] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-93d04def] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-93d04def] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-93d04def] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-93d04def] {
    background-color: var(--color-warning)
}

.bg-link[data-v-93d04def] {
    background-color: var(--color-link)
}

.bg-danger[data-v-93d04def] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-93d04def] {
    color: var(--color-text-100)
}

.color-text-80[data-v-93d04def] {
    color: var(--color-text-80)
}

.color-text-50[data-v-93d04def] {
    color: var(--color-text-50)
}

.color-text-40[data-v-93d04def] {
    color: var(--color-text-40)
}

.color-text-20[data-v-93d04def] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-93d04def] {
    color: var(--color-currency)
}

.color-warning[data-v-93d04def] {
    color: var(--color-warning)
}

.color-danger[data-v-93d04def] {
    color: var(--color-danger)
}

.color-link[data-v-93d04def] {
    color: var(--color-link)
}

.color-line[data-v-93d04def] {
    color: var(--color-line)
}

.color-border[data-v-93d04def] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-93d04def] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-93d04def] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-93d04def] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-93d04def] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-93d04def] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-93d04def] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-93d04def] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-93d04def] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-93d04def] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-93d04def] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-93d04def] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-93d04def] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-93d04def] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-93d04def] {
    display: flex;
    align-items: center
}

.flex-start[data-v-93d04def] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-93d04def] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-93d04def] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-93d04def] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-93d04def] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-93d04def] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-93d04def] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-93d04def] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-93d04def] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-93d04def] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-93d04def] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-93d04def] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-93d04def] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-93d04def] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-93d04def] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-93d04def] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-93d04def] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-93d04def] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-93d04def] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-93d04def] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-93d04def] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-93d04def] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-93d04def] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-93d04def] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-93d04def],
.mlm-selected-item[data-v-93d04def] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-93d04def] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-93d04def]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-93d04def] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-93d04def] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-93d04def] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-content[data-v-93d04def] {
    --background: var(--color-bg-300);
    --padding-start: 1rem;
    --padding-end: 1rem
}

div.select-scroll[data-v-93d04def]::-webkit-scrollbar {
    display: none
}

ion-infinite-scroll-content[data-v-93d04def] {
    min-height: 10px;
    font-size: var(--font-size-12);
    color: var(--color-text-40)
}

ion-popover[data-v-93d04def] {
    --backdrop-opacity: 0;
    --box-shadow: none
}

ion-popover ion-row[data-v-93d04def] {
    background: var(--report-select-item-box-bg)
}

ion-popover ion-button[data-v-93d04def] {
    margin-top: 0;
    margin-bottom: 0
}

ion-popover ion-button[data-v-93d04def]::part(native) {
    --padding-start: .375rem;
    --padding-end: .375rem;
    --padding-top: 0;
    --padding-bottom: 0
}

ion-icon[data-v-93d04def] {
    transition: transform .1s linear
}

ion-icon.on[data-v-93d04def] {
    transform: rotate(180deg)
}

ion-col.select-col[data-v-93d04def] {
    line-height: .75rem;
    padding: 0 .3125rem .3125rem 0
}

ion-col.select-col[data-v-93d04def]:nth-child(3),
ion-col.select-col[data-v-93d04def]:nth-child(3n) {
    padding: 0 0 .3125rem
}

ion-col.lang-col[data-v-93d04def] {
    font-size: .5rem
}

.empty-box[data-v-93d04def] {
    height: calc(100% - 4.875rem)
}

.select-box[data-v-93d04def] {
    background: var(--report-select-bg);
    border-radius: .25rem;
    display: flex;
    align-items: center
}

.select-box ion-icon[data-v-93d04def] {
    color: var(--color-report-select-icon)
}

ion-row.report-skin-select-row[data-v-93d04def] {
    border-radius: .375rem;
    font-size: .75rem;
    line-height: 1rem;
    text-align: center
}

.record-item-bottom[data-v-93d04def] {
    font-size: .75rem;
    line-height: 1.125rem;
    color: var(--my-card-detail-color)
}

.record-item-bottom ion-icon[data-v-93d04def] {
    font-size: 1.125rem;
    color: var(--my-card-detail-color)
}

.report-skin-record-item-top[data-v-93d04def] {
    color: var(--color-text-100);
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 500
}

.report-skin-text-success[data-v-93d04def] {
    color: var(--color-success)
}

.report-skin-text-danger[data-v-93d04def] {
    color: var(--color-danger)
}

.new-skin-symbol .font-weight-medium[data-v-93d04def] {
    font-weight: var(--ep-font-weight-medium)
}

.new-skin-symbol .font-weight-bold[data-v-93d04def] {
    font-weight: var(--ep-font-weight-bold)
}

.new-skin-symbol .select-box[data-v-93d04def] {
    border-radius: var(--ep-border-radius-s);
    background: var(--ep-color-background-fill-surface-raised-L1)
}

.new-skin-symbol .select-box ion-icon[data-v-93d04def] {
    color: var(--ep-color-icon-default)
}

.new-skin-symbol .report-selected[data-v-93d04def] {
    font-size: var(--ep-font-size-s);
    line-height: 1.125rem;
    font-weight: var(--ep-font-weight-bold);
    white-space: nowrap;
    color: var(--ep-color-text-default)
}

.new-skin-symbol .report-select-item[data-v-93d04def] {
    border: 1px solid var(--ep-color-background-fill-surface-raised-L2);
    background: var(--ep-color-background-fill-surface-raised-L2);
    color: var(--ep-color-text-weaker);
    font-weight: var(--ep-font-weight-medium);
    border-radius: var(--ep-border-radius-m)
}

.new-skin-symbol .report-selected-item[data-v-93d04def] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2);
    color: var(--ep-color-text-selected);
    border-radius: var(--ep-border-radius-m);
    font-weight: var(--ep-font-weight-bold)
}

.new-skin-symbol .report-recoed-item[data-v-93d04def] {
    background: var(--ep-color-background-fill-surface-raised-L1);
    border-radius: var(--ep-border-radius-m)
}

.new-skin-symbol .report-skin-record-item-top[data-v-93d04def] {
    font-size: var(--ep-font-size-m);
    line-height: 1.3125rem;
    font-weight: var(--ep-font-weight-medium);
    color: var(--ep-color-text-default)
}

.new-skin-symbol .record-item-bottom[data-v-93d04def] {
    font-size: var(--ep-font-size-s);
    line-height: 1.125rem;
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol .record-item-bottom ion-icon[data-v-93d04def] {
    font-size: var(--ep-font-size-xl);
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol .report-skin-text-success[data-v-93d04def] {
    color: var(--ep-color-text-success)
}

.new-skin-symbol .report-skin-text-danger[data-v-93d04def] {
    color: var(--ep-color-text-danger)
}

.new-skin-symbol ion-infinite-scroll-content[data-v-93d04def] {
    font-size: var(--ep-font-size-s);
    color: var(--ep-color-text-weakest)
}

.new-skin-symbol ion-popover ion-row[data-v-93d04def] {
    background: var(--ep-color-background-fill-surface-raised-L1)
}

.new-skin-symbol ion-content[data-v-93d04def] {
    --background: var(--ep-color-background-fill-body-default)
}

.new-skin-symbol ion-row.report-skin-select-row[data-v-93d04def] {
    border-radius: var(--ep-border-radius-m);
    font-size: var(--ep-font-size-s);
    line-height: 1rem;
    text-align: center
}

.color-primary-600[data-v-82498377] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-82498377] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-82498377] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-82498377] {
    color: var(--color-primary-900)
}

.bg-100[data-v-82498377] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-82498377] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-82498377] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-82498377] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-82498377] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-82498377] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-82498377] {
    background-color: var(--color-warning)
}

.bg-link[data-v-82498377] {
    background-color: var(--color-link)
}

.bg-danger[data-v-82498377] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-82498377] {
    color: var(--color-text-100)
}

.color-text-80[data-v-82498377] {
    color: var(--color-text-80)
}

.color-text-50[data-v-82498377] {
    color: var(--color-text-50)
}

.color-text-40[data-v-82498377] {
    color: var(--color-text-40)
}

.color-text-20[data-v-82498377] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-82498377] {
    color: var(--color-currency)
}

.color-warning[data-v-82498377] {
    color: var(--color-warning)
}

.color-danger[data-v-82498377] {
    color: var(--color-danger)
}

.color-link[data-v-82498377] {
    color: var(--color-link)
}

.color-line[data-v-82498377] {
    color: var(--color-line)
}

.color-border[data-v-82498377] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-82498377] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-82498377] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-82498377] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-82498377] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-82498377] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-82498377] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-82498377] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-82498377] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-82498377] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-82498377] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-82498377] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-82498377] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-82498377] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-82498377] {
    display: flex;
    align-items: center
}

.flex-start[data-v-82498377] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-82498377] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-82498377] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-82498377] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-82498377] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-82498377] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-82498377] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-82498377] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-82498377] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-82498377] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-82498377] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-82498377] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-82498377] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-82498377] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-82498377] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-82498377] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-82498377] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-82498377] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-82498377] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-82498377] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-82498377] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-82498377] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-82498377] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-82498377] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-82498377],
.mlm-selected-item[data-v-82498377] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-82498377] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-82498377]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-82498377] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-82498377] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-82498377] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-content[data-v-82498377] {
    --background: var(--color-bg-300);
    --padding-start: 1rem;
    --padding-end: 1rem
}

div.select-scroll[data-v-82498377]::-webkit-scrollbar {
    display: none
}

ion-infinite-scroll-content[data-v-82498377] {
    min-height: 10px;
    font-size: var(--font-size-12);
    color: var(--color-text-40)
}

ion-popover[data-v-82498377] {
    --backdrop-opacity: 0;
    --box-shadow: none
}

ion-popover ion-row[data-v-82498377] {
    background: var(--report-select-item-box-bg)
}

ion-popover ion-button[data-v-82498377] {
    margin-top: 0;
    margin-bottom: 0
}

ion-popover ion-button[data-v-82498377]::part(native) {
    --padding-start: .375rem;
    --padding-end: .375rem;
    --padding-top: 0;
    --padding-bottom: 0
}

ion-icon[data-v-82498377] {
    transition: transform .1s linear
}

ion-icon.on[data-v-82498377] {
    transform: rotate(180deg)
}

ion-col.select-col[data-v-82498377] {
    line-height: .75rem;
    padding: 0 .3125rem .3125rem 0
}

ion-col.select-col[data-v-82498377]:nth-child(3),
ion-col.select-col[data-v-82498377]:nth-child(3n) {
    padding: 0 0 .3125rem
}

ion-col.lang-col[data-v-82498377] {
    font-size: .5rem
}

.empty-box[data-v-82498377] {
    height: calc(100% - 4.875rem)
}

.select-box[data-v-82498377] {
    background: var(--report-select-bg);
    border-radius: .25rem;
    display: flex;
    align-items: center
}

.select-box ion-icon[data-v-82498377] {
    color: var(--color-report-select-icon)
}

ion-row.report-skin-select-row[data-v-82498377] {
    border-radius: .375rem;
    font-size: .75rem;
    line-height: 1rem;
    text-align: center
}

.record-item-bottom[data-v-82498377] {
    font-size: .75rem;
    line-height: 1.125rem;
    color: var(--my-card-detail-color)
}

.record-item-bottom ion-icon[data-v-82498377] {
    font-size: 1.125rem;
    color: var(--my-card-detail-color)
}

.report-skin-record-item-top[data-v-82498377] {
    color: var(--color-text-100);
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 500
}

.report-skin-text-success[data-v-82498377] {
    color: var(--color-success)
}

.report-skin-text-danger[data-v-82498377] {
    color: var(--color-danger)
}

.new-skin-symbol .font-weight-medium[data-v-82498377] {
    font-weight: var(--ep-font-weight-medium)
}

.new-skin-symbol .font-weight-bold[data-v-82498377] {
    font-weight: var(--ep-font-weight-bold)
}

.new-skin-symbol .select-box[data-v-82498377] {
    border-radius: var(--ep-border-radius-s);
    background: var(--ep-color-background-fill-surface-raised-L1)
}

.new-skin-symbol .select-box ion-icon[data-v-82498377] {
    color: var(--ep-color-icon-default)
}

.new-skin-symbol .report-selected[data-v-82498377] {
    font-size: var(--ep-font-size-s);
    line-height: 1.125rem;
    font-weight: var(--ep-font-weight-bold);
    white-space: nowrap;
    color: var(--ep-color-text-default)
}

.new-skin-symbol .report-select-item[data-v-82498377] {
    border: 1px solid var(--ep-color-background-fill-surface-raised-L2);
    background: var(--ep-color-background-fill-surface-raised-L2);
    color: var(--ep-color-text-weaker);
    font-weight: var(--ep-font-weight-medium);
    border-radius: var(--ep-border-radius-m)
}

.new-skin-symbol .report-selected-item[data-v-82498377] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2);
    color: var(--ep-color-text-selected);
    border-radius: var(--ep-border-radius-m);
    font-weight: var(--ep-font-weight-bold)
}

.new-skin-symbol .report-recoed-item[data-v-82498377] {
    background: var(--ep-color-background-fill-surface-raised-L1);
    border-radius: var(--ep-border-radius-m)
}

.new-skin-symbol .report-skin-record-item-top[data-v-82498377] {
    font-size: var(--ep-font-size-m);
    line-height: 1.3125rem;
    font-weight: var(--ep-font-weight-medium);
    color: var(--ep-color-text-default)
}

.new-skin-symbol .record-item-bottom[data-v-82498377] {
    font-size: var(--ep-font-size-s);
    line-height: 1.125rem;
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol .record-item-bottom ion-icon[data-v-82498377] {
    font-size: var(--ep-font-size-xl);
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol .report-skin-text-success[data-v-82498377] {
    color: var(--ep-color-text-success)
}

.new-skin-symbol .report-skin-text-danger[data-v-82498377] {
    color: var(--ep-color-text-danger)
}

.new-skin-symbol ion-infinite-scroll-content[data-v-82498377] {
    font-size: var(--ep-font-size-s);
    color: var(--ep-color-text-weakest)
}

.new-skin-symbol ion-popover ion-row[data-v-82498377] {
    background: var(--ep-color-background-fill-surface-raised-L1)
}

.new-skin-symbol ion-content[data-v-82498377] {
    --background: var(--ep-color-background-fill-body-default)
}

.new-skin-symbol ion-row.report-skin-select-row[data-v-82498377] {
    border-radius: var(--ep-border-radius-m);
    font-size: var(--ep-font-size-s);
    line-height: 1rem;
    text-align: center
}

.color-primary-600[data-v-31cc0dcc] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-31cc0dcc] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-31cc0dcc] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-31cc0dcc] {
    color: var(--color-primary-900)
}

.bg-100[data-v-31cc0dcc] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-31cc0dcc] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-31cc0dcc] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-31cc0dcc] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-31cc0dcc] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-31cc0dcc] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-31cc0dcc] {
    background-color: var(--color-warning)
}

.bg-link[data-v-31cc0dcc] {
    background-color: var(--color-link)
}

.bg-danger[data-v-31cc0dcc] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-31cc0dcc] {
    color: var(--color-text-100)
}

.color-text-80[data-v-31cc0dcc] {
    color: var(--color-text-80)
}

.color-text-50[data-v-31cc0dcc] {
    color: var(--color-text-50)
}

.color-text-40[data-v-31cc0dcc] {
    color: var(--color-text-40)
}

.color-text-20[data-v-31cc0dcc] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-31cc0dcc] {
    color: var(--color-currency)
}

.color-warning[data-v-31cc0dcc] {
    color: var(--color-warning)
}

.color-danger[data-v-31cc0dcc] {
    color: var(--color-danger)
}

.color-link[data-v-31cc0dcc] {
    color: var(--color-link)
}

.color-line[data-v-31cc0dcc] {
    color: var(--color-line)
}

.color-border[data-v-31cc0dcc] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-31cc0dcc] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-31cc0dcc] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-31cc0dcc] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-31cc0dcc] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-31cc0dcc] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-31cc0dcc] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-31cc0dcc] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-31cc0dcc] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-31cc0dcc] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-31cc0dcc] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-31cc0dcc] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-31cc0dcc] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-31cc0dcc] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-31cc0dcc] {
    display: flex;
    align-items: center
}

.flex-start[data-v-31cc0dcc] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-31cc0dcc] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-31cc0dcc] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-31cc0dcc] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-31cc0dcc] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-31cc0dcc] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-31cc0dcc] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-31cc0dcc] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-31cc0dcc] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-31cc0dcc] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-31cc0dcc] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-31cc0dcc] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-31cc0dcc] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-31cc0dcc] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-31cc0dcc] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-31cc0dcc] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-31cc0dcc] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-31cc0dcc] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-31cc0dcc] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-31cc0dcc] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-31cc0dcc] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-31cc0dcc] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-31cc0dcc] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-31cc0dcc] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-31cc0dcc],
.mlm-selected-item[data-v-31cc0dcc] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-31cc0dcc] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-31cc0dcc]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-31cc0dcc] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-31cc0dcc] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-31cc0dcc] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-content[data-v-31cc0dcc] {
    --background: var(--color-bg-300);
    --padding-start: 1rem;
    --padding-end: 1rem
}

div.select-scroll[data-v-31cc0dcc]::-webkit-scrollbar {
    display: none
}

ion-infinite-scroll-content[data-v-31cc0dcc] {
    min-height: 10px;
    font-size: .75rem;
    color: var(--color-text-40)
}

ion-row.footer-count[data-v-31cc0dcc] {
    border-top: 1px solid var(--report-select-item-border-color);
    background: var(--report-select-bg);
    font-size: .875rem;
    line-height: 1.3125rem;
    color: var(--color-text-100)
}

ion-popover[data-v-31cc0dcc] {
    --backdrop-opacity: 0;
    --box-shadow: none
}

ion-popover ion-row[data-v-31cc0dcc] {
    background: var(--report-select-item-box-bg)
}

ion-popover ion-button[data-v-31cc0dcc] {
    margin-top: 0;
    margin-bottom: 0
}

ion-popover ion-button[data-v-31cc0dcc]::part(native) {
    --padding-start: .375rem;
    --padding-end: .375rem;
    --padding-top: 0;
    --padding-bottom: 0
}

ion-icon[data-v-31cc0dcc] {
    transition: transform .1s linear
}

ion-icon.on[data-v-31cc0dcc] {
    transform: rotate(180deg)
}

ion-col.select-col[data-v-31cc0dcc] {
    line-height: .75rem;
    padding: 0 .3125rem .3125rem 0
}

ion-col.select-col[data-v-31cc0dcc]:nth-child(3),
ion-col.select-col[data-v-31cc0dcc]:nth-child(3n) {
    padding: 0 0 .3125rem
}

ion-col.lang-col[data-v-31cc0dcc] {
    font-size: .5rem
}

.select-box[data-v-31cc0dcc] {
    background: var(--report-select-bg);
    border-radius: .25rem;
    display: flex;
    align-items: center
}

.select-box ion-icon[data-v-31cc0dcc] {
    color: var(--color-report-select-icon)
}

ion-row.report-skin-select-row[data-v-31cc0dcc] {
    border-radius: .375rem;
    font-size: .75rem;
    line-height: 1rem;
    text-align: center
}

.report-skin-record-item-top[data-v-31cc0dcc] {
    color: var(--color-text-100);
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 500
}

.record-item-bottom[data-v-31cc0dcc] {
    font-size: .75rem;
    line-height: 1.125rem;
    color: var(--my-card-detail-color)
}

.record-item-bottom ion-icon[data-v-31cc0dcc] {
    font-size: 1.125rem;
    color: var(--my-card-detail-color)
}

.report-skin-footer-tips[data-v-31cc0dcc] {
    color: var(--color-text-80)
}

.report-skin-text-success[data-v-31cc0dcc] {
    color: var(--color-success)
}

.report-skin-text-danger[data-v-31cc0dcc] {
    color: var(--color-danger)
}

.report-skin-text-waring[data-v-31cc0dcc] {
    color: var(--color-currency)
}

.new-skin-symbol .font-weight-medium[data-v-31cc0dcc] {
    font-weight: var(--ep-font-weight-medium)
}

.new-skin-symbol .font-weight-bold[data-v-31cc0dcc] {
    font-weight: var(--ep-font-weight-bold)
}

.new-skin-symbol .select-box[data-v-31cc0dcc] {
    border-radius: var(--ep-border-radius-s);
    background: var(--ep-color-background-fill-surface-raised-L1)
}

.new-skin-symbol .select-box ion-icon[data-v-31cc0dcc] {
    color: var(--ep-color-icon-default)
}

.new-skin-symbol .report-selected[data-v-31cc0dcc] {
    font-size: var(--ep-font-size-s);
    line-height: 1.125rem;
    font-weight: var(--ep-font-weight-bold);
    white-space: nowrap;
    color: var(--ep-color-text-default)
}

.new-skin-symbol .report-select-item[data-v-31cc0dcc] {
    font-weight: var(--ep-font-weight-medium);
    border-radius: var(--ep-border-radius-m);
    border: 1px solid var(--ep-color-background-fill-surface-raised-L2);
    background: var(--ep-color-background-fill-surface-raised-L2);
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol .report-selected-item[data-v-31cc0dcc] {
    border: none;
    border-radius: var(--ep-border-radius-m);
    font-weight: var(--ep-font-weight-bold);
    background: var(--ep-color-background-fill-surface-raised-L2);
    color: var(--ep-color-text-selected)
}

.new-skin-symbol .report-recoed-item[data-v-31cc0dcc] {
    background: var(--ep-color-background-fill-surface-raised-L1);
    border-radius: var(--ep-border-radius-m)
}

.new-skin-symbol .report-skin-record-item-top[data-v-31cc0dcc] {
    font-size: var(--ep-font-size-m);
    line-height: 1.3125rem;
    font-weight: var(--ep-font-weight-medium);
    color: var(--ep-color-text-default)
}

.new-skin-symbol .record-item-bottom[data-v-31cc0dcc] {
    font-size: var(--ep-font-size-s);
    line-height: 1.125rem;
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol .record-item-bottom ion-icon[data-v-31cc0dcc] {
    font-size: var(--ep-font-size-xl);
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol ion-row.footer-count[data-v-31cc0dcc] {
    font-size: var(--ep-font-size-m);
    line-height: 1.3125rem;
    color: var(--ep-color-text-default);
    border-top: 1px solid var(--ep-color-border-default);
    background: var(--ep-color-background-fill-surface-raised-L1)
}

.new-skin-symbol ion-content[data-v-31cc0dcc] {
    --background: var(--ep-color-background-fill-body-default)
}

.new-skin-symbol ion-infinite-scroll-content[data-v-31cc0dcc] {
    font-size: var(--ep-font-size-s);
    color: var(--ep-color-text-weakest)
}

.new-skin-symbol ion-popover ion-row[data-v-31cc0dcc] {
    background: var(--ep-color-background-fill-surface-raised-L1)
}

.new-skin-symbol .report-skin-footer-tips[data-v-31cc0dcc] {
    color: var(--ep-color-text-default)
}

.new-skin-symbol .report-skin-text-success[data-v-31cc0dcc] {
    color: var(--ep-color-text-success)
}

.new-skin-symbol .report-skin-text-danger[data-v-31cc0dcc] {
    color: var(--ep-color-text-danger)
}

.new-skin-symbol .report-skin-text-waring[data-v-31cc0dcc] {
    color: var(--ep-color-text-warning)
}

.new-skin-symbol ion-col.lang-col[data-v-31cc0dcc] {
    font-size: var(--ep-values-8)
}

.new-skin-symbol ion-row.report-skin-select-row[data-v-31cc0dcc] {
    border-radius: var(--ep-border-radius-m);
    font-size: var(--ep-font-size-s);
    line-height: 1rem;
    text-align: center
}

.color-primary-600[data-v-29234e33] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-29234e33] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-29234e33] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-29234e33] {
    color: var(--color-primary-900)
}

.bg-100[data-v-29234e33] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-29234e33] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-29234e33] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-29234e33] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-29234e33] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-29234e33] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-29234e33] {
    background-color: var(--color-warning)
}

.bg-link[data-v-29234e33] {
    background-color: var(--color-link)
}

.bg-danger[data-v-29234e33] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-29234e33] {
    color: var(--color-text-100)
}

.color-text-80[data-v-29234e33] {
    color: var(--color-text-80)
}

.color-text-50[data-v-29234e33] {
    color: var(--color-text-50)
}

.color-text-40[data-v-29234e33] {
    color: var(--color-text-40)
}

.color-text-20[data-v-29234e33] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-29234e33] {
    color: var(--color-currency)
}

.color-warning[data-v-29234e33] {
    color: var(--color-warning)
}

.color-danger[data-v-29234e33] {
    color: var(--color-danger)
}

.color-link[data-v-29234e33] {
    color: var(--color-link)
}

.color-line[data-v-29234e33] {
    color: var(--color-line)
}

.color-border[data-v-29234e33] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-29234e33] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-29234e33] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-29234e33] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-29234e33] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-29234e33] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-29234e33] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-29234e33] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-29234e33] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-29234e33] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-29234e33] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-29234e33] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-29234e33] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-29234e33] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-29234e33] {
    display: flex;
    align-items: center
}

.flex-start[data-v-29234e33] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-29234e33] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-29234e33] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-29234e33] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-29234e33] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-29234e33] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-29234e33] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-29234e33] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-29234e33] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-29234e33] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-29234e33] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-29234e33] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-29234e33] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-29234e33] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-29234e33] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-29234e33] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-29234e33] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-29234e33] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-29234e33] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-29234e33] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-29234e33] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-29234e33] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-29234e33] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-29234e33] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-29234e33],
.mlm-selected-item[data-v-29234e33] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-29234e33] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-29234e33]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-29234e33] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-29234e33] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-29234e33] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-segment-button.md[data-v-29234e33]::part(indicator) {
    margin-left: auto;
    margin-right: auto
}

ion-segment-button.md[data-v-29234e33]::part(indicator-background) {
    background: var(--color-primary-800);
    height: 1px
}

ion-segment-button.md[data-v-29234e33] {
    --padding-start: 0;
    --padding-end: 0;
    --padding-top: 2px;
    --padding-bottom: 2px;
    margin-left: .5rem;
    margin-right: .5rem;
    text-transform: capitalize;
    width: max-content
}

ion-segment-button.md ion-label[data-v-29234e33] {
    text-transform: none;
    height: 2.625rem;
    margin: 0;
    padding: 0 0 5px;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

ion-label.base-style[data-v-29234e33] {
    color: var(--my-card-detail-color);
    font-size: .875rem
}

ion-label.select-style[data-v-29234e33] {
    font-weight: 700;
    color: var(--color-primary-800)
}

ion-content[data-v-29234e33] {
    --background: var(--color-bg-300)
}

.report-tab[data-v-29234e33] {
    background-color: var(--color-bg-400);
    padding-left: .25rem;
    padding-right: .25rem
}

.new-skin-symbol ion-segment-button.md[data-v-29234e33]::part(indicator-background) {
    background: var(--ep-color-border-selected)
}

.new-skin-symbol ion-label.base-style[data-v-29234e33] {
    font-size: var(--ep-font-size-m);
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol ion-label.select-style[data-v-29234e33] {
    font-weight: var(--ep-font-weight-bold);
    color: var(--ep-color-text-selected)
}

.new-skin-symbol ion-content[data-v-29234e33] {
    --background: var(--ep-color-background-fill-body-default)
}

.new-skin-symbol .report-tab[data-v-29234e33] {
    background-color: var(--ep-color-background-fill-surface-lowered)
}

.color-primary-600[data-v-c8f18b51] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-c8f18b51] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-c8f18b51] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-c8f18b51] {
    color: var(--color-primary-900)
}

.bg-100[data-v-c8f18b51] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-c8f18b51] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-c8f18b51] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-c8f18b51] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-c8f18b51] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-c8f18b51] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-c8f18b51] {
    background-color: var(--color-warning)
}

.bg-link[data-v-c8f18b51] {
    background-color: var(--color-link)
}

.bg-danger[data-v-c8f18b51] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-c8f18b51] {
    color: var(--color-text-100)
}

.color-text-80[data-v-c8f18b51] {
    color: var(--color-text-80)
}

.color-text-50[data-v-c8f18b51] {
    color: var(--color-text-50)
}

.color-text-40[data-v-c8f18b51] {
    color: var(--color-text-40)
}

.color-text-20[data-v-c8f18b51] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-c8f18b51] {
    color: var(--color-currency)
}

.color-warning[data-v-c8f18b51] {
    color: var(--color-warning)
}

.color-danger[data-v-c8f18b51] {
    color: var(--color-danger)
}

.color-link[data-v-c8f18b51] {
    color: var(--color-link)
}

.color-line[data-v-c8f18b51] {
    color: var(--color-line)
}

.color-border[data-v-c8f18b51] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-c8f18b51] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-c8f18b51] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-c8f18b51] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-c8f18b51] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-c8f18b51] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-c8f18b51] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-c8f18b51] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-c8f18b51] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-c8f18b51] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-c8f18b51] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-c8f18b51] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-c8f18b51] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-c8f18b51] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-c8f18b51] {
    display: flex;
    align-items: center
}

.flex-start[data-v-c8f18b51] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-c8f18b51] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-c8f18b51] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-c8f18b51] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-c8f18b51] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-c8f18b51] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-c8f18b51] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-c8f18b51] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-c8f18b51] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-c8f18b51] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-c8f18b51] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-c8f18b51] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-c8f18b51] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-c8f18b51] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-c8f18b51] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-c8f18b51] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-c8f18b51] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-c8f18b51] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-c8f18b51] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-c8f18b51] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-c8f18b51] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-c8f18b51] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-c8f18b51] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-c8f18b51] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-c8f18b51],
.mlm-selected-item[data-v-c8f18b51] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-c8f18b51] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-c8f18b51]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-c8f18b51] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-c8f18b51] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-c8f18b51] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.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
}

.green-default .category-sport-container[data-v-c8f18b51] {
    display: flex;
    flex-flow: column;
    --color-text-title-basic: #afc69f
}

.green-default .category-sport-container .ion-no-border ion-toolbar[data-v-c8f18b51] {
    --min-height: 3.125rem;
    --background: #2b4f14;
    --border-color: #34571d
}

.green-default .category-sport-container .ion-no-border ion-title[data-v-c8f18b51] {
    font-weight: var(--ep-font-weight-medium, 600);
    color: #afc69f
}

.green-default .category-sport-container .ion-no-border .toolbar-search[data-v-c8f18b51] {
    --background: var(--color-bg-300)
}

.green-default .category-sport-container .ion-no-border .toolbar-search #searchbar[data-v-c8f18b51] {
    border: .5rem solid transparent;
    border-radius: .25rem;
    padding: 0;
    --color: #afc69f;
    --placeholder-color: #7e9071;
    caret-color: #3e9b2f;
    --background: #183009;
    --box-shadow: 0 0 0 1px #34571d, 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)
}

.green-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
}

.green-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: #afc69f
}

.green-default .category-sport-container ion-segment[data-v-c8f18b51] {
    display: flex;
    justify-content: left;
    padding: .375rem .625rem 0;
    border-bottom: 1px solid #34571d
}

.green-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: #3e9b2f;
    --color-checked: #afc69f;
    --color: #7e9071;
    margin-bottom: -1px;
    text-transform: capitalize;
    min-width: 0
}

.green-default .category-sport-container ion-segment ion-segment-button[data-v-c8f18b51]::part(indicator) {
    width: 80%;
    margin-left: auto;
    margin-right: auto
}

.green-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: #7e9071
}

.green-default .category-sport-container ion-segment ion-segment-button .tab .text[data-v-c8f18b51] {
    align-self: end
}

.green-default .category-sport-container ion-segment ion-segment-button .tab .tab-img[data-v-c8f18b51] {
    width: 1.25rem
}

.green-default .category-sport-container ion-segment ion-segment-button .tab .tab-icon[data-v-c8f18b51] {
    font-size: 1rem;
    margin-right: .3rem
}

.green-default .category-sport-container ion-segment .segment-button-checked[data-v-c8f18b51] {
    font-weight: 700
}

.green-default .category-sport-container ion-segment .segment-button-checked.md[data-v-c8f18b51]::part(indicator) {
    width: unset;
    font-size: .875rem
}

.green-default .category-sport-container ion-segment .segment-button-checked .tab[data-v-c8f18b51] {
    color: #afc69f;
    font-weight: 700
}

.green-default .category-sport-container ion-segment .segment-button-checked .tab .tab-icon[data-v-c8f18b51] {
    color: #feb805
}

.green-default .category-sport-container .game-box[data-v-c8f18b51] {
    padding-inline: .75rem;
    --ion-grid-padding: .25rem
}

.green-default .category-sport-container .game-box ion-col[data-v-c8f18b51] {
    --ion-grid-column-padding: .25rem
}

.green-default .category-sport-container .game-box .sport-card[data-v-c8f18b51] {
    width: 100%;
    height: 7.5rem;
    border-radius: .5rem;
    margin-top: .75rem;
    overflow: hidden
}

.green-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
}

.green-default .category-sport-container .game-box .empty .empty-bg-game[data-v-c8f18b51] {
    width: 10rem;
    height: 10rem;
    color: #afc69f
}

.green-default .category-sport-container .game-box .empty .tip[data-v-c8f18b51] {
    font-family: Saira;
    font-size: .875rem;
    font-weight: 500;
    text-align: center;
    color: #7e9071
}

.green-default ion-segment ion-segment-button[data-v-c8f18b51] {
    margin-bottom: -.0625rem
}

.green-default ion-segment ion-segment-button .tab[data-v-c8f18b51] {
    font-weight: 400
}

.forest-green .category-sport-container[data-v-c8f18b51] {
    display: flex;
    flex-flow: column;
    --color-text-title-basic: var(--text-color1)
}

.forest-green .category-sport-container .ion-no-border ion-toolbar[data-v-c8f18b51] {
    --min-height: 3.125rem;
    --background: var(--color-bg-100);
    --border-color: var(--line-color)
}

.forest-green .category-sport-container .ion-no-border ion-title[data-v-c8f18b51] {
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--text-color1)
}

.forest-green .category-sport-container .ion-no-border .toolbar-search[data-v-c8f18b51] {
    --background: var(--color-bg-300)
}

.forest-green .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: var(--theme-color-800);
    --background: var(--color-bg-300);
    --box-shadow: 0 0 0 1px var(--line-color), 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)
}

.forest-green .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
}

.forest-green .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: var(--text-color1)
}

.forest-green .category-sport-container ion-segment[data-v-c8f18b51] {
    display: flex;
    justify-content: left;
    padding: .375rem .625rem 0;
    border-bottom: 1px solid var(--line-color)
}

.forest-green .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: var(--theme-color-800);
    --color-checked: var(--text-color1);
    --color: var(--text-color2);
    margin-bottom: -1px;
    text-transform: capitalize;
    min-width: 0
}

.forest-green .category-sport-container ion-segment ion-segment-button[data-v-c8f18b51]::part(indicator) {
    width: 80%;
    margin-left: auto;
    margin-right: auto
}

.forest-green .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)
}

.forest-green .category-sport-container ion-segment ion-segment-button .tab .text[data-v-c8f18b51] {
    align-self: end
}

.forest-green .category-sport-container ion-segment ion-segment-button .tab .tab-img[data-v-c8f18b51] {
    width: 1.25rem
}

.forest-green .category-sport-container ion-segment ion-segment-button .tab .tab-icon[data-v-c8f18b51] {
    font-size: 1rem;
    margin-right: .3rem
}

.forest-green .category-sport-container ion-segment .segment-button-checked[data-v-c8f18b51] {
    font-weight: 700
}

.forest-green .category-sport-container ion-segment .segment-button-checked.md[data-v-c8f18b51]::part(indicator) {
    width: unset;
    font-size: .875rem
}

.forest-green .category-sport-container ion-segment .segment-button-checked .tab[data-v-c8f18b51] {
    color: var(--text-color1);
    font-weight: 700
}

.forest-green .category-sport-container ion-segment .segment-button-checked .tab .tab-icon[data-v-c8f18b51] {
    color: #feb805
}

.forest-green .category-sport-container .game-box[data-v-c8f18b51] {
    padding-inline: .75rem;
    --ion-grid-padding: .25rem
}

.forest-green .category-sport-container .game-box ion-col[data-v-c8f18b51] {
    --ion-grid-column-padding: .25rem
}

.forest-green .category-sport-container .game-box .sport-card[data-v-c8f18b51] {
    width: 100%;
    height: 7.5rem;
    border-radius: .5rem;
    margin-top: .75rem;
    overflow: hidden
}

.forest-green .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
}

.forest-green .category-sport-container .game-box .empty .empty-bg-game[data-v-c8f18b51] {
    width: 10rem;
    height: 10rem;
    color: var(--text-color1)
}

.forest-green .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)
}

.forest-green ion-segment ion-segment-button[data-v-c8f18b51] {
    margin-bottom: -.0625rem
}

.forest-green ion-segment ion-segment-button .tab[data-v-c8f18b51] {
    font-weight: 400
}

.amber-purple .category-sport-container[data-v-c8f18b51] {
    display: flex;
    flex-flow: column;
    --color-text-title-basic: #bdb8e1
}

.amber-purple .category-sport-container .ion-no-border ion-toolbar[data-v-c8f18b51] {
    --min-height: 3.125rem;
    --background: transparent;
    --border-color: #5f588c
}

.amber-purple .category-sport-container .ion-no-border ion-title[data-v-c8f18b51] {
    font-weight: var(--ep-font-weight-medium, 600);
    color: #bdb8e1
}

.amber-purple .category-sport-container .ion-no-border .toolbar-search[data-v-c8f18b51] {
    --background: var(--color-bg-300)
}

.amber-purple .category-sport-container .ion-no-border .toolbar-search #searchbar[data-v-c8f18b51] {
    border: .5rem solid transparent;
    border-radius: .25rem;
    padding: 0;
    --color: #bdb8e1;
    --placeholder-color: #686299;
    caret-color: #7041f3;
    --background: #252141;
    --box-shadow: 0 0 0 1px #5f588c, 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)
}

.amber-purple .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
}

.amber-purple .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: #bdb8e1
}

.amber-purple .category-sport-container ion-segment[data-v-c8f18b51] {
    display: flex;
    justify-content: left;
    padding: .375rem .625rem 0;
    border-bottom: 1px solid #5f588c
}

.amber-purple .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: linear-gradient(90deg, #EABD5B 2.63%, #7546EE 100%);
    --color-checked: #bdb8e1;
    --color: #686299;
    margin-bottom: -1px;
    text-transform: capitalize;
    min-width: 0
}

.amber-purple .category-sport-container ion-segment ion-segment-button[data-v-c8f18b51]::part(indicator) {
    width: 80%;
    margin-left: auto;
    margin-right: auto
}

.amber-purple .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: #686299
}

.amber-purple .category-sport-container ion-segment ion-segment-button .tab .text[data-v-c8f18b51] {
    align-self: end
}

.amber-purple .category-sport-container ion-segment ion-segment-button .tab .tab-img[data-v-c8f18b51] {
    width: 1.25rem
}

.amber-purple .category-sport-container ion-segment ion-segment-button .tab .tab-icon[data-v-c8f18b51] {
    font-size: 1rem;
    margin-right: .3rem
}

.amber-purple .category-sport-container ion-segment .segment-button-checked[data-v-c8f18b51] {
    font-weight: 700
}

.amber-purple .category-sport-container ion-segment .segment-button-checked.md[data-v-c8f18b51]::part(indicator) {
    width: unset;
    font-size: .875rem
}

.amber-purple .category-sport-container ion-segment .segment-button-checked .tab[data-v-c8f18b51] {
    color: #bdb8e1;
    font-weight: 700
}

.amber-purple .category-sport-container ion-segment .segment-button-checked .tab .tab-icon[data-v-c8f18b51] {
    color: #7041f3
}

.amber-purple .category-sport-container .game-box[data-v-c8f18b51] {
    padding-inline: .75rem;
    --ion-grid-padding: .25rem
}

.amber-purple .category-sport-container .game-box ion-col[data-v-c8f18b51] {
    --ion-grid-column-padding: .25rem
}

.amber-purple .category-sport-container .game-box .sport-card[data-v-c8f18b51] {
    width: 100%;
    height: 7.5rem;
    border-radius: .5rem;
    margin-top: .75rem;
    overflow: hidden
}

.amber-purple .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
}

.amber-purple .category-sport-container .game-box .empty .empty-bg-game[data-v-c8f18b51] {
    width: 10rem;
    height: 10rem;
    color: #bdb8e1
}

.amber-purple .category-sport-container .game-box .empty .tip[data-v-c8f18b51] {
    font-family: Saira;
    font-size: .875rem;
    font-weight: 500;
    text-align: center;
    color: #686299
}

.amber-purple .category-sport-container .container[data-v-c8f18b51]::part(background) {
    background: transparent
}

.amber-purple .category-sport-container .container ion-segment[data-v-c8f18b51] {
    border-bottom: none
}

.amber-purple .category-sport-container .container ion-segment ion-segment-button[data-v-c8f18b51] {
    margin-bottom: -.0625rem
}

.amber-purple .category-sport-container .container ion-segment ion-segment-button .tab[data-v-c8f18b51] {
    font-weight: 400
}

.green-dark .category-sport-container[data-v-c8f18b51] {
    display: flex;
    flex-flow: column;
    --color-text-title-basic: #fff
}

.green-dark .category-sport-container .ion-no-border ion-toolbar[data-v-c8f18b51] {
    --min-height: 3.125rem;
    --background: #22262e;
    --border-color: #3b424e
}

.green-dark .category-sport-container .ion-no-border ion-title[data-v-c8f18b51] {
    font-weight: var(--ep-font-weight-medium, 600);
    color: #fff
}

.green-dark .category-sport-container .ion-no-border .toolbar-search[data-v-c8f18b51] {
    --background: var(--color-bg-300)
}

.green-dark .category-sport-container .ion-no-border .toolbar-search #searchbar[data-v-c8f18b51] {
    border: .5rem solid transparent;
    border-radius: .25rem;
    padding: 0;
    --color: #fff;
    --placeholder-color: #fff6;
    caret-color: #3e9b2f;
    --background: #16191d;
    --box-shadow: 0 0 0 1px #3b424e, 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)
}

.green-dark .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
}

.green-dark .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
}

.green-dark .category-sport-container ion-segment[data-v-c8f18b51] {
    display: flex;
    justify-content: left;
    padding: .375rem .625rem 0;
    border-bottom: 1px solid #3b424e
}

.green-dark .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: #3e9b2f;
    --color-checked: #fff;
    --color: #fff6;
    margin-bottom: -1px;
    text-transform: capitalize;
    min-width: 0
}

.green-dark .category-sport-container ion-segment ion-segment-button[data-v-c8f18b51]::part(indicator) {
    width: 80%;
    margin-left: auto;
    margin-right: auto
}

.green-dark .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: rgba(255, 255, 255, .4)
}

.green-dark .category-sport-container ion-segment ion-segment-button .tab .text[data-v-c8f18b51] {
    align-self: end
}

.green-dark .category-sport-container ion-segment ion-segment-button .tab .tab-img[data-v-c8f18b51] {
    width: 1.25rem
}

.green-dark .category-sport-container ion-segment ion-segment-button .tab .tab-icon[data-v-c8f18b51] {
    font-size: 1rem;
    margin-right: .3rem
}

.green-dark .category-sport-container ion-segment .segment-button-checked[data-v-c8f18b51] {
    font-weight: 700
}

.green-dark .category-sport-container ion-segment .segment-button-checked.md[data-v-c8f18b51]::part(indicator) {
    width: unset;
    font-size: .875rem
}

.green-dark .category-sport-container ion-segment .segment-button-checked .tab[data-v-c8f18b51] {
    color: #fff;
    font-weight: 700
}

.green-dark .category-sport-container ion-segment .segment-button-checked .tab .tab-icon[data-v-c8f18b51] {
    color: #3e9b2f
}

.green-dark .category-sport-container .game-box[data-v-c8f18b51] {
    padding-inline: .75rem;
    --ion-grid-padding: .25rem
}

.green-dark .category-sport-container .game-box ion-col[data-v-c8f18b51] {
    --ion-grid-column-padding: .25rem
}

.green-dark .category-sport-container .game-box .sport-card[data-v-c8f18b51] {
    width: 100%;
    height: 7.5rem;
    border-radius: .5rem;
    margin-top: .75rem;
    overflow: hidden
}

.green-dark .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
}

.green-dark .category-sport-container .game-box .empty .empty-bg-game[data-v-c8f18b51] {
    width: 10rem;
    height: 10rem;
    color: #fff
}

.green-dark .category-sport-container .game-box .empty .tip[data-v-c8f18b51] {
    font-family: Saira;
    font-size: .875rem;
    font-weight: 500;
    text-align: center;
    color: rgba(255, 255, 255, .4)
}

.green-dark ion-segment ion-segment-button[data-v-c8f18b51] {
    margin-bottom: -.0625rem
}

.green-dark ion-segment ion-segment-button .tab[data-v-c8f18b51] {
    font-weight: 400
}

.yellow-dark .category-sport-container[data-v-c8f18b51] {
    display: flex;
    flex-flow: column;
    --color-text-title-basic: #fff
}

.yellow-dark .category-sport-container .ion-no-border ion-toolbar[data-v-c8f18b51] {
    --min-height: 3.125rem;
    --background: #262624;
    --border-color: #2e2d2c
}

.yellow-dark .category-sport-container .ion-no-border ion-title[data-v-c8f18b51] {
    font-weight: var(--ep-font-weight-medium, 600);
    color: #fff
}

.yellow-dark .category-sport-container .ion-no-border .toolbar-search[data-v-c8f18b51] {
    --background: var(--color-bg-300)
}

.yellow-dark .category-sport-container .ion-no-border .toolbar-search #searchbar[data-v-c8f18b51] {
    border: .5rem solid transparent;
    border-radius: .25rem;
    padding: 0;
    --color: #fff;
    --placeholder-color: #fff6;
    caret-color: #feb805;
    --background: #181816;
    --box-shadow: 0 0 0 1px #2e2d2c, 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)
}

.yellow-dark .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
}

.yellow-dark .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
}

.yellow-dark .category-sport-container ion-segment[data-v-c8f18b51] {
    display: flex;
    justify-content: left;
    padding: .375rem .625rem 0;
    border-bottom: 1px solid #2e2d2c
}

.yellow-dark .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: #feb805;
    --color-checked: #fff;
    --color: #fff6;
    margin-bottom: -1px;
    text-transform: capitalize;
    min-width: 0
}

.yellow-dark .category-sport-container ion-segment ion-segment-button[data-v-c8f18b51]::part(indicator) {
    width: 80%;
    margin-left: auto;
    margin-right: auto
}

.yellow-dark .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: rgba(255, 255, 255, .4)
}

.yellow-dark .category-sport-container ion-segment ion-segment-button .tab .text[data-v-c8f18b51] {
    align-self: end
}

.yellow-dark .category-sport-container ion-segment ion-segment-button .tab .tab-img[data-v-c8f18b51] {
    width: 1.25rem
}

.yellow-dark .category-sport-container ion-segment ion-segment-button .tab .tab-icon[data-v-c8f18b51] {
    font-size: 1rem;
    margin-right: .3rem
}

.yellow-dark .category-sport-container ion-segment .segment-button-checked[data-v-c8f18b51] {
    font-weight: 700
}

.yellow-dark .category-sport-container ion-segment .segment-button-checked.md[data-v-c8f18b51]::part(indicator) {
    width: unset;
    font-size: .875rem
}

.yellow-dark .category-sport-container ion-segment .segment-button-checked .tab[data-v-c8f18b51] {
    color: #fff;
    font-weight: 700
}

.yellow-dark .category-sport-container ion-segment .segment-button-checked .tab .tab-icon[data-v-c8f18b51] {
    color: #feb805
}

.yellow-dark .category-sport-container .game-box[data-v-c8f18b51] {
    padding-inline: .75rem;
    --ion-grid-padding: .25rem
}

.yellow-dark .category-sport-container .game-box ion-col[data-v-c8f18b51] {
    --ion-grid-column-padding: .25rem
}

.yellow-dark .category-sport-container .game-box .sport-card[data-v-c8f18b51] {
    width: 100%;
    height: 7.5rem;
    border-radius: .5rem;
    margin-top: .75rem;
    overflow: hidden
}

.yellow-dark .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
}

.yellow-dark .category-sport-container .game-box .empty .empty-bg-game[data-v-c8f18b51] {
    width: 10rem;
    height: 10rem;
    color: #fff
}

.yellow-dark .category-sport-container .game-box .empty .tip[data-v-c8f18b51] {
    font-family: Saira;
    font-size: .875rem;
    font-weight: 500;
    text-align: center;
    color: rgba(255, 255, 255, .4)
}

.yellow-dark ion-segment ion-segment-button[data-v-c8f18b51] {
    margin-bottom: -.0625rem
}

.yellow-dark ion-segment ion-segment-button .tab[data-v-c8f18b51] {
    font-weight: 400
}

.auroral-yellow .category-sport-container[data-v-c8f18b51] {
    display: flex;
    flex-flow: column;
    --color-text-title-basic: #fff
}

.auroral-yellow .category-sport-container .ion-no-border ion-toolbar[data-v-c8f18b51] {
    --min-height: 3.125rem;
    --background: var(--color-bg-200);
    --border-color: var(--line-color)
}

.auroral-yellow .category-sport-container .ion-no-border ion-title[data-v-c8f18b51] {
    font-weight: var(--ep-font-weight-medium, 600);
    color: #fff
}

.auroral-yellow .category-sport-container .ion-no-border .toolbar-search[data-v-c8f18b51] {
    --background: var(--color-bg-300)
}

.auroral-yellow .category-sport-container .ion-no-border .toolbar-search #searchbar[data-v-c8f18b51] {
    border: .5rem solid transparent;
    border-radius: .25rem;
    padding: 0;
    --color: #fff;
    --placeholder-color: var(--text-color2);
    caret-color: var(--theme-color-800);
    --background: var(--color-bg-400);
    --box-shadow: 0 0 0 1px var(--line-color), 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)
}

.auroral-yellow .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
}

.auroral-yellow .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
}

.auroral-yellow .category-sport-container ion-segment[data-v-c8f18b51] {
    display: flex;
    justify-content: left;
    padding: .375rem .625rem 0;
    border-bottom: 1px solid var(--line-color)
}

.auroral-yellow .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: var(--theme-color-800);
    --color-checked: #fff;
    --color: var(--text-color2);
    margin-bottom: -1px;
    text-transform: capitalize;
    min-width: 0
}

.auroral-yellow .category-sport-container ion-segment ion-segment-button[data-v-c8f18b51]::part(indicator) {
    width: 80%;
    margin-left: auto;
    margin-right: auto
}

.auroral-yellow .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)
}

.auroral-yellow .category-sport-container ion-segment ion-segment-button .tab .text[data-v-c8f18b51] {
    align-self: end
}

.auroral-yellow .category-sport-container ion-segment ion-segment-button .tab .tab-img[data-v-c8f18b51] {
    width: 1.25rem
}

.auroral-yellow .category-sport-container ion-segment ion-segment-button .tab .tab-icon[data-v-c8f18b51] {
    font-size: 1rem;
    margin-right: .3rem
}

.auroral-yellow .category-sport-container ion-segment .segment-button-checked[data-v-c8f18b51] {
    font-weight: 700
}

.auroral-yellow .category-sport-container ion-segment .segment-button-checked.md[data-v-c8f18b51]::part(indicator) {
    width: unset;
    font-size: .875rem
}

.auroral-yellow .category-sport-container ion-segment .segment-button-checked .tab[data-v-c8f18b51] {
    color: #fff;
    font-weight: 700
}

.auroral-yellow .category-sport-container ion-segment .segment-button-checked .tab .tab-icon[data-v-c8f18b51] {
    color: #7041f3
}

.auroral-yellow .category-sport-container .game-box[data-v-c8f18b51] {
    padding-inline: .75rem;
    --ion-grid-padding: .25rem
}

.auroral-yellow .category-sport-container .game-box ion-col[data-v-c8f18b51] {
    --ion-grid-column-padding: .25rem
}

.auroral-yellow .category-sport-container .game-box .sport-card[data-v-c8f18b51] {
    width: 100%;
    height: 7.5rem;
    border-radius: .5rem;
    margin-top: .75rem;
    overflow: hidden
}

.auroral-yellow .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
}

.auroral-yellow .category-sport-container .game-box .empty .empty-bg-game[data-v-c8f18b51] {
    width: 10rem;
    height: 10rem;
    color: #fff
}

.auroral-yellow .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)
}

.purple-light .category-sport-container[data-v-c8f18b51] {
    display: flex;
    flex-flow: column;
    --color-text-title-basic: #fff
}

.purple-light .category-sport-container .ion-no-border ion-toolbar[data-v-c8f18b51] {
    --min-height: 3.125rem;
    --background: #6526db;
    --border-color: #dbc9ff
}

.purple-light .category-sport-container .ion-no-border ion-title[data-v-c8f18b51] {
    font-weight: var(--ep-font-weight-medium, 600);
    color: #fff
}

.purple-light .category-sport-container .ion-no-border .toolbar-search[data-v-c8f18b51] {
    --background: var(--color-bg-300)
}

.purple-light .category-sport-container .ion-no-border .toolbar-search #searchbar[data-v-c8f18b51] {
    border: .5rem solid transparent;
    border-radius: .25rem;
    padding: 0;
    --color: #403d4f;
    --placeholder-color: #403d4f80;
    caret-color: #6526db;
    --background: #e0d0ff;
    --box-shadow: none
}

.purple-light .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
}

.purple-light .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: #403d4f
}

.purple-light .category-sport-container ion-segment[data-v-c8f18b51] {
    display: flex;
    justify-content: left;
    padding: .375rem .625rem 0;
    border-bottom: 1px solid #dbc9ff
}

.purple-light .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: #6526db;
    --color-checked: #403d4f;
    --color: #403d4f80;
    margin-bottom: -1px;
    text-transform: capitalize;
    min-width: 0
}

.purple-light .category-sport-container ion-segment ion-segment-button[data-v-c8f18b51]::part(indicator) {
    width: 80%;
    margin-left: auto;
    margin-right: auto
}

.purple-light .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: rgba(64, 61, 79, .5)
}

.purple-light .category-sport-container ion-segment ion-segment-button .tab .text[data-v-c8f18b51] {
    align-self: end
}

.purple-light .category-sport-container ion-segment ion-segment-button .tab .tab-img[data-v-c8f18b51] {
    width: 1.25rem
}

.purple-light .category-sport-container ion-segment ion-segment-button .tab .tab-icon[data-v-c8f18b51] {
    font-size: 1rem;
    margin-right: .3rem
}

.purple-light .category-sport-container ion-segment .segment-button-checked[data-v-c8f18b51] {
    font-weight: 700
}

.purple-light .category-sport-container ion-segment .segment-button-checked.md[data-v-c8f18b51]::part(indicator) {
    width: unset;
    font-size: .875rem
}

.purple-light .category-sport-container ion-segment .segment-button-checked .tab[data-v-c8f18b51] {
    color: #403d4f;
    font-weight: 700
}

.purple-light .category-sport-container ion-segment .segment-button-checked .tab .tab-icon[data-v-c8f18b51] {
    color: #6526db
}

.purple-light .category-sport-container .game-box[data-v-c8f18b51] {
    padding-inline: .75rem;
    --ion-grid-padding: .25rem
}

.purple-light .category-sport-container .game-box ion-col[data-v-c8f18b51] {
    --ion-grid-column-padding: .25rem
}

.purple-light .category-sport-container .game-box .sport-card[data-v-c8f18b51] {
    width: 100%;
    height: 7.5rem;
    border-radius: .5rem;
    margin-top: .75rem;
    overflow: hidden
}

.purple-light .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
}

.purple-light .category-sport-container .game-box .empty .empty-bg-game[data-v-c8f18b51] {
    width: 10rem;
    height: 10rem;
    color: #403d4f
}

.purple-light .category-sport-container .game-box .empty .tip[data-v-c8f18b51] {
    font-family: Saira;
    font-size: .875rem;
    font-weight: 500;
    text-align: center;
    color: rgba(64, 61, 79, .5)
}

.purple-light ion-segment ion-segment-button[data-v-c8f18b51] {
    margin-bottom: -1px
}

.purple-light ion-segment ion-segment-button .tab[data-v-c8f18b51] {
    font-weight: 400
}

.new-skin-symbol .category-sport-container[data-v-c8f18b51] {
    display: flex;
    flex-flow: column;
    --color-text-title-basic: var(--ep-color-text-default)
}

.new-skin-symbol .category-sport-container .ion-no-border ion-toolbar[data-v-c8f18b51] {
    --min-height: 3.125rem;
    --background: var(--ep-color-background-fill-top-nav-secondary);
    --border-color: #1a233e
}

.new-skin-symbol .category-sport-container .ion-no-border ion-title[data-v-c8f18b51] {
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--ep-color-text-default)
}

.new-skin-symbol .category-sport-container .ion-no-border .toolbar-search[data-v-c8f18b51] {
    --background: var(--ep-color-background-fill-body-default)
}

.new-skin-symbol .category-sport-container .ion-no-border .toolbar-search #searchbar[data-v-c8f18b51] {
    border: .5rem solid transparent;
    border-radius: .25rem;
    padding: 0;
    --color: var(--ep-color-text-default);
    --placeholder-color: var(--ep-color-text-weaker);
    caret-color: var(--ep-color-border-brand);
    --background: var(--ep-color-background-fill-surface-lowered);
    --box-shadow: 0 0 0 1px var(--ep-color-border-default), 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)
}

.new-skin-symbol .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
}

.new-skin-symbol .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: var(--ep-color-icon-weaker)
}

.new-skin-symbol .category-sport-container ion-segment[data-v-c8f18b51] {
    display: flex;
    justify-content: left;
    padding: .375rem .625rem 0;
    border-bottom: 1px solid #1a233e
}

.new-skin-symbol .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: var(--ep-color-border-selected);
    --color-checked: var(--ep-color-text-selected);
    --color: var(--ep-color-text-weaker);
    margin-bottom: -1px;
    text-transform: capitalize;
    min-width: 0
}

.new-skin-symbol .category-sport-container ion-segment ion-segment-button[data-v-c8f18b51]::part(indicator) {
    width: 80%;
    margin-left: auto;
    margin-right: auto
}

.new-skin-symbol .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(--ep-color-text-weaker)
}

.new-skin-symbol .category-sport-container ion-segment ion-segment-button .tab .text[data-v-c8f18b51] {
    align-self: end
}

.new-skin-symbol .category-sport-container ion-segment ion-segment-button .tab .tab-img[data-v-c8f18b51] {
    width: 1.25rem
}

.new-skin-symbol .category-sport-container ion-segment ion-segment-button .tab .tab-icon[data-v-c8f18b51] {
    font-size: 1rem;
    margin-right: .3rem
}

.new-skin-symbol .category-sport-container ion-segment .segment-button-checked[data-v-c8f18b51] {
    font-weight: 700
}

.new-skin-symbol .category-sport-container ion-segment .segment-button-checked.md[data-v-c8f18b51]::part(indicator) {
    width: unset;
    font-size: .875rem
}

.new-skin-symbol .category-sport-container ion-segment .segment-button-checked .tab[data-v-c8f18b51] {
    color: var(--ep-color-text-selected);
    font-weight: 700
}

.new-skin-symbol .category-sport-container ion-segment .segment-button-checked .tab .tab-icon[data-v-c8f18b51] {
    color: var(--ep-color-text-selected)
}

.new-skin-symbol .category-sport-container .game-box[data-v-c8f18b51] {
    padding-inline: .75rem;
    --ion-grid-padding: .25rem
}

.new-skin-symbol .category-sport-container .game-box ion-col[data-v-c8f18b51] {
    --ion-grid-column-padding: .25rem
}

.new-skin-symbol .category-sport-container .game-box .sport-card[data-v-c8f18b51] {
    width: 100%;
    height: 7.5rem;
    border-radius: .5rem;
    margin-top: .75rem;
    overflow: hidden
}

.new-skin-symbol .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
}

.new-skin-symbol .category-sport-container .game-box .empty .empty-bg-game[data-v-c8f18b51] {
    width: 10rem;
    height: 10rem;
    color: var(--ep-color-icon-weaker)
}

.new-skin-symbol .category-sport-container .game-box .empty .tip[data-v-c8f18b51] {
    font-family: Saira;
    font-size: .875rem;
    font-weight: 500;
    text-align: center;
    color: var(--ep-color-text-weaker)
}

.color-primary-600[data-v-7fd5afdf] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-7fd5afdf] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-7fd5afdf] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-7fd5afdf] {
    color: var(--color-primary-900)
}

.bg-100[data-v-7fd5afdf] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-7fd5afdf] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-7fd5afdf] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-7fd5afdf] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-7fd5afdf] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-7fd5afdf] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-7fd5afdf] {
    background-color: var(--color-warning)
}

.bg-link[data-v-7fd5afdf] {
    background-color: var(--color-link)
}

.bg-danger[data-v-7fd5afdf] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-7fd5afdf] {
    color: var(--color-text-100)
}

.color-text-80[data-v-7fd5afdf] {
    color: var(--color-text-80)
}

.color-text-50[data-v-7fd5afdf] {
    color: var(--color-text-50)
}

.color-text-40[data-v-7fd5afdf] {
    color: var(--color-text-40)
}

.color-text-20[data-v-7fd5afdf] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-7fd5afdf] {
    color: var(--color-currency)
}

.color-warning[data-v-7fd5afdf] {
    color: var(--color-warning)
}

.color-danger[data-v-7fd5afdf] {
    color: var(--color-danger)
}

.color-link[data-v-7fd5afdf] {
    color: var(--color-link)
}

.color-line[data-v-7fd5afdf] {
    color: var(--color-line)
}

.color-border[data-v-7fd5afdf] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-7fd5afdf] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-7fd5afdf] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-7fd5afdf] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-7fd5afdf] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-7fd5afdf] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-7fd5afdf] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-7fd5afdf] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-7fd5afdf] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-7fd5afdf] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-7fd5afdf] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-7fd5afdf] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-7fd5afdf] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-7fd5afdf] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-7fd5afdf] {
    display: flex;
    align-items: center
}

.flex-start[data-v-7fd5afdf] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-7fd5afdf] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-7fd5afdf] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-7fd5afdf] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-7fd5afdf] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-7fd5afdf] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-7fd5afdf] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-7fd5afdf] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-7fd5afdf] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-7fd5afdf] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-7fd5afdf] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-7fd5afdf] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-7fd5afdf] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-7fd5afdf] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-7fd5afdf] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-7fd5afdf] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-7fd5afdf] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-7fd5afdf] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-7fd5afdf] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-7fd5afdf] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-7fd5afdf] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-7fd5afdf] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-7fd5afdf] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-7fd5afdf] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-7fd5afdf],
.mlm-selected-item[data-v-7fd5afdf] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-7fd5afdf] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-7fd5afdf]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-7fd5afdf] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-7fd5afdf] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-7fd5afdf] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.point-cp[data-v-7fd5afdf] {
    position: absolute;
    z-index: 100;
    color: var(--color-danger, red);
    font-size: var(--211fe8ed)
}

.color-primary-600[data-v-6a8eac91] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-6a8eac91] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-6a8eac91] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-6a8eac91] {
    color: var(--color-primary-900)
}

.bg-100[data-v-6a8eac91] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-6a8eac91] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-6a8eac91] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-6a8eac91] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-6a8eac91] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-6a8eac91] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-6a8eac91] {
    background-color: var(--color-warning)
}

.bg-link[data-v-6a8eac91] {
    background-color: var(--color-link)
}

.bg-danger[data-v-6a8eac91] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-6a8eac91] {
    color: var(--color-text-100)
}

.color-text-80[data-v-6a8eac91] {
    color: var(--color-text-80)
}

.color-text-50[data-v-6a8eac91] {
    color: var(--color-text-50)
}

.color-text-40[data-v-6a8eac91] {
    color: var(--color-text-40)
}

.color-text-20[data-v-6a8eac91] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-6a8eac91] {
    color: var(--color-currency)
}

.color-warning[data-v-6a8eac91] {
    color: var(--color-warning)
}

.color-danger[data-v-6a8eac91] {
    color: var(--color-danger)
}

.color-link[data-v-6a8eac91] {
    color: var(--color-link)
}

.color-line[data-v-6a8eac91] {
    color: var(--color-line)
}

.color-border[data-v-6a8eac91] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-6a8eac91] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-6a8eac91] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-6a8eac91] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-6a8eac91] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-6a8eac91] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-6a8eac91] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-6a8eac91] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-6a8eac91] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-6a8eac91] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-6a8eac91] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-6a8eac91] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-6a8eac91] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-6a8eac91] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-6a8eac91] {
    display: flex;
    align-items: center
}

.flex-start[data-v-6a8eac91] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-6a8eac91] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-6a8eac91] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-6a8eac91] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-6a8eac91] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-6a8eac91] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-6a8eac91] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-6a8eac91] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-6a8eac91] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-6a8eac91] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-6a8eac91] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-6a8eac91] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-6a8eac91] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-6a8eac91] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-6a8eac91] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-6a8eac91] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-6a8eac91] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-6a8eac91] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-6a8eac91] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-6a8eac91] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-6a8eac91] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-6a8eac91] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-6a8eac91] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-6a8eac91] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-6a8eac91],
.mlm-selected-item[data-v-6a8eac91] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-6a8eac91] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-6a8eac91]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-6a8eac91] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-6a8eac91] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-6a8eac91] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.activity-wrap[data-v-6a8eac91] {
    margin-bottom: .625rem;
    position: relative
}

.activity-wrap .rounded-top[data-v-6a8eac91] {
    border-radius: var(--ep-border-radius-m, var(--rounded-middle)) var(--ep-border-radius-m, var(--rounded-middle)) 0 0
}

.activity-wrap .rounded-top .intro-text[data-v-6a8eac91] {
    min-width: 10rem;
    max-width: 13rem;
    padding-left: .875rem;
    margin-inline-end: 0px
}

.activity-wrap .rounded-top .intro-text p[data-v-6a8eac91] {
    color: var(--color-activity-intro);
    font-size: .875rem;
    line-height: 1.3;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-medium));
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.activity-wrap .rounded-top ion-img[data-v-6a8eac91] {
    width: 6.25rem;
    height: 6.25rem;
    margin-inline-start: 0px;
    margin-top: .625rem;
    margin-right: 1.25rem;
    border-radius: var(--ep-border-radius-m, var(--rounded-middle))
}

.activity-wrap .rounded-top .hotPoint[data-v-6a8eac91] {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(45%, -45%)
}

.activity-wrap .activity-bottom[data-v-6a8eac91] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 3.625rem;
    background-color: var(--ep-color-background-fill-surface-lowered, var(--color-bg-400));
    border-radius: 0 0 var(--ep-border-radius-m, var(--rounded-middle)) var(--ep-border-radius-m, var(--rounded-middle))
}

.activity-wrap .activity-bottom .activity-bottom-content[data-v-6a8eac91] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-left: .75rem;
    padding-right: .75rem
}

.activity-wrap .activity-bottom .activity-bottom-content .activity-info-details[data-v-6a8eac91] {
    display: flex;
    flex-direction: column
}

.activity-wrap .activity-bottom .activity-bottom-content .activity-info-details .activity-name[data-v-6a8eac91] {
    font-size: var(--ep-font-size-m, .875rem);
    line-height: 1.5;
    color: var(--ep-color-text-default, var(--color-activity-name));
    font-weight: var(--ep-font-weight-medium, 500)
}

.activity-wrap .activity-bottom .activity-bottom-content .activity-info-details .activity-time[data-v-6a8eac91] {
    color: var(--ep-color-text-weaker, var(--color-activity-name));
    display: flex;
    align-items: center
}

.activity-wrap .activity-bottom .activity-bottom-content .activity-info-details .activity-time ion-icon[data-v-6a8eac91] {
    font-size: var(--ep-font-size-s, .75rem);
    line-height: 1.5
}

.activity-wrap .activity-bottom .activity-bottom-content .activity-info-details .activity-time .end-time[data-v-6a8eac91] {
    font-size: var(--ep-font-size-s, .75rem);
    line-height: 1.5;
    text-align: left;
    margin-left: .25rem
}

.activity-wrap .activity-bottom .activity-bottom-content .in-progress[data-v-6a8eac91] {
    width: 6rem;
    height: 2rem;
    flex: none;
    background-color: var(--ep-color-background-fill-surface-raised-L1, var(--color-bg-200));
    text-align: center;
    font-size: var(--ep-font-size-s, .75rem);
    line-height: 2rem;
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium));
    border-radius: var(--ep-border-radius-s, var(--rounded-small));
    color: var(--ep-color-text-brand-primary, var(--color-primary-800))
}

.empty-tip[data-v-6a8eac91] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.empty-tip ion-img[data-v-6a8eac91] {
    width: 7.5rem;
    margin-top: 9rem
}

ion-item.shiny[data-v-6a8eac91] {
    position: relative;
    overflow: hidden
}

ion-item.shiny[data-v-6a8eac91]:before {
    content: "";
    animation: shiny-6a8eac91 6s ease-in-out infinite;
    background: #fff;
    display: inline-block;
    height: 100%;
    left: 0;
    position: absolute;
    top: -180px;
    width: 30px;
    z-index: 100
}

ion-content#main[data-v-6a8eac91] {
    --padding-start: 15px;
    --padding-end: 15px;
    --padding-top: 10px
}

ion-content#main ion-item[data-v-6a8eac91] {
    --background: transparent;
    --inner-padding-end: 0px;
    --border-radius: 10px;
    --padding-start: 15px;
    --padding-end: 15px;
    --padding-top: 0;
    --padding-bottom: 0;
    --inner-border-width: 0px;
    --min-height: 7.5rem;
    --height: 7.5rem;
    --max-height: 7.5rem
}

@keyframes shiny-6a8eac91 {
    0% {
        opacity: 0;
        transform: scale(0) rotate(45deg)
    }

    50% {
        opacity: .3;
        transform: scale(0) rotate(45deg)
    }

    81% {
        opacity: .6;
        transform: scale(4) rotate(45deg)
    }

    to {
        opacity: 0;
        transform: scale(50) rotate(45deg)
    }
}

.color-primary-600[data-v-d19b88e5] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-d19b88e5] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-d19b88e5] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-d19b88e5] {
    color: var(--color-primary-900)
}

.bg-100[data-v-d19b88e5] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-d19b88e5] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-d19b88e5] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-d19b88e5] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-d19b88e5] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-d19b88e5] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-d19b88e5] {
    background-color: var(--color-warning)
}

.bg-link[data-v-d19b88e5] {
    background-color: var(--color-link)
}

.bg-danger[data-v-d19b88e5] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-d19b88e5] {
    color: var(--color-text-100)
}

.color-text-80[data-v-d19b88e5] {
    color: var(--color-text-80)
}

.color-text-50[data-v-d19b88e5] {
    color: var(--color-text-50)
}

.color-text-40[data-v-d19b88e5] {
    color: var(--color-text-40)
}

.color-text-20[data-v-d19b88e5] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-d19b88e5] {
    color: var(--color-currency)
}

.color-warning[data-v-d19b88e5] {
    color: var(--color-warning)
}

.color-danger[data-v-d19b88e5] {
    color: var(--color-danger)
}

.color-link[data-v-d19b88e5] {
    color: var(--color-link)
}

.color-line[data-v-d19b88e5] {
    color: var(--color-line)
}

.color-border[data-v-d19b88e5] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-d19b88e5] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-d19b88e5] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-d19b88e5] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-d19b88e5] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-d19b88e5] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-d19b88e5] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-d19b88e5] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-d19b88e5] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-d19b88e5] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-d19b88e5] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-d19b88e5] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-d19b88e5] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-d19b88e5] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-d19b88e5] {
    display: flex;
    align-items: center
}

.flex-start[data-v-d19b88e5] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-d19b88e5] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-d19b88e5] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-d19b88e5] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-d19b88e5] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-d19b88e5] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-d19b88e5] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-d19b88e5] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-d19b88e5] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-d19b88e5] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-d19b88e5] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-d19b88e5] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-d19b88e5] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-d19b88e5] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-d19b88e5] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-d19b88e5] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-d19b88e5] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-d19b88e5] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-d19b88e5] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-d19b88e5] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-d19b88e5] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-d19b88e5] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-d19b88e5] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-d19b88e5] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-d19b88e5],
.mlm-selected-item[data-v-d19b88e5] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-d19b88e5] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-d19b88e5]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-d19b88e5] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-d19b88e5] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-d19b88e5] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.warpper[data-v-d19b88e5] {
    width: 100%;
    height: 100%;
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center
}

.btn-close[data-v-d19b88e5] {
    width: 21.375rem;
    padding-bottom: .5rem;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.btn-close div[data-v-d19b88e5] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.875rem;
    height: 1.875rem;
    background-color: rgba(255, 255, 255, .2);
    border-radius: 50%
}

.text-warpper[data-v-d19b88e5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 1.875rem
}

.logo[data-v-d19b88e5] {
    flex: 0 0 auto;
    width: 4.1875rem;
    height: 4.1875rem
}

.text[data-v-d19b88e5] {
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 500;
    color: #fff;
    padding-left: .875rem
}

.content[data-v-d19b88e5] {
    width: 21.375rem;
    height: 11.875rem;
    background-image: url(/images/rookieTask/bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.btn-download[data-v-d19b88e5] {
    position: relative;
    width: 19.2188rem;
    height: 3.4688rem;
    background-image: url(/images/rookieTask/btn.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 1.75rem 0;
    display: flex;
    align-items: center;
    justify-content: space-around
}

.reward-label[data-v-d19b88e5] {
    display: flex;
    position: absolute;
    top: -20%;
    right: 6%;
    height: 1.25rem;
    padding: 0 .625rem;
    background-color: #e64021;
    border-radius: 0rem .3125rem;
    font-size: .8125rem;
    line-height: 1.25rem;
    font-weight: 700;
    color: #fbc63d;
    text-align: center
}

.btn-icon[data-v-d19b88e5] {
    width: 1.875rem;
    height: 1.875rem
}

.btn-text[data-v-d19b88e5] {
    font-size: .875rem;
    line-height: 1.5;
    font-weight: 500;
    color: rgba(255, 255, 255, .8)
}

.color-primary-600[data-v-568d023d] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-568d023d] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-568d023d] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-568d023d] {
    color: var(--color-primary-900)
}

.bg-100[data-v-568d023d] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-568d023d] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-568d023d] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-568d023d] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-568d023d] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-568d023d] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-568d023d] {
    background-color: var(--color-warning)
}

.bg-link[data-v-568d023d] {
    background-color: var(--color-link)
}

.bg-danger[data-v-568d023d] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-568d023d] {
    color: var(--color-text-100)
}

.color-text-80[data-v-568d023d] {
    color: var(--color-text-80)
}

.color-text-50[data-v-568d023d] {
    color: var(--color-text-50)
}

.color-text-40[data-v-568d023d] {
    color: var(--color-text-40)
}

.color-text-20[data-v-568d023d] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-568d023d] {
    color: var(--color-currency)
}

.color-warning[data-v-568d023d] {
    color: var(--color-warning)
}

.color-danger[data-v-568d023d] {
    color: var(--color-danger)
}

.color-link[data-v-568d023d] {
    color: var(--color-link)
}

.color-line[data-v-568d023d] {
    color: var(--color-line)
}

.color-border[data-v-568d023d] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-568d023d] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-568d023d] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-568d023d] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-568d023d] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-568d023d] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-568d023d] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-568d023d] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-568d023d] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-568d023d] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-568d023d] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-568d023d] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-568d023d] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-568d023d] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-568d023d] {
    display: flex;
    align-items: center
}

.flex-start[data-v-568d023d] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-568d023d] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-568d023d] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-568d023d] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-568d023d] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-568d023d] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-568d023d] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-568d023d] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-568d023d] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-568d023d] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-568d023d] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-568d023d] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-568d023d] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-568d023d] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-568d023d] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-568d023d] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-568d023d] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-568d023d] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-568d023d] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-568d023d] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-568d023d] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-568d023d] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-568d023d] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-568d023d] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-568d023d],
.mlm-selected-item[data-v-568d023d] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-568d023d] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-568d023d]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-568d023d] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-568d023d] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-568d023d] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .warpper[data-v-568d023d] {
    height: 100%
}

html .warpper[data-v-568d023d] * {
    -ms-overflow-style: none;
    scrollbar-width: none
}

html .warpper[data-v-568d023d] * ::-webkit-scrollbar {
    display: none
}

html .warpper>.content[data-v-568d023d] {
    display: flex;
    height: 100%;
    overflow: hidden
}

html .warpper>.content .sidebar[data-v-568d023d] {
    width: 5.6875rem;
    flex-shrink: 0
}

html .warpper>.content .sidebar ion-segment[data-v-568d023d] {
    --background: transparent;
    display: flex;
    flex-direction: column
}

html .warpper>.content .sidebar ion-segment.ios ion-segment-button[data-v-568d023d] {
    --background: var(--ep-color-background-fill-surface-raised-L1, #1A223A);
    --indicator-color: var(--ep-color-background-fill-surface-raised-L2, #101629);
    --padding-start: .5625rem;
    --padding-end: .5625rem;
    --padding-top: .4375rem;
    --padding-bottom: .5625rem;
    --border-radius: var(--ep-border-radius-m, .25rem);
    text-transform: capitalize;
    margin-top: 0;
    margin-bottom: 1rem
}

html .warpper>.content .sidebar ion-segment.ios ion-segment-button ion-icon[data-v-568d023d] {
    font-size: 2rem;
    line-height: 3.75rem;
    color: var(--ep-color-icon-weaker, rgba(255, 255, 255, .2))
}

html .warpper>.content .sidebar ion-segment.ios ion-segment-button ion-icon.check[data-v-568d023d] {
    color: var(--ep-color-icon-selected, #1680DC)
}

html .warpper>.content .sidebar ion-segment.ios ion-segment-button ion-label[data-v-568d023d] {
    font-size: var(--ep-font-size-s, .75rem);
    line-height: 1.5;
    font-weight: var(--ep-font-weight-medium, 400);
    color: var(--ep-color-text-weaker, rgba(255, 255, 255, .4))
}

html .warpper>.content .sidebar ion-segment.ios ion-segment-button ion-label.check[data-v-568d023d] {
    color: var(--ep-color-text-default, #FFFFFF)
}

html .warpper>.content .task-list[data-v-568d023d] {
    flex: 1;
    margin-inline-start: .625rem;
    overflow: auto
}

html .warpper>.content .task-list .task-item[data-v-568d023d] {
    padding: .6875rem;
    margin-bottom: 1rem;
    border-radius: var(--ep-border-radius-m, .375rem);
    border: .0625rem solid var(--ep-color-border-default, #424242);
    background-color: var(--ep-color-background-fill-surface-raised-L1, #1A223A)
}

html .warpper>.content .task-list .task-item.unfinished[data-v-568d023d] {
    box-shadow: 0 .25rem .8125rem -.375rem rgba(117, 254, 5, .3) inset
}

html .warpper>.content .task-list .task-item.finish[data-v-568d023d] {
    box-shadow: 0 .25rem .8125rem -.375rem rgba(254, 184, 5, .3) inset
}

html .warpper>.content .task-list .task-item.await[data-v-568d023d] {
    box-shadow: 0 .25rem .8125rem -.375rem rgba(217, 217, 217, .3) inset
}

html .warpper>.content .task-list .task-item[data-v-568d023d]:last-child {
    margin-bottom: 0
}

html .warpper>.content .task-list .task-item .title[data-v-568d023d] {
    font-size: var(--ep-font-size-l, 1rem);
    font-weight: var(--ep-font-weight-medium, 500);
    line-height: 1.5;
    color: var(--ep-color-text-default, #FFFFFF)
}

html .warpper>.content .task-list .task-item .task-info[data-v-568d023d] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: .625rem
}

html .warpper>.content .task-list .task-item .task-info .reward[data-v-568d023d] {
    display: flex;
    gap: 1.25rem;
    margin-top: .5rem
}

html .warpper>.content .task-list .task-item .task-info .reward .bonus[data-v-568d023d],
html .warpper>.content .task-list .task-item .task-info .reward .liveness[data-v-568d023d] {
    display: flex;
    flex-flow: column;
    justify-content: space-between
}

html .warpper>.content .task-list .task-item .task-info .reward .bonus .label[data-v-568d023d],
html .warpper>.content .task-list .task-item .task-info .reward .liveness .label[data-v-568d023d] {
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-regular, 400);
    line-height: 1.5;
    color: var(--ep-color-text-weaker, rgba(255, 255, 255, .4))
}

html .warpper>.content .task-list .task-item .task-info .reward .bonus .box[data-v-568d023d],
html .warpper>.content .task-list .task-item .task-info .reward .liveness .box[data-v-568d023d] {
    display: flex;
    align-items: center
}

html .warpper>.content .task-list .task-item .task-info .reward .bonus .box .currency-icon[data-v-568d023d],
html .warpper>.content .task-list .task-item .task-info .reward .liveness .box .currency-icon[data-v-568d023d] {
    width: .75rem;
    height: .75rem;
    text-align: center;
    line-height: .75rem;
    border-radius: 50%;
    margin-right: .25rem;
    font-size: .5rem;
    font-weight: 900;
    background: var(--ep-color-background-fill-body-default, #101629);
    color: var(--ep-color-icon-warning, #FEB805)
}

html .warpper>.content .task-list .task-item .task-info .reward .bonus .box .number[data-v-568d023d],
html .warpper>.content .task-list .task-item .task-info .reward .liveness .box .number[data-v-568d023d] {
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-regular, 500);
    line-height: 1.5
}

html .warpper>.content .task-list .task-item .task-info .reward .bonus .number[data-v-568d023d] {
    color: var(--ep-color-text-warning, #DF8644)
}

html .warpper>.content .task-list .task-item .task-info .reward .liveness .number[data-v-568d023d] {
    color: var(--ep-color-text-success, #53C154)
}

html .warpper>.content .task-list .instructions[data-v-568d023d] {
    font-size: var(--ep-font-size-s, .75rem);
    line-height: 1.5
}

html .warpper>.content .task-list .instructions .label[data-v-568d023d] {
    font-weight: var(--ep-font-weight-medium, 500);
    margin-bottom: 2rem;
    color: var(--ep-color-text-default, rgba(255, 255, 255, .8))
}

html .warpper>.content .task-list .instructions .content[data-v-568d023d] {
    font-weight: var(--ep-font-weight-regular, 400);
    color: var(--ep-color-text-weaker, rgba(255, 255, 255, .4))
}

html .warpper>.content .task-list .instructions .content .item[data-v-568d023d] {
    display: flex
}

html .warpper>.content .task-list .instructions .content .item+.item[data-v-568d023d] {
    margin-top: 1.5rem
}

html .warpper ion-button.init-btn[data-v-568d023d] {
    --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
}

html .warpper ion-button.unset-btn[data-v-568d023d] {
    --padding-top: 0;
    --padding-bottom: 0;
    --padding-start: 0;
    --padding-end: 0;
    min-height: min-content;
    min-width: min-content
}

html .warpper ion-button.outline-btn[data-v-568d023d] {
    --border-width: .0625rem;
    --border-style: solid;
    font-weight: var(--ep-font-weight-medium, 400)
}

html .warpper ion-button.outline-btn.receive[data-v-568d023d],
html .warpper ion-button.outline-btn.record[data-v-568d023d] {
    width: 100%;
    min-height: min-content;
    --border-width: .125rem;
    --padding-start: .3125rem;
    --padding-end: .3125rem;
    --padding-top: .4375rem;
    --padding-bottom: .4375rem;
    --border-radius: var(--ep-border-radius-infinity, .875rem);
    --background-activated-opacity: .7;
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-medium, 500);
    margin-top: 1rem
}

html .warpper ion-button.outline-btn.receive[data-v-568d023d] {
    --background: #4F420D;
    --color: var(--ep-color-text-highlight, #FEB805);
    --border-color: var(--ep-color-border-highlight, #FEB805);
    --box-shadow: -.1167rem -.1167rem .1167rem 0 rgba(0, 0, 0, .2) inset, .1167rem .1167rem .1167rem 0 rgba(0, 0, 0, .2) inset, 0 0 .5833rem 0 rgba(182, 175, 47, .2) inset, 0 0 1.75rem 0 rgba(219, 192, 96, .75) inset, 0 0 .5833rem 0 rgba(182, 180, 47, .25)
}

html .warpper ion-button.outline-btn.receive[data-v-568d023d]::part(native) {
    color: var(--ep-color-text-highlight, #FEB805)
}

html .warpper ion-button.outline-btn.record[data-v-568d023d] {
    width: 100%;
    --background: #1D4D1D;
    --color: var(--ep-color-text-success, #53C154);
    --border-color: var(--ep-color-text-success, #3CE89B);
    --box-shadow: -.1167rem -.1167rem .1167rem 0 rgba(0, 0, 0, .2) inset, .1167rem .1167rem .1167rem 0 rgba(0, 0, 0, .2) inset, 0 0 .5833rem 0 rgba(47, 182, 122, .2) inset, 0 0 1.75rem 0 rgba(96, 219, 164, .75) inset, 0 0 .5833rem 0 rgba(47, 182, 122, .25)
}

html .warpper ion-button.outline-btn.record[data-v-568d023d]::part(native) {
    color: var(--ep-color-text-success, #53C154)
}

html .warpper ion-button.outline-btn.unfinished[data-v-568d023d],
html .warpper ion-button.outline-btn.finish[data-v-568d023d],
html .warpper ion-button.outline-btn.await[data-v-568d023d] {
    --padding-top: 4px;
    --padding-bottom: 4px;
    --padding-start: 10px;
    --padding-end: 10px;
    --border-radius: var(--ep-border-radius-m, .25rem);
    --background: transparent;
    min-width: 5.875rem;
    min-height: 2rem;
    font-size: .75rem
}

html .warpper ion-button.outline-btn.finish[data-v-568d023d] {
    --color: var(--ep-color-text-highlight, #FEB805);
    --border-color: var(--ep-color-border-highlight, #FEB805)
}

html .warpper ion-button.outline-btn.unfinished[data-v-568d023d] {
    --color: var(--ep-color-text-success, #53C154);
    --border-color: var(--ep-color-text-success, #53C154)
}

html .warpper ion-button.outline-btn.await[data-v-568d023d] {
    --color: rgba(217, 217, 217, .3);
    --border-color: rgba(217, 217, 217, .3)
}

.green-v01 .warpper>.content .sidebar ion-segment.ios ion-segment-button[data-v-568d023d],
green-v02 .warpper>.content .sidebar ion-segment.ios ion-segment-button[data-v-568d023d],
.green-default .warpper>.content .sidebar ion-segment.ios ion-segment-button[data-v-568d023d] {
    --background: #274116;
    --indicator-color: #2B4F14
}

.green-v01 .warpper>.content .sidebar ion-segment.ios ion-segment-button ion-icon[data-v-568d023d],
green-v02 .warpper>.content .sidebar ion-segment.ios ion-segment-button ion-icon[data-v-568d023d],
.green-default .warpper>.content .sidebar ion-segment.ios ion-segment-button ion-icon[data-v-568d023d] {
    color: rgba(255, 255, 255, .2)
}

.green-v01 .warpper>.content .sidebar ion-segment.ios ion-segment-button ion-icon.check[data-v-568d023d],
green-v02 .warpper>.content .sidebar ion-segment.ios ion-segment-button ion-icon.check[data-v-568d023d],
.green-default .warpper>.content .sidebar ion-segment.ios ion-segment-button ion-icon.check[data-v-568d023d] {
    color: #17b663
}

.green-v01 .warpper>.content .sidebar ion-segment.ios ion-segment-button ion-label[data-v-568d023d],
green-v02 .warpper>.content .sidebar ion-segment.ios ion-segment-button ion-label[data-v-568d023d],
.green-default .warpper>.content .sidebar ion-segment.ios ion-segment-button ion-label[data-v-568d023d] {
    color: rgba(255, 255, 255, .4)
}

.green-v01 .warpper>.content .sidebar ion-segment.ios ion-segment-button ion-label.check[data-v-568d023d],
green-v02 .warpper>.content .sidebar ion-segment.ios ion-segment-button ion-label.check[data-v-568d023d],
.green-default .warpper>.content .sidebar ion-segment.ios ion-segment-button ion-label.check[data-v-568d023d] {
    color: #afc69f
}

.green-v01 .warpper>.content .task-list .task-item[data-v-568d023d],
green-v02 .warpper>.content .task-list .task-item[data-v-568d023d],
.green-default .warpper>.content .task-list .task-item[data-v-568d023d] {
    background-color: #274116;
    border: .0625rem solid #47612E
}

.green-v01 .warpper>.content .task-list .task-item.unfinished[data-v-568d023d],
green-v02 .warpper>.content .task-list .task-item.unfinished[data-v-568d023d],
.green-default .warpper>.content .task-list .task-item.unfinished[data-v-568d023d] {
    box-shadow: 0 .25rem .8125rem -.375rem rgba(117, 254, 5, .3) inset
}

.green-v01 .warpper>.content .task-list .task-item.finish[data-v-568d023d],
green-v02 .warpper>.content .task-list .task-item.finish[data-v-568d023d],
.green-default .warpper>.content .task-list .task-item.finish[data-v-568d023d] {
    box-shadow: 0 .25rem .8125rem -.375rem rgba(254, 184, 5, .3) inset
}

.green-v01 .warpper>.content .task-list .task-item.await[data-v-568d023d],
green-v02 .warpper>.content .task-list .task-item.await[data-v-568d023d],
.green-default .warpper>.content .task-list .task-item.await[data-v-568d023d] {
    box-shadow: 0 .25rem .8125rem -.375rem rgba(217, 217, 217, .3) inset
}

.green-v01 .warpper>.content .task-list .task-item .title[data-v-568d023d],
green-v02 .warpper>.content .task-list .task-item .title[data-v-568d023d],
.green-default .warpper>.content .task-list .task-item .title[data-v-568d023d] {
    color: #afc69f
}

.green-v01 .warpper>.content .task-list .task-item .task-info .reward .bonus .label[data-v-568d023d],
green-v02 .warpper>.content .task-list .task-item .task-info .reward .bonus .label[data-v-568d023d],
.green-default .warpper>.content .task-list .task-item .task-info .reward .bonus .label[data-v-568d023d],
.green-v01 .warpper>.content .task-list .task-item .task-info .reward .liveness .label[data-v-568d023d],
green-v02 .warpper>.content .task-list .task-item .task-info .reward .liveness .label[data-v-568d023d],
.green-default .warpper>.content .task-list .task-item .task-info .reward .liveness .label[data-v-568d023d] {
    color: var(--ep-color-text-weaker, rgba(255, 255, 255, .4))
}

.green-v01 .warpper>.content .task-list .task-item .task-info .reward .bonus .number[data-v-568d023d],
green-v02 .warpper>.content .task-list .task-item .task-info .reward .bonus .number[data-v-568d023d],
.green-default .warpper>.content .task-list .task-item .task-info .reward .bonus .number[data-v-568d023d] {
    color: var(--ep-color-text-warning, #DF8644)
}

.green-v01 .warpper>.content .task-list .task-item .task-info .reward .liveness .number[data-v-568d023d],
green-v02 .warpper>.content .task-list .task-item .task-info .reward .liveness .number[data-v-568d023d],
.green-default .warpper>.content .task-list .task-item .task-info .reward .liveness .number[data-v-568d023d] {
    color: var(--ep-color-text-success, #53C154)
}

.green-v01 .warpper>.content .task-list .instructions .label[data-v-568d023d],
green-v02 .warpper>.content .task-list .instructions .label[data-v-568d023d],
.green-default .warpper>.content .task-list .instructions .label[data-v-568d023d] {
    color: #afc69f
}

.green-v01 .warpper>.content .task-list .instructions .content[data-v-568d023d],
green-v02 .warpper>.content .task-list .instructions .content[data-v-568d023d],
.green-default .warpper>.content .task-list .instructions .content[data-v-568d023d] {
    color: var(--ep-color-text-weaker, rgba(255, 255, 255, .4))
}

.green-v01 .warpper ion-button.outline-btn.receive[data-v-568d023d],
green-v02 .warpper ion-button.outline-btn.receive[data-v-568d023d],
.green-default .warpper ion-button.outline-btn.receive[data-v-568d023d] {
    --background: #4F420D;
    --color: var(--ep-color-text-highlight, #FEB805);
    --border-color: var(--ep-color-border-highlight, #FEB805);
    --box-shadow: -.1167rem -.1167rem .1167rem 0 rgba(0, 0, 0, .2) inset, .1167rem .1167rem .1167rem 0 rgba(0, 0, 0, .2) inset, 0 0 .5833rem 0 rgba(182, 175, 47, .2) inset, 0 0 1.75rem 0 rgba(219, 192, 96, .75) inset, 0 0 .5833rem 0 rgba(182, 180, 47, .25)
}

.green-v01 .warpper ion-button.outline-btn.receive[data-v-568d023d]::part(native),
green-v02 .warpper ion-button.outline-btn.receive[data-v-568d023d]::part(native),
.green-default .warpper ion-button.outline-btn.receive[data-v-568d023d]::part(native) {
    color: var(--ep-color-text-highlight, #FEB805)
}

.green-v01 .warpper ion-button.outline-btn.record[data-v-568d023d],
green-v02 .warpper ion-button.outline-btn.record[data-v-568d023d],
.green-default .warpper ion-button.outline-btn.record[data-v-568d023d] {
    --background: #1D4D1D;
    --color: var(--ep-color-text-success, #53C154);
    --border-color: var(--ep-color-text-success, #3CE89B);
    --box-shadow: -.1167rem -.1167rem .1167rem 0 rgba(0, 0, 0, .2) inset, .1167rem .1167rem .1167rem 0 rgba(0, 0, 0, .2) inset, 0 0 .5833rem 0 rgba(47, 182, 122, .2) inset, 0 0 1.75rem 0 rgba(96, 219, 164, .75) inset, 0 0 .5833rem 0 rgba(47, 182, 122, .25)
}

.green-v01 .warpper ion-button.outline-btn.record[data-v-568d023d]::part(native),
green-v02 .warpper ion-button.outline-btn.record[data-v-568d023d]::part(native),
.green-default .warpper ion-button.outline-btn.record[data-v-568d023d]::part(native) {
    color: var(--ep-color-text-success, #53C154)
}

.green-v01 .warpper ion-button.outline-btn.finish[data-v-568d023d],
green-v02 .warpper ion-button.outline-btn.finish[data-v-568d023d],
.green-default .warpper ion-button.outline-btn.finish[data-v-568d023d] {
    --color: var(--ep-color-text-highlight, #FEB805);
    --border-color: var(--ep-color-border-highlight, #FEB805)
}

.green-v01 .warpper ion-button.outline-btn.unfinished[data-v-568d023d],
green-v02 .warpper ion-button.outline-btn.unfinished[data-v-568d023d],
.green-default .warpper ion-button.outline-btn.unfinished[data-v-568d023d] {
    --color: var(--ep-color-text-success, #53C154);
    --border-color: var(--ep-color-text-success, #53C154)
}

.green-v01 .warpper ion-button.outline-btn.await[data-v-568d023d],
green-v02 .warpper ion-button.outline-btn.await[data-v-568d023d],
.green-default .warpper ion-button.outline-btn.await[data-v-568d023d] {
    --color: rgba(217, 217, 217, .3);
    --border-color: rgba(217, 217, 217, .3)
}

.yellow-dark .warpper>.content .sidebar ion-segment.ios ion-segment-button[data-v-568d023d],
.auroral-yellow .warpper>.content .sidebar ion-segment.ios ion-segment-button[data-v-568d023d] {
    --background: #262624;
    --indicator-color: #2F2E2D
}

.yellow-dark .warpper>.content .sidebar ion-segment.ios ion-segment-button ion-icon[data-v-568d023d],
.auroral-yellow .warpper>.content .sidebar ion-segment.ios ion-segment-button ion-icon[data-v-568d023d] {
    color: var(--ep-color-icon-weaker, rgba(255, 255, 255, .2))
}

.yellow-dark .warpper>.content .sidebar ion-segment.ios ion-segment-button ion-icon.check[data-v-568d023d],
.auroral-yellow .warpper>.content .sidebar ion-segment.ios ion-segment-button ion-icon.check[data-v-568d023d] {
    color: #feb805
}

.yellow-dark .warpper>.content .sidebar ion-segment.ios ion-segment-button ion-label[data-v-568d023d],
.auroral-yellow .warpper>.content .sidebar ion-segment.ios ion-segment-button ion-label[data-v-568d023d] {
    color: var(--ep-color-text-weaker, rgba(255, 255, 255, .4))
}

.yellow-dark .warpper>.content .sidebar ion-segment.ios ion-segment-button ion-label.check[data-v-568d023d],
.auroral-yellow .warpper>.content .sidebar ion-segment.ios ion-segment-button ion-label.check[data-v-568d023d] {
    color: var(--ep-color-text-default, #FFFFFF)
}

.yellow-dark .warpper>.content .task-list .task-item[data-v-568d023d],
.auroral-yellow .warpper>.content .task-list .task-item[data-v-568d023d] {
    background-color: #262624;
    border: .0625rem solid #424242
}

.yellow-dark .warpper>.content .task-list .task-item.unfinished[data-v-568d023d],
.auroral-yellow .warpper>.content .task-list .task-item.unfinished[data-v-568d023d] {
    box-shadow: 0 .25rem .8125rem -.375rem rgba(117, 254, 5, .3) inset
}

.yellow-dark .warpper>.content .task-list .task-item.finish[data-v-568d023d],
.auroral-yellow .warpper>.content .task-list .task-item.finish[data-v-568d023d] {
    box-shadow: 0 .25rem .8125rem -.375rem rgba(254, 184, 5, .3) inset
}

.yellow-dark .warpper>.content .task-list .task-item.await[data-v-568d023d],
.auroral-yellow .warpper>.content .task-list .task-item.await[data-v-568d023d] {
    box-shadow: 0 .25rem .8125rem -.375rem rgba(217, 217, 217, .3) inset
}

.yellow-dark .warpper>.content .task-list .task-item .title[data-v-568d023d],
.auroral-yellow .warpper>.content .task-list .task-item .title[data-v-568d023d] {
    color: var(--ep-color-text-default, #FFFFFF)
}

.yellow-dark .warpper>.content .task-list .task-item .task-info .reward .bonus .label[data-v-568d023d],
.auroral-yellow .warpper>.content .task-list .task-item .task-info .reward .bonus .label[data-v-568d023d],
.yellow-dark .warpper>.content .task-list .task-item .task-info .reward .liveness .label[data-v-568d023d],
.auroral-yellow .warpper>.content .task-list .task-item .task-info .reward .liveness .label[data-v-568d023d] {
    color: var(--ep-color-text-weaker, rgba(255, 255, 255, .4))
}

.yellow-dark .warpper>.content .task-list .task-item .task-info .reward .bonus .number[data-v-568d023d],
.auroral-yellow .warpper>.content .task-list .task-item .task-info .reward .bonus .number[data-v-568d023d] {
    color: var(--ep-color-text-warning, #DF8644)
}

.yellow-dark .warpper>.content .task-list .task-item .task-info .reward .liveness .number[data-v-568d023d],
.auroral-yellow .warpper>.content .task-list .task-item .task-info .reward .liveness .number[data-v-568d023d] {
    color: var(--ep-color-text-success, #53C154)
}

.yellow-dark .warpper>.content .task-list .instructions .label[data-v-568d023d],
.auroral-yellow .warpper>.content .task-list .instructions .label[data-v-568d023d] {
    color: var(--ep-color-text-default, rgba(255, 255, 255, .8))
}

.yellow-dark .warpper>.content .task-list .instructions .content[data-v-568d023d],
.auroral-yellow .warpper>.content .task-list .instructions .content[data-v-568d023d] {
    color: var(--ep-color-text-weaker, rgba(255, 255, 255, .4))
}

.yellow-dark .warpper ion-button.outline-btn.receive[data-v-568d023d],
.auroral-yellow .warpper ion-button.outline-btn.receive[data-v-568d023d] {
    --background: #4F420D;
    --color: var(--ep-color-text-highlight, #FEB805);
    --border-color: var(--ep-color-border-highlight, #FEB805);
    --box-shadow: -.1167rem -.1167rem .1167rem 0 rgba(0, 0, 0, .2) inset, .1167rem .1167rem .1167rem 0 rgba(0, 0, 0, .2) inset, 0 0 .5833rem 0 rgba(182, 175, 47, .2) inset, 0 0 1.75rem 0 rgba(219, 192, 96, .75) inset, 0 0 .5833rem 0 rgba(182, 180, 47, .25)
}

.yellow-dark .warpper ion-button.outline-btn.receive[data-v-568d023d]::part(native),
.auroral-yellow .warpper ion-button.outline-btn.receive[data-v-568d023d]::part(native) {
    color: var(--ep-color-text-highlight, #FEB805)
}

.yellow-dark .warpper ion-button.outline-btn.record[data-v-568d023d],
.auroral-yellow .warpper ion-button.outline-btn.record[data-v-568d023d] {
    --background: #1D4D1D;
    --color: var(--ep-color-text-success, #53C154);
    --border-color: var(--ep-color-text-success, #3CE89B);
    --box-shadow: -.1167rem -.1167rem .1167rem 0 rgba(0, 0, 0, .2) inset, .1167rem .1167rem .1167rem 0 rgba(0, 0, 0, .2) inset, 0 0 .5833rem 0 rgba(47, 182, 122, .2) inset, 0 0 1.75rem 0 rgba(96, 219, 164, .75) inset, 0 0 .5833rem 0 rgba(47, 182, 122, .25)
}

.yellow-dark .warpper ion-button.outline-btn.record[data-v-568d023d]::part(native),
.auroral-yellow .warpper ion-button.outline-btn.record[data-v-568d023d]::part(native) {
    color: var(--ep-color-text-success, #53C154)
}

.yellow-dark .warpper ion-button.outline-btn.finish[data-v-568d023d],
.auroral-yellow .warpper ion-button.outline-btn.finish[data-v-568d023d] {
    --color: var(--ep-color-text-highlight, #FEB805);
    --border-color: var(--ep-color-border-highlight, #FEB805)
}

.yellow-dark .warpper ion-button.outline-btn.unfinished[data-v-568d023d],
.auroral-yellow .warpper ion-button.outline-btn.unfinished[data-v-568d023d] {
    --color: var(--ep-color-text-success, #53C154);
    --border-color: var(--ep-color-text-success, #53C154)
}

.yellow-dark .warpper ion-button.outline-btn.await[data-v-568d023d],
.auroral-yellow .warpper ion-button.outline-btn.await[data-v-568d023d] {
    --color: rgba(217, 217, 217, .3);
    --border-color: rgba(217, 217, 217, .3)
}

.forest-green .warpper>.content .sidebar ion-segment.ios ion-segment-button[data-v-568d023d] {
    --background: var(--color-bg-200);
    --indicator-color: var(--color-bg-100)
}

.forest-green .warpper>.content .sidebar ion-segment.ios ion-segment-button ion-icon[data-v-568d023d] {
    color: rgba(255, 255, 255, .2)
}

.forest-green .warpper>.content .sidebar ion-segment.ios ion-segment-button ion-icon.check[data-v-568d023d] {
    color: var(--theme-color-800)
}

.forest-green .warpper>.content .sidebar ion-segment.ios ion-segment-button ion-label[data-v-568d023d] {
    color: rgba(255, 255, 255, .4)
}

.forest-green .warpper>.content .sidebar ion-segment.ios ion-segment-button ion-label.check[data-v-568d023d] {
    color: var(--ep-color-text-default, #FFFFFF)
}

.forest-green .warpper>.content .task-list .task-item[data-v-568d023d] {
    background-color: var(--color-bg-200);
    border: .0625rem solid #006B4F
}

.forest-green .warpper>.content .task-list .task-item.unfinished[data-v-568d023d] {
    box-shadow: 0 .25rem .8125rem -.375rem rgba(117, 254, 5, .3) inset
}

.forest-green .warpper>.content .task-list .task-item.finish[data-v-568d023d] {
    box-shadow: 0 .25rem .8125rem -.375rem rgba(254, 184, 5, .3) inset
}

.forest-green .warpper>.content .task-list .task-item.await[data-v-568d023d] {
    box-shadow: 0 .25rem .8125rem -.375rem rgba(217, 217, 217, .3) inset
}

.forest-green .warpper>.content .task-list .task-item .title[data-v-568d023d] {
    color: var(--ep-color-text-default, #FFFFFF)
}

.forest-green .warpper>.content .task-list .task-item .task-info .reward .bonus .label[data-v-568d023d],
.forest-green .warpper>.content .task-list .task-item .task-info .reward .liveness .label[data-v-568d023d] {
    color: #50b388
}

.forest-green .warpper>.content .task-list .task-item .task-info .reward .bonus .number[data-v-568d023d] {
    color: var(--ep-color-text-warning, #DF8644)
}

.forest-green .warpper>.content .task-list .task-item .task-info .reward .liveness .number[data-v-568d023d] {
    color: var(--ep-color-text-success, #53C154)
}

.forest-green .warpper>.content .task-list .instructions .label[data-v-568d023d] {
    color: var(--ep-color-text-default, rgba(255, 255, 255, .8))
}

.forest-green .warpper>.content .task-list .instructions .content[data-v-568d023d] {
    color: #50b388
}

.forest-green .warpper ion-button.outline-btn.receive[data-v-568d023d] {
    --background: #4F420D;
    --color: var(--ep-color-text-highlight, #FEB805);
    --border-color: var(--ep-color-border-highlight, #FEB805);
    --box-shadow: -.1167rem -.1167rem .1167rem 0 rgba(0, 0, 0, .2) inset, .1167rem .1167rem .1167rem 0 rgba(0, 0, 0, .2) inset, 0 0 .5833rem 0 rgba(182, 175, 47, .2) inset, 0 0 1.75rem 0 rgba(219, 192, 96, .75) inset, 0 0 .5833rem 0 rgba(182, 180, 47, .25)
}

.forest-green .warpper ion-button.outline-btn.receive[data-v-568d023d]::part(native) {
    color: var(--ep-color-text-highlight, #FEB805)
}

.forest-green .warpper ion-button.outline-btn.record[data-v-568d023d] {
    --background: #1D4D1D;
    --color: var(--ep-color-text-success, #53C154);
    --border-color: var(--ep-color-text-success, #3CE89B);
    --box-shadow: -.1167rem -.1167rem .1167rem 0 rgba(0, 0, 0, .2) inset, .1167rem .1167rem .1167rem 0 rgba(0, 0, 0, .2) inset, 0 0 .5833rem 0 rgba(47, 182, 122, .2) inset, 0 0 1.75rem 0 rgba(96, 219, 164, .75) inset, 0 0 .5833rem 0 rgba(47, 182, 122, .25)
}

.forest-green .warpper ion-button.outline-btn.record[data-v-568d023d]::part(native) {
    color: var(--ep-color-text-success, #53C154)
}

.forest-green .warpper ion-button.outline-btn.finish[data-v-568d023d] {
    --color: var(--ep-color-text-highlight, #FEB805);
    --border-color: var(--ep-color-border-highlight, #FEB805)
}

.forest-green .warpper ion-button.outline-btn.unfinished[data-v-568d023d] {
    --color: var(--ep-color-text-success, #53C154);
    --border-color: var(--ep-color-text-success, #53C154)
}

.forest-green .warpper ion-button.outline-btn.await[data-v-568d023d] {
    --color: rgba(217, 217, 217, .3);
    --border-color: rgba(217, 217, 217, .3)
}

.green-dark .warpper>.content .sidebar ion-segment.ios ion-segment-button[data-v-568d023d] {
    --background: #22262E;
    --indicator-color: #3B414D
}

.green-dark .warpper>.content .sidebar ion-segment.ios ion-segment-button ion-icon[data-v-568d023d] {
    color: var(--ep-color-icon-weaker, rgba(255, 255, 255, .2))
}

.green-dark .warpper>.content .sidebar ion-segment.ios ion-segment-button ion-icon.check[data-v-568d023d] {
    color: #3e9b2f
}

.green-dark .warpper>.content .sidebar ion-segment.ios ion-segment-button ion-label[data-v-568d023d] {
    color: var(--ep-color-text-weaker, rgba(255, 255, 255, .4))
}

.green-dark .warpper>.content .sidebar ion-segment.ios ion-segment-button ion-label.check[data-v-568d023d] {
    color: var(--ep-color-text-default, #FFFFFF)
}

.green-dark .warpper>.content .task-list .task-item[data-v-568d023d] {
    background-color: #22262e;
    border: .0625rem solid #424242
}

.green-dark .warpper>.content .task-list .task-item.unfinished[data-v-568d023d] {
    box-shadow: 0 .25rem .8125rem -.375rem rgba(117, 254, 5, .3) inset
}

.green-dark .warpper>.content .task-list .task-item.finish[data-v-568d023d] {
    box-shadow: 0 .25rem .8125rem -.375rem rgba(254, 184, 5, .3) inset
}

.green-dark .warpper>.content .task-list .task-item.await[data-v-568d023d] {
    box-shadow: 0 .25rem .8125rem -.375rem rgba(217, 217, 217, .3) inset
}

.green-dark .warpper>.content .task-list .task-item .title[data-v-568d023d] {
    color: var(--ep-color-text-default, #FFFFFF)
}

.green-dark .warpper>.content .task-list .task-item .task-info .reward .bonus .label[data-v-568d023d],
.green-dark .warpper>.content .task-list .task-item .task-info .reward .liveness .label[data-v-568d023d] {
    color: var(--ep-color-text-weaker, rgba(255, 255, 255, .4))
}

.green-dark .warpper>.content .task-list .task-item .task-info .reward .bonus .number[data-v-568d023d] {
    color: var(--ep-color-text-warning, #DF8644)
}

.green-dark .warpper>.content .task-list .task-item .task-info .reward .liveness .number[data-v-568d023d] {
    color: var(--ep-color-text-success, #53C154)
}

.green-dark .warpper>.content .task-list .instructions .label[data-v-568d023d] {
    color: var(--ep-color-text-default, rgba(255, 255, 255, .8))
}

.green-dark .warpper>.content .task-list .instructions .content[data-v-568d023d] {
    color: var(--ep-color-text-weaker, rgba(255, 255, 255, .4))
}

.green-dark .warpper ion-button.outline-btn.receive[data-v-568d023d] {
    --background: #4F420D;
    --color: var(--ep-color-text-highlight, #FEB805);
    --border-color: var(--ep-color-border-highlight, #FEB805);
    --box-shadow: -.1167rem -.1167rem .1167rem 0 rgba(0, 0, 0, .2) inset, .1167rem .1167rem .1167rem 0 rgba(0, 0, 0, .2) inset, 0 0 .5833rem 0 rgba(182, 175, 47, .2) inset, 0 0 1.75rem 0 rgba(219, 192, 96, .75) inset, 0 0 .5833rem 0 rgba(182, 180, 47, .25)
}

.green-dark .warpper ion-button.outline-btn.receive[data-v-568d023d]::part(native) {
    color: var(--ep-color-text-highlight, #FEB805)
}

.green-dark .warpper ion-button.outline-btn.record[data-v-568d023d] {
    --background: #1D4D1D;
    --color: var(--ep-color-text-success, #53C154);
    --border-color: var(--ep-color-text-success, #3CE89B);
    --box-shadow: -.1167rem -.1167rem .1167rem 0 rgba(0, 0, 0, .2) inset, .1167rem .1167rem .1167rem 0 rgba(0, 0, 0, .2) inset, 0 0 .5833rem 0 rgba(47, 182, 122, .2) inset, 0 0 1.75rem 0 rgba(96, 219, 164, .75) inset, 0 0 .5833rem 0 rgba(47, 182, 122, .25)
}

.green-dark .warpper ion-button.outline-btn.record[data-v-568d023d]::part(native) {
    color: var(--ep-color-text-success, #53C154)
}

.green-dark .warpper ion-button.outline-btn.finish[data-v-568d023d] {
    --color: var(--ep-color-text-highlight, #FEB805);
    --border-color: var(--ep-color-border-highlight, #FEB805)
}

.green-dark .warpper ion-button.outline-btn.unfinished[data-v-568d023d] {
    --color: var(--ep-color-text-success, #53C154);
    --border-color: var(--ep-color-text-success, #53C154)
}

.green-dark .warpper ion-button.outline-btn.await[data-v-568d023d] {
    --color: rgba(217, 217, 217, .3);
    --border-color: rgba(217, 217, 217, .3)
}

.purple-light .warpper>.content .sidebar ion-segment.ios ion-segment-button[data-v-568d023d] {
    --background: #EEE5FF;
    --indicator-color: #F4EEFF
}

.purple-light .warpper>.content .sidebar ion-segment.ios ion-segment-button ion-icon[data-v-568d023d] {
    color: rgba(55, 66, 87, .2)
}

.purple-light .warpper>.content .sidebar ion-segment.ios ion-segment-button ion-icon.check[data-v-568d023d] {
    color: #6526db
}

.purple-light .warpper>.content .sidebar ion-segment.ios ion-segment-button ion-label[data-v-568d023d] {
    color: rgba(45, 45, 45, .6)
}

.purple-light .warpper>.content .sidebar ion-segment.ios ion-segment-button ion-label.check[data-v-568d023d] {
    color: #403d4f
}

.purple-light .warpper>.content .task-list .task-item[data-v-568d023d] {
    background-color: #eee5ff;
    border: .0625rem solid #F4EEFF
}

.purple-light .warpper>.content .task-list .task-item.unfinished[data-v-568d023d] {
    box-shadow: 0 .25rem .8125rem -.375rem rgba(117, 254, 5, .3) inset
}

.purple-light .warpper>.content .task-list .task-item.finish[data-v-568d023d] {
    box-shadow: 0 .25rem .8125rem -.375rem rgba(254, 184, 5, .3) inset
}

.purple-light .warpper>.content .task-list .task-item.await[data-v-568d023d] {
    box-shadow: 0 .25rem .8125rem -.375rem rgba(217, 217, 217, .3) inset
}

.purple-light .warpper>.content .task-list .task-item .title[data-v-568d023d] {
    color: #403d4f
}

.purple-light .warpper>.content .task-list .task-item .task-info .reward .bonus .label[data-v-568d023d],
.purple-light .warpper>.content .task-list .task-item .task-info .reward .liveness .label[data-v-568d023d] {
    color: rgba(64, 61, 79, .8)
}

.purple-light .warpper>.content .task-list .task-item .task-info .reward .bonus .number[data-v-568d023d] {
    color: var(--ep-color-text-warning, #DF8644)
}

.purple-light .warpper>.content .task-list .task-item .task-info .reward .liveness .number[data-v-568d023d] {
    color: var(--ep-color-text-success, #53C154)
}

.purple-light .warpper>.content .task-list .instructions .label[data-v-568d023d] {
    color: #403d4f
}

.purple-light .warpper>.content .task-list .instructions .content[data-v-568d023d] {
    color: rgba(64, 61, 79, .8)
}

.purple-light .warpper ion-button.outline-btn.receive[data-v-568d023d] {
    --background: #4F420D;
    --color: var(--ep-color-text-highlight, #FEB805);
    --border-color: var(--ep-color-border-highlight, #FEB805);
    --box-shadow: -.1167rem -.1167rem .1167rem 0 rgba(0, 0, 0, .2) inset, .1167rem .1167rem .1167rem 0 rgba(0, 0, 0, .2) inset, 0 0 .5833rem 0 rgba(182, 175, 47, .2) inset, 0 0 1.75rem 0 rgba(219, 192, 96, .75) inset, 0 0 .5833rem 0 rgba(182, 180, 47, .25)
}

.purple-light .warpper ion-button.outline-btn.receive[data-v-568d023d]::part(native) {
    color: var(--ep-color-text-highlight, #FEB805)
}

.purple-light .warpper ion-button.outline-btn.record[data-v-568d023d] {
    --background: #1D4D1D;
    --color: var(--ep-color-text-success, #53C154);
    --border-color: var(--ep-color-text-success, #3CE89B);
    --box-shadow: -.1167rem -.1167rem .1167rem 0 rgba(0, 0, 0, .2) inset, .1167rem .1167rem .1167rem 0 rgba(0, 0, 0, .2) inset, 0 0 .5833rem 0 rgba(47, 182, 122, .2) inset, 0 0 1.75rem 0 rgba(96, 219, 164, .75) inset, 0 0 .5833rem 0 rgba(47, 182, 122, .25)
}

.purple-light .warpper ion-button.outline-btn.record[data-v-568d023d]::part(native) {
    color: var(--ep-color-text-success, #53C154)
}

.purple-light .warpper ion-button.outline-btn.finish[data-v-568d023d] {
    --color: var(--ep-color-text-highlight, #FEB805);
    --border-color: var(--ep-color-border-highlight, #FEB805)
}

.purple-light .warpper ion-button.outline-btn.unfinished[data-v-568d023d] {
    --color: var(--ep-color-text-success, #53C154);
    --border-color: var(--ep-color-text-success, #53C154)
}

.purple-light .warpper ion-button.outline-btn.await[data-v-568d023d] {
    --color: rgba(217, 217, 217, .3);
    --border-color: rgba(217, 217, 217, .3)
}

.amber-purple .warpper>.content .sidebar ion-segment.ios ion-segment-button[data-v-568d023d] {
    --background: #2c294d;
    --indicator-color: #3b3466
}

.amber-purple .warpper>.content .sidebar ion-segment.ios ion-segment-button ion-icon[data-v-568d023d] {
    color: rgba(255, 255, 255, .2)
}

.amber-purple .warpper>.content .sidebar ion-segment.ios ion-segment-button ion-icon.check[data-v-568d023d] {
    color: #7041f3
}

.amber-purple .warpper>.content .sidebar ion-segment.ios ion-segment-button ion-label[data-v-568d023d] {
    color: #686299
}

.amber-purple .warpper>.content .sidebar ion-segment.ios ion-segment-button ion-label.check[data-v-568d023d] {
    color: #bdb8e1
}

.amber-purple .warpper>.content .task-list .task-item[data-v-568d023d] {
    background-color: #2c294d;
    border: .0625rem solid #4B4778
}

.amber-purple .warpper>.content .task-list .task-item.unfinished[data-v-568d023d] {
    box-shadow: 0 .25rem .8125rem -.375rem rgba(117, 254, 5, .3) inset
}

.amber-purple .warpper>.content .task-list .task-item.finish[data-v-568d023d] {
    box-shadow: 0 .25rem .8125rem -.375rem rgba(254, 184, 5, .3) inset
}

.amber-purple .warpper>.content .task-list .task-item.await[data-v-568d023d] {
    box-shadow: 0 .25rem .8125rem -.375rem rgba(217, 217, 217, .3) inset
}

.amber-purple .warpper>.content .task-list .task-item .title[data-v-568d023d] {
    color: #bdb8e1
}

.amber-purple .warpper>.content .task-list .task-item .task-info .reward .bonus .label[data-v-568d023d],
.amber-purple .warpper>.content .task-list .task-item .task-info .reward .liveness .label[data-v-568d023d] {
    color: #686299
}

.amber-purple .warpper>.content .task-list .task-item .task-info .reward .bonus .number[data-v-568d023d] {
    color: var(--ep-color-text-warning, #DF8644)
}

.amber-purple .warpper>.content .task-list .task-item .task-info .reward .liveness .number[data-v-568d023d] {
    color: var(--ep-color-text-success, #53C154)
}

.amber-purple .warpper>.content .task-list .instructions .label[data-v-568d023d] {
    color: #bdb8e1
}

.amber-purple .warpper>.content .task-list .instructions .content[data-v-568d023d] {
    color: #686299
}

.amber-purple .warpper ion-button.outline-btn.receive[data-v-568d023d] {
    --background: #4F420D;
    --color: var(--ep-color-text-highlight, #FEB805);
    --border-color: var(--ep-color-border-highlight, #FEB805);
    --box-shadow: -.1167rem -.1167rem .1167rem 0 rgba(0, 0, 0, .2) inset, .1167rem .1167rem .1167rem 0 rgba(0, 0, 0, .2) inset, 0 0 .5833rem 0 rgba(182, 175, 47, .2) inset, 0 0 1.75rem 0 rgba(219, 192, 96, .75) inset, 0 0 .5833rem 0 rgba(182, 180, 47, .25)
}

.amber-purple .warpper ion-button.outline-btn.receive[data-v-568d023d]::part(native) {
    color: var(--ep-color-text-highlight, #FEB805)
}

.amber-purple .warpper ion-button.outline-btn.record[data-v-568d023d] {
    --background: #1D4D1D;
    --color: var(--ep-color-text-success, #53C154);
    --border-color: var(--ep-color-text-success, #3CE89B);
    --box-shadow: -.1167rem -.1167rem .1167rem 0 rgba(0, 0, 0, .2) inset, .1167rem .1167rem .1167rem 0 rgba(0, 0, 0, .2) inset, 0 0 .5833rem 0 rgba(47, 182, 122, .2) inset, 0 0 1.75rem 0 rgba(96, 219, 164, .75) inset, 0 0 .5833rem 0 rgba(47, 182, 122, .25)
}

.amber-purple .warpper ion-button.outline-btn.record[data-v-568d023d]::part(native) {
    color: var(--ep-color-text-success, #53C154)
}

.amber-purple .warpper ion-button.outline-btn.finish[data-v-568d023d] {
    --color: var(--ep-color-text-highlight, #FEB805);
    --border-color: var(--ep-color-border-highlight, #FEB805)
}

.amber-purple .warpper ion-button.outline-btn.unfinished[data-v-568d023d] {
    --color: var(--ep-color-text-success, #53C154);
    --border-color: var(--ep-color-text-success, #53C154)
}

.amber-purple .warpper ion-button.outline-btn.await[data-v-568d023d] {
    --color: rgba(217, 217, 217, .3);
    --border-color: rgba(217, 217, 217, .3)
}

.color-primary-600[data-v-e0930b0e] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-e0930b0e] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-e0930b0e] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-e0930b0e] {
    color: var(--color-primary-900)
}

.bg-100[data-v-e0930b0e] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-e0930b0e] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-e0930b0e] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-e0930b0e] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-e0930b0e] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-e0930b0e] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-e0930b0e] {
    background-color: var(--color-warning)
}

.bg-link[data-v-e0930b0e] {
    background-color: var(--color-link)
}

.bg-danger[data-v-e0930b0e] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-e0930b0e] {
    color: var(--color-text-100)
}

.color-text-80[data-v-e0930b0e] {
    color: var(--color-text-80)
}

.color-text-50[data-v-e0930b0e] {
    color: var(--color-text-50)
}

.color-text-40[data-v-e0930b0e] {
    color: var(--color-text-40)
}

.color-text-20[data-v-e0930b0e] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-e0930b0e] {
    color: var(--color-currency)
}

.color-warning[data-v-e0930b0e] {
    color: var(--color-warning)
}

.color-danger[data-v-e0930b0e] {
    color: var(--color-danger)
}

.color-link[data-v-e0930b0e] {
    color: var(--color-link)
}

.color-line[data-v-e0930b0e] {
    color: var(--color-line)
}

.color-border[data-v-e0930b0e] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-e0930b0e] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-e0930b0e] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-e0930b0e] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-e0930b0e] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-e0930b0e] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-e0930b0e] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-e0930b0e] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-e0930b0e] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-e0930b0e] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-e0930b0e] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-e0930b0e] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-e0930b0e] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-e0930b0e] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-e0930b0e] {
    display: flex;
    align-items: center
}

.flex-start[data-v-e0930b0e] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-e0930b0e] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-e0930b0e] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-e0930b0e] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-e0930b0e] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-e0930b0e] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-e0930b0e] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-e0930b0e] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-e0930b0e] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-e0930b0e] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-e0930b0e] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-e0930b0e] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-e0930b0e] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-e0930b0e] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-e0930b0e] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-e0930b0e] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-e0930b0e] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-e0930b0e] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-e0930b0e] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-e0930b0e] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-e0930b0e] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-e0930b0e] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-e0930b0e] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-e0930b0e] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-e0930b0e],
.mlm-selected-item[data-v-e0930b0e] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-e0930b0e] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-e0930b0e]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-e0930b0e] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-e0930b0e] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-e0930b0e] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.rebate-item[data-v-e0930b0e] {
    margin-bottom: .625rem;
    font-size: var(--ep-font-size-xs, .62rem)
}

ion-item.rebate-item[data-v-e0930b0e] {
    --detail-icon-opacity: 1;
    --detail-icon-font-size: 1rem;
    --detail-icon-color: var(--ep-color-text-weaker, var(--color-text-40));
    --background: var(--ep-color-background-fill-surface-raised-L1, var(--color-bg-200));
    --min-height: 3.75rem;
    --height: 3.75rem;
    --max-height: 3.75rem;
    border-radius: var(--ep-border-radius-m, .625rem)
}

ion-item.rebate-item[data-v-e0930b0e]::part(native) {
    padding-inline-start: .4rem;
    --inner-padding-end: 0
}

ion-item[data-v-e0930b0e]::part(detail-icon) {
    margin-inline-end: 0
}

.rebate-content[data-v-e0930b0e] {
    width: 100%;
    display: flex;
    flex-direction: column
}

.top-rebate[data-v-e0930b0e] {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: .0625rem 0
}

.top-rebate .top-rebate-left[data-v-e0930b0e] {
    position: relative;
    flex: 1;
    display: flex;
    align-items: center
}

.top-rebate .top-rebate-left .platform[data-v-e0930b0e] {
    display: flex;
    align-items: center
}

.top-rebate .top-rebate-left .platform ion-icon[data-v-e0930b0e] {
    color: var(--ep-color-text-weaker, var(--color-icon-platform-rebate));
    font-size: 1.5rem;
    line-height: 2rem
}

.top-rebate .top-rebate-left .valid-bet[data-v-e0930b0e] {
    font-size: var(--ep-font-size-xs, .625rem);
    line-height: 1.5;
    font-weight: var(--ep-font-weight-medium, 400);
    color: var(--ep-color-text-default, var(--color-text-100))
}

.top-rebate .top-rebate-right[data-v-e0930b0e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: right;
    padding-right: 5px;
    max-width: 7.5rem
}

.top-rebate .top-rebate-right .rate[data-v-e0930b0e] {
    font-size: var(--ep-font-size-xs, .625rem);
    line-height: 1.5;
    font-weight: var(--ep-font-weight-medium, 400);
    color: var(--ep-color-text-default, var(--color-text-100))
}

.bottom-rebate[data-v-e0930b0e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .0625rem 0
}

.bottom-rebate .bottom-rebate-left[data-v-e0930b0e] {
    flex: 1;
    position: relative;
    margin-left: 1.625rem
}

.bottom-rebate .bottom-rebate-left p[data-v-e0930b0e] {
    text-align: left;
    color: var(--ep-color-text-weaker, var(--color-text-80));
    font-size: var(--ep-font-size-xs, .625rem)
}

.bottom-rebate .bottom-rebate-right[data-v-e0930b0e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: right;
    padding-right: .3125rem;
    max-width: 7.5rem
}

.bottom-rebate .bottom-rebate-right .rate[data-v-e0930b0e] {
    font-size: var(--ep-font-size-xs, .625rem);
    line-height: 1.5;
    font-weight: var(--ep-font-weight-medium, 400);
    color: var(--ep-color-text-warning, var(--color-currency))
}

ion-progress-bar[data-v-e0930b0e] {
    height: .25rem;
    width: 6.875rem;
    margin: .375rem 0 .375rem 1.625rem;
    border-radius: var(--ep-border-radius-l, .8125rem);
    --background: var(--ep-color-background-fill-body-default, var(--color-progress-bg));
    --progress-background: var(--ep-color-icon-brand-primary, var(--color-progress-bar))
}

.rebate-ratio[data-v-e0930b0e] {
    margin-inline: .125rem;
    text-align: left;
    color: var(--ep-color-text-weaker, var(--color-rebate-title))
}

ion-modal[data-v-7e446bb3] {
    --height: fit-content;
    --border-radius: 16px;
    --max-height: none
}

ion-item[data-v-7e446bb3] {
    --background: transparent;
    --padding-bottom: 0px;
    --padding-end: 0;
    --padding-start: 0;
    --padding-top: 0;
    --inner-padding-end: 0;
    --inner-border-width: 0px
}

.color-primary-600[data-v-54af8509] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-54af8509] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-54af8509] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-54af8509] {
    color: var(--color-primary-900)
}

.bg-100[data-v-54af8509] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-54af8509] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-54af8509] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-54af8509] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-54af8509] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-54af8509] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-54af8509] {
    background-color: var(--color-warning)
}

.bg-link[data-v-54af8509] {
    background-color: var(--color-link)
}

.bg-danger[data-v-54af8509] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-54af8509] {
    color: var(--color-text-100)
}

.color-text-80[data-v-54af8509] {
    color: var(--color-text-80)
}

.color-text-50[data-v-54af8509] {
    color: var(--color-text-50)
}

.color-text-40[data-v-54af8509] {
    color: var(--color-text-40)
}

.color-text-20[data-v-54af8509] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-54af8509] {
    color: var(--color-currency)
}

.color-warning[data-v-54af8509] {
    color: var(--color-warning)
}

.color-danger[data-v-54af8509] {
    color: var(--color-danger)
}

.color-link[data-v-54af8509] {
    color: var(--color-link)
}

.color-line[data-v-54af8509] {
    color: var(--color-line)
}

.color-border[data-v-54af8509] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-54af8509] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-54af8509] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-54af8509] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-54af8509] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-54af8509] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-54af8509] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-54af8509] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-54af8509] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-54af8509] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-54af8509] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-54af8509] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-54af8509] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-54af8509] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-54af8509] {
    display: flex;
    align-items: center
}

.flex-start[data-v-54af8509] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-54af8509] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-54af8509] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-54af8509] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-54af8509] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-54af8509] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-54af8509] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-54af8509] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-54af8509] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-54af8509] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-54af8509] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-54af8509] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-54af8509] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-54af8509] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-54af8509] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-54af8509] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-54af8509] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-54af8509] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-54af8509] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-54af8509] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-54af8509] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-54af8509] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-54af8509] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-54af8509] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-54af8509],
.mlm-selected-item[data-v-54af8509] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-54af8509] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-54af8509]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-54af8509] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-54af8509] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-54af8509] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.warpper[data-v-54af8509] {
    width: 100%;
    position: relative
}

.top-reward[data-v-54af8509] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .625rem 0;
    font-size: var(--ep-font-size-s, .75rem);
    line-height: 1.5
}

.top-reward .title[data-v-54af8509] {
    color: var(--ep-color-text-default, var(--color-text-40))
}

.top-reward .reward[data-v-54af8509] {
    color: var(--ep-color-text-warning, var(--color-text-currency))
}

.content[data-v-54af8509] {
    width: 100%;
    height: 100%;
    margin-bottom: 3.5rem;
    display: flex
}

ion-segment[data-v-54af8509] {
    --background: transparent;
    display: flex;
    flex-direction: column
}

ion-segment-button.segment[data-v-54af8509] {
    min-height: 3.75rem
}

ion-segment-button.segment ion-icon[data-v-54af8509] {
    font-size: 2.25rem;
    line-height: 2.5rem;
    color: var(--ep-color-text-weaker, var(--color-text-20))
}

ion-segment-button.segment ion-icon.check[data-v-54af8509] {
    color: var(--ep-color-text-selected, var(--color-primary-800))
}

ion-segment-button.segment ion-label[data-v-54af8509] {
    color: var(--ep-color-text-weaker, var(--color-text-40));
    font-weight: var(--ep-font-weight-regular, 400);
    font-size: var(--ep-font-size-s, .75rem)
}

ion-segment-button.segment ion-label.check[data-v-54af8509] {
    color: var(--ep-color-text-default, var(--color-text-100));
    font-weight: var(--ep-font-weight-medium, 400)
}

ion-segment-button.ios[data-v-54af8509] {
    --background: var(--ep-color-background-fill-surface-raised-L1, var(--color-bg-200));
    --indicator-color: var(--ep-color-background-fill-surface-raised-L2, var(--color-bg-100));
    --padding-start: 0;
    --padding-end: 0;
    --padding-top: .125rem;
    --padding-bottom: .125rem;
    margin-top: 0;
    margin-bottom: .625rem;
    text-transform: capitalize;
    min-width: 0
}

.main-left[data-v-54af8509] {
    width: 5.3125rem;
    height: calc(100% - 33.2px);
    overflow-y: auto;
    margin-right: .625rem
}

.main-left .btn-claim[data-v-54af8509],
.main-left .btn-history[data-v-54af8509] {
    height: 1.25rem;
    margin-bottom: .75rem;
    font-size: var(--ep-font-size-s, .75rem);
    line-height: 1.5
}

.main-right[data-v-54af8509] {
    width: 100%;
    height: calc(100% - 33.2px);
    overflow-y: auto
}

.un-zh-left[data-v-54af8509] {
    height: calc(100% - 50px)
}

.color-primary-600[data-v-30e099cd] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-30e099cd] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-30e099cd] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-30e099cd] {
    color: var(--color-primary-900)
}

.bg-100[data-v-30e099cd] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-30e099cd] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-30e099cd] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-30e099cd] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-30e099cd] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-30e099cd] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-30e099cd] {
    background-color: var(--color-warning)
}

.bg-link[data-v-30e099cd] {
    background-color: var(--color-link)
}

.bg-danger[data-v-30e099cd] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-30e099cd] {
    color: var(--color-text-100)
}

.color-text-80[data-v-30e099cd] {
    color: var(--color-text-80)
}

.color-text-50[data-v-30e099cd] {
    color: var(--color-text-50)
}

.color-text-40[data-v-30e099cd] {
    color: var(--color-text-40)
}

.color-text-20[data-v-30e099cd] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-30e099cd] {
    color: var(--color-currency)
}

.color-warning[data-v-30e099cd] {
    color: var(--color-warning)
}

.color-danger[data-v-30e099cd] {
    color: var(--color-danger)
}

.color-link[data-v-30e099cd] {
    color: var(--color-link)
}

.color-line[data-v-30e099cd] {
    color: var(--color-line)
}

.color-border[data-v-30e099cd] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-30e099cd] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-30e099cd] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-30e099cd] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-30e099cd] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-30e099cd] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-30e099cd] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-30e099cd] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-30e099cd] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-30e099cd] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-30e099cd] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-30e099cd] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-30e099cd] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-30e099cd] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-30e099cd] {
    display: flex;
    align-items: center
}

.flex-start[data-v-30e099cd] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-30e099cd] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-30e099cd] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-30e099cd] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-30e099cd] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-30e099cd] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-30e099cd] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-30e099cd] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-30e099cd] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-30e099cd] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-30e099cd] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-30e099cd] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-30e099cd] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-30e099cd] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-30e099cd] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-30e099cd] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-30e099cd] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-30e099cd] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-30e099cd] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-30e099cd] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-30e099cd] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-30e099cd] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-30e099cd] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-30e099cd] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-30e099cd],
.mlm-selected-item[data-v-30e099cd] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-30e099cd] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-30e099cd]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-30e099cd] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-30e099cd] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-30e099cd] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.footer[data-v-30e099cd] {
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: var(--color-activity-footer-bg);
    box-shadow: 0 .5px 0 0 var(--color-border) inset;
    width: 100%;
    height: 5rem;
    margin: 0 auto;
    padding: 1.25rem .75rem
}

.footer .btn[data-v-30e099cd-s] {
    width: 17.5rem;
    margin: 0 auto
}

.new-skin-symbol .footer[data-v-30e099cd] {
    background-color: var(--ep-color-background-fill-surface-raised-L1);
    box-shadow: 0 .0313rem 0 0 var(--ep-color-border-default) inset
}

.color-primary-600[data-v-af29a1c7] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-af29a1c7] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-af29a1c7] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-af29a1c7] {
    color: var(--color-primary-900)
}

.bg-100[data-v-af29a1c7] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-af29a1c7] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-af29a1c7] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-af29a1c7] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-af29a1c7] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-af29a1c7] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-af29a1c7] {
    background-color: var(--color-warning)
}

.bg-link[data-v-af29a1c7] {
    background-color: var(--color-link)
}

.bg-danger[data-v-af29a1c7] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-af29a1c7] {
    color: var(--color-text-100)
}

.color-text-80[data-v-af29a1c7] {
    color: var(--color-text-80)
}

.color-text-50[data-v-af29a1c7] {
    color: var(--color-text-50)
}

.color-text-40[data-v-af29a1c7] {
    color: var(--color-text-40)
}

.color-text-20[data-v-af29a1c7] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-af29a1c7] {
    color: var(--color-currency)
}

.color-warning[data-v-af29a1c7] {
    color: var(--color-warning)
}

.color-danger[data-v-af29a1c7] {
    color: var(--color-danger)
}

.color-link[data-v-af29a1c7] {
    color: var(--color-link)
}

.color-line[data-v-af29a1c7] {
    color: var(--color-line)
}

.color-border[data-v-af29a1c7] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-af29a1c7] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-af29a1c7] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-af29a1c7] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-af29a1c7] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-af29a1c7] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-af29a1c7] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-af29a1c7] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-af29a1c7] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-af29a1c7] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-af29a1c7] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-af29a1c7] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-af29a1c7] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-af29a1c7] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-af29a1c7] {
    display: flex;
    align-items: center
}

.flex-start[data-v-af29a1c7] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-af29a1c7] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-af29a1c7] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-af29a1c7] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-af29a1c7] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-af29a1c7] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-af29a1c7] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-af29a1c7] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-af29a1c7] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-af29a1c7] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-af29a1c7] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-af29a1c7] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-af29a1c7] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-af29a1c7] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-af29a1c7] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-af29a1c7] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-af29a1c7] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-af29a1c7] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-af29a1c7] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-af29a1c7] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-af29a1c7] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-af29a1c7] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-af29a1c7] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-af29a1c7] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-af29a1c7],
.mlm-selected-item[data-v-af29a1c7] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-af29a1c7] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-af29a1c7]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-af29a1c7] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-af29a1c7] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-af29a1c7] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-content[data-v-af29a1c7] {
    --padding-start: .75rem;
    --padding-end: .75rem
}

.claimButtonEnabled[data-v-af29a1c7] {
    background: var(--color-vip-active-bg);
    color: var(--color-primary-btn-text-active)
}

.claimButtonDisabled[data-v-af29a1c7] {
    background: var(--color-vip-disable-bg);
    color: var(--color-primary-btn-text-disable)
}

.my-vip[data-v-af29a1c7] {
    height: 11.875rem;
    background: var(--5beed61c) no-repeat;
    background-position: bottom 0 left 0;
    background-size: 100% 11.25rem;
    padding: 1.6rem .8125rem .8125rem;
    width: 100%;
    margin-top: 1rem;
    margin-bottom: 1rem;
    position: relative
}

.my-vip .vip-detail[data-v-af29a1c7] {
    width: 7.0938rem;
    height: 2.875rem;
    padding: 0 .625rem;
    border-radius: 2.5625rem;
    font-size: var(--font-size-12);
    font-weight: var(--font-weight-bold)
}

.current-vip-level[data-v-af29a1c7] {
    font-size: var(--font-size-12);
    margin-left: -1.125rem
}

.level-point[data-v-af29a1c7] {
    position: absolute;
    transform: translate(-50%, -46%)
}

.need-recharge[data-v-af29a1c7],
.need-bets[data-v-af29a1c7] {
    color: var(--vip-info-tips-text-color);
    font-size: .625rem
}

.current-recharge[data-v-af29a1c7] {
    color: var(--color-currency);
    margin-right: .375rem
}

.next-current-vip-level[data-v-af29a1c7] {
    font-size: var(--font-size-10);
    margin-left: -.6875rem
}

.max-level[data-v-af29a1c7] {
    font-size: var(--font-size-12);
    line-height: 1.125rem;
    color: var(--color-text-80)
}

.condition-info[data-v-af29a1c7] {
    margin-top: .9rem
}

.vipLevelList[data-v-af29a1c7] {
    height: calc(100% - 5rem)
}

table[data-v-af29a1c7] {
    border-collapse: collapse;
    background-color: transparent
}

table th[data-v-af29a1c7],
table td[data-v-af29a1c7] {
    border: 1px solid var(--color-border);
    font-weight: var(--font-weight-bold);
    color: var(--color-currency);
    width: 33.33%;
    text-align: center;
    border-right: none
}

table thead th[data-v-af29a1c7] {
    color: var(--color-text-40);
    height: 2.5rem;
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-12);
    background-color: var(--color-bg-200)
}

table tbody td[data-v-af29a1c7]:first-child {
    color: var(--color-text-80)
}

table tbody td[data-v-af29a1c7]:last-child {
    color: var(--color-currency)
}

table.table th[data-v-af29a1c7],
table.table td[data-v-af29a1c7] {
    line-height: 1.5625rem;
    width: 12.5%
}

.unZhTable thead tr th[data-v-af29a1c7] {
    height: 2.6rem;
    line-height: .9rem
}

table th[data-v-af29a1c7]:first-child,
table td[data-v-af29a1c7]:first-child {
    border-left: none
}

table th[data-v-af29a1c7]:last-child,
table td[data-v-af29a1c7]:last-child {
    border-right: none
}

table thead tr:first-child th[data-v-af29a1c7],
table thead tr:first-child td[data-v-af29a1c7] {
    border-top: none
}

table tr:last-child th[data-v-af29a1c7],
table tr:last-child td[data-v-af29a1c7] {
    border-bottom: none
}

ion-toolbar[data-v-af29a1c7] {
    --min-height: 3.125rem
}

ion-progress-bar[data-v-af29a1c7] {
    --background: var(--progress-base-bg);
    border-radius: 1rem
}

.progress-bar[data-v-af29a1c7] {
    width: 17.1875rem;
    height: .25rem;
    --progress-background: var(--progress-bg)
}

ion-segment-button[data-v-af29a1c7] {
    --background-checked: var(--color-bg-200);
    --color: var(--color-vip-text);
    --color-checked: var(--color-primary-800);
    --indicator-color: var(--color-primary-800);
    border-radius: var(--rounded-small) var(--rounded-small);
    text-transform: none
}

ion-segment[data-v-af29a1c7] {
    border-bottom: 1px solid var(--color-line)
}

.content-base[data-v-af29a1c7] {
    padding: 2px;
    line-height: 13px
}

.share-vip[data-v-af29a1c7] {
    padding: 0 2rem
}

.vip-text-40[data-v-af29a1c7] {
    color: var(--vip-info-text-color-40)
}

.vip-info-max[data-v-af29a1c7] {
    color: var(--vip-max-text-color);
    font-size: var(--ep-font-size-xs, .625rem)
}

.rule-content[data-v-af29a1c7] {
    color: var(--color-activity-rule);
    margin-bottom: env(safe-area-inset-bottom)
}

.normal-text[data-v-af29a1c7] {
    color: var(--color-vip-text)
}

.skin-purple[data-v-af29a1c7] {
    color: var(--vip1-detail-text-color)
}

.shiny[data-v-af29a1c7] {
    position: relative;
    overflow: hidden
}

.shiny[data-v-af29a1c7]:before {
    content: "";
    animation: shiny-af29a1c7 6s ease-in-out infinite;
    background: #fff;
    display: inline-block;
    height: 100%;
    left: 0;
    position: absolute;
    top: -180px;
    width: 30px
}

.menu[data-v-af29a1c7] {
    color: var(--text-color-white-100)
}

@keyframes shiny-af29a1c7 {
    0% {
        opacity: 0;
        transform: scale(0) rotate(45deg)
    }

    80% {
        opacity: .5;
        transform: scale(0) rotate(45deg)
    }

    81% {
        opacity: 1;
        transform: scale(4) rotate(45deg)
    }

    to {
        opacity: 0;
        transform: scale(50) rotate(45deg)
    }
}

.listItemShallow[data-v-af29a1c7] {
    background-color: var(--color-bg-400)
}

.listItemDeep[data-v-af29a1c7] {
    background-color: var(--color-bg-300)
}

.new-skin-symbol ion-content[data-v-af29a1c7] {
    --background: var(--ep-color-background-fill-body-default)
}

.new-skin-symbol ion-toolbar[data-v-af29a1c7] {
    --background: var(--ep-color-background-fill-top-nav-secondary);
    color: var(--ep-color-text-default)
}

.new-skin-symbol ion-progress-bar.progress-bar[data-v-af29a1c7] {
    --background: var(--ep-color-text-weakest);
    margin: 0
}

.new-skin-symbol .progress-bar[data-v-af29a1c7] {
    --progress-background: #3E9B2F
}

.new-skin-symbol ion-segment[data-v-af29a1c7] {
    background: var(--ep-color-background-fill-surface-lowered);
    border-bottom: .0625rem solid var(--ep-color-border-default);
    margin-left: -.625rem;
    margin-right: -.625rem;
    padding-left: .625rem;
    padding-right: .625rem;
    padding-top: .375rem
}

.new-skin-symbol ion-segment-button[data-v-af29a1c7] {
    --background-checked: var(--ep-color-background-fill-surface-raised-L1);
    --color: var(--ep-color-text-weaker);
    --color-checked: var(--ep-color-border-selected);
    --indicator-color: var(--ep-color-border-selected)
}

.new-skin-symbol .listTitle[data-v-af29a1c7] {
    color: var(--ep-color-text-weaker);
    background: var(--ep-color-background-fill-surface-raised-L1)
}

.new-skin-symbol .list-md[data-v-af29a1c7] {
    background: var(--ep-color-background-fill-body-default)
}

.new-skin-symbol .skin-purple[data-v-af29a1c7] {
    color: var(--ep-color-text-default)
}

.new-skin-symbol .listItemShallow[data-v-af29a1c7] {
    background: var(--ep-color-background-fill-surface-lowered)
}

.new-skin-symbol .listItemDeep[data-v-af29a1c7] {
    background: var(--ep-color-background-fill-body-default)
}

.new-skin-symbol .progressBottom[data-v-af29a1c7] {
    --background: var(--ep-color-background-fill-surface-raised-L1);
    --progress-background: var(--ep-color-icon-brand-primary)
}

.new-skin-symbol .progressTextBottom[data-v-af29a1c7] {
    color: var(--ep-color-text-default)
}

.new-skin-symbol .progressTextRight[data-v-af29a1c7] {
    color: var(--ep-color-text-warning)
}

.new-skin-symbol .rule-content div[data-v-af29a1c7] {
    color: var(--ep-color-text-default)
}

.new-skin-symbol .rule-content p[data-v-af29a1c7] {
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol .levelTableTitle[data-v-af29a1c7],
.new-skin-symbol .table[data-v-af29a1c7] {
    color: var(--ep-color-text-default)
}

.new-skin-symbol .table th[data-v-af29a1c7] {
    background: var(--ep-color-background-fill-surface-raised-L1)
}

.new-skin-symbol .table td[data-v-af29a1c7] {
    color: var(--ep-color-text-warning)
}

.new-skin-symbol table tbody td[data-v-af29a1c7]:first-child {
    color: var(--ep-color-text-default)
}

.new-skin-symbol table th[data-v-af29a1c7],
.new-skin-symbol table td[data-v-af29a1c7],
.new-skin-symbol .levelTable[data-v-af29a1c7] {
    border: .0625rem solid var(--ep-color-border-default)
}

.new-skin-symbol .vip-detail[data-v-af29a1c7] {
    border: .0625rem solid var(--ep-color-border-default);
    color: var(--ep-color-text-highlight)
}

.new-skin-symbol .claimButtonEnabled[data-v-af29a1c7] {
    background: var(--ep-color-background-fill-surface-lowered);
    color: var(--ep-color-text-highlight)
}

.new-skin-symbol .claimButtonDisabled[data-v-af29a1c7] {
    opacity: .4;
    background: var(--ep-color-background-fill-surface-lowered);
    color: var(--ep-color-text-highlight)
}

.new-skin-symbol .footer[data-v-af29a1c7] {
    background-color: var(--ep-color-background-fill-surface-raised-L1);
    box-shadow: 0 .5px 0 0 var(--ep-color-border-default) inset
}

.new-skin-symbol ion-toolbar ion-title[data-v-af29a1c7] {
    font-size: var(--ep-font-size-xl);
    font-weight: var(--ep-font-weight-medium)
}

.new-skin-symbol ion-toolbar ion-icon.menu[data-v-af29a1c7] {
    font-size: var(--ep-font-size-xxl);
    color: var(--ep-color-icon-default)
}

.new-skin-symbol .my-vip .vip-detail[data-v-af29a1c7] {
    font-size: var(--ep-font-size-s);
    font-weight: var(--ep-font-weight-regular);
    border-radius: var(--ep-border-radius-infinity)
}

.new-skin-symbol .vip-info .current-vip-level[data-v-af29a1c7] {
    font-size: var(--ep-font-size-s);
    font-weight: var(--ep-font-weight-regular)
}

.new-skin-symbol .vip-info .current-vip-level .topVipLevel[data-v-af29a1c7] {
    font-size: var(--ep-font-size-xs);
    font-weight: var(--ep-font-weight-regular)
}

.new-skin-symbol .vip-info .vipCardText[data-v-af29a1c7] {
    font-size: var(--ep-font-size-s);
    font-weight: var(--ep-font-weight-bold);
    color: var(--ep-color-text-highlight-white);
    opacity: .4
}

.new-skin-symbol .vip-info .next-current-vip-level[data-v-af29a1c7] {
    font-size: var(--ep-font-size-xs);
    font-weight: var(--ep-font-weight-regular)
}

.new-skin-symbol .vip-info .vipCardTextBottom[data-v-af29a1c7] {
    font-size: var(--ep-font-size-s);
    font-weight: var(--ep-font-weight-regular);
    color: var(--ep-color-text-weakest);
    white-space: nowrap
}

.new-skin-symbol .vip-info .current-recharge[data-v-af29a1c7] {
    font-size: var(--ep-font-size-s);
    font-weight: var(--ep-font-weight-bold);
    color: var(--ep-color-icon-warning)
}

.new-skin-symbol .vip-info .vip-info-max[data-v-af29a1c7] {
    font-size: var(--ep-font-size-xs, .625rem);
    font-weight: var(--ep-font-weight-regular);
    color: var(--ep-color-text-highlight-white)
}

.new-skin-symbol .vipLevelTitle[data-v-af29a1c7] {
    font-size: var(--ep-font-size-l);
    font-weight: var(--ep-font-weight-medium);
    color: var(--ep-color-text-default)
}

.new-skin-symbol .vipLevelListHead[data-v-af29a1c7] {
    background: var(--ep-color-background-fill-body-default)
}

.new-skin-symbol .vipLevelListHead ion-segment-button[data-v-af29a1c7] {
    font-size: var(--ep-font-size-m);
    font-weight: var(--ep-font-weight-regular)
}

.new-skin-symbol .vipLevelListHead ion-segment-button.segment-button-checked[data-v-af29a1c7] {
    font-size: var(--ep-font-size-m);
    font-weight: var(--ep-font-weight-medium)
}

.new-skin-symbol .vipLevelListHead .listTitle[data-v-af29a1c7] {
    font-size: var(--ep-font-size-s);
    font-weight: var(--ep-font-weight-bold)
}

.new-skin-symbol ion-list .current-vip-level[data-v-af29a1c7] {
    font-weight: var(--ep-font-weight-bold)
}

.new-skin-symbol .normal-text[data-v-af29a1c7] {
    font-size: var(--ep-font-size-xs);
    font-weight: var(--ep-font-weight-regular);
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol .progressTextBottom[data-v-af29a1c7] {
    font-size: var(--ep-font-size-xs);
    font-weight: var(--ep-font-weight-regular)
}

.new-skin-symbol .progressTextRight[data-v-af29a1c7] {
    font-size: var(--ep-font-size-xs);
    font-weight: var(--ep-font-weight-bold)
}

.new-skin-symbol .rule-content .ruleTitle[data-v-af29a1c7] {
    font-size: var(--ep-font-size-s);
    font-weight: var(--ep-font-weight-medium)
}

.new-skin-symbol .rule-content .ruleTitleTableTop[data-v-af29a1c7] {
    font-size: var(--ep-font-size-l);
    font-weight: var(--ep-font-weight-medium)
}

.new-skin-symbol .rule-content p[data-v-af29a1c7] {
    font-size: var(--ep-font-size-s);
    font-weight: var(--ep-font-weight-regular)
}

.new-skin-symbol .levelTableTitle[data-v-af29a1c7] {
    font-size: var(--ep-font-size-l);
    font-weight: var(--ep-font-weight-medium)
}

.new-skin-symbol .max-level[data-v-af29a1c7] {
    font-size: var(--ep-font-size-s)
}

.new-skin-symbol table th[data-v-af29a1c7],
.new-skin-symbol table td[data-v-af29a1c7],
.new-skin-symbol table thead th[data-v-af29a1c7] {
    font-weight: var(--ep-font-weight-bold);
    font-size: var(--ep-font-size-s)
}

.new-skin-symbol ion-progress-bar[data-v-af29a1c7] {
    border-radius: 1rem;
    height: .3125rem;
    margin-top: .25rem;
    margin-bottom: .3125rem
}

.new-skin-symbol .safeLevelContent[data-v-af29a1c7] {
    background: var(--ep-color-background-fill-body-default, #131F42)
}

.new-skin-symbol ion-segment-button[data-v-af29a1c7] {
    border-radius: var(--ep-border-radius-s) var(--ep-border-radius-s)
}

.vip-top[data-v-af29a1c7] {
    position: absolute;
    right: .125rem;
    text-align: center;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.info-img[data-v-af29a1c7] {
    width: 2.375rem;
    height: 2.375rem;
    z-index: 30
}

.info-wrap[data-v-af29a1c7] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.info-icon[data-v-af29a1c7] {
    width: 4.5rem;
    height: 1.25rem
}

.topVipLevel[data-v-af29a1c7] {
    font-size: var(--ep-font-size-xs);
    font-weight: var(--ep-font-weight-regular);
    position: absolute;
    left: 0;
    top: 0;
    width: 4.5rem;
    height: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.topVipLevel .span-cls[data-v-af29a1c7] {
    margin-left: .125rem
}

.info-mid[data-v-af29a1c7] {
    margin-left: .75rem;
    line-height: 1.125rem;
    font-size: var(--ep-font-size-s);
    font-weight: var(--ep-font-weight-bold);
    color: var(--ep-color-text-highlight-white);
    opacity: .4
}

.progress-wrap[data-v-af29a1c7] {
    display: flex;
    align-items: center;
    margin-top: 1.375rem
}

.progress-wrap .wrap[data-v-af29a1c7] {
    position: relative
}

.progress-wrap-icon[data-v-af29a1c7] {
    width: 2.25rem;
    height: 2.25rem
}

.wrap-mid[data-v-af29a1c7] {
    display: flex;
    align-items: center;
    margin-left: .375rem
}

.wrap-mid .wrap-mid-next[data-v-af29a1c7] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.wrap-mid .mid-vip-wrap[data-v-af29a1c7] {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.125rem;
    height: 1.105rem
}

.wrap-mid .mid-vip-wrap .span-cls[data-v-af29a1c7] {
    margin-left: .125rem
}

.wrap-mid .mid-info[data-v-af29a1c7] {
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    line-height: 1.125rem;
    color: var(--color-text-80);
    font-size: var(--ep-font-size-s, var(--font-size-12))
}

.wrap-mid-img[data-v-af29a1c7] {
    width: 1.5rem;
    height: 1.5rem;
    z-index: 30
}

.wrap-mid-next-icon[data-v-af29a1c7] {
    width: 3.125rem;
    height: 1.105rem
}

.bet-info[data-v-af29a1c7] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem;
    margin-top: .375rem
}

.bet-info .bet-info-mid[data-v-af29a1c7] {
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    margin-bottom: .25rem;
    font-size: var(--ep-font-size-s);
    color: var(--ep-color-text-highlight-white);
    opacity: .4
}

.text-span-cls[data-v-af29a1c7] {
    margin-left: .125rem;
    margin-right: .25rem
}

.vip-compare[data-v-af29a1c7] {
    line-height: 1.5rem;
    width: 100%;
    padding-bottom: 1rem;
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium));
    font-size: var(--ep-font-size-l);
    color: var(--ep-color-text-default, var(--color-text-100))
}

.vlevel-head-cls[data-v-af29a1c7] {
    position: sticky;
    top: 0;
    z-index: 50;
    width: 100%;
    padding-top: .625rem
}

.hot-cls[data-v-af29a1c7] {
    top: .9375rem;
    right: -.125rem;
    transform: translateY(-25%) translate(25%)
}

.sh-cls[data-v-af29a1c7] {
    height: 3.75rem;
    margin-top: 1.25rem;
    border-radius: var(--rounded-small);
    display: flex;
    align-items: center;
    line-height: 1rem;
    font-size: var(--ep-font-size-xs, .75rem);
    color: var(--ep-color-text-weaker);
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.span-1[data-v-af29a1c7] {
    color: var(--color-vip-text);
    white-space: normal;
    text-align: center;
    flex: 1
}

.list-wrap[data-v-af29a1c7] {
    min-height: 0
}

.ion-list-cls[data-v-af29a1c7] {
    padding: 0
}

.list-wrap-img[data-v-af29a1c7] {
    width: 2.375rem;
    height: 2.375rem;
    z-index: 30
}

.list-icon-wrap[data-v-af29a1c7] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.list-icon[data-v-af29a1c7] {
    width: 4.5rem;
    height: 1.25rem
}

.list-vip-wrap[data-v-af29a1c7] {
    position: absolute;
    left: 0;
    top: 0;
    width: 4.5rem;
    height: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.list-vip-wrap .span-cls[data-v-af29a1c7] {
    margin-left: .125rem
}

.deposit-cls[data-v-af29a1c7] {
    flex: 1
}

.deposit-cls .top[data-v-af29a1c7] {
    padding: 0 .25rem
}

.deposit-cls .top .deposit-progress-wrap[data-v-af29a1c7] {
    margin: .125rem auto
}

.deposit-cls .top .color-cls[data-v-af29a1c7] {
    color: var(--color-text-80)
}

.deposit-bot[data-v-af29a1c7] {
    flex: 1;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-warning, var(--color-currency))
}

.relenote[data-v-af29a1c7] {
    padding-top: .625rem;
    font-size: .75rem;
    line-height: 1.25rem;
    background: var(--ep-color-background-fill-body-default, var(--color-bg-300))
}

.relenote .relenote-top[data-v-af29a1c7] {
    margin-bottom: env(safe-area-inset-bottom)
}

.relenote .relenote-top div[data-v-af29a1c7] {
    color: var(--ep-color-text-default, var(--color-activity-rule))
}

.relenote .relenote-top p[data-v-af29a1c7] {
    margin-top: .5rem;
    font-size: var(--ep-font-size-s);
    font-weight: var(--ep-font-weight-regular)
}

.relenote .relenote-top .ruleTitleTableTop[data-v-af29a1c7] {
    font-size: var(--ep-font-size-l);
    line-height: 1.5rem;
    color: var(--ep-color-text-default, var(--color-text-80));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.relenote .relenote-mid[data-v-af29a1c7] {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium));
    margin-top: 1rem;
    margin-bottom: .5rem;
    color: var(--ep-color-text-default, var(--color-text-80))
}

.relenote .relenote-bot[data-v-af29a1c7] {
    border-radius: var(--rounded-middle);
    overflow: hidden;
    border: .0625rem solid var(--ep-color-border-default, var(--color-border))
}

.relenote .table[data-v-af29a1c7] {
    width: 100%
}

.act-info[data-v-af29a1c7] {
    margin-top: .625rem;
    padding-bottom: 8.5rem;
    font-size: .75rem;
    line-height: 1rem
}

.act-info p[data-v-af29a1c7] {
    margin-top: .75rem
}

.purple-light .wrap-mid .mid-info[data-v-af29a1c7] {
    color: var(--vip-max-text-color)
}

.color-primary-600[data-v-e91d34c9] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-e91d34c9] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-e91d34c9] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-e91d34c9] {
    color: var(--color-primary-900)
}

.bg-100[data-v-e91d34c9] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-e91d34c9] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-e91d34c9] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-e91d34c9] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-e91d34c9] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-e91d34c9] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-e91d34c9] {
    background-color: var(--color-warning)
}

.bg-link[data-v-e91d34c9] {
    background-color: var(--color-link)
}

.bg-danger[data-v-e91d34c9] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-e91d34c9] {
    color: var(--color-text-100)
}

.color-text-80[data-v-e91d34c9] {
    color: var(--color-text-80)
}

.color-text-50[data-v-e91d34c9] {
    color: var(--color-text-50)
}

.color-text-40[data-v-e91d34c9] {
    color: var(--color-text-40)
}

.color-text-20[data-v-e91d34c9] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-e91d34c9] {
    color: var(--color-currency)
}

.color-warning[data-v-e91d34c9] {
    color: var(--color-warning)
}

.color-danger[data-v-e91d34c9] {
    color: var(--color-danger)
}

.color-link[data-v-e91d34c9] {
    color: var(--color-link)
}

.color-line[data-v-e91d34c9] {
    color: var(--color-line)
}

.color-border[data-v-e91d34c9] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-e91d34c9] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-e91d34c9] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-e91d34c9] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-e91d34c9] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-e91d34c9] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-e91d34c9] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-e91d34c9] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-e91d34c9] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-e91d34c9] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-e91d34c9] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-e91d34c9] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-e91d34c9] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-e91d34c9] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-e91d34c9] {
    display: flex;
    align-items: center
}

.flex-start[data-v-e91d34c9] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-e91d34c9] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-e91d34c9] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-e91d34c9] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-e91d34c9] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-e91d34c9] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-e91d34c9] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-e91d34c9] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-e91d34c9] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-e91d34c9] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-e91d34c9] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-e91d34c9] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-e91d34c9] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-e91d34c9] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-e91d34c9] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-e91d34c9] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-e91d34c9] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-e91d34c9] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-e91d34c9] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-e91d34c9] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-e91d34c9] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-e91d34c9] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-e91d34c9] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-e91d34c9] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-e91d34c9],
.mlm-selected-item[data-v-e91d34c9] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-e91d34c9] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-e91d34c9]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-e91d34c9] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-e91d34c9] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-e91d34c9] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.box[data-v-e91d34c9] {
    width: 4rem
}

p.title[data-v-e91d34c9] {
    color: var(--trilateral-cooperation-color)
}

p.sub[data-v-e91d34c9] {
    color: var(--color-text-40)
}

div.line[data-v-e91d34c9] {
    background: var(--line-color)
}

.purple-light p.sub[data-v-e91d34c9] {
    color: var(--text-color-black-80)
}

.new-skin-symbol .social-media-container p.title[data-v-e91d34c9] {
    color: var(--ep-color-text-warning);
    font-size: var(--ep-font-size-l, 1rem);
    font-weight: var(--ep-font-weight-medium, 600);
    line-height: 1.5rem
}

.new-skin-symbol .social-media-container .sub[data-v-e91d34c9] {
    color: var(--ep-color-text-weaker);
    font-size: var(--ep-font-size-xs, .625rem);
    line-height: 1rem
}

.color-primary-600[data-v-d0519724] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-d0519724] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-d0519724] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-d0519724] {
    color: var(--color-primary-900)
}

.bg-100[data-v-d0519724] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-d0519724] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-d0519724] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-d0519724] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-d0519724] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-d0519724] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-d0519724] {
    background-color: var(--color-warning)
}

.bg-link[data-v-d0519724] {
    background-color: var(--color-link)
}

.bg-danger[data-v-d0519724] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-d0519724] {
    color: var(--color-text-100)
}

.color-text-80[data-v-d0519724] {
    color: var(--color-text-80)
}

.color-text-50[data-v-d0519724] {
    color: var(--color-text-50)
}

.color-text-40[data-v-d0519724] {
    color: var(--color-text-40)
}

.color-text-20[data-v-d0519724] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-d0519724] {
    color: var(--color-currency)
}

.color-warning[data-v-d0519724] {
    color: var(--color-warning)
}

.color-danger[data-v-d0519724] {
    color: var(--color-danger)
}

.color-link[data-v-d0519724] {
    color: var(--color-link)
}

.color-line[data-v-d0519724] {
    color: var(--color-line)
}

.color-border[data-v-d0519724] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-d0519724] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-d0519724] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-d0519724] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-d0519724] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-d0519724] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-d0519724] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-d0519724] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-d0519724] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-d0519724] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-d0519724] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-d0519724] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-d0519724] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-d0519724] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-d0519724] {
    display: flex;
    align-items: center
}

.flex-start[data-v-d0519724] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-d0519724] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-d0519724] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-d0519724] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-d0519724] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-d0519724] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-d0519724] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-d0519724] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-d0519724] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-d0519724] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-d0519724] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-d0519724] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-d0519724] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-d0519724] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-d0519724] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-d0519724] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-d0519724] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-d0519724] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-d0519724] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-d0519724] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-d0519724] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-d0519724] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-d0519724] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-d0519724] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-d0519724],
.mlm-selected-item[data-v-d0519724] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-d0519724] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-d0519724]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-d0519724] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-d0519724] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-d0519724] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.top-banner[data-v-d0519724] {
    overflow: hidden;
    margin-top: .625rem;
    margin-bottom: 1rem;
    border-radius: var(--ep-border-radius-l, var(--rounded-large))
}

.code-input[data-v-d0519724] {
    height: 2.875rem;
    margin-bottom: 1.5rem
}

.btn-warpper[data-v-d0519724] {
    margin-bottom: .75rem
}

.rule-text[data-v-d0519724] {
    padding-top: 1.875rem;
    margin-bottom: 2.5rem;
    color: var(--ep-color-text-weaker, var(--color-activity-rule));
    font-size: var(--ep-font-size-s, .75rem);
    line-height: 1rem
}

.color-primary-600[data-v-82d093ab] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-82d093ab] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-82d093ab] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-82d093ab] {
    color: var(--color-primary-900)
}

.bg-100[data-v-82d093ab] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-82d093ab] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-82d093ab] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-82d093ab] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-82d093ab] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-82d093ab] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-82d093ab] {
    background-color: var(--color-warning)
}

.bg-link[data-v-82d093ab] {
    background-color: var(--color-link)
}

.bg-danger[data-v-82d093ab] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-82d093ab] {
    color: var(--color-text-100)
}

.color-text-80[data-v-82d093ab] {
    color: var(--color-text-80)
}

.color-text-50[data-v-82d093ab] {
    color: var(--color-text-50)
}

.color-text-40[data-v-82d093ab] {
    color: var(--color-text-40)
}

.color-text-20[data-v-82d093ab] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-82d093ab] {
    color: var(--color-currency)
}

.color-warning[data-v-82d093ab] {
    color: var(--color-warning)
}

.color-danger[data-v-82d093ab] {
    color: var(--color-danger)
}

.color-link[data-v-82d093ab] {
    color: var(--color-link)
}

.color-line[data-v-82d093ab] {
    color: var(--color-line)
}

.color-border[data-v-82d093ab] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-82d093ab] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-82d093ab] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-82d093ab] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-82d093ab] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-82d093ab] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-82d093ab] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-82d093ab] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-82d093ab] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-82d093ab] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-82d093ab] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-82d093ab] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-82d093ab] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-82d093ab] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-82d093ab] {
    display: flex;
    align-items: center
}

.flex-start[data-v-82d093ab] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-82d093ab] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-82d093ab] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-82d093ab] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-82d093ab] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-82d093ab] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-82d093ab] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-82d093ab] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-82d093ab] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-82d093ab] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-82d093ab] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-82d093ab] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-82d093ab] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-82d093ab] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-82d093ab] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-82d093ab] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-82d093ab] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-82d093ab] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-82d093ab] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-82d093ab] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-82d093ab] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-82d093ab] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-82d093ab] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-82d093ab] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-82d093ab],
.mlm-selected-item[data-v-82d093ab] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-82d093ab] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-82d093ab]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-82d093ab] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-82d093ab] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-82d093ab] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.activity-claim-record[data-v-82d093ab] {
    background-color: var(--ep-color-background-fill-body-default, var(--color-bg-300));
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    padding-top: .3125rem
}

.activity-claim-record .record-top[data-v-82d093ab] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.activity-claim-record .record-top .select-box[data-v-82d093ab] {
    margin-right: .625rem;
    height: 2rem;
    padding-left: .625rem;
    padding-right: .625rem;
    display: flex;
    align-items: center;
    border-radius: var(--ep-border-radius-s, var(--rounded-small));
    background: var(--ep-color-background-fill-surface-raised-L1, var(--spread-commission-select-box-bg))
}

.activity-claim-record .record-top .select-box ion-icon[data-v-82d093ab] {
    color: var(--ep-color-icon-weaker, var(--color-report-select-icon))
}

.activity-claim-record .record-top .report-selected[data-v-82d093ab] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.125rem;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    white-space: nowrap;
    color: var(--ep-color-text-default);
    margin-right: .5rem
}

.activity-claim-record .record-top .date-tips[data-v-82d093ab] {
    color: var(--ep-color-text-weaker, var(--my-card-detail-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.activity-claim-record .record-top .icon[data-v-82d093ab] {
    width: .875rem;
    height: .875rem
}

ion-icon[data-v-82d093ab] {
    transition: transform .1s linear
}

ion-icon.on[data-v-82d093ab] {
    transform: rotate(180deg)
}

.rounded-middle[data-v-82d093ab] {
    border-radius: var(--ep-border-radius-m)
}

.award-content[data-v-82d093ab] {
    font-size: var(--ep-font-size-l);
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    line-height: 1.5rem
}

.award-content .claim-record-reward-label[data-v-82d093ab] {
    color: var(--ep-color-text-default, var(--color-text-100));
    font-weight: var(--ep-font-weight-regular, var(--font-weight-regular))
}

.color-text-currency[data-v-82d093ab] {
    color: var(--ep-color-text-warning, var(--color-currency))
}

.pop-wrap[data-v-82d093ab] {
    width: 100%
}

.wrap-table[data-v-82d093ab] {
    margin-top: 1.8125rem
}

ion-grid.table-title-bg[data-v-82d093ab] {
    background: var(--ep-color-background-fill-surface-raised-L2, var(--color-bg-100));
    border-radius: var(--ep-border-radius-m) var(--ep-border-radius-m) 0 0;
    color: var(--ep-color-text-weaker);
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.125rem;
    width: 100% !important
}

ion-row.table-row-cls[data-v-82d093ab] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.125rem;
    color: var(--ep-color-text-weaker, var(--my-card-detail-color)) !important;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

ion-row.table-item[data-v-82d093ab] {
    min-height: 2.625rem;
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.125rem;
    color: var(--ep-color-text-weaker, var(--color-text-80)) !important
}

ion-row.table-item[data-v-82d093ab]:nth-child(2n) {
    background: var(--ep-color-background-fill-surface-lowered, var(--color-bg-400))
}

.table-item-time-text[data-v-82d093ab] {
    color: var(--ep-color-text-weak)
}

.w-full-center[data-v-82d093ab] {
    width: 100%;
    text-align: center
}

ion-infinite-scroll-content[data-v-82d093ab] {
    min-height: .625rem;
    font-size: var(--ep-font-size-s, var(--font-size-12));
    color: var(--ep-color-text-weaker, var(--color-text-40))
}

ion-popover[data-v-82d093ab] {
    left: 1.75rem;
    --width: 7.5rem !important;
    --backdrop-opacity: 0;
    --box-shadow: none
}

.empty-height[data-v-82d093ab] {
    height: calc(100% - 3.5rem);
    display: flex;
    align-items: center;
    justify-content: center
}

.new-skin-symbol ion-grid.table-title-bg[data-v-82d093ab] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.purple-light .report-selected[data-v-82d093ab] {
    color: var(--theme-color-800) !important
}

.pop-row {
    width: 7.5rem;
    overflow: hidden;
    border-radius: var(--rounded-middle);
    margin-top: .625rem
}

.ion-col-cls {
    padding: 0
}

.ion-p-cls {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.25rem;
    color: var(--ep-color-text-weaker);
    font-size: var(--ep-font-size-s);
    line-height: 1.125rem
}

.record-selecet-item,
.record-seleceted-item {
    font-size: var(--font-size-12)
}

.new-skin-symbol .ion-p-cls.record-seleceted-item {
    border: none;
    width: 100%;
    background: var(--ep-color-background-fill-surface-raised-L2);
    color: var(--ep-color-text-default);
    font-weight: var(--ep-font-weight-bold)
}

.new-skin-symbol .ion-p-cls.record-selecet-item {
    width: 100%;
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L1);
    color: var(--ep-color-text-weaker);
    font-weight: var(--ep-font-weight-medium)
}

.color-primary-600[data-v-e2d96d40] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-e2d96d40] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-e2d96d40] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-e2d96d40] {
    color: var(--color-primary-900)
}

.bg-100[data-v-e2d96d40] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-e2d96d40] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-e2d96d40] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-e2d96d40] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-e2d96d40] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-e2d96d40] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-e2d96d40] {
    background-color: var(--color-warning)
}

.bg-link[data-v-e2d96d40] {
    background-color: var(--color-link)
}

.bg-danger[data-v-e2d96d40] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-e2d96d40] {
    color: var(--color-text-100)
}

.color-text-80[data-v-e2d96d40] {
    color: var(--color-text-80)
}

.color-text-50[data-v-e2d96d40] {
    color: var(--color-text-50)
}

.color-text-40[data-v-e2d96d40] {
    color: var(--color-text-40)
}

.color-text-20[data-v-e2d96d40] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-e2d96d40] {
    color: var(--color-currency)
}

.color-warning[data-v-e2d96d40] {
    color: var(--color-warning)
}

.color-danger[data-v-e2d96d40] {
    color: var(--color-danger)
}

.color-link[data-v-e2d96d40] {
    color: var(--color-link)
}

.color-line[data-v-e2d96d40] {
    color: var(--color-line)
}

.color-border[data-v-e2d96d40] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-e2d96d40] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-e2d96d40] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-e2d96d40] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-e2d96d40] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-e2d96d40] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-e2d96d40] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-e2d96d40] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-e2d96d40] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-e2d96d40] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-e2d96d40] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-e2d96d40] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-e2d96d40] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-e2d96d40] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-e2d96d40] {
    display: flex;
    align-items: center
}

.flex-start[data-v-e2d96d40] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-e2d96d40] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-e2d96d40] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-e2d96d40] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-e2d96d40] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-e2d96d40] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-e2d96d40] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-e2d96d40] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-e2d96d40] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-e2d96d40] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-e2d96d40] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-e2d96d40] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-e2d96d40] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-e2d96d40] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-e2d96d40] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-e2d96d40] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-e2d96d40] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-e2d96d40] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-e2d96d40] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-e2d96d40] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-e2d96d40] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-e2d96d40] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-e2d96d40] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-e2d96d40] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-e2d96d40],
.mlm-selected-item[data-v-e2d96d40] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-e2d96d40] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-e2d96d40]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-e2d96d40] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-e2d96d40] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-e2d96d40] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.pending-claim-record[data-v-e2d96d40] {
    background-color: var(--ep-color-background-fill-body-default, var(--color-bg-300));
    width: 100%;
    height: 100%;
    padding-top: .3125rem;
    display: flex;
    flex-direction: column
}

.pending-claim-record .search-box[data-v-e2d96d40] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.8125rem
}

.pending-claim-record .search-cont[data-v-e2d96d40] {
    font-size: var(--ep-font-size-l);
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    line-height: 1.5rem
}

.pending-claim-record .pending-claim-reward-label[data-v-e2d96d40] {
    font-weight: var(--ep-font-weight-regular, var(--font-weight-regular));
    color: var(--ep-color-text-default, var(--color-text-100))
}

ion-grid.table-title-bg[data-v-e2d96d40] {
    width: 100%;
    background: var(--color-bg-100);
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.new-skin-symbol ion-grid.table-title-bg[data-v-e2d96d40] {
    background: var(--ep-color-background-fill-surface-raised-L2);
    border-radius: var(--ep-border-radius-m) var(--ep-border-radius-m) 0 0
}

ion-row.table-row-cls[data-v-e2d96d40] {
    color: var(--ep-color-text-weaker);
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.125rem;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.table-title-color[data-v-e2d96d40] {
    color: var(--ep-color-text-weaker, var(--my-card-detail-color)) !important
}

.color-text-currency[data-v-e2d96d40] {
    color: var(--ep-color-text-warning, var(--color-currency))
}

.table-item-grid[data-v-e2d96d40] {
    font-size: var(--ep-font-size-s, .75rem);
    line-height: 1.125rem;
    width: 100%
}

ion-row.table-item[data-v-e2d96d40] {
    font-size: var(--ep-font-size-s);
    line-height: 1.125rem;
    min-height: 2.625rem;
    color: var(--ep-color-text-weaker, var(--color-text-80)) !important
}

ion-row.table-item[data-v-e2d96d40]:nth-child(2n) {
    background: var(--ep-color-background-fill-surface-lowered, var(--color-bg-400))
}

.w-full-center[data-v-e2d96d40] {
    width: 100%;
    text-align: center
}

.table-item-time-text[data-v-e2d96d40] {
    color: var(--ep-color-text-weak)
}

.empty-cls[data-v-e2d96d40] {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.receive-wrap[data-v-e2d96d40] {
    flex: 0 1 auto;
    width: 100%
}

.btn-cls[data-v-e2d96d40] {
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

ion-infinite-scroll[data-v-e2d96d40] {
    min-height: 4.375rem
}

ion-infinite-scroll-content[data-v-e2d96d40] {
    min-height: .625rem;
    font-size: var(--ep-font-size-s, var(--font-size-12));
    color: var(--ep-color-text-weaker, var(--color-text-40))
}

ion-label.active[data-v-d22c2642] {
    color: var(--ep-color-text-selected, var(--color-primary-800));
    font-weight: var(--ep-font-weight-bold, 700)
}

ion-label.inactive[data-v-d22c2642] {
    color: var(--ep-color-text-weaker, var(--color-text-40))
}

ion-toolbar[data-v-d22c2642] {
    --background: var(--ep-color-background-fill-top-nav-secondary, var(--color-bg-200));
    --padding-top: 0;
    --padding-bottom: 0
}

ion-toolbar ion-segment.md[data-v-d22c2642] {
    display: flex;
    justify-content: left
}

ion-toolbar ion-segment-button.md[data-v-d22c2642]::part(native) {
    --padding-start: .625rem;
    --padding-end: .625rem
}

ion-toolbar ion-segment-button.md[data-v-d22c2642]::part(indicator) {
    margin-left: auto;
    margin-right: auto
}

ion-toolbar ion-segment-button.md[data-v-d22c2642]::part(indicator-background) {
    background: var(--ep-color-border-selected, var(--color-primary-800));
    height: .125rem
}

ion-toolbar ion-segment-button.md ion-label[data-v-d22c2642] {
    margin-top: 0;
    margin-bottom: 0;
    text-transform: none
}

ion-content.side[data-v-d22c2642] {
    --padding-start: .875rem;
    --padding-top: .625rem;
    max-width: 5.3125rem
}

ion-content.side ion-segment[data-v-d22c2642] {
    --background: transparent
}

ion-content.side ion-segment-button.ios[data-v-d22c2642] {
    --indicator-color: #1C2334;
    --padding-start: 0;
    --padding-end: 0;
    --padding-top: 2px;
    --padding-bottom: 2px;
    margin-top: 0;
    margin-bottom: 6px;
    text-transform: capitalize;
    min-width: 0;
    min-height: 3.5rem
}

ion-content#main[data-v-d22c2642] {
    --padding-start: 12px;
    --padding-end: 12px;
    --padding-top: 10px
}

ion-content#main ion-item[data-v-d22c2642] {
    --background: transparent;
    --inner-padding-end: 0px;
    --border-radius: 10px;
    --padding-start: 15px;
    --padding-end: 15px;
    --padding-top: 0;
    --padding-bottom: 0;
    --inner-border-width: 0px;
    --min-height: 7.5rem;
    --height: 7.5rem;
    --max-height: 7.5rem
}

ion-item[data-v-d22c2642]::part(native) {
    padding-inline-end: 0px;
    background-repeat: no-repeat;
    background-size: 100%
}

ion-col[data-v-544b56ae] {
    padding-inline-start: 0;
    padding-inline-end: 0;
    padding-top: 0;
    padding-bottom: 0
}

span.title[data-v-544b56ae] {
    font-family: Archivo Black, sans-serif;
    background: var(--footer-title-color);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

span.sub[data-v-544b56ae] {
    color: var(--footer-sub-color)
}

ion-icon.age-18[data-v-544b56ae] {
    color: var(--color-svg-500)
}

div.content[data-v-544b56ae] {
    color: var(--footer-content-color)
}

.marquee[data-v-5ef6c35d] {
    width: 100%;
    overflow: hidden
}

.marquee__content[data-v-5ef6c35d] {
    width: max-content;
    display: flex;
    animation: marquee-5ef6c35d var(--animation-duration) linear infinite
}

.marquee__item[data-v-5ef6c35d] {
    white-space: nowrap;
    margin-right: 24.375rem
}

@keyframes marquee-5ef6c35d {
    0% {
        transform: translate3d(24.375rem, 0, 0)
    }

    to {
        transform: translate3d(calc(24.375rem - 100%), 0, 0)
    }
}

.color-primary-600[data-v-9cb76f0c] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-9cb76f0c] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-9cb76f0c] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-9cb76f0c] {
    color: var(--color-primary-900)
}

.bg-100[data-v-9cb76f0c] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-9cb76f0c] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-9cb76f0c] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-9cb76f0c] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-9cb76f0c] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-9cb76f0c] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-9cb76f0c] {
    background-color: var(--color-warning)
}

.bg-link[data-v-9cb76f0c] {
    background-color: var(--color-link)
}

.bg-danger[data-v-9cb76f0c] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-9cb76f0c] {
    color: var(--color-text-100)
}

.color-text-80[data-v-9cb76f0c] {
    color: var(--color-text-80)
}

.color-text-50[data-v-9cb76f0c] {
    color: var(--color-text-50)
}

.color-text-40[data-v-9cb76f0c] {
    color: var(--color-text-40)
}

.color-text-20[data-v-9cb76f0c] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-9cb76f0c] {
    color: var(--color-currency)
}

.color-warning[data-v-9cb76f0c] {
    color: var(--color-warning)
}

.color-danger[data-v-9cb76f0c] {
    color: var(--color-danger)
}

.color-link[data-v-9cb76f0c] {
    color: var(--color-link)
}

.color-line[data-v-9cb76f0c] {
    color: var(--color-line)
}

.color-border[data-v-9cb76f0c] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-9cb76f0c] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-9cb76f0c] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-9cb76f0c] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-9cb76f0c] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-9cb76f0c] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-9cb76f0c] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-9cb76f0c] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-9cb76f0c] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-9cb76f0c] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-9cb76f0c] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-9cb76f0c] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-9cb76f0c] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-9cb76f0c] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-9cb76f0c] {
    display: flex;
    align-items: center
}

.flex-start[data-v-9cb76f0c] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-9cb76f0c] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-9cb76f0c] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-9cb76f0c] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-9cb76f0c] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-9cb76f0c] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-9cb76f0c] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-9cb76f0c] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-9cb76f0c] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-9cb76f0c] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-9cb76f0c] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-9cb76f0c] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-9cb76f0c] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-9cb76f0c] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-9cb76f0c] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-9cb76f0c] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-9cb76f0c] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-9cb76f0c] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-9cb76f0c] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-9cb76f0c] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-9cb76f0c] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-9cb76f0c] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-9cb76f0c] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-9cb76f0c] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-9cb76f0c],
.mlm-selected-item[data-v-9cb76f0c] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-9cb76f0c] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-9cb76f0c]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-9cb76f0c] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-9cb76f0c] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-9cb76f0c] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.wall[data-v-9cb76f0c] {
    width: 100%;
    font-size: inherit
}

.wall .img-box[data-v-9cb76f0c] {
    width: 0;
    height: 0
}

.wall .img-box.good-img[data-v-9cb76f0c] {
    width: 100%;
    height: 100%
}

.wall ion-icon[data-v-9cb76f0c] {
    vertical-align: super;
    font-size: inherit;
    color: inherit
}

.color-primary-600[data-v-3a1b78f3] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-3a1b78f3] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-3a1b78f3] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-3a1b78f3] {
    color: var(--color-primary-900)
}

.bg-100[data-v-3a1b78f3] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-3a1b78f3] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-3a1b78f3] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-3a1b78f3] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-3a1b78f3] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-3a1b78f3] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-3a1b78f3] {
    background-color: var(--color-warning)
}

.bg-link[data-v-3a1b78f3] {
    background-color: var(--color-link)
}

.bg-danger[data-v-3a1b78f3] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-3a1b78f3] {
    color: var(--color-text-100)
}

.color-text-80[data-v-3a1b78f3] {
    color: var(--color-text-80)
}

.color-text-50[data-v-3a1b78f3] {
    color: var(--color-text-50)
}

.color-text-40[data-v-3a1b78f3] {
    color: var(--color-text-40)
}

.color-text-20[data-v-3a1b78f3] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-3a1b78f3] {
    color: var(--color-currency)
}

.color-warning[data-v-3a1b78f3] {
    color: var(--color-warning)
}

.color-danger[data-v-3a1b78f3] {
    color: var(--color-danger)
}

.color-link[data-v-3a1b78f3] {
    color: var(--color-link)
}

.color-line[data-v-3a1b78f3] {
    color: var(--color-line)
}

.color-border[data-v-3a1b78f3] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-3a1b78f3] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-3a1b78f3] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-3a1b78f3] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-3a1b78f3] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-3a1b78f3] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-3a1b78f3] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-3a1b78f3] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-3a1b78f3] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-3a1b78f3] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-3a1b78f3] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-3a1b78f3] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-3a1b78f3] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-3a1b78f3] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-3a1b78f3] {
    display: flex;
    align-items: center
}

.flex-start[data-v-3a1b78f3] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-3a1b78f3] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-3a1b78f3] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-3a1b78f3] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-3a1b78f3] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-3a1b78f3] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-3a1b78f3] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-3a1b78f3] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-3a1b78f3] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-3a1b78f3] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-3a1b78f3] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-3a1b78f3] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-3a1b78f3] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-3a1b78f3] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-3a1b78f3] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-3a1b78f3] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-3a1b78f3] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-3a1b78f3] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-3a1b78f3] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-3a1b78f3] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-3a1b78f3] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-3a1b78f3] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-3a1b78f3] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-3a1b78f3] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-3a1b78f3],
.mlm-selected-item[data-v-3a1b78f3] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-3a1b78f3] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-3a1b78f3]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-3a1b78f3] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-3a1b78f3] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-3a1b78f3] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .megaphone-wrapper[data-v-3a1b78f3] {
    flex: 1;
    overflow: hidden;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    border-radius: var(--ep-border-radius-surface-default, .875rem);
    background: var(--ep-dynamic-tertiary-weak)
}

html .megaphone-wrapper[data-v-3a1b78f3]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 2.5rem;
    height: 100%;
    background: transparent
}

html .megaphone-wrapper[data-v-3a1b78f3]:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    width: 2.5rem;
    height: 100%;
    background: transparent
}

html .megaphone-wrapper .megaphone[data-v-3a1b78f3] {
    z-index: 4;
    width: 1.5rem;
    height: 1.5rem;
    font-size: 1.5rem;
    margin-inline-start: .5rem;
    margin-inline-end: .375rem;
    color: #f7fb43
}

html .megaphone-wrapper .label[data-v-3a1b78f3] {
    flex: 1;
    z-index: 0;
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--text-color, var(--ep-color-text-highlight))
}

html .megaphone-wrapper.layout26 .megaphone[data-v-3a1b78f3],
html .megaphone-wrapper.layout26 .label[data-v-3a1b78f3] {
    transform: skew(12deg)
}

.neo-blue .megaphone-wrapper[data-v-3a1b78f3] {
    background: var(--ep-dynamic-secondary)
}

.neo-blue .megaphone-wrapper[data-v-3a1b78f3]:before {
    background: transparent
}

.neo-blue .megaphone-wrapper[data-v-3a1b78f3]:after {
    background: transparent
}

.neo-blue .megaphone-wrapper .megaphone[data-v-3a1b78f3] {
    color: #f7fb43
}

.neo-blue .megaphone-wrapper .label[data-v-3a1b78f3] {
    color: var(--text-color, var(--ep-color-text-highlight))
}

.color-primary-600[data-v-f846c877] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-f846c877] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-f846c877] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-f846c877] {
    color: var(--color-primary-900)
}

.bg-100[data-v-f846c877] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-f846c877] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-f846c877] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-f846c877] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-f846c877] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-f846c877] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-f846c877] {
    background-color: var(--color-warning)
}

.bg-link[data-v-f846c877] {
    background-color: var(--color-link)
}

.bg-danger[data-v-f846c877] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-f846c877] {
    color: var(--color-text-100)
}

.color-text-80[data-v-f846c877] {
    color: var(--color-text-80)
}

.color-text-50[data-v-f846c877] {
    color: var(--color-text-50)
}

.color-text-40[data-v-f846c877] {
    color: var(--color-text-40)
}

.color-text-20[data-v-f846c877] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-f846c877] {
    color: var(--color-currency)
}

.color-warning[data-v-f846c877] {
    color: var(--color-warning)
}

.color-danger[data-v-f846c877] {
    color: var(--color-danger)
}

.color-link[data-v-f846c877] {
    color: var(--color-link)
}

.color-line[data-v-f846c877] {
    color: var(--color-line)
}

.color-border[data-v-f846c877] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-f846c877] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-f846c877] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-f846c877] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-f846c877] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-f846c877] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-f846c877] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-f846c877] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-f846c877] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-f846c877] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-f846c877] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-f846c877] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-f846c877] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-f846c877] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-f846c877] {
    display: flex;
    align-items: center
}

.flex-start[data-v-f846c877] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-f846c877] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-f846c877] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-f846c877] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-f846c877] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-f846c877] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-f846c877] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-f846c877] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-f846c877] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-f846c877] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-f846c877] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-f846c877] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-f846c877] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-f846c877] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-f846c877] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-f846c877] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-f846c877] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-f846c877] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-f846c877] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-f846c877] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-f846c877] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-f846c877] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-f846c877] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-f846c877] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-f846c877],
.mlm-selected-item[data-v-f846c877] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-f846c877] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-f846c877]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-f846c877] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-f846c877] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-f846c877] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.marquee-wrapper[data-v-f846c877] {
    width: 100%;
    height: 2.25rem;
    padding: 0 .9375rem;
    margin-top: .9375rem;
    margin-bottom: .4063rem;
    display: flex;
    align-items: center;
    position: relative
}

.marquee-wrapper[data-v-f846c877] .wall.megaphone {
    color: var(--bugle-color)
}

.marquee-wrapper[data-v-f846c877] .marquee.label {
    color: var(--marquee-color)
}

.color-primary-600[data-v-d10192f7] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-d10192f7] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-d10192f7] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-d10192f7] {
    color: var(--color-primary-900)
}

.bg-100[data-v-d10192f7] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-d10192f7] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-d10192f7] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-d10192f7] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-d10192f7] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-d10192f7] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-d10192f7] {
    background-color: var(--color-warning)
}

.bg-link[data-v-d10192f7] {
    background-color: var(--color-link)
}

.bg-danger[data-v-d10192f7] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-d10192f7] {
    color: var(--color-text-100)
}

.color-text-80[data-v-d10192f7] {
    color: var(--color-text-80)
}

.color-text-50[data-v-d10192f7] {
    color: var(--color-text-50)
}

.color-text-40[data-v-d10192f7] {
    color: var(--color-text-40)
}

.color-text-20[data-v-d10192f7] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-d10192f7] {
    color: var(--color-currency)
}

.color-warning[data-v-d10192f7] {
    color: var(--color-warning)
}

.color-danger[data-v-d10192f7] {
    color: var(--color-danger)
}

.color-link[data-v-d10192f7] {
    color: var(--color-link)
}

.color-line[data-v-d10192f7] {
    color: var(--color-line)
}

.color-border[data-v-d10192f7] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-d10192f7] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-d10192f7] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-d10192f7] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-d10192f7] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-d10192f7] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-d10192f7] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-d10192f7] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-d10192f7] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-d10192f7] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-d10192f7] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-d10192f7] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-d10192f7] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-d10192f7] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-d10192f7] {
    display: flex;
    align-items: center
}

.flex-start[data-v-d10192f7] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-d10192f7] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-d10192f7] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-d10192f7] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-d10192f7] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-d10192f7] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-d10192f7] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-d10192f7] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-d10192f7] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-d10192f7] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-d10192f7] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-d10192f7] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-d10192f7] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-d10192f7] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-d10192f7] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-d10192f7] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-d10192f7] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-d10192f7] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-d10192f7] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-d10192f7] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-d10192f7] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-d10192f7] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-d10192f7] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-d10192f7] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-d10192f7],
.mlm-selected-item[data-v-d10192f7] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-d10192f7] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-d10192f7]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-d10192f7] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-d10192f7] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-d10192f7] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-col[data-v-d10192f7] {
    padding-inline-start: .375rem;
    padding-inline-end: .375rem;
    padding-top: 0;
    padding-bottom: 0
}

ion-col div.recharge[data-v-d10192f7] {
    background-repeat: no-repeat;
    background-size: cover
}

ion-col div.agent[data-v-d10192f7] {
    background-repeat: no-repeat;
    background-size: cover
}

ion-col div.activity[data-v-d10192f7] {
    background-repeat: no-repeat;
    background-size: cover
}

ion-col div.text p[data-v-d10192f7] {
    text-align: center;
    position: absolute;
    font-family: Changa One;
    color: var(--color-text-dark-30)
}

ion-col div.recharge p[data-v-d10192f7] {
    letter-spacing: -.04rem
}

ion-col div.recharge p[data-v-d10192f7]:before {
    letter-spacing: -.04rem
}

ion-col div.agent p[data-v-d10192f7]:before {
    padding: 0 .25rem
}

ion-col div.text p[data-v-d10192f7]:before {
    content: attr(text);
    position: absolute;
    top: -.125rem;
    left: 0;
    background: linear-gradient(180deg, #fef0d6 8.33%, #fff, #ffe0a7, #ffe7bb, #fff, #ffe1a7 90%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.arrow[data-v-d10192f7] {
    animation: arrow-d10192f7 1s infinite
}

@keyframes arrow-d10192f7 {
    0% {
        transform: translate(-5px)
    }

    50% {
        transform: translate(0)
    }

    to {
        transform: translate(-5px)
    }
}

.activity-bar[data-v-d10192f7] {
    margin-top: .625rem
}

p.title[data-v-c2b3a95b] {
    color: var(--trilateral-cooperation-color)
}

ion-col[data-v-c2b3a95b] {
    padding-inline-start: .625rem;
    padding-inline-end: .625rem;
    padding-top: 0;
    padding-bottom: 0
}

ion-col div.box[data-v-c2b3a95b] {
    background: var(--install-box-bg)
}

.color-primary-600[data-v-956c07f6] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-956c07f6] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-956c07f6] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-956c07f6] {
    color: var(--color-primary-900)
}

.bg-100[data-v-956c07f6] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-956c07f6] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-956c07f6] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-956c07f6] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-956c07f6] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-956c07f6] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-956c07f6] {
    background-color: var(--color-warning)
}

.bg-link[data-v-956c07f6] {
    background-color: var(--color-link)
}

.bg-danger[data-v-956c07f6] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-956c07f6] {
    color: var(--color-text-100)
}

.color-text-80[data-v-956c07f6] {
    color: var(--color-text-80)
}

.color-text-50[data-v-956c07f6] {
    color: var(--color-text-50)
}

.color-text-40[data-v-956c07f6] {
    color: var(--color-text-40)
}

.color-text-20[data-v-956c07f6] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-956c07f6] {
    color: var(--color-currency)
}

.color-warning[data-v-956c07f6] {
    color: var(--color-warning)
}

.color-danger[data-v-956c07f6] {
    color: var(--color-danger)
}

.color-link[data-v-956c07f6] {
    color: var(--color-link)
}

.color-line[data-v-956c07f6] {
    color: var(--color-line)
}

.color-border[data-v-956c07f6] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-956c07f6] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-956c07f6] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-956c07f6] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-956c07f6] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-956c07f6] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-956c07f6] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-956c07f6] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-956c07f6] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-956c07f6] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-956c07f6] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-956c07f6] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-956c07f6] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-956c07f6] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-956c07f6] {
    display: flex;
    align-items: center
}

.flex-start[data-v-956c07f6] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-956c07f6] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-956c07f6] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-956c07f6] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-956c07f6] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-956c07f6] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-956c07f6] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-956c07f6] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-956c07f6] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-956c07f6] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-956c07f6] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-956c07f6] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-956c07f6] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-956c07f6] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-956c07f6] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-956c07f6] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-956c07f6] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-956c07f6] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-956c07f6] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-956c07f6] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-956c07f6] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-956c07f6] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-956c07f6] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-956c07f6] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-956c07f6],
.mlm-selected-item[data-v-956c07f6] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-956c07f6] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-956c07f6]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-956c07f6] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-956c07f6] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-956c07f6] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.swiper[data-v-956c07f6] {
    border-radius: .375rem;
    overflow: hidden
}

div.swiper-poster .swiper .swiper-pagination {
    position: relative;
    bottom: 0
}

div.swiper-poster .swiper .swiper-pagination .swiper-pagination-bullet {
    width: .5rem;
    height: .25rem;
    border-radius: .125rem;
    background: var(--color-swiper-pagination)
}

div.swiper-poster .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 1.25rem;
    background: var(--color-primary-btn-active) !important
}

.swiper-box[data-v-956c07f6] {
    margin-top: .75rem
}

.amber-purple .swiper-box[data-v-956c07f6] {
    margin-top: 1rem
}

div.swiper-poster .swiper .swiper-pagination {
    display: none
}

ion-buttons[data-v-577e539a] {
    background: var(--color-menu-btn-bg);
    min-height: 50px
}

.color-primary-600[data-v-bc5c7f30] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-bc5c7f30] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-bc5c7f30] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-bc5c7f30] {
    color: var(--color-primary-900)
}

.bg-100[data-v-bc5c7f30] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-bc5c7f30] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-bc5c7f30] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-bc5c7f30] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-bc5c7f30] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-bc5c7f30] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-bc5c7f30] {
    background-color: var(--color-warning)
}

.bg-link[data-v-bc5c7f30] {
    background-color: var(--color-link)
}

.bg-danger[data-v-bc5c7f30] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-bc5c7f30] {
    color: var(--color-text-100)
}

.color-text-80[data-v-bc5c7f30] {
    color: var(--color-text-80)
}

.color-text-50[data-v-bc5c7f30] {
    color: var(--color-text-50)
}

.color-text-40[data-v-bc5c7f30] {
    color: var(--color-text-40)
}

.color-text-20[data-v-bc5c7f30] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-bc5c7f30] {
    color: var(--color-currency)
}

.color-warning[data-v-bc5c7f30] {
    color: var(--color-warning)
}

.color-danger[data-v-bc5c7f30] {
    color: var(--color-danger)
}

.color-link[data-v-bc5c7f30] {
    color: var(--color-link)
}

.color-line[data-v-bc5c7f30] {
    color: var(--color-line)
}

.color-border[data-v-bc5c7f30] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-bc5c7f30] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-bc5c7f30] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-bc5c7f30] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-bc5c7f30] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-bc5c7f30] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-bc5c7f30] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-bc5c7f30] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-bc5c7f30] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-bc5c7f30] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-bc5c7f30] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-bc5c7f30] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-bc5c7f30] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-bc5c7f30] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-bc5c7f30] {
    display: flex;
    align-items: center
}

.flex-start[data-v-bc5c7f30] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-bc5c7f30] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-bc5c7f30] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-bc5c7f30] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-bc5c7f30] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-bc5c7f30] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-bc5c7f30] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-bc5c7f30] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-bc5c7f30] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-bc5c7f30] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-bc5c7f30] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-bc5c7f30] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-bc5c7f30] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-bc5c7f30] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-bc5c7f30] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-bc5c7f30] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-bc5c7f30] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-bc5c7f30] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-bc5c7f30] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-bc5c7f30] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-bc5c7f30] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-bc5c7f30] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-bc5c7f30] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-bc5c7f30] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-bc5c7f30],
.mlm-selected-item[data-v-bc5c7f30] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-bc5c7f30] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-bc5c7f30]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-bc5c7f30] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-bc5c7f30] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-bc5c7f30] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-toolbar.header[data-v-bc5c7f30] {
    --padding-start: 0;
    --padding-top: 0;
    --padding-bottom: 0;
    --padding-end: .5rem;
    --background: var(--color-bar-bg)
}

.purple-light .assets-box-number[data-v-bc5c7f30] {
    color: var(--text-color-black-100)
}

ion-label.login[data-v-bc5c7f30] {
    background: linear-gradient(0deg, #0167ca -13.77%, #38a8fa 102.34%)
}

ion-label.recharge[data-v-bc5c7f30],
ion-label.register[data-v-bc5c7f30] {
    background: linear-gradient(to bottom, #13c96a, #1d9554)
}

.login[data-v-bc5c7f30],
.register[data-v-bc5c7f30] {
    --button-font-size: 12px
}

.login[data-v-bc5c7f30] {
    --button-text-color: #FFF
}

div.assets-box[data-v-bc5c7f30] {
    background: var(--color-bg-400)
}

p.currency[data-v-bc5c7f30] {
    color: var(--color-currency)
}

.purple-light div.wallet[data-v-bc5c7f30] {
    background: var(--accent-color-orange)
}

div.wallet[data-v-bc5c7f30] {
    background: var(--color-primary-800)
}

div.wallet ion-icon[data-v-bc5c7f30] {
    color: var(--color-primary-btn-text-active)
}

ion-button#click-language[data-v-bc5c7f30] {
    --padding-start: 0;
    --padding-end: 0
}

ion-popover#language[data-v-bc5c7f30]::part(content) {
    margin-top: 1.5rem;
    margin-left: .125rem;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: .375rem
}

ion-popover ion-button[data-v-bc5c7f30] {
    --color: var(--color-text-100);
    --padding-top: 0;
    --padding-bottom: 0;
    --border-radius: 0;
    margin-inline: 0;
    margin-top: 0;
    margin-bottom: 0;
    height: 3.25rem
}

ion-button.btn ion-icon[data-v-bc5c7f30] {
    color: var(--home-earth-color)
}

.register-btn-warpper[data-v-bc5c7f30] {
    min-width: 4.375rem;
    position: relative
}

.register-btn-warpper .rewardTag[data-v-bc5c7f30] {
    position: absolute;
    top: -.5rem;
    right: -.5rem
}

.color-primary-600[data-v-45d07041] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-45d07041] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-45d07041] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-45d07041] {
    color: var(--color-primary-900)
}

.bg-100[data-v-45d07041] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-45d07041] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-45d07041] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-45d07041] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-45d07041] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-45d07041] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-45d07041] {
    background-color: var(--color-warning)
}

.bg-link[data-v-45d07041] {
    background-color: var(--color-link)
}

.bg-danger[data-v-45d07041] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-45d07041] {
    color: var(--color-text-100)
}

.color-text-80[data-v-45d07041] {
    color: var(--color-text-80)
}

.color-text-50[data-v-45d07041] {
    color: var(--color-text-50)
}

.color-text-40[data-v-45d07041] {
    color: var(--color-text-40)
}

.color-text-20[data-v-45d07041] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-45d07041] {
    color: var(--color-currency)
}

.color-warning[data-v-45d07041] {
    color: var(--color-warning)
}

.color-danger[data-v-45d07041] {
    color: var(--color-danger)
}

.color-link[data-v-45d07041] {
    color: var(--color-link)
}

.color-line[data-v-45d07041] {
    color: var(--color-line)
}

.color-border[data-v-45d07041] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-45d07041] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-45d07041] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-45d07041] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-45d07041] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-45d07041] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-45d07041] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-45d07041] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-45d07041] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-45d07041] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-45d07041] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-45d07041] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-45d07041] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-45d07041] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-45d07041] {
    display: flex;
    align-items: center
}

.flex-start[data-v-45d07041] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-45d07041] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-45d07041] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-45d07041] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-45d07041] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-45d07041] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-45d07041] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-45d07041] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-45d07041] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-45d07041] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-45d07041] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-45d07041] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-45d07041] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-45d07041] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-45d07041] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-45d07041] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-45d07041] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-45d07041] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-45d07041] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-45d07041] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-45d07041] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-45d07041] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-45d07041] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-45d07041] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-45d07041],
.mlm-selected-item[data-v-45d07041] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-45d07041] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-45d07041]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-45d07041] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-45d07041] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-45d07041] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.packet-model[data-v-45d07041] {
    transform: translate(-50%, -50%)
}

.packet-img1[data-v-45d07041] {
    width: 0
}

.packet-img1.good-img[data-v-45d07041] {
    width: 6.875rem;
    height: 6.875rem
}

.packet-img2[data-v-45d07041] {
    width: 0
}

.packet-img2.good-img[data-v-45d07041] {
    width: 100%;
    height: 5.25rem
}

.mining-btn[data-v-45d07041] {
    background: linear-gradient(to bottom, #e89b00, #ff9141);
    line-height: 2.1875rem;
    border-radius: .3rem
}

.dis-color[data-v-45d07041] {
    background: #4a4a4a;
    color: #a1a1a1
}

.mine-time[data-v-45d07041] {
    border: 1px solid #FF9141;
    border-radius: .625rem;
    flex-wrap: wrap;
    font-size: .75rem
}

.mine-item[data-v-45d07041] {
    width: 33%;
    text-align: center
}

.shiny[data-v-45d07041] {
    position: relative;
    overflow: hidden
}

.shiny[data-v-45d07041]:before {
    content: "";
    animation: shiny-45d07041 5s ease-in-out infinite;
    background: #fff;
    display: inline-block;
    height: 100%;
    left: 0;
    position: absolute;
    top: -180px;
    width: 30px
}

@keyframes shiny-45d07041 {
    0% {
        opacity: 0;
        transform: scale(0) rotate(45deg)
    }

    80% {
        opacity: .5;
        transform: scale(0) rotate(45deg)
    }

    81% {
        opacity: 1;
        transform: scale(4) rotate(45deg)
    }

    to {
        opacity: 0;
        transform: scale(50) rotate(45deg)
    }
}

.minecart-text[data-v-45d07041],
.minecart-time[data-v-45d07041] {
    text-shadow: 1px 1px #7a5f1b;
    color: #fff
}

.timeNum1[data-v-45d07041] {
    font-size: 1.25rem;
    left: 50%;
    transform: translate(-50%) scale(.62);
    bottom: 3%
}

.timeNum2[data-v-45d07041] {
    font-size: 1.5rem;
    left: 49%;
    transform: translate(-47%) scale(.62);
    bottom: 35%
}

.timeNum3[data-v-45d07041] {
    font-size: 1.4906rem;
    left: 50%;
    transform: translate(-50%) scale(.62);
    bottom: 12%
}

.timeNum4[data-v-45d07041] {
    font-size: 1.5rem;
    left: 50%;
    transform: translate(-50%) scale(.62);
    bottom: 43%
}

.timeNum5[data-v-45d07041] {
    font-size: 1.25rem;
    left: 50%;
    transform: translate(-50%) scale(.62);
    bottom: 4%
}

.timeNum6[data-v-45d07041] {
    font-size: 1.5rem;
    left: 50%;
    transform: translate(-50%) scale(.62);
    bottom: 0
}

.timeNum7[data-v-45d07041] {
    font-size: 1.25rem;
    left: 50%;
    transform: translate(-49%) scale(.62);
    bottom: 46%
}

.timeNum8[data-v-45d07041] {
    font-size: 1.375rem;
    left: 50%;
    transform: translate(-42%) scale(.62);
    bottom: 27%
}

.timeNum9[data-v-45d07041] {
    font-size: 1.5rem;
    left: 50%;
    bottom: 18%;
    transform: translate(-50%) rotate(-1.12deg) scale(.62)
}

.timeNum10[data-v-45d07041] {
    font-size: 1.375rem;
    left: 50%;
    transform: translate(-50%) scale(.62);
    bottom: 20%
}

.minecart-text[data-v-45d07041] {
    transform: rotate(22deg)
}

.activity-name[data-v-45d07041] {
    text-shadow: 2px 2px #7a5f1b
}

.minecart-content[data-v-45d07041] {
    transform: translate(-50%, -50%)
}

.redPacketGet[data-v-45d07041] {
    animation-name: redPacketShake-45d07041;
    animation-duration: 1s;
    animation-iteration-count: infinite
}

@keyframes redPacketShake-45d07041 {
    30% {
        scale: 1.1;
        transform: rotate(0)
    }

    40% {
        transform: rotate(-15deg)
    }

    50% {
        transform: rotate(0)
    }

    60% {
        transform: rotate(-15deg)
    }

    70% {
        transform: rotate(0);
        scale: 1.1
    }

    to {
        scale: 1
    }
}

ion-segment[data-v-276d6c00] {
    --background: transparent;
    border-radius: 0
}

ion-segment-button[data-v-276d6c00] {
    margin-top: 0;
    margin-bottom: 0;
    --background: var(--color-button-bg-gray);
    --border-radius: 2.125rem;
    --margin-start: .875rem;
    --margin-end: .825rem;
    --padding-start: 0;
    --padding-end: 0;
    --padding-top: .5rem;
    --padding-bottom: .5rem
}

ion-segment-button.segment-button-checked[data-v-276d6c00] {
    animation: fadeToTransparent-276d6c00 .6s linear forwards
}

ion-segment-button.segment-button-disabled[data-v-276d6c00] {
    opacity: 1
}

ion-segment-button ion-img[data-v-276d6c00] {
    margin-top: 4px
}

ion-segment-button ion-label[data-v-276d6c00] {
    text-transform: capitalize;
    margin-top: 0
}

ion-segment-button.ios[data-v-276d6c00]::part(indicator) {
    padding-inline: 0
}

ion-segment-button.ios[data-v-276d6c00]::part(indicator-background) {
    background: transparent
}

ion-icon[data-v-276d6c00] {
    color: var(--color-primary-800)
}

ion-icon.popular[data-v-276d6c00] {
    color: var(--color-svg-popular)
}

ion-label.name[data-v-276d6c00] {
    color: var(--navigation-button-color);
    font-weight: var(--font-weight-medium)
}

@keyframes fadeToTransparent-276d6c00 {
    0% {
        --background-checked: var(--color-bg-400)
    }

    to {
        --background-checked: var(--color-button-bg-gray)
    }
}

.color-primary-600[data-v-1fa9bb30] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-1fa9bb30] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-1fa9bb30] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-1fa9bb30] {
    color: var(--color-primary-900)
}

.bg-100[data-v-1fa9bb30] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-1fa9bb30] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-1fa9bb30] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-1fa9bb30] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-1fa9bb30] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-1fa9bb30] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-1fa9bb30] {
    background-color: var(--color-warning)
}

.bg-link[data-v-1fa9bb30] {
    background-color: var(--color-link)
}

.bg-danger[data-v-1fa9bb30] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-1fa9bb30] {
    color: var(--color-text-100)
}

.color-text-80[data-v-1fa9bb30] {
    color: var(--color-text-80)
}

.color-text-50[data-v-1fa9bb30] {
    color: var(--color-text-50)
}

.color-text-40[data-v-1fa9bb30] {
    color: var(--color-text-40)
}

.color-text-20[data-v-1fa9bb30] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-1fa9bb30] {
    color: var(--color-currency)
}

.color-warning[data-v-1fa9bb30] {
    color: var(--color-warning)
}

.color-danger[data-v-1fa9bb30] {
    color: var(--color-danger)
}

.color-link[data-v-1fa9bb30] {
    color: var(--color-link)
}

.color-line[data-v-1fa9bb30] {
    color: var(--color-line)
}

.color-border[data-v-1fa9bb30] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-1fa9bb30] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-1fa9bb30] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-1fa9bb30] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-1fa9bb30] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-1fa9bb30] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-1fa9bb30] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-1fa9bb30] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-1fa9bb30] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-1fa9bb30] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-1fa9bb30] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-1fa9bb30] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-1fa9bb30] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-1fa9bb30] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-1fa9bb30] {
    display: flex;
    align-items: center
}

.flex-start[data-v-1fa9bb30] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-1fa9bb30] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-1fa9bb30] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-1fa9bb30] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-1fa9bb30] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-1fa9bb30] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-1fa9bb30] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-1fa9bb30] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-1fa9bb30] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-1fa9bb30] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-1fa9bb30] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-1fa9bb30] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-1fa9bb30] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-1fa9bb30] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-1fa9bb30] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-1fa9bb30] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-1fa9bb30] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-1fa9bb30] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-1fa9bb30] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-1fa9bb30] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-1fa9bb30] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-1fa9bb30] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-1fa9bb30] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-1fa9bb30] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-1fa9bb30],
.mlm-selected-item[data-v-1fa9bb30] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-1fa9bb30] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-1fa9bb30]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-1fa9bb30] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-1fa9bb30] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-1fa9bb30] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

#pwa-header-bar[data-v-1fa9bb30] {
    --background: var(--color-bar-bg-pwa)
}

#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%)
}

#pwa-header-bar.green-default[data-v-1fa9bb30] {
    --background: var(--theme-color-gradient-300)
}

#pwa-header-bar.green-default .install[data-v-1fa9bb30] {
    background: var(--theme-color-gradient-200);
    color: var(--color-bg-400)
}

#pwa-header-bar.default.amber-purple .install[data-v-1fa9bb30] {
    background: var(--theme-color-gradient-200);
    color: var(--accent-color-white)
}

#pwa-header-bar.auroral-yellow[data-v-1fa9bb30] {
    --background: linear-gradient(95deg, #0C526C 4.14%, #533E08 100%)
}

#pwa-header-bar.auroral-yellow .install[data-v-1fa9bb30] {
    background: linear-gradient(0deg, #23d8db 1.92%, #23db8c 96.15%);
    font-size: .75rem;
    font-weight: 700;
    color: var(--color-text-black-100)
}

#pwa-header-bar.auroral-yellow .close-btn[data-v-1fa9bb30] {
    margin-inline-start: .25rem
}

.close[data-v-1fa9bb30] {
    color: var(--color-text-white-100)
}

.color-primary-600[data-v-f9adcf49] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-f9adcf49] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-f9adcf49] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-f9adcf49] {
    color: var(--color-primary-900)
}

.bg-100[data-v-f9adcf49] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-f9adcf49] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-f9adcf49] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-f9adcf49] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-f9adcf49] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-f9adcf49] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-f9adcf49] {
    background-color: var(--color-warning)
}

.bg-link[data-v-f9adcf49] {
    background-color: var(--color-link)
}

.bg-danger[data-v-f9adcf49] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-f9adcf49] {
    color: var(--color-text-100)
}

.color-text-80[data-v-f9adcf49] {
    color: var(--color-text-80)
}

.color-text-50[data-v-f9adcf49] {
    color: var(--color-text-50)
}

.color-text-40[data-v-f9adcf49] {
    color: var(--color-text-40)
}

.color-text-20[data-v-f9adcf49] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-f9adcf49] {
    color: var(--color-currency)
}

.color-warning[data-v-f9adcf49] {
    color: var(--color-warning)
}

.color-danger[data-v-f9adcf49] {
    color: var(--color-danger)
}

.color-link[data-v-f9adcf49] {
    color: var(--color-link)
}

.color-line[data-v-f9adcf49] {
    color: var(--color-line)
}

.color-border[data-v-f9adcf49] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-f9adcf49] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-f9adcf49] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-f9adcf49] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-f9adcf49] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-f9adcf49] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-f9adcf49] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-f9adcf49] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-f9adcf49] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-f9adcf49] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-f9adcf49] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-f9adcf49] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-f9adcf49] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-f9adcf49] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-f9adcf49] {
    display: flex;
    align-items: center
}

.flex-start[data-v-f9adcf49] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-f9adcf49] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-f9adcf49] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-f9adcf49] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-f9adcf49] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-f9adcf49] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-f9adcf49] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-f9adcf49] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-f9adcf49] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-f9adcf49] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-f9adcf49] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-f9adcf49] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-f9adcf49] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-f9adcf49] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-f9adcf49] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-f9adcf49] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-f9adcf49] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-f9adcf49] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-f9adcf49] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-f9adcf49] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-f9adcf49] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-f9adcf49] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-f9adcf49] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-f9adcf49] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-f9adcf49],
.mlm-selected-item[data-v-f9adcf49] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-f9adcf49] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-f9adcf49]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-f9adcf49] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-f9adcf49] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-f9adcf49] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

[data-v-f9adcf49] .close {
    color: var(--text-color-white-40)
}

.install .button[data-v-f9adcf49] {
    --button-font-size: .75rem;
    --button-font-weight: 700
}

.yellow-dark .install .button[data-v-f9adcf49] {
    --button-text-color: var(--accent-color-red)
}

.yellow-dark .install .button[data-v-f9adcf49] .first-button {
    --background: var(--text-color-white-100)
}

.yellow-dark .install .button[data-v-f9adcf49] .first-button::part(native) {
    background: var(--text-color-white-100)
}

.green-dark .install .button[data-v-f9adcf49] {
    --button-text-color: var(--accent-color-orange-1)
}

.green-dark .install .button[data-v-f9adcf49] .first-button {
    --background: var(--text-color-white-100)
}

.green-dark .install .button[data-v-f9adcf49] .first-button::part(native) {
    background: var(--text-color-white-100)
}

.purple-light .install .button[data-v-f9adcf49] {
    --button-text-color: var(--accent-color-green)
}

.purple-light .install .button[data-v-f9adcf49] .first-button {
    --background: var(--text-color-white-100)
}

.purple-light .install .button[data-v-f9adcf49] .first-button::part(native) {
    background: var(--text-color-white-100)
}

.amber-purple .install .button[data-v-f9adcf49] {
    --button-text-color: var(--accent-color-orange-2)
}

.amber-purple .install .button[data-v-f9adcf49] .first-button {
    --background: var(--text-color-white-100)
}

.amber-purple .install .button[data-v-f9adcf49] .first-button::part(native) {
    background: var(--text-color-white-100) !important
}

.color-primary-600[data-v-a60f7ff1] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-a60f7ff1] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-a60f7ff1] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-a60f7ff1] {
    color: var(--color-primary-900)
}

.bg-100[data-v-a60f7ff1] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-a60f7ff1] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-a60f7ff1] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-a60f7ff1] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-a60f7ff1] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-a60f7ff1] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-a60f7ff1] {
    background-color: var(--color-warning)
}

.bg-link[data-v-a60f7ff1] {
    background-color: var(--color-link)
}

.bg-danger[data-v-a60f7ff1] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-a60f7ff1] {
    color: var(--color-text-100)
}

.color-text-80[data-v-a60f7ff1] {
    color: var(--color-text-80)
}

.color-text-50[data-v-a60f7ff1] {
    color: var(--color-text-50)
}

.color-text-40[data-v-a60f7ff1] {
    color: var(--color-text-40)
}

.color-text-20[data-v-a60f7ff1] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-a60f7ff1] {
    color: var(--color-currency)
}

.color-warning[data-v-a60f7ff1] {
    color: var(--color-warning)
}

.color-danger[data-v-a60f7ff1] {
    color: var(--color-danger)
}

.color-link[data-v-a60f7ff1] {
    color: var(--color-link)
}

.color-line[data-v-a60f7ff1] {
    color: var(--color-line)
}

.color-border[data-v-a60f7ff1] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-a60f7ff1] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-a60f7ff1] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-a60f7ff1] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-a60f7ff1] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-a60f7ff1] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-a60f7ff1] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-a60f7ff1] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-a60f7ff1] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-a60f7ff1] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-a60f7ff1] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-a60f7ff1] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-a60f7ff1] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-a60f7ff1] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-a60f7ff1] {
    display: flex;
    align-items: center
}

.flex-start[data-v-a60f7ff1] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-a60f7ff1] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-a60f7ff1] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-a60f7ff1] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-a60f7ff1] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-a60f7ff1] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-a60f7ff1] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-a60f7ff1] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-a60f7ff1] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-a60f7ff1] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-a60f7ff1] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-a60f7ff1] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-a60f7ff1] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-a60f7ff1] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-a60f7ff1] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-a60f7ff1] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-a60f7ff1] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-a60f7ff1] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-a60f7ff1] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-a60f7ff1] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-a60f7ff1] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-a60f7ff1] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-a60f7ff1] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-a60f7ff1] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-a60f7ff1],
.mlm-selected-item[data-v-a60f7ff1] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-a60f7ff1] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-a60f7ff1]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-a60f7ff1] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-a60f7ff1] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-a60f7ff1] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-modal#bonusModal::part(content) {
    --height: 100%;
    --max-width: 486px
}

.main-text[data-v-a60f7ff1] {
    color: #f8ff7a;
    text-align: center;
    text-shadow: 2px 0 0 #d72f2f, 0 2px 0 #d72f2f, -2px 0 0 #d72f2f, 0 -2px 0 #d72f2f, 2px 2px 0 #d72f2f, -2px 2px 0 #d72f2f, 2px -2px 0 #d72f2f, -2px -2px 0 #d72f2f;
    text-transform: uppercase
}

.warpper[data-v-a60f7ff1] {
    width: 100%;
    height: 100%;
    font-family: Inter;
    display: flex;
    align-items: center;
    justify-content: center
}

.gold-coin-container[data-v-a60f7ff1] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    overflow: hidden
}

.content[data-v-a60f7ff1] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.btn-base[data-v-a60f7ff1] {
    width: 10.25rem;
    height: 2.75rem;
    position: absolute;
    background: url(/svg/bonusModal/button.svg) no-repeat;
    background-size: 100% 100%;
    color: #854a08;
    text-align: center;
    text-shadow: .0313rem .0313rem 0rem rgba(255, 255, 255, .25);
    font-size: 1rem;
    font-style: normal;
    font-weight: 900;
    line-height: 2.75rem;
    text-transform: uppercase
}

.wait[data-v-a60f7ff1] {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 10;
    text-align: center
}

.wait ion-img.aperture1[data-v-a60f7ff1] {
    opacity: 0;
    width: 23.6875rem;
    height: 23.6875rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(0);
    transform-origin: center;
    animation: aperture-a60f7ff1 10s linear infinite
}

.wait .box-wait[data-v-a60f7ff1] {
    width: 9.5rem;
    height: 11.0313rem;
    background: url(/svg/bonusModal/wait-ani.png) no-repeat;
    background-size: 133rem 11.0313rem;
    animation: box-wait-a60f7ff1 1s steps(14) infinite;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center
}

.wait .box-wait .btn-open[data-v-a60f7ff1] {
    width: 10.25rem;
    height: 2.75rem;
    position: absolute;
    background: url(/svg/bonusModal/button.svg) no-repeat;
    background-size: 100% 100%;
    color: #854a08;
    text-align: center;
    text-shadow: .0313rem .0313rem 0rem rgba(255, 255, 255, .25);
    font-size: 1rem;
    font-style: normal;
    font-weight: 900;
    line-height: 2.75rem;
    text-transform: uppercase;
    margin-top: 15.625rem
}

.wait .box-wait .text-warpper[data-v-a60f7ff1] {
    width: 100%;
    margin-bottom: 18.75rem;
    padding: 0 1rem;
    max-width: 24.375rem;
    min-width: 24.375rem
}

.wait .box-wait .text-warpper .title[data-v-a60f7ff1] {
    text-align: center;
    font-size: 2.375rem;
    font-style: normal;
    font-weight: 900;
    line-height: 1.5;
    text-transform: uppercase;
    background: linear-gradient(180deg, #f0e96f -9.75%, #d9c14c 93.5%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.wait .box-wait .text-warpper .description[data-v-a60f7ff1] {
    color: #fff;
    text-align: center;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, .25);
    font-size: .875rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase
}

.open[data-v-a60f7ff1] {
    width: 24.375rem;
    height: 24.375rem;
    position: relative
}

.open .box-open[data-v-a60f7ff1] {
    width: 28rem;
    height: 28rem;
    background: url(/svg/bonusModal/open-ani.png) no-repeat;
    background-size: 112rem 168rem;
    animation: box-open-x-a60f7ff1 .25s steps(4) 6, box-open-y-a60f7ff1 1.5s steps(6) 1;
    animation-play-state: paused;
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center
}

.open .box-open ion-img.aperture2[data-v-a60f7ff1] {
    opacity: 0;
    width: 23.6875rem;
    height: 23.6875rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(0);
    transform-origin: center;
    animation: aperture-a60f7ff1 10s linear infinite
}

.open .box-open .btn-receive[data-v-a60f7ff1] {
    width: 10.25rem;
    height: 2.75rem;
    position: absolute;
    background: url(/svg/bonusModal/button.svg) no-repeat;
    background-size: 100% 100%;
    color: #854a08;
    text-align: center;
    text-shadow: .0313rem .0313rem 0rem rgba(255, 255, 255, .25);
    font-size: 1rem;
    font-style: normal;
    font-weight: 900;
    line-height: 2.75rem;
    text-transform: uppercase;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: 7.5rem
}

.open .box-open .text-warpper[data-v-a60f7ff1] {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.open .box-open .text-warpper .title[data-v-a60f7ff1] {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    color: #f8ff7a;
    text-align: center;
    text-shadow: 2px 0 0 #d72f2f, 0 2px 0 #d72f2f, -2px 0 0 #d72f2f, 0 -2px 0 #d72f2f, 2px 2px 0 #d72f2f, -2px 2px 0 #d72f2f, 2px -2px 0 #d72f2f, -2px -2px 0 #d72f2f;
    text-transform: uppercase;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 900;
    line-height: 1.5
}

.open .box-open .text-warpper .reward[data-v-a60f7ff1] {
    color: #f8ff7a;
    text-align: center;
    text-shadow: 2px 0 0 #d72f2f, 0 2px 0 #d72f2f, -2px 0 0 #d72f2f, 0 -2px 0 #d72f2f, 2px 2px 0 #d72f2f, -2px 2px 0 #d72f2f, 2px -2px 0 #d72f2f, -2px -2px 0 #d72f2f;
    text-transform: uppercase;
    font-size: 2.375rem;
    font-style: normal;
    font-weight: 700;
    line-height: 2.5
}

[data-v-a60f7ff1] .coins-ani {
    background-image: url(/svg/bonusModal/coins-ani.png);
    background-size: 25rem 5rem;
    width: 5rem;
    height: 5rem;
    background-repeat: no-repeat;
    animation: coin-rotate-a60f7ff1 .5s steps(5) infinite;
    position: absolute
}

@keyframes coin-rotate-a60f7ff1 {
    0% {
        background-position: 0 0
    }

    to {
        background-position: -25rem 0
    }
}

@keyframes aperture-a60f7ff1 {
    0% {
        transform: translate(-50%, -50%) rotate(0)
    }

    to {
        transform: translate(-50%, -50%) rotate(360deg)
    }
}

@keyframes box-wait-a60f7ff1 {
    0% {
        background-position: 0 0
    }

    to {
        background-position: -133rem 0
    }
}

@keyframes box-open-x-a60f7ff1 {
    0% {
        background-position-x: 0
    }

    to {
        background-position-x: -112rem
    }
}

@keyframes box-open-y-a60f7ff1 {
    0% {
        background-position-y: 0
    }

    to {
        background-position-y: -168rem
    }
}

.color-primary-600[data-v-b70b9f50] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-b70b9f50] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-b70b9f50] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-b70b9f50] {
    color: var(--color-primary-900)
}

.bg-100[data-v-b70b9f50] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-b70b9f50] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-b70b9f50] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-b70b9f50] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-b70b9f50] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-b70b9f50] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-b70b9f50] {
    background-color: var(--color-warning)
}

.bg-link[data-v-b70b9f50] {
    background-color: var(--color-link)
}

.bg-danger[data-v-b70b9f50] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-b70b9f50] {
    color: var(--color-text-100)
}

.color-text-80[data-v-b70b9f50] {
    color: var(--color-text-80)
}

.color-text-50[data-v-b70b9f50] {
    color: var(--color-text-50)
}

.color-text-40[data-v-b70b9f50] {
    color: var(--color-text-40)
}

.color-text-20[data-v-b70b9f50] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-b70b9f50] {
    color: var(--color-currency)
}

.color-warning[data-v-b70b9f50] {
    color: var(--color-warning)
}

.color-danger[data-v-b70b9f50] {
    color: var(--color-danger)
}

.color-link[data-v-b70b9f50] {
    color: var(--color-link)
}

.color-line[data-v-b70b9f50] {
    color: var(--color-line)
}

.color-border[data-v-b70b9f50] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-b70b9f50] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-b70b9f50] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-b70b9f50] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-b70b9f50] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-b70b9f50] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-b70b9f50] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-b70b9f50] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-b70b9f50] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-b70b9f50] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-b70b9f50] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-b70b9f50] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-b70b9f50] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-b70b9f50] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-b70b9f50] {
    display: flex;
    align-items: center
}

.flex-start[data-v-b70b9f50] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-b70b9f50] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-b70b9f50] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-b70b9f50] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-b70b9f50] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-b70b9f50] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-b70b9f50] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-b70b9f50] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-b70b9f50] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-b70b9f50] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-b70b9f50] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-b70b9f50] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-b70b9f50] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-b70b9f50] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-b70b9f50] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-b70b9f50] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-b70b9f50] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-b70b9f50] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-b70b9f50] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-b70b9f50] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-b70b9f50] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-b70b9f50] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-b70b9f50] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-b70b9f50] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-b70b9f50],
.mlm-selected-item[data-v-b70b9f50] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-b70b9f50] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-b70b9f50]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-b70b9f50] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-b70b9f50] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-b70b9f50] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-modal#bonusModal::part(content) {
    --height: 100%;
    --max-width: 30.375rem
}

.content[data-v-b70b9f50] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.main-text[data-v-b70b9f50] {
    color: #f8ff7a;
    text-align: center;
    text-shadow: .125rem 0 0 #d72f2f, 0 .125rem 0 #d72f2f, -.125rem 0 0 #d72f2f, 0 -.125rem 0 #d72f2f, .125rem .125rem 0 #d72f2f, -.125rem .125rem 0 #d72f2f, .125rem -.125rem 0 #d72f2f, -.125rem -.125rem 0 #d72f2f;
    text-transform: uppercase
}

.open[data-v-b70b9f50] {
    width: 24.375rem;
    height: 24.375rem;
    position: relative
}

.open .box-open[data-v-b70b9f50] {
    width: 28rem;
    height: 28rem;
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center
}

.open .box-open .openArt[data-v-b70b9f50] {
    width: 21.75rem;
    height: 22.1875rem;
    position: absolute;
    top: 50%;
    left: 47%;
    transform: translate(-50%, -50%)
}

.open .box-open .normalArt[data-v-b70b9f50] {
    width: 22.5rem;
    height: 19.125rem;
    position: absolute;
    top: 44%;
    left: 45.5%;
    transform: translate(-50%, -50%)
}

.open .box-open .text-warpper[data-v-b70b9f50] {
    width: 100%;
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center
}

.open .box-open .text-warpper .coin[data-v-b70b9f50] {
    width: 2.625rem;
    height: 3.1719rem
}

.open .box-open .text-warpper .reward[data-v-b70b9f50] {
    color: #f8ff7a;
    text-align: center;
    text-shadow: .125rem 0 0 #d72f2f, 0 .125rem 0 #d72f2f, -.125rem 0 0 #d72f2f, 0 -.125rem 0 #d72f2f, .125rem .125rem 0 #d72f2f, -.125rem .125rem 0 #d72f2f, .125rem -.125rem 0 #d72f2f, -.125rem -.125rem 0 #d72f2f;
    text-transform: uppercase;
    font-size: 2.625rem;
    font-style: normal;
    font-weight: 700;
    line-height: 2.5
}

.open .box-open .boxBottom[data-v-b70b9f50] {
    width: 100%;
    position: absolute;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.open .box-open .boxBottom .btn-receive[data-v-b70b9f50] {
    width: 8.875rem;
    height: 2.5rem;
    border-radius: .375rem;
    background: var(--color-background-fill-active-primary, #3A8EE3);
    text-align: center;
    font-size: .875rem;
    font-weight: 700;
    line-height: 2.5rem;
    color: #fff;
    text-transform: uppercase;
    margin: .75rem auto 0
}

.open .box-open .boxBottom .btn-remark[data-v-b70b9f50] {
    width: 17.5rem;
    margin: 0 auto;
    color: #fff;
    text-align: center;
    font-size: .875rem;
    margin-top: 13rem;
    font-weight: 700
}

.warpper[data-v-b70b9f50] {
    width: 100%;
    height: 100%;
    font-family: Inter;
    display: flex;
    align-items: center;
    justify-content: center
}

.open[data-v-b70b9f50]:before {
    content: "";
    background: transparent;
    border: .375rem solid #fff;
    display: inline-block;
    width: .0625rem;
    height: .0625rem;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    z-index: 99;
    animation: shiny-b70b9f50 4s ease infinite
}

@keyframes shiny-b70b9f50 {
    0% {
        opacity: 0;
        width: 0rem;
        height: 0rem
    }

    80% {
        opacity: 0;
        width: 0rem;
        height: 0rem
    }

    81% {
        opacity: .4;
        width: 4.375rem;
        height: 4.375rem
    }

    to {
        opacity: 0;
        width: 17.5rem;
        height: 17.5rem
    }
}

.color-primary-600[data-v-8eed52d8] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-8eed52d8] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-8eed52d8] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-8eed52d8] {
    color: var(--color-primary-900)
}

.bg-100[data-v-8eed52d8] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-8eed52d8] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-8eed52d8] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-8eed52d8] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-8eed52d8] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-8eed52d8] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-8eed52d8] {
    background-color: var(--color-warning)
}

.bg-link[data-v-8eed52d8] {
    background-color: var(--color-link)
}

.bg-danger[data-v-8eed52d8] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-8eed52d8] {
    color: var(--color-text-100)
}

.color-text-80[data-v-8eed52d8] {
    color: var(--color-text-80)
}

.color-text-50[data-v-8eed52d8] {
    color: var(--color-text-50)
}

.color-text-40[data-v-8eed52d8] {
    color: var(--color-text-40)
}

.color-text-20[data-v-8eed52d8] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-8eed52d8] {
    color: var(--color-currency)
}

.color-warning[data-v-8eed52d8] {
    color: var(--color-warning)
}

.color-danger[data-v-8eed52d8] {
    color: var(--color-danger)
}

.color-link[data-v-8eed52d8] {
    color: var(--color-link)
}

.color-line[data-v-8eed52d8] {
    color: var(--color-line)
}

.color-border[data-v-8eed52d8] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-8eed52d8] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-8eed52d8] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-8eed52d8] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-8eed52d8] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-8eed52d8] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-8eed52d8] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-8eed52d8] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-8eed52d8] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-8eed52d8] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-8eed52d8] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-8eed52d8] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-8eed52d8] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-8eed52d8] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-8eed52d8] {
    display: flex;
    align-items: center
}

.flex-start[data-v-8eed52d8] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-8eed52d8] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-8eed52d8] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-8eed52d8] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-8eed52d8] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-8eed52d8] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-8eed52d8] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-8eed52d8] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-8eed52d8] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-8eed52d8] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-8eed52d8] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-8eed52d8] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-8eed52d8] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-8eed52d8] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-8eed52d8] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-8eed52d8] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-8eed52d8] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-8eed52d8] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-8eed52d8] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-8eed52d8] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-8eed52d8] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-8eed52d8] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-8eed52d8] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-8eed52d8] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-8eed52d8],
.mlm-selected-item[data-v-8eed52d8] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-8eed52d8] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-8eed52d8]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-8eed52d8] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-8eed52d8] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-8eed52d8] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .main-page[data-v-8eed52d8] {
    background: var(--ep-color-background-fill-body-default)
}

html .main-page .main-content[data-v-8eed52d8] {
    --background: var(--ep-color-background-fill-body-default)
}

html .main-page .main-content .order-container[data-v-8eed52d8] {
    display: flex;
    flex-flow: wrap
}

.phantom-blue .main-page .header[data-v-8eed52d8],
.mystlight-blue .main-page .header[data-v-8eed52d8] {
    animation: background-color-8eed52d8 1s ease-in-out
}

.phantom-blue .main-page[data-v-8eed52d8]:before,
.mystlight-blue .main-page[data-v-8eed52d8]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 6.25rem;
    z-index: -1;
    width: 4.0625rem;
    height: 15rem;
    transform: rotate(-57.248deg);
    background: var(--ep-color-background-fill-glow-primary-opacity-40);
    filter: blur(4.375rem)
}

.phantom-blue .main-page[data-v-8eed52d8]:after,
.mystlight-blue .main-page[data-v-8eed52d8]:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    width: 6.3125rem;
    height: 10.8125rem;
    transform: rotate(-39.331deg);
    background: var(--ep-color-background-fill-glow-secondary-opacity-40);
    filter: blur(3rem)
}

.phantom-blue .main-page .main-content[data-v-8eed52d8],
.mystlight-blue .main-page .main-content[data-v-8eed52d8] {
    --background: transparent;
    animation: background-color-8eed52d8 1s ease-in-out
}

@keyframes background-color-8eed52d8 {
    0% {
        background: var(--ep-color-background-fill-body-default)
    }

    to {
        background: var(--ep-color-background-fill-body-default)
    }
}

.color-primary-600[data-v-e39ce62d] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-e39ce62d] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-e39ce62d] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-e39ce62d] {
    color: var(--color-primary-900)
}

.bg-100[data-v-e39ce62d] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-e39ce62d] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-e39ce62d] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-e39ce62d] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-e39ce62d] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-e39ce62d] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-e39ce62d] {
    background-color: var(--color-warning)
}

.bg-link[data-v-e39ce62d] {
    background-color: var(--color-link)
}

.bg-danger[data-v-e39ce62d] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-e39ce62d] {
    color: var(--color-text-100)
}

.color-text-80[data-v-e39ce62d] {
    color: var(--color-text-80)
}

.color-text-50[data-v-e39ce62d] {
    color: var(--color-text-50)
}

.color-text-40[data-v-e39ce62d] {
    color: var(--color-text-40)
}

.color-text-20[data-v-e39ce62d] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-e39ce62d] {
    color: var(--color-currency)
}

.color-warning[data-v-e39ce62d] {
    color: var(--color-warning)
}

.color-danger[data-v-e39ce62d] {
    color: var(--color-danger)
}

.color-link[data-v-e39ce62d] {
    color: var(--color-link)
}

.color-line[data-v-e39ce62d] {
    color: var(--color-line)
}

.color-border[data-v-e39ce62d] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-e39ce62d] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-e39ce62d] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-e39ce62d] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-e39ce62d] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-e39ce62d] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-e39ce62d] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-e39ce62d] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-e39ce62d] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-e39ce62d] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-e39ce62d] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-e39ce62d] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-e39ce62d] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-e39ce62d] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-e39ce62d] {
    display: flex;
    align-items: center
}

.flex-start[data-v-e39ce62d] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-e39ce62d] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-e39ce62d] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-e39ce62d] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-e39ce62d] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-e39ce62d] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-e39ce62d] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-e39ce62d] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-e39ce62d] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-e39ce62d] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-e39ce62d] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-e39ce62d] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-e39ce62d] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-e39ce62d] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-e39ce62d] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-e39ce62d] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-e39ce62d] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-e39ce62d] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-e39ce62d] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-e39ce62d] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-e39ce62d] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-e39ce62d] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-e39ce62d] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-e39ce62d] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-e39ce62d],
.mlm-selected-item[data-v-e39ce62d] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-e39ce62d] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-e39ce62d]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-e39ce62d] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-e39ce62d] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-e39ce62d] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.game-wrapper[data-v-e39ce62d] {
    display: flex;
    flex-direction: column
}

ion-popover[data-v-f38edcd7] {
    --width: fit-content;
    --backdrop-opacity: 0
}

ion-popover[data-v-f38edcd7]::part(backdrop) {
    background-color: #f6f7f9
}

ion-popover[data-v-f38edcd7]::part(content) {
    border: 1px solid #293548
}

ion-item.swiper[data-v-f38edcd7] {
    --border-radius: 14px;
    --min-height: 9.375rem;
    --background: transparent;
    --padding-end: .75rem;
    --padding-start: .75rem;
    --padding-top: .75rem;
    --inner-padding-end: 0
}

ion-segment[data-v-f38edcd7] {
    --background: #101629
}

ion-segment-button[data-v-f38edcd7] {
    margin-top: 0;
    margin-bottom: 0
}

ion-segment-button ion-img[data-v-f38edcd7] {
    margin-top: 4px
}

ion-segment-button ion-label[data-v-f38edcd7] {
    text-transform: capitalize;
    margin-top: 0;
    margin-bottom: 4px
}

ion-segment-button.ios[data-v-f38edcd7]::part(indicator) {
    padding-inline: 0
}

.line-clamp-2 leading-4[data-v-f38edcd7] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    text-align: center
}

ion-thumbnail[data-v-f38edcd7] {
    --border-radius: 14px
}

ion-item[data-v-f38edcd7] {
    --inner-border-width: 0
}

div.card-box[data-v-f38edcd7] {
    width: calc(33.333333% - .5rem)
}

div.watermark[data-v-f38edcd7] {
    position: relative;
    z-index: 9;
    overflow: hidden;
    background-color: var(--color-bg-200)
}

div.payment-partner[data-v-f38edcd7] {
    background: var(--color-card-bg-400)
}

div.line[data-v-f38edcd7] {
    background: var(--line-color)
}

div.support[data-v-f38edcd7] {
    background: var(--color-button-bg-support-bg)
}

div.to-top-box[data-v-f38edcd7] {
    background: var(--color-button-bg-gray)
}

ion-icon.to-top[data-v-f38edcd7] {
    color: var(--color-primary-800)
}

span.to-top-text[data-v-f38edcd7] {
    color: var(--float-black-button-color)
}

div.find[data-v-f38edcd7] {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0), var(--color-bg-300) 50%)
}

div.find ion-icon[data-v-f38edcd7] {
    color: var(--color-primary-800)
}

.color-primary-600[data-v-ce2c8c3b] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-ce2c8c3b] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-ce2c8c3b] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-ce2c8c3b] {
    color: var(--color-primary-900)
}

.bg-100[data-v-ce2c8c3b] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-ce2c8c3b] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-ce2c8c3b] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-ce2c8c3b] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-ce2c8c3b] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-ce2c8c3b] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-ce2c8c3b] {
    background-color: var(--color-warning)
}

.bg-link[data-v-ce2c8c3b] {
    background-color: var(--color-link)
}

.bg-danger[data-v-ce2c8c3b] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-ce2c8c3b] {
    color: var(--color-text-100)
}

.color-text-80[data-v-ce2c8c3b] {
    color: var(--color-text-80)
}

.color-text-50[data-v-ce2c8c3b] {
    color: var(--color-text-50)
}

.color-text-40[data-v-ce2c8c3b] {
    color: var(--color-text-40)
}

.color-text-20[data-v-ce2c8c3b] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-ce2c8c3b] {
    color: var(--color-currency)
}

.color-warning[data-v-ce2c8c3b] {
    color: var(--color-warning)
}

.color-danger[data-v-ce2c8c3b] {
    color: var(--color-danger)
}

.color-link[data-v-ce2c8c3b] {
    color: var(--color-link)
}

.color-line[data-v-ce2c8c3b] {
    color: var(--color-line)
}

.color-border[data-v-ce2c8c3b] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-ce2c8c3b] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-ce2c8c3b] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-ce2c8c3b] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-ce2c8c3b] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-ce2c8c3b] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-ce2c8c3b] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-ce2c8c3b] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-ce2c8c3b] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-ce2c8c3b] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-ce2c8c3b] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-ce2c8c3b] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-ce2c8c3b] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-ce2c8c3b] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-ce2c8c3b] {
    display: flex;
    align-items: center
}

.flex-start[data-v-ce2c8c3b] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-ce2c8c3b] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-ce2c8c3b] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-ce2c8c3b] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-ce2c8c3b] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-ce2c8c3b] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-ce2c8c3b] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-ce2c8c3b] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-ce2c8c3b] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-ce2c8c3b] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-ce2c8c3b] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-ce2c8c3b] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-ce2c8c3b] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-ce2c8c3b] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-ce2c8c3b] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-ce2c8c3b] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-ce2c8c3b] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-ce2c8c3b] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-ce2c8c3b] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-ce2c8c3b] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-ce2c8c3b] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-ce2c8c3b] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-ce2c8c3b] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-ce2c8c3b] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-ce2c8c3b],
.mlm-selected-item[data-v-ce2c8c3b] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-ce2c8c3b] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-ce2c8c3b]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-ce2c8c3b] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-ce2c8c3b] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-ce2c8c3b] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-modal#avatar[data-v-ce2c8c3b] {
    --height: 100%
}

.text-base[data-v-ce2c8c3b] {
    color: var(--text-color-white-100)
}

.avatar-main[data-v-ce2c8c3b] {
    background: var(--color-bg-300)
}

.avatar-main .avatar-tab[data-v-ce2c8c3b] {
    font-size: .875rem;
    line-height: 1.25rem;
    background: var(--color-bg-400)
}

.avatar-main .avatar-tab ion-col[data-v-ce2c8c3b] {
    height: 3rem;
    color: var(--my-card-detail-color);
    border-bottom: none
}

.avatar-main .avatar-tab ion-col span[data-v-ce2c8c3b] {
    font-size: .75rem;
    line-height: 1.3125rem
}

.avatar-main .avatar-tab ion-col.select-female-border[data-v-ce2c8c3b] {
    color: var(--color-primary-800);
    border-bottom: .125rem solid var(--color-primary-btn-active)
}

.avatar-main .avatar-tab ion-col.select-female-border span[data-v-ce2c8c3b] {
    font-weight: 700
}

.avatar-main .avatar-tab ion-icon.user-avatar-gender-icon[data-v-ce2c8c3b] {
    font-size: 1.375rem
}

ion-toolbar[data-v-ce2c8c3b] {
    --background: var(--avatar-toolbar-bg);
    height: 3.125rem
}

ion-toolbar ion-title[data-v-ce2c8c3b] {
    font-weight: 500
}

div.overflow-y-auto[data-v-ce2c8c3b] {
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none
}

div.overflow-y-auto[data-v-ce2c8c3b]::-webkit-scrollbar {
    display: none
}

ion-button.submit[data-v-ce2c8c3b] {
    --background: var(--color-primary-btn-active);
    --border-radius: .25rem;
    --color: var(--text-color-white-100);
    font-weight: 700;
    margin: -.75rem .375rem 1.25rem;
    text-transform: none
}

ion-button.submit[data-v-ce2c8c3b]::part(native) {
    font-size: .875rem;
    line-height: 1.3125rem
}

.new-skin-symbol .text-base[data-v-ce2c8c3b] {
    color: var(--ep-color-text-default)
}

.new-skin-symbol .avatar-main[data-v-ce2c8c3b] {
    background: var(--ep-color-background-fill-body-default)
}

.new-skin-symbol .avatar-main .avatar-title[data-v-ce2c8c3b] {
    font-weight: var(--ep-font-weight-medium);
    color: var(--ep-color-text-default)
}

.new-skin-symbol .avatar-main .avatar-close-icon[data-v-ce2c8c3b] {
    font-size: var(--ep-font-size-l);
    color: var(--ep-color-icon-default)
}

.new-skin-symbol .avatar-main .avatar-tab[data-v-ce2c8c3b] {
    font-size: var(--ep-font-size-m);
    background: var(--ep-color-background-fill-surface-raised-L2)
}

.new-skin-symbol .avatar-main .avatar-tab ion-col[data-v-ce2c8c3b] {
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol .avatar-main .avatar-tab ion-col span[data-v-ce2c8c3b] {
    font-size: var(--ep-font-size-s);
    line-height: 1.3125rem
}

.new-skin-symbol .avatar-main .avatar-tab ion-col.select-female-border[data-v-ce2c8c3b] {
    color: var(--ep-color-icon-selected);
    border-bottom: .125rem solid var(--ep-color-border-selected)
}

.new-skin-symbol .avatar-main .avatar-tab ion-col.select-female-border span[data-v-ce2c8c3b] {
    font-weight: var(--ep-font-weight-bold)
}

.new-skin-symbol .avatar-main .avatar-tab ion-icon.user-avatar-gender-icon[data-v-ce2c8c3b] {
    font-size: var(--ep-values-22)
}

.new-skin-symbol ion-toolbar[data-v-ce2c8c3b] {
    --background: var(--ep-color-background-fill-surface-raised-L1)
}

.new-skin-symbol ion-toolbar ion-title[data-v-ce2c8c3b] {
    font-weight: var(--ep-font-weight-medium)
}

.new-skin-symbol ion-button.submit[data-v-ce2c8c3b] {
    --background: var(--ep-dynamic-primary);
    --color: var(--ep-color-text-inverse);
    --border-radius: var(--ep-border-radius-s);
    font-weight: var(--ep-font-weight-bold)
}

.new-skin-symbol ion-button.submit[data-v-ce2c8c3b]::part(native) {
    font-size: var(--ep-font-size-m);
    line-height: 1.3125rem
}

.color-primary-600[data-v-4ba17018] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-4ba17018] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-4ba17018] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-4ba17018] {
    color: var(--color-primary-900)
}

.bg-100[data-v-4ba17018] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-4ba17018] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-4ba17018] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-4ba17018] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-4ba17018] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-4ba17018] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-4ba17018] {
    background-color: var(--color-warning)
}

.bg-link[data-v-4ba17018] {
    background-color: var(--color-link)
}

.bg-danger[data-v-4ba17018] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-4ba17018] {
    color: var(--color-text-100)
}

.color-text-80[data-v-4ba17018] {
    color: var(--color-text-80)
}

.color-text-50[data-v-4ba17018] {
    color: var(--color-text-50)
}

.color-text-40[data-v-4ba17018] {
    color: var(--color-text-40)
}

.color-text-20[data-v-4ba17018] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-4ba17018] {
    color: var(--color-currency)
}

.color-warning[data-v-4ba17018] {
    color: var(--color-warning)
}

.color-danger[data-v-4ba17018] {
    color: var(--color-danger)
}

.color-link[data-v-4ba17018] {
    color: var(--color-link)
}

.color-line[data-v-4ba17018] {
    color: var(--color-line)
}

.color-border[data-v-4ba17018] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-4ba17018] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-4ba17018] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-4ba17018] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-4ba17018] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-4ba17018] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-4ba17018] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-4ba17018] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-4ba17018] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-4ba17018] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-4ba17018] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-4ba17018] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-4ba17018] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-4ba17018] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-4ba17018] {
    display: flex;
    align-items: center
}

.flex-start[data-v-4ba17018] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-4ba17018] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-4ba17018] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-4ba17018] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-4ba17018] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-4ba17018] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-4ba17018] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-4ba17018] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-4ba17018] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-4ba17018] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-4ba17018] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-4ba17018] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-4ba17018] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-4ba17018] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-4ba17018] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-4ba17018] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-4ba17018] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-4ba17018] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-4ba17018] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-4ba17018] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-4ba17018] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-4ba17018] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-4ba17018] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-4ba17018] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-4ba17018],
.mlm-selected-item[data-v-4ba17018] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-4ba17018] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-4ba17018]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-4ba17018] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-4ba17018] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-4ba17018] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-modal[data-v-4ba17018] {
    --width: fit-content;
    --height: fit-content;
    background: var(--color-bg-mask-black)
}

.logout-modal[data-v-4ba17018] {
    min-height: 10rem;
    border-radius: .625rem;
    padding: 1.0625rem .875rem .875rem
}

.logout-modal-title[data-v-4ba17018] {
    font-size: 1.125rem;
    font-weight: 700;
    text-align: center;
    line-height: 1.6875rem;
    margin-bottom: 1.7188rem
}

.logout-modal-message[data-v-4ba17018] {
    font-size: .875rem;
    font-weight: 400;
    text-align: center;
    line-height: 1.3125rem;
    margin-bottom: 2.0313rem
}

.logout-modal-btn[data-v-4ba17018] {
    display: flex;
    align-items: center
}

ion-button.logout-modal-btn-left[data-v-4ba17018],
ion-button.logout-modal-btn-right[data-v-4ba17018] {
    font-size: .875rem;
    font-weight: 700;
    --border-radius: .375rem;
    min-width: 9.4375rem;
    min-height: 0;
    height: 3.0625rem
}

ion-button.logout-modal-btn-left[data-v-4ba17018] {
    margin-right: .625rem;
    --background-hover: none;
    --background-focused: none;
    --background-activated: none
}

ion-button.logout-modal-btn-right[data-v-4ba17018] {
    --background-hover: none;
    --background-focused: none;
    --background-activated: none
}

.logout-modal[data-v-4ba17018] {
    background: var(--color-bg-700)
}

.logout-modal-title[data-v-4ba17018] {
    color: var(--color-text-100)
}

.logout-modal-message[data-v-4ba17018] {
    color: var(--color-text-40)
}

ion-button.logout-modal-btn-left[data-v-4ba17018] {
    --color: var(--color-text-100);
    --background: var(--theme-color-gradient-100)
}

ion-button.logout-modal-btn-right[data-v-4ba17018] {
    --color: var(--color-text-100);
    --background: var(--color-bg-700)
}

ion-button.logout-modal-btn-left[data-v-4ba17018]::part(native) {
    border: 1px solid var(--theme-color-gradient-100)
}

ion-button.logout-modal-btn-right[data-v-4ba17018]::part(native) {
    border: 1px solid var(--theme-color-900)
}

.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)
}

.green-default .logout-modal[data-v-4ba17018] {
    background: var(--color-bg-200)
}

.green-default .logout-modal-title[data-v-4ba17018] {
    color: var(--color-text-100)
}

.green-default .logout-modal-message[data-v-4ba17018] {
    color: var(--color-text-40)
}

.green-default ion-button.logout-modal-btn-left[data-v-4ba17018] {
    --color: var(--color-text-white-100);
    --background: var(--color-border-input-prefix)
}

.green-default ion-button.logout-modal-btn-right[data-v-4ba17018] {
    --color: var(--color-text-white-100);
    --background: var(--theme-color-gradient-100)
}

.green-default ion-button.logout-modal-btn-left[data-v-4ba17018]::part(native) {
    border: 1px solid var(--theme-color-gradient-100)
}

.green-default ion-button.logout-modal-btn-right[data-v-4ba17018]::part(native) {
    border: 1px solid var(--theme-color-gradient-100)
}

.forest-green .logout-modal[data-v-4ba17018] {
    background: var(--color-bg-200)
}

.forest-green .logout-modal-title[data-v-4ba17018] {
    color: var(--color-text-gray-100)
}

.forest-green .logout-modal-message[data-v-4ba17018] {
    color: var(--color-text-gray-200)
}

.forest-green ion-button.logout-modal-btn-left[data-v-4ba17018] {
    --color: var(--color-text-gray-100);
    --background: var(--color-bg-50)
}

.forest-green ion-button.logout-modal-btn-right[data-v-4ba17018] {
    --color: var(--color-text-gray-100);
    --background: var(--theme-color-gradient-100)
}

.forest-green ion-button.logout-modal-btn-left[data-v-4ba17018]::part(native) {
    border: 1px solid var(--theme-color-gradient-100)
}

.forest-green ion-button.logout-modal-btn-right[data-v-4ba17018]::part(native) {
    border: 1px solid var(--theme-color-gradient-100)
}

.amber-purple .logout-modal[data-v-4ba17018] {
    background: var(--color-bg-200)
}

.amber-purple .logout-modal-title[data-v-4ba17018] {
    color: var(--text-color-light-purple-1-100)
}

.amber-purple .logout-modal-message[data-v-4ba17018] {
    color: var(--text-color-light-purple-2-100)
}

.amber-purple ion-button.logout-modal-btn-left[data-v-4ba17018] {
    --color: var(--text-color-white-100);
    --background: var(--color-bg-100)
}

.amber-purple ion-button.logout-modal-btn-right[data-v-4ba17018] {
    --color: var(--text-color-white-100);
    --background: var(--theme-color-800)
}

.amber-purple ion-button.logout-modal-btn-left[data-v-4ba17018]::part(native) {
    border: 1px solid var(--theme-color-gradient-100)
}

.amber-purple ion-button.logout-modal-btn-right[data-v-4ba17018]::part(native) {
    border: 1px solid var(--theme-color-gradient-100)
}

.auroral-yellow .logout-modal[data-v-4ba17018] {
    background: var(--color-bg-200)
}

.auroral-yellow .logout-modal-title[data-v-4ba17018] {
    color: var(--color-text-100)
}

.auroral-yellow .logout-modal-message[data-v-4ba17018] {
    color: var(--color-text-40)
}

.auroral-yellow ion-button.logout-modal-btn-left[data-v-4ba17018] {
    --color: var(--color-text-100);
    --background: var(--color-bg-100)
}

.auroral-yellow ion-button.logout-modal-btn-right[data-v-4ba17018] {
    --color: var(--color-text-black-100);
    --background: var(--theme-color-800)
}

.auroral-yellow ion-button.logout-modal-btn-left[data-v-4ba17018]::part(native) {
    border: 1px solid var(--theme-color-gradient-100)
}

.auroral-yellow ion-button.logout-modal-btn-right[data-v-4ba17018]::part(native) {
    border: 1px solid var(--theme-color-800)
}

.yellow-dark .logout-modal[data-v-4ba17018] {
    background: var(--color-card-bg-200)
}

.yellow-dark .logout-modal-title[data-v-4ba17018] {
    color: var(--text-color-white-100)
}

.yellow-dark .logout-modal-message[data-v-4ba17018] {
    color: var(--text-color-white-40)
}

.yellow-dark ion-button.logout-modal-btn-left[data-v-4ba17018] {
    --color: var(--text-color-white-40);
    --background: var(--color-card-bg--100)
}

.yellow-dark ion-button.logout-modal-btn-right[data-v-4ba17018] {
    --color: var(--text-color-black-100);
    --background: var(--theme-color-800)
}

.yellow-dark ion-button.logout-modal-btn-left[data-v-4ba17018]::part(native) {
    border: 1px solid var(--theme-color-gradient-100)
}

.yellow-dark ion-button.logout-modal-btn-right[data-v-4ba17018]::part(native) {
    border: 1px solid var(--theme-color-900)
}

.green-dark .logout-modal[data-v-4ba17018] {
    background: var(--color-bg-200)
}

.green-dark .logout-modal-title[data-v-4ba17018] {
    color: var(--text-color-white-100)
}

.green-dark .logout-modal-message[data-v-4ba17018] {
    color: var(--text-color-white-40)
}

.green-dark ion-button.logout-modal-btn-left[data-v-4ba17018] {
    --color: var(--text-color-white-100);
    --background: var(--color-bg-100)
}

.green-dark ion-button.logout-modal-btn-right[data-v-4ba17018] {
    --color: var(--text-color-white-100);
    --background: var(--theme-color-800)
}

.green-dark ion-button.logout-modal-btn-left[data-v-4ba17018]::part(native) {
    border: 1px solid var(--theme-color-gradient-100)
}

.green-dark ion-button.logout-modal-btn-right[data-v-4ba17018]::part(native) {
    border: 1px solid var(--theme-color-900)
}

.purple-light .logout-modal[data-v-4ba17018] {
    background: var(--color-bg-300)
}

.purple-light .logout-modal-title[data-v-4ba17018] {
    color: var(--text-color-black-100)
}

.purple-light .logout-modal-message[data-v-4ba17018] {
    color: var(--text-color-black-80)
}

.purple-light ion-button.logout-modal-btn-left[data-v-4ba17018] {
    --color: var(--text-color-black-80);
    --background: var(--color-bg-100)
}

.purple-light ion-button.logout-modal-btn-right[data-v-4ba17018] {
    --color: var(--text-color-white-100);
    --background: var(--theme-color-800)
}

.purple-light ion-button.logout-modal-btn-left[data-v-4ba17018]::part(native) {
    border: 1px solid var(--theme-color-gradient-100)
}

.purple-light ion-button.logout-modal-btn-right[data-v-4ba17018]::part(native) {
    border: 1px solid var(--theme-color-900)
}

.new-skin-symbol .logout-modal[data-v-4ba17018] {
    background: var(--ep-color-background-fill-surface-raised-L1)
}

.new-skin-symbol .logout-modal-title[data-v-4ba17018] {
    color: var(--ep-color-text-default)
}

.new-skin-symbol .logout-modal-message[data-v-4ba17018] {
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol ion-button.logout-modal-btn-left[data-v-4ba17018] {
    --color: var(--ep-color-text-default);
    --background: var(--ep-color-background-fill-surface-raised-L2)
}

.new-skin-symbol ion-button.logout-modal-btn-right[data-v-4ba17018] {
    --color: var(--ep-color-text-default);
    --background: var(--ep-dynamic-primary)
}

.new-skin-symbol ion-button.logout-modal-btn-left[data-v-4ba17018]::part(native) {
    border: 1px solid var(--theme-color-gradient-100)
}

.new-skin-symbol ion-button.logout-modal-btn-right[data-v-4ba17018]::part(native) {
    border: 1px solid var(--theme-color-900)
}

.new-skin-symbol ion-modal[data-v-4ba17018] {
    --width: fit-content;
    --height: fit-content;
    background: var(--color-bg-mask-black)
}

.new-skin-symbol .logout-modal[data-v-4ba17018] {
    min-height: 10rem;
    border-radius: var(--ep-border-radius-xl);
    padding: 1.0625rem .875rem .875rem
}

.new-skin-symbol .logout-modal-title[data-v-4ba17018] {
    font-size: var(--ep-font-size-xl);
    font-weight: var(--ep-font-weight-bold);
    text-align: center;
    line-height: 1.6875rem;
    margin-bottom: 1.7188rem
}

.new-skin-symbol .logout-modal-message[data-v-4ba17018] {
    font-size: var(--ep-font-size-m);
    font-weight: var(--ep-font-weight-regular);
    text-align: center;
    line-height: 1.3125rem;
    margin-bottom: 2.0313rem
}

.new-skin-symbol .logout-modal-btn[data-v-4ba17018] {
    display: flex;
    align-items: center
}

.new-skin-symbol ion-button.logout-modal-btn-left[data-v-4ba17018],
.new-skin-symbol ion-button.logout-modal-btn-right[data-v-4ba17018] {
    font-size: var(--ep-font-size-m);
    font-weight: var(--ep-font-weight-bold);
    --border-radius: var(--ep-border-radius-m);
    min-width: 9.4375rem;
    min-height: 0;
    height: 3.0625rem
}

.new-skin-symbol ion-button.logout-modal-btn-left[data-v-4ba17018] {
    margin-right: .625rem;
    --background-hover: none;
    --background-focused: none;
    --background-activated: none
}

.new-skin-symbol ion-button.logout-modal-btn-right[data-v-4ba17018] {
    --color: var(--ep-color-text-inverse);
    --background-hover: none;
    --background-focused: none;
    --background-activated: none
}

.color-primary-600[data-v-c38a7cf1] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-c38a7cf1] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-c38a7cf1] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-c38a7cf1] {
    color: var(--color-primary-900)
}

.bg-100[data-v-c38a7cf1] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-c38a7cf1] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-c38a7cf1] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-c38a7cf1] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-c38a7cf1] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-c38a7cf1] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-c38a7cf1] {
    background-color: var(--color-warning)
}

.bg-link[data-v-c38a7cf1] {
    background-color: var(--color-link)
}

.bg-danger[data-v-c38a7cf1] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-c38a7cf1] {
    color: var(--color-text-100)
}

.color-text-80[data-v-c38a7cf1] {
    color: var(--color-text-80)
}

.color-text-50[data-v-c38a7cf1] {
    color: var(--color-text-50)
}

.color-text-40[data-v-c38a7cf1] {
    color: var(--color-text-40)
}

.color-text-20[data-v-c38a7cf1] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-c38a7cf1] {
    color: var(--color-currency)
}

.color-warning[data-v-c38a7cf1] {
    color: var(--color-warning)
}

.color-danger[data-v-c38a7cf1] {
    color: var(--color-danger)
}

.color-link[data-v-c38a7cf1] {
    color: var(--color-link)
}

.color-line[data-v-c38a7cf1] {
    color: var(--color-line)
}

.color-border[data-v-c38a7cf1] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-c38a7cf1] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-c38a7cf1] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-c38a7cf1] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-c38a7cf1] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-c38a7cf1] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-c38a7cf1] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-c38a7cf1] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-c38a7cf1] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-c38a7cf1] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-c38a7cf1] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-c38a7cf1] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-c38a7cf1] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-c38a7cf1] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-c38a7cf1] {
    display: flex;
    align-items: center
}

.flex-start[data-v-c38a7cf1] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-c38a7cf1] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-c38a7cf1] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-c38a7cf1] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-c38a7cf1] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-c38a7cf1] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-c38a7cf1] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-c38a7cf1] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-c38a7cf1] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-c38a7cf1] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-c38a7cf1] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-c38a7cf1] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-c38a7cf1] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-c38a7cf1] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-c38a7cf1] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-c38a7cf1] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-c38a7cf1] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-c38a7cf1] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-c38a7cf1] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-c38a7cf1] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-c38a7cf1] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-c38a7cf1] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-c38a7cf1] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-c38a7cf1] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-c38a7cf1],
.mlm-selected-item[data-v-c38a7cf1] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-c38a7cf1] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-c38a7cf1]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-c38a7cf1] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-c38a7cf1] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-c38a7cf1] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.money-color[data-v-c38a7cf1] {
    color: var(--balance-money-text-color)
}

.new-skin-symbol .money-color[data-v-c38a7cf1] {
    color: var(--ep-color-text-default)
}

.new-skin-symbol .height-text-white[data-v-c38a7cf1] {
    font-size: var(--ep-font-size-l);
    font-weight: var(--ep-font-weight-bold);
    line-height: 1.5rem
}

.new-skin-symbol .color-text-currency[data-v-c38a7cf1] {
    color: var(--ep-color-text-warning)
}

.new-skin-symbol .color-text-40[data-v-c38a7cf1] {
    color: var(--ep-color-icon-default)
}

.color-primary-600[data-v-699a053e] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-699a053e] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-699a053e] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-699a053e] {
    color: var(--color-primary-900)
}

.bg-100[data-v-699a053e] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-699a053e] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-699a053e] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-699a053e] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-699a053e] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-699a053e] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-699a053e] {
    background-color: var(--color-warning)
}

.bg-link[data-v-699a053e] {
    background-color: var(--color-link)
}

.bg-danger[data-v-699a053e] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-699a053e] {
    color: var(--color-text-100)
}

.color-text-80[data-v-699a053e] {
    color: var(--color-text-80)
}

.color-text-50[data-v-699a053e] {
    color: var(--color-text-50)
}

.color-text-40[data-v-699a053e] {
    color: var(--color-text-40)
}

.color-text-20[data-v-699a053e] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-699a053e] {
    color: var(--color-currency)
}

.color-warning[data-v-699a053e] {
    color: var(--color-warning)
}

.color-danger[data-v-699a053e] {
    color: var(--color-danger)
}

.color-link[data-v-699a053e] {
    color: var(--color-link)
}

.color-line[data-v-699a053e] {
    color: var(--color-line)
}

.color-border[data-v-699a053e] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-699a053e] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-699a053e] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-699a053e] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-699a053e] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-699a053e] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-699a053e] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-699a053e] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-699a053e] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-699a053e] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-699a053e] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-699a053e] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-699a053e] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-699a053e] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-699a053e] {
    display: flex;
    align-items: center
}

.flex-start[data-v-699a053e] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-699a053e] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-699a053e] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-699a053e] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-699a053e] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-699a053e] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-699a053e] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-699a053e] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-699a053e] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-699a053e] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-699a053e] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-699a053e] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-699a053e] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-699a053e] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-699a053e] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-699a053e] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-699a053e] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-699a053e] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-699a053e] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-699a053e] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-699a053e] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-699a053e] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-699a053e] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-699a053e] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-699a053e],
.mlm-selected-item[data-v-699a053e] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-699a053e] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-699a053e]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-699a053e] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-699a053e] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-699a053e] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.mine[data-v-699a053e] {
    font-size: .75rem;
    line-height: 1rem
}

.user-base-info[data-v-699a053e] {
    background-color: var(--ep-color-background-fill-surface-raised-L1, var(--my-base-info-bg));
    z-index: 101;
    width: 100%;
    padding: .6875rem .75rem 1rem;
    position: fixed
}

.user-base-info .bg-img[data-v-699a053e] {
    background: var(--331b48ce) no-repeat;
    background-size: 100% 6.1875rem;
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.user-base-info .user-info[data-v-699a053e] {
    height: 5.5rem;
    display: flex;
    align-items: center
}

.user-base-info .user-info .copy-icon[data-v-699a053e] {
    width: .875rem;
    height: .875rem;
    margin-left: .75rem;
    color: var(--color-primary-800)
}

.user-base-info .user-info .vip-wrap[data-v-699a053e] {
    margin-left: 1rem
}

.user-base-info .user-info .vip-wrap .info-mid[data-v-699a053e] {
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium));
    display: flex;
    align-items: center;
    font-size: var(--ep-font-size-m, var(--font-size-14));
    color: var(--ep-color-text-default, var(--color-text-100));
    line-height: 1.3125rem
}

.user-base-info .user-info .vip-wrap .img-wrap[data-v-699a053e] {
    margin-left: .4375rem;
    display: flex;
    align-items: center
}

.user-base-info .user-info .vip-wrap .img-icon[data-v-699a053e] {
    width: 1.5rem;
    height: 1.5rem;
    z-index: 30
}

.user-base-info .user-info .vip-wrap .icon-wrap[data-v-699a053e] {
    font-size: var(--ep-font-size-xs, .625rem);
    color: var(--ep-color-text-highlight-white, var(--text-color-white-100));
    margin-left: -.6875rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.user-base-info .user-info .vip-wrap .icon-wrap .icon[data-v-699a053e] {
    width: 3.125rem;
    height: 1.105rem
}

.user-base-info .user-info .vip-wrap .icon-wrap .info[data-v-699a053e] {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.125rem;
    height: 1.105rem
}

.user-base-info .user-info .vip-wrap .icon-wrap .span-cls[data-v-699a053e] {
    margin-left: .125rem
}

.user-base-info .balance-info[data-v-699a053e] {
    height: 2.9rem;
    display: flex;
    margin-bottom: 1.09375rem;
    border-bottom: 1px solid var(--my-color-line)
}

.user-base-info .balance-info .balances[data-v-699a053e],
.user-base-info .balance-info .discount[data-v-699a053e] {
    flex: 1;
    flex-direction: column;
    background: var(--1e6614bc) no-repeat;
    background-size: 100% 100%;
    padding-bottom: .625rem;
    font-size: .625rem;
    line-height: .9375rem;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.user-base-info .balance-info .balances .title-color[data-v-699a053e],
.user-base-info .balance-info .discount .title-color[data-v-699a053e] {
    color: var(--balance-title-text-color-40)
}

.user-base-info .balance-info .balances .money-color[data-v-699a053e],
.user-base-info .balance-info .discount .money-color[data-v-699a053e] {
    color: var(--balance-money-text-color);
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.user-base-info .balance-info .balances[data-v-699a053e] {
    margin-right: .75rem
}

.user-base-info .recharge-withdraw[data-v-699a053e] {
    height: 2.5rem;
    display: flex;
    align-items: center
}

.user-base-info .recharge-withdraw .recharge-info[data-v-699a053e],
.user-base-info .recharge-withdraw .withdraw-info[data-v-699a053e] {
    flex: 1;
    background: var(--bg-color-recharge-withdraw);
    border-radius: .375rem;
    color: var(--text-color-white-100);
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--font-size-14);
    line-height: 1.3125rem;
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.user-base-info .recharge-withdraw .recharge-info .icon[data-v-699a053e],
.user-base-info .recharge-withdraw .withdraw-info .icon[data-v-699a053e] {
    width: 1.875rem;
    height: 1.875rem;
    margin-right: .375rem
}

.user-base-info .recharge-withdraw .recharge-info ion-icon[data-v-699a053e],
.user-base-info .recharge-withdraw .withdraw-info ion-icon[data-v-699a053e] {
    color: var(--recharge-withdraw-icon-color)
}

.user-base-info .recharge-withdraw .recharge-info[data-v-699a053e] {
    margin-right: .75rem
}

.skin-purple[data-v-699a053e] {
    color: var(--vip1-detail-text-color)
}

ion-content[data-v-699a053e] {
    --background: var(--color-bg-400)
}

.user-tab-info[data-v-699a053e] {
    background: var(--color-bg-300);
    padding: 1rem .75rem 1.875rem
}

.card-bg-gradient[data-v-699a053e] {
    border-radius: .5rem;
    background: var(--my-card-bg-gradient)
}

.card-bg-gradient .customer-icon[data-v-699a053e] {
    color: var(--color-primary-800)
}

.invite-item[data-v-699a053e] {
    font-size: .625rem;
    color: var(--color-text-40)
}

.my-vip[data-v-699a053e] {
    height: 11.875rem;
    background: var(--61016824) no-repeat;
    background-position: bottom 0 left 0;
    background-size: 100% 11.25rem;
    padding: 1.6rem .8125rem .8125rem;
    width: 100%;
    margin-bottom: 1rem;
    position: relative
}

.my-vip .vip-detail[data-v-699a053e] {
    width: 7.0938rem;
    height: 2.875rem;
    padding: 0 .625rem;
    background: var(--ae1dd6c2) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: .125rem;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.my-vip .vip-detail .to-icon[data-v-699a053e] {
    color: var(--ep-color-icon-default, var(--vip-info-text-color-40));
    width: 1.0938rem;
    height: 1.0938rem
}

.my-vip .vip-detail .hot-point[data-v-699a053e] {
    position: absolute;
    right: 1.625rem;
    top: .5625rem
}

.my-vip .vip-info .wrap-info[data-v-699a053e] {
    display: flex;
    align-items: center
}

.my-vip .vip-info .wrap-info .img-cls[data-v-699a053e] {
    width: 2.375rem;
    height: 2.375rem;
    z-index: 30
}

.my-vip .vip-info .wrap-info .icon-cls[data-v-699a053e] {
    position: relative;
    font-size: .75rem;
    margin-left: -1.125rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.my-vip .vip-info .wrap-info .icon-cls .icon[data-v-699a053e] {
    width: 4.5rem;
    height: 1.25rem
}

.my-vip .vip-info .wrap-info .icon-cls .info[data-v-699a053e] {
    position: absolute;
    left: 0;
    top: 0;
    width: 4.5rem;
    height: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.my-vip .vip-info .wrap-info .icon-cls .span-cls[data-v-699a053e] {
    margin-left: .125rem
}

.my-vip .vip-info .wrap-info .bot[data-v-699a053e] {
    margin-left: .75rem;
    color: var(--ep-color-text-weaker, var(--vip-info-text-color-40));
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.125rem;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.my-vip .vip-info .progress-wrap[data-v-699a053e] {
    margin-top: 1.375rem;
    display: flex;
    align-items: center
}

.my-vip .vip-info .progress-wrap .top[data-v-699a053e] {
    position: relative
}

.my-vip .vip-info .progress-wrap .progress-bar[data-v-699a053e] {
    width: 17.1875rem;
    height: .25rem;
    border-radius: 1rem
}

.my-vip .vip-info .progress-wrap .level-point[data-v-699a053e] {
    position: absolute;
    transform: translate(-50%, -50%)
}

.my-vip .vip-info .progress-wrap .top-icon[data-v-699a053e] {
    width: 2.25rem;
    height: 2.25rem
}

.my-vip .vip-info .progress-wrap .progress-bot[data-v-699a053e] {
    display: flex;
    align-items: center;
    margin-left: .375rem
}

.my-vip .vip-info .progress-wrap .progress-bot .progress-img[data-v-699a053e] {
    width: 1.5rem;
    height: 1.5rem;
    z-index: 30
}

.my-vip .vip-info .progress-wrap .progress-bot .progress-icon-wrap[data-v-699a053e] {
    position: relative;
    font-size: .625rem;
    color: var(--text-color-white-100);
    margin-left: -.6875rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.my-vip .vip-info .progress-wrap .progress-bot .progress-icon-wrap .progress-icon[data-v-699a053e] {
    width: 3.125rem;
    height: 1.105rem
}

.my-vip .vip-info .progress-wrap .progress-bot .progress-icon-wrap .out-info[data-v-699a053e] {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.125rem;
    height: 1.105rem
}

.my-vip .vip-info .progress-wrap .progress-bot .progress-icon-wrap .out-info .out-span-cls[data-v-699a053e] {
    margin-left: .125rem
}

.my-vip .vip-info .progress-wrap .progress-bot .progress-bot-txt[data-v-699a053e] {
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    line-height: 1.125rem;
    font-size: var(--ep-font-size-xs, .625rem);
    color: var(--ep-color-text-highlight-white, var(--vip-max-text-color))
}

.my-vip .current-vip-level[data-v-699a053e] {
    font-size: .75rem;
    margin-left: -1.125rem
}

.next-current-vip-level[data-v-699a053e] {
    font-size: .625rem;
    color: var(--text-color-white-100);
    margin-left: -.6875rem
}

.avatar-info[data-v-699a053e] {
    --size: 3.25rem;
    --border-radius: 50%
}

ion-progress-bar[data-v-699a053e] {
    --background: var(--progress-base-bg);
    --progress-background: var(--progress-bg)
}

ion-item[data-v-699a053e] {
    --min-height: 0;
    --padding-end: 0;
    --padding-top: .75rem;
    --padding-bottom: .75rem;
    --padding-start: 0;
    --background: transparent
}

ion-item[data-v-699a053e]::part(detail-icon) {
    font-size: .875rem;
    color: var(--my-card-detail-color)
}

.user-id[data-v-699a053e] {
    display: flex;
    align-items: center;
    color: var(--ep-color-text-weaker, var(--id-text-color-40));
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.125rem
}

.vip-text-40[data-v-699a053e] {
    color: var(--vip-info-text-color-40)
}

.card-icon-color[data-v-699a053e] {
    color: var(--color-text-40)
}

@keyframes rotation-699a053e {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(359deg)
    }
}

.left.rounded-md.flex.items-center.justify-center[data-v-699a053e] {
    background: #2c344c
}

.right.rounded-md.flex.items-center.justify-center[data-v-699a053e] {
    background: linear-gradient(180deg, #13c96a, #1d9554)
}

ion-modal#profile-modal-language[data-v-699a053e] {
    --width: fit-content;
    --height: fit-content;
    --border-radius: 6px;
    --box-shadow: 0 28px 48px rgba(0, 0, 0, .4)
}

.bet-wrap[data-v-699a053e] {
    color: var(--ep-color-text-weaker, var(--color-text-40));
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.125rem;
    margin-top: .375rem
}

.bet-wrap.condition-info[data-v-699a053e] {
    margin-top: .9rem
}

.bet-wrap .bet-left[data-v-699a053e] {
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-weaker, var(--vip-info-text-color-40));
    margin-bottom: .25rem
}

.bet-wrap .need-recharge[data-v-699a053e],
.bet-wrap .need-bets[data-v-699a053e] {
    color: var(--vip-info-tips-text-color);
    font-size: .625rem;
    display: flex;
    align-items: center
}

.bet-wrap .need-recharge p[data-v-699a053e],
.bet-wrap .need-bets p[data-v-699a053e] {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: var(--vip-info-tips-text-color);
    margin-right: .625rem
}

.bet-wrap .need-recharge .current-recharge[data-v-699a053e],
.bet-wrap .need-bets .current-recharge[data-v-699a053e] {
    color: var(--color-currency);
    margin-right: .375rem
}

.bet-wrap .vip-info-max[data-v-699a053e] {
    color: var(--vip-max-text-color);
    font-size: var(--ep-font-size-xs, .625rem)
}

.kf-nav[data-v-699a053e] {
    width: 100%;
    padding-left: 1rem;
    margin-bottom: 1rem
}

.kf-nav .icon-cls[data-v-699a053e] {
    position: relative
}

.kf-nav .icon-cls .top[data-v-699a053e] {
    display: flex;
    align-items: center
}

.kf-nav .icon-cls .top .customer-icon[data-v-699a053e] {
    width: 1.5rem;
    height: 1.5rem;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    margin-right: .625rem
}

.kf-nav .icon-cls .top .name[data-v-699a053e] {
    font-size: .75rem;
    color: var(--ep-color-text-default, var(--color-text-100));
    line-height: 1.125rem;
    font-weight: 500
}

.kf-nav .icon-cls .num[data-v-699a053e] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 1.125rem;
    background: var(--color-danger);
    position: absolute;
    right: 2.5rem;
    border-radius: 9999px;
    font-size: var(--ep-font-size-s, .75rem);
    color: var(--ep-color-text-highlight-white, var(--text-color-white-100));
    background: var(--ep-color-icon-tips, var(--color-danger))
}

.feature-tab[data-v-699a053e] {
    width: 100%;
    padding-left: 1rem;
    margin-bottom: 1rem
}

.feature-tab .top[data-v-699a053e] {
    display: flex;
    align-items: center
}

.feature-tab .top .icon-cls[data-v-699a053e] {
    width: 1.5rem;
    height: 1.5rem;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    margin-right: .625rem
}

.feature-tab .top .name[data-v-699a053e] {
    font-size: .75rem;
    color: var(--ep-color-text-default, var(--color-text-100));
    line-height: 1.125rem;
    font-weight: 500
}

.feature-tab .mid[data-v-699a053e] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%
}

.feature-tab .mid .label[data-v-699a053e] {
    flex: 2.5;
    text-align: right;
    max-width: 13rem
}

.feature-tab .bot[data-v-699a053e] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    font-size: .75rem;
    line-height: 1.125rem;
    font-weight: 400;
    color: var(--ep-color-text-default, var(--current-language-text-color))
}

.feature-tab .bot .flag-rounded[data-v-699a053e] {
    font-size: 1rem;
    border-radius: .75rem;
    margin-right: .5rem
}

.feature-tab .hot-point[data-v-699a053e] {
    right: 1.625rem;
    top: 0
}

.new-skin-symbol .small-text-white[data-v-699a053e] {
    color: var(--ep-color-text-weaker);
    font-size: var(--ep-font-size-s);
    line-height: 1.125rem
}

.new-skin-symbol .middle-text-white[data-v-699a053e] {
    font-size: var(--ep-font-size-m);
    color: var(--ep-color-text-default);
    line-height: 1.3125rem
}

.new-skin-symbol .height-text-white[data-v-699a053e] {
    font-size: var(--ep-font-size-l);
    font-weight: var(--ep-font-weight-bold);
    line-height: 1.5rem
}

.new-skin-symbol .font-weight-medium[data-v-699a053e] {
    font-weight: var(--ep-font-weight-medium)
}

.new-skin-symbol .font-weight-bold[data-v-699a053e] {
    font-weight: var(--ep-font-weight-bold)
}

.new-skin-symbol .user-base-info[data-v-699a053e] {
    background-color: var(--ep-color-background-fill-surface-raised-L1)
}

.new-skin-symbol .user-base-info .user-info .copy-icon[data-v-699a053e] {
    color: var(--ep-color-icon-brand-primary)
}

.new-skin-symbol .user-base-info .balance-info[data-v-699a053e] {
    border-bottom: 1px solid var(--ep-color-border-default)
}

.new-skin-symbol .user-base-info .balance-info .balances[data-v-699a053e],
.new-skin-symbol .user-base-info .balance-info .discount[data-v-699a053e] {
    position: relative;
    overflow: hidden;
    background: none;
    font-size: var(--ep-font-size-xs)
}

.new-skin-symbol .user-base-info .balance-info .balances .title-color[data-v-699a053e],
.new-skin-symbol .user-base-info .balance-info .discount .title-color[data-v-699a053e] {
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol .user-base-info .balance-info .balances .money-color[data-v-699a053e],
.new-skin-symbol .user-base-info .balance-info .discount .money-color[data-v-699a053e] {
    color: var(--ep-color-text-default)
}

.new-skin-symbol .user-base-info .balance-info .balances[data-v-699a053e]:before,
.new-skin-symbol .user-base-info .balance-info .discount[data-v-699a053e]:before {
    content: "";
    position: absolute;
    border-radius: 50%;
    width: 100.58px;
    height: 35px;
    top: 40px;
    left: 32px;
    background: var(--ep-color-background-fill-glow-primary-opacity-40);
    filter: blur(24px);
    z-index: -1
}

.new-skin-symbol .user-base-info .recharge-withdraw .recharge-info[data-v-699a053e],
.new-skin-symbol .user-base-info .recharge-withdraw .withdraw-info[data-v-699a053e] {
    background: var(--ep-color-background-fill-surface-raised-L2);
    box-shadow: 0 -26px 20px -24px var(--ep-color-background-fill-glow-secondary-opacity-40) inset;
    color: var(--ep-color-text-default)
}

.new-skin-symbol .user-base-info .recharge-withdraw .recharge-info ion-icon[data-v-699a053e],
.new-skin-symbol .user-base-info .recharge-withdraw .withdraw-info ion-icon[data-v-699a053e] {
    color: var(--ep-color-icon-brand-primary)
}

.new-skin-symbol .skin-purple[data-v-699a053e] {
    color: var(--ep-color-text-highlight-white)
}

.new-skin-symbol ion-content[data-v-699a053e] {
    --background: var(--ep-color-background-fill-body-default)
}

.new-skin-symbol .user-tab-info[data-v-699a053e] {
    background: var(--ep-color-background-fill-body-default)
}

.new-skin-symbol .card-bg-gradient[data-v-699a053e] {
    border-radius: var(--ep-border-radius-m);
    background: var(--ep-color-background-fill-surface-raised-L1)
}

.new-skin-symbol .card-bg-gradient .customer-icon[data-v-699a053e] {
    color: var(--ep-color-icon-brand-primary)
}

.new-skin-symbol .navigation-item[data-v-699a053e] {
    font-size: var(--ep-font-size-s);
    font-weight: var(--ep-font-weight-medium);
    color: var(--ep-color-text-default)
}

.new-skin-symbol .invite-item[data-v-699a053e] {
    font-size: var(--ep-font-size-xs);
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol .red-points[data-v-699a053e] {
    font-size: var(--ep-font-size-s);
    color: var(--ep-color-text-highlight-white);
    background: var(--ep-color-icon-tips)
}

.new-skin-symbol .my-vip .vip-detail .to-icon[data-v-699a053e] {
    color: var(--ep-color-icon-default)
}

.new-skin-symbol .need-recharge[data-v-699a053e],
.new-skin-symbol .need-bets[data-v-699a053e] {
    font-size: var(--ep-font-size-xs);
    color: var(--ep-color-text-weakest)
}

.new-skin-symbol .need-recharge p[data-v-699a053e],
.new-skin-symbol .need-bets p[data-v-699a053e] {
    background: var(--ep-color-text-weakest)
}

.new-skin-symbol .current-recharge[data-v-699a053e] {
    color: var(--ep-color-text-warning)
}

.new-skin-symbol .next-current-vip-level[data-v-699a053e] {
    font-size: var(--ep-font-size-xs);
    color: var(--ep-color-text-highlight-white)
}

.new-skin-symbol ion-progress-bar[data-v-699a053e] {
    --background: var(--ep-color-text-weakest);
    --progress-background: #188707
}

.new-skin-symbol ion-item[data-v-699a053e]::part(detail-icon) {
    font-size: var(--ep-font-size-m);
    color: var(--ep-color-icon-weaker)
}

.new-skin-symbol .current-language[data-v-699a053e] {
    color: var(--ep-color-text-default)
}

.new-skin-symbol .current-language .flag-rounded[data-v-699a053e] {
    font-size: var(--ep-font-size-l);
    border-radius: var(--ep-border-radius-surface-small)
}

.new-skin-symbol .user-id[data-v-699a053e],
.new-skin-symbol .vip-text-40[data-v-699a053e] {
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol .vip-info-max[data-v-699a053e] {
    color: var(--ep-color-text-highlight-white);
    font-size: var(--ep-font-size-xs, .625rem)
}

.new-skin-symbol .card-icon-color[data-v-699a053e] {
    color: var(--ep-color-icon-weaker)
}

.new-skin-symbol .max-level[data-v-699a053e] {
    font-size: var(--ep-font-size-s);
    line-height: 1.125rem
}

.color-primary-600[data-v-5eab0183] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-5eab0183] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-5eab0183] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-5eab0183] {
    color: var(--color-primary-900)
}

.bg-100[data-v-5eab0183] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-5eab0183] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-5eab0183] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-5eab0183] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-5eab0183] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-5eab0183] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-5eab0183] {
    background-color: var(--color-warning)
}

.bg-link[data-v-5eab0183] {
    background-color: var(--color-link)
}

.bg-danger[data-v-5eab0183] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-5eab0183] {
    color: var(--color-text-100)
}

.color-text-80[data-v-5eab0183] {
    color: var(--color-text-80)
}

.color-text-50[data-v-5eab0183] {
    color: var(--color-text-50)
}

.color-text-40[data-v-5eab0183] {
    color: var(--color-text-40)
}

.color-text-20[data-v-5eab0183] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-5eab0183] {
    color: var(--color-currency)
}

.color-warning[data-v-5eab0183] {
    color: var(--color-warning)
}

.color-danger[data-v-5eab0183] {
    color: var(--color-danger)
}

.color-link[data-v-5eab0183] {
    color: var(--color-link)
}

.color-line[data-v-5eab0183] {
    color: var(--color-line)
}

.color-border[data-v-5eab0183] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-5eab0183] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-5eab0183] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-5eab0183] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-5eab0183] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-5eab0183] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-5eab0183] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-5eab0183] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-5eab0183] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-5eab0183] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-5eab0183] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-5eab0183] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-5eab0183] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-5eab0183] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-5eab0183] {
    display: flex;
    align-items: center
}

.flex-start[data-v-5eab0183] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-5eab0183] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-5eab0183] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-5eab0183] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-5eab0183] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-5eab0183] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-5eab0183] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-5eab0183] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-5eab0183] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-5eab0183] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-5eab0183] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-5eab0183] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-5eab0183] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-5eab0183] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-5eab0183] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-5eab0183] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-5eab0183] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-5eab0183] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-5eab0183] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-5eab0183] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-5eab0183] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-5eab0183] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-5eab0183] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-5eab0183] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-5eab0183],
.mlm-selected-item[data-v-5eab0183] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-5eab0183] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-5eab0183]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-5eab0183] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-5eab0183] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-5eab0183] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-content.common-ion-content[data-v-5eab0183] {
    --background: var(--color-bg-300)
}

.security-bind-email-tips[data-v-5eab0183] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem;
    font-weight: var(--font-weight-medium)
}

.new-skin-symbol ion-content.common-ion-content[data-v-5eab0183] {
    --background: var(--ep-color-background-fill-body-default)
}

.new-skin-symbol .security-bind-email-tips[data-v-5eab0183] {
    font-size: var(--ep-font-size-m);
    color: var(--ep-color-text-default);
    line-height: 1.3125rem;
    font-weight: var(--ep-font-weight-medium)
}

.color-primary-600[data-v-53ac9577] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-53ac9577] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-53ac9577] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-53ac9577] {
    color: var(--color-primary-900)
}

.bg-100[data-v-53ac9577] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-53ac9577] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-53ac9577] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-53ac9577] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-53ac9577] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-53ac9577] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-53ac9577] {
    background-color: var(--color-warning)
}

.bg-link[data-v-53ac9577] {
    background-color: var(--color-link)
}

.bg-danger[data-v-53ac9577] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-53ac9577] {
    color: var(--color-text-100)
}

.color-text-80[data-v-53ac9577] {
    color: var(--color-text-80)
}

.color-text-50[data-v-53ac9577] {
    color: var(--color-text-50)
}

.color-text-40[data-v-53ac9577] {
    color: var(--color-text-40)
}

.color-text-20[data-v-53ac9577] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-53ac9577] {
    color: var(--color-currency)
}

.color-warning[data-v-53ac9577] {
    color: var(--color-warning)
}

.color-danger[data-v-53ac9577] {
    color: var(--color-danger)
}

.color-link[data-v-53ac9577] {
    color: var(--color-link)
}

.color-line[data-v-53ac9577] {
    color: var(--color-line)
}

.color-border[data-v-53ac9577] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-53ac9577] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-53ac9577] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-53ac9577] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-53ac9577] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-53ac9577] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-53ac9577] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-53ac9577] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-53ac9577] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-53ac9577] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-53ac9577] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-53ac9577] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-53ac9577] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-53ac9577] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-53ac9577] {
    display: flex;
    align-items: center
}

.flex-start[data-v-53ac9577] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-53ac9577] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-53ac9577] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-53ac9577] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-53ac9577] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-53ac9577] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-53ac9577] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-53ac9577] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-53ac9577] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-53ac9577] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-53ac9577] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-53ac9577] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-53ac9577] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-53ac9577] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-53ac9577] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-53ac9577] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-53ac9577] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-53ac9577] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-53ac9577] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-53ac9577] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-53ac9577] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-53ac9577] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-53ac9577] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-53ac9577] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-53ac9577],
.mlm-selected-item[data-v-53ac9577] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-53ac9577] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-53ac9577]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-53ac9577] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-53ac9577] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-53ac9577] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.px-12[data-v-53ac9577] {
    padding: 0 .75rem
}

.channel-wrap[data-v-53ac9577] ::-webkit-scrollbar {
    display: none !important;
    width: 0px;
    height: 0px
}

.channel-wrap .channel-list[data-v-53ac9577] {
    text-align: center;
    overflow-x: auto;
    align-content: flex-end;
    align-items: flex-end;
    touch-action: pan-x
}

.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)
}

.green-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-gray-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)
}

.green-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-bold)
}

.green-default .channel-wrap.sub-tab .title[data-v-53ac9577] {
    line-height: 1.375rem;
    margin: .75rem 0;
    color: var(--color-text-gray-100)
}

.green-default .channel-wrap.sub-tab .channel-list li[data-v-53ac9577] {
    width: 5rem;
    height: 2.125rem;
    line-height: 2.125rem;
    background: var(--color-bg-200);
    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)
}

.green-default .channel-wrap.sub-tab .channel-list .active[data-v-53ac9577] {
    background: var(--color-bg-400);
    border-color: var(--theme-color-500);
    color: var(--color-text-gray-100);
    font-weight: var(--font-weight-bold)
}

.green-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)
}

.forest-green .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-gray-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)
}

.forest-green .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-bold)
}

.forest-green .channel-wrap.sub-tab .title[data-v-53ac9577] {
    line-height: 1.375rem;
    margin: .75rem 0;
    color: var(--color-text-gray-100)
}

.forest-green .channel-wrap.sub-tab .channel-list li[data-v-53ac9577] {
    width: 5rem;
    height: 2.125rem;
    line-height: 2.125rem;
    background: var(--color-bg-200);
    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-bg-100);
    overflow-x: visible;
    cursor: pointer;
    font-size: var(--font-size-14)
}

.forest-green .channel-wrap.sub-tab .channel-list .active[data-v-53ac9577] {
    background: var(--color-bg-400);
    border-color: var(--theme-color-800);
    color: var(--color-text-gray-100);
    font-weight: var(--font-weight-bold)
}

.forest-green .channel-wrap.sub-tab .new-tab .active[data-v-53ac9577] {
    color: var(--accent-color-orange);
    border-color: var(--color-text-gray-200);
    background: var(--color-bg-100)
}

.amber-purple .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(--text-color-light-purple-1-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)
}

.amber-purple .default .channel-wrap.main-tab .channel-list .active[data-v-53ac9577] {
    background: var(--theme-color-800);
    color: var(--color-text-secondary-1);
    font-weight: var(--font-weight-bold)
}

.amber-purple .default .channel-wrap.sub-tab .title[data-v-53ac9577] {
    line-height: 1.375rem;
    margin: .75rem 0;
    color: var(--text-color-light-purple-1-100)
}

.amber-purple .default .channel-wrap.sub-tab .channel-list li[data-v-53ac9577] {
    width: 5rem;
    height: 2.125rem;
    line-height: 2.125rem;
    background: var(--color-bg-400);
    color: var(--text-color-light-purple-1-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)
}

.amber-purple .default .channel-wrap.sub-tab .channel-list .active[data-v-53ac9577] {
    background: var(--color-bg-400);
    border-color: var(--theme-color-800);
    color: var(--color-text-gray-100);
    font-weight: var(--font-weight-bold)
}

.amber-purple .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)
}

.amber-purple .second .channel-wrap[data-v-53ac9577] {
    box-sizing: border-box;
    font-size: var(--font-size-12)
}

.amber-purple .second .channel-wrap .title[data-v-53ac9577] {
    font-weight: var(--font-weight-bold);
    margin-bottom: .4375rem;
    color: var(--color-text-100)
}

.amber-purple .second .channel-wrap .channel-list[data-v-53ac9577] {
    height: 1.875rem;
    position: sticky;
    top: 0
}

.amber-purple .second .channel-wrap .channel-list li[data-v-53ac9577] {
    height: 1.875rem;
    flex-shrink: 0;
    padding: 0 .75rem;
    min-width: 4.3125rem;
    line-height: 1.875rem;
    color: var(--text-color-light-purple-1-100);
    border-radius: var(--rounded-small);
    margin-right: .875rem;
    border: 1px solid var(--color-border);
    position: relative;
    overflow-x: visible;
    cursor: pointer;
    background: var(--color-bg-400)
}

.amber-purple .second .channel-wrap .channel-list li .tag[data-v-53ac9577] {
    position: absolute;
    width: 2.75rem;
    height: 1.125rem;
    right: .3125rem;
    top: -.5625rem;
    line-height: 1.125rem;
    color: var(--accent-color-red);
    z-index: 10
}

.amber-purple .second .channel-wrap .channel-list li .tag .rectangle[data-v-53ac9577] {
    width: 100%;
    height: 100%
}

.amber-purple .second .channel-wrap .channel-list li .tag i[data-v-53ac9577] {
    font-size: var(--font-size-8);
    color: var(--text-color-white-100);
    font-weight: var(--font-weight-bold);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.amber-purple .second .channel-wrap .channel-list .active[data-v-53ac9577] {
    color: var(--color-text-secondary-1);
    font-weight: var(--font-weight-bold)
}

.amber-purple .second .channel-wrap .tag-list[data-v-53ac9577] {
    height: 2.5rem
}

.amber-purple .second .main-tab .channel-list .active[data-v-53ac9577],
.amber-purple .second .sub-tab .channel-list .active[data-v-53ac9577] {
    background: var(--theme-color-800)
}

.green-dark .channel-wrap[data-v-53ac9577],
.yellow-dark .channel-wrap[data-v-53ac9577] {
    box-sizing: border-box;
    font-size: var(--font-size-12)
}

.green-dark .channel-wrap .title[data-v-53ac9577],
.yellow-dark .channel-wrap .title[data-v-53ac9577] {
    font-weight: var(--font-weight-bold);
    margin-bottom: .4375rem;
    color: var(--color-text-100)
}

.green-dark .channel-wrap .channel-list[data-v-53ac9577],
.yellow-dark .channel-wrap .channel-list[data-v-53ac9577] {
    height: 1.875rem;
    position: sticky;
    top: 0
}

.green-dark .channel-wrap .channel-list li[data-v-53ac9577],
.yellow-dark .channel-wrap .channel-list li[data-v-53ac9577] {
    height: 1.875rem;
    flex-shrink: 0;
    padding: 0 .75rem;
    min-width: 4.3125rem;
    line-height: 1.875rem;
    color: var(--color-text-40);
    border-radius: var(--rounded-small);
    margin-right: .875rem;
    border: 1px solid var(--color-border);
    position: relative;
    overflow-x: visible;
    cursor: pointer;
    background: var(--color-bg-400)
}

.green-dark .channel-wrap .channel-list li .tag[data-v-53ac9577],
.yellow-dark .channel-wrap .channel-list li .tag[data-v-53ac9577] {
    position: absolute;
    width: 2.75rem;
    height: 1.125rem;
    right: .3125rem;
    top: -.5625rem;
    line-height: 1.125rem;
    color: var(--accent-color-red);
    z-index: 10
}

.green-dark .channel-wrap .channel-list li .tag .rectangle[data-v-53ac9577],
.yellow-dark .channel-wrap .channel-list li .tag .rectangle[data-v-53ac9577] {
    width: 100%;
    height: 100%
}

.green-dark .channel-wrap .channel-list li .tag i[data-v-53ac9577],
.yellow-dark .channel-wrap .channel-list li .tag i[data-v-53ac9577] {
    font-size: var(--font-size-8);
    color: var(--text-color-white-100);
    font-weight: var(--font-weight-bold);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.green-dark .channel-wrap .channel-list .active[data-v-53ac9577],
.yellow-dark .channel-wrap .channel-list .active[data-v-53ac9577] {
    color: var(--color-text-100);
    font-weight: var(--font-weight-bold)
}

.green-dark .channel-wrap .tag-list[data-v-53ac9577],
.yellow-dark .channel-wrap .tag-list[data-v-53ac9577] {
    height: 2.5rem
}

.green-dark .main-tab .channel-list .active[data-v-53ac9577],
.yellow-dark .main-tab .channel-list .active[data-v-53ac9577] {
    background: var(--color-bg-100)
}

.green-dark .sub-tab .channel-list .active[data-v-53ac9577],
.yellow-dark .sub-tab .channel-list .active[data-v-53ac9577] {
    background: var(--color-bg-200)
}

.auroral-yellow .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)
}

.auroral-yellow .channel-wrap.main-tab .channel-list .active[data-v-53ac9577] {
    background: var(--theme-color-800);
    color: var(--color-text-black-100);
    font-weight: var(--font-weight-bold)
}

.auroral-yellow .channel-wrap.sub-tab .title[data-v-53ac9577] {
    line-height: 1.375rem;
    margin: .75rem 0;
    color: var(--color-text-white-100)
}

.auroral-yellow .channel-wrap.sub-tab .channel-list li[data-v-53ac9577] {
    width: 5rem;
    height: 2.125rem;
    line-height: 2.125rem;
    background: var(--color-bg-200);
    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)
}

.auroral-yellow .channel-wrap.sub-tab .channel-list .active[data-v-53ac9577] {
    background: var(--color-bg-100);
    border-color: var(--theme-color-500);
    color: var(--color-text-gray-200);
    font-weight: var(--font-weight-bold)
}

.auroral-yellow .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)
}

.purple-light .channel-wrap[data-v-53ac9577] {
    box-sizing: border-box;
    font-size: var(--font-size-12)
}

.purple-light .channel-wrap .title[data-v-53ac9577] {
    font-weight: var(--font-weight-bold);
    margin-bottom: .4375rem;
    color: var(--color-text-100)
}

.purple-light .channel-wrap .channel-list[data-v-53ac9577] {
    height: 1.875rem;
    position: sticky;
    top: 0
}

.purple-light .channel-wrap .channel-list li[data-v-53ac9577] {
    height: 1.875rem;
    flex-shrink: 0;
    padding: 0 .75rem;
    min-width: 4.3125rem;
    line-height: 1.875rem;
    color: var(--color-text-80);
    border-radius: var(--rounded-small);
    margin-right: .875rem;
    border: 1px solid var(--color-border);
    position: relative;
    overflow-x: visible;
    cursor: pointer;
    background: var(--color-bg-400)
}

.purple-light .channel-wrap .channel-list li .tag[data-v-53ac9577] {
    position: absolute;
    width: 2.75rem;
    height: 1.125rem;
    right: .3125rem;
    top: -.5625rem;
    line-height: 1.125rem;
    color: var(--accent-color-red);
    z-index: 10
}

.purple-light .channel-wrap .channel-list li .tag .rectangle[data-v-53ac9577] {
    width: 100%;
    height: 100%
}

.purple-light .channel-wrap .channel-list li .tag i[data-v-53ac9577] {
    font-size: var(--font-size-8);
    color: var(--text-color-white-100);
    font-weight: var(--font-weight-bold);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.purple-light .channel-wrap .channel-list .active[data-v-53ac9577] {
    color: var(--color-text-secondary-1);
    font-weight: var(--font-weight-bold)
}

.purple-light .channel-wrap .tag-list[data-v-53ac9577] {
    height: 2.5rem
}

.purple-light .main-tab .channel-list .active[data-v-53ac9577],
.purple-light .sub-tab .channel-list .active[data-v-53ac9577] {
    background: var(--theme-color-800)
}

.new-skin-symbol .channel-wrap[data-v-53ac9577] {
    box-sizing: border-box;
    font-size: var(--ep-font-size-s, .75rem)
}

.new-skin-symbol .channel-wrap .title[data-v-53ac9577] {
    font-weight: var(--ep-font-weight-bold, 700);
    margin-bottom: .4375rem;
    color: var(--ep-color-text-default)
}

.new-skin-symbol .channel-wrap .channel-list[data-v-53ac9577] {
    height: 1.875rem;
    position: sticky;
    top: 0
}

.new-skin-symbol .channel-wrap .channel-list li[data-v-53ac9577] {
    height: 1.875rem;
    flex-shrink: 0;
    padding: 0 .75rem;
    min-width: 4.3125rem;
    line-height: 1.875rem;
    color: var(--ep-color-text-weaker);
    border-radius: var(--ep-border-radius-m, .375rem);
    margin-right: .875rem;
    border: 1px solid var(--ep-color-border-default);
    position: relative;
    overflow-x: visible;
    cursor: pointer;
    background: var(--ep-color-background-fill-body-default)
}

.new-skin-symbol .channel-wrap .channel-list li .tag[data-v-53ac9577] {
    position: absolute;
    width: 2.75rem;
    height: 1.125rem;
    right: .3125rem;
    top: -.5625rem;
    line-height: 1.125rem;
    color: var(--ep-color-icon-tips);
    z-index: 10
}

.new-skin-symbol .channel-wrap .channel-list li .tag .rectangle[data-v-53ac9577] {
    width: 100%;
    height: 100%
}

.new-skin-symbol .channel-wrap .channel-list li .tag i[data-v-53ac9577] {
    font-size: var(--ep-font-size-xs, .625rem);
    color: var(--ep-color-icon-highlight-white);
    font-weight: var(--ep-font-weight-bold, 700);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.new-skin-symbol .channel-wrap .channel-list .active[data-v-53ac9577] {
    color: var(--ep-color-text-selected);
    font-weight: var(--ep-font-weight-bold, 700)
}

.new-skin-symbol .channel-wrap .tag-list[data-v-53ac9577] {
    height: 2.5rem
}

.new-skin-symbol .main-tab .channel-list .active[data-v-53ac9577] {
    color: var(--ep-color-text-inverse);
    background: var(--ep-color-background-fill-active-primary)
}

.new-skin-symbol .sub-tab .channel-list .active[data-v-53ac9577] {
    background: var(--ep-color-background-fill-surface-raised-L1)
}

.color-primary-600[data-v-ef520ddb] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-ef520ddb] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-ef520ddb] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-ef520ddb] {
    color: var(--color-primary-900)
}

.bg-100[data-v-ef520ddb] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-ef520ddb] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-ef520ddb] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-ef520ddb] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-ef520ddb] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-ef520ddb] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-ef520ddb] {
    background-color: var(--color-warning)
}

.bg-link[data-v-ef520ddb] {
    background-color: var(--color-link)
}

.bg-danger[data-v-ef520ddb] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-ef520ddb] {
    color: var(--color-text-100)
}

.color-text-80[data-v-ef520ddb] {
    color: var(--color-text-80)
}

.color-text-50[data-v-ef520ddb] {
    color: var(--color-text-50)
}

.color-text-40[data-v-ef520ddb] {
    color: var(--color-text-40)
}

.color-text-20[data-v-ef520ddb] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-ef520ddb] {
    color: var(--color-currency)
}

.color-warning[data-v-ef520ddb] {
    color: var(--color-warning)
}

.color-danger[data-v-ef520ddb] {
    color: var(--color-danger)
}

.color-link[data-v-ef520ddb] {
    color: var(--color-link)
}

.color-line[data-v-ef520ddb] {
    color: var(--color-line)
}

.color-border[data-v-ef520ddb] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-ef520ddb] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-ef520ddb] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-ef520ddb] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-ef520ddb] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-ef520ddb] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-ef520ddb] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-ef520ddb] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-ef520ddb] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-ef520ddb] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-ef520ddb] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-ef520ddb] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-ef520ddb] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-ef520ddb] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-ef520ddb] {
    display: flex;
    align-items: center
}

.flex-start[data-v-ef520ddb] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-ef520ddb] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-ef520ddb] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-ef520ddb] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-ef520ddb] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-ef520ddb] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-ef520ddb] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-ef520ddb] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-ef520ddb] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-ef520ddb] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-ef520ddb] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-ef520ddb] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-ef520ddb] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-ef520ddb] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-ef520ddb] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-ef520ddb] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-ef520ddb] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-ef520ddb] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-ef520ddb] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-ef520ddb] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-ef520ddb] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-ef520ddb] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-ef520ddb] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-ef520ddb] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-ef520ddb],
.mlm-selected-item[data-v-ef520ddb] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-ef520ddb] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-ef520ddb]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-ef520ddb] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-ef520ddb] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-ef520ddb] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.real-name[data-v-ef520ddb] {
    padding-right: .75rem;
    overflow-x: scroll;
    white-space: nowrap
}

.real-name[data-v-ef520ddb]::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important
}

.form-wrap[data-v-ef520ddb] {
    background-color: var(--color-bg-300);
    width: 24.375rem;
    padding: .75rem .75rem 1.875rem;
    box-sizing: border-box;
    text-align: left;
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    font-weight: var(--font-weight-regular)
}

.form-wrap .item[data-v-ef520ddb] {
    margin-top: 1.5rem
}

.form-wrap .text-item[data-v-ef520ddb] {
    width: 50%
}

.form-wrap .label[data-v-ef520ddb] {
    line-height: 18px
}

.form-wrap .input-area[data-v-ef520ddb] {
    width: 22.875rem;
    background-color: var(--color-bg-400)
}

.form-wrap .only-text[data-v-ef520ddb] {
    text-indent: 1em;
    color: var(--color-text-100);
    font-size: var(--font-size-12);
    font-weight: var(--font-weight-bold)
}

.form-wrap .tip-text[data-v-ef520ddb] {
    color: var(--color-link);
    font-size: var(--font-size-12);
    font-weight: var(--font-weight-medium);
    line-height: 1.125rem;
    margin-top: 1.3125rem;
    align-items: flex-start
}

.form-wrap .tip-text ion-icon[data-v-ef520ddb] {
    color: var(--color-link);
    font-size: var(--font-size-12);
    font-weight: var(--font-weight-medium);
    font-size: 32px
}

.form-wrap .tip-text span[data-v-ef520ddb] {
    margin-left: .1875rem
}

.form-wrap.purple-light .label[data-v-ef520ddb] {
    color: var(--text-color-black-80);
    font-size: var(--font-size-12);
    font-weight: var(--font-weight-regular)
}

.form-wrap.amber-purple .label[data-v-ef520ddb] {
    color: var(--color-text-first);
    font-size: var(--font-size-12);
    font-weight: var(--font-weight-regular)
}

.form-wrap.amber-purple .only-text[data-v-ef520ddb] {
    margin-top: .75rem;
    font-size: .875rem
}

.new-skin-symbol .form-wrap[data-v-ef520ddb] {
    width: 24.375rem;
    padding: .75rem .75rem 1.875rem;
    box-sizing: border-box;
    text-align: left;
    color: var(--ep-color-text-weaker);
    font-size: var(--ep-font-size-s, .75rem)
}

.new-skin-symbol .form-wrap .item[data-v-ef520ddb] {
    margin-top: 1.5rem
}

.new-skin-symbol .form-wrap .text-item[data-v-ef520ddb] {
    width: 50%
}

.new-skin-symbol .form-wrap .label[data-v-ef520ddb] {
    line-height: 18px
}

.new-skin-symbol .form-wrap .input-area[data-v-ef520ddb] {
    width: 22.875rem;
    background: var(--ep-color-background-fill-surface-lowered)
}

.new-skin-symbol .form-wrap .only-text[data-v-ef520ddb] {
    text-indent: 1em;
    font-weight: 700;
    color: var(--ep-color-text-default)
}

.new-skin-symbol .form-wrap .tip-text[data-v-ef520ddb] {
    line-height: 1.125rem;
    margin-top: 1.3125rem;
    align-items: flex-start;
    font-weight: 500;
    font-size: var(--ep-font-size-s, .75rem);
    color: var(--ep-color-text-info)
}

.new-skin-symbol .form-wrap .tip-text ion-icon[data-v-ef520ddb] {
    color: var(--ep-color-icon-info);
    font-size: 2rem;
    width: 2rem;
    height: 2rem;
    margin-top: -.4375rem
}

.new-skin-symbol .form-wrap .tip-text span[data-v-ef520ddb] {
    margin-left: .1875rem
}

.color-primary-600[data-v-bc85c957] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-bc85c957] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-bc85c957] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-bc85c957] {
    color: var(--color-primary-900)
}

.bg-100[data-v-bc85c957] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-bc85c957] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-bc85c957] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-bc85c957] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-bc85c957] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-bc85c957] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-bc85c957] {
    background-color: var(--color-warning)
}

.bg-link[data-v-bc85c957] {
    background-color: var(--color-link)
}

.bg-danger[data-v-bc85c957] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-bc85c957] {
    color: var(--color-text-100)
}

.color-text-80[data-v-bc85c957] {
    color: var(--color-text-80)
}

.color-text-50[data-v-bc85c957] {
    color: var(--color-text-50)
}

.color-text-40[data-v-bc85c957] {
    color: var(--color-text-40)
}

.color-text-20[data-v-bc85c957] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-bc85c957] {
    color: var(--color-currency)
}

.color-warning[data-v-bc85c957] {
    color: var(--color-warning)
}

.color-danger[data-v-bc85c957] {
    color: var(--color-danger)
}

.color-link[data-v-bc85c957] {
    color: var(--color-link)
}

.color-line[data-v-bc85c957] {
    color: var(--color-line)
}

.color-border[data-v-bc85c957] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-bc85c957] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-bc85c957] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-bc85c957] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-bc85c957] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-bc85c957] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-bc85c957] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-bc85c957] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-bc85c957] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-bc85c957] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-bc85c957] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-bc85c957] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-bc85c957] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-bc85c957] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-bc85c957] {
    display: flex;
    align-items: center
}

.flex-start[data-v-bc85c957] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-bc85c957] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-bc85c957] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-bc85c957] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-bc85c957] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-bc85c957] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-bc85c957] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-bc85c957] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-bc85c957] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-bc85c957] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-bc85c957] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-bc85c957] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-bc85c957] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-bc85c957] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-bc85c957] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-bc85c957] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-bc85c957] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-bc85c957] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-bc85c957] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-bc85c957] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-bc85c957] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-bc85c957] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-bc85c957] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-bc85c957] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-bc85c957],
.mlm-selected-item[data-v-bc85c957] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-bc85c957] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-bc85c957]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-bc85c957] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-bc85c957] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-bc85c957] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.new-skin-symbol .card-wrap[data-v-bc85c957] {
    width: 22.875rem;
    min-height: 7.25rem;
    margin: 0 auto;
    box-sizing: border-box;
    background: var(--ep-color-background-fill-surface-raised-L1);
    border-radius: var(--ep-border-radius-m, .375rem);
    border: 1px solid var(--ep-color-border-default)
}

.new-skin-symbol .card-wrap .append-area[data-v-bc85c957] {
    cursor: pointer
}

.new-skin-symbol .card-wrap .append-area .empty[data-v-bc85c957] {
    width: 5.5rem;
    height: 4rem;
    margin-top: .875rem;
    margin-left: 1.3125rem
}

.new-skin-symbol .card-wrap .append-area .right-text[data-v-bc85c957] {
    width: 13.75rem;
    margin-right: .5rem
}

.new-skin-symbol .card-wrap .append-area .right-text p[data-v-bc85c957] {
    font-size: var(--ep-font-size-m, .875rem);
    color: var(--ep-color-text-default);
    line-height: 1.3125rem;
    margin-top: .375rem
}

.new-skin-symbol .card-wrap .append-area .right-text .append-text[data-v-bc85c957] {
    float: right;
    height: 1.625rem;
    line-height: 1.5625rem;
    box-sizing: border-box;
    margin-top: .1875rem;
    padding: .25rem .4375rem .25rem .5rem;
    border-radius: var(--ep-border-radius-s, .25rem);
    background: var(--ep-color-background-fill-surface-raised-L2);
    font-weight: var(--ep-font-weight-bold, 700);
    font-size: var(--ep-font-size-s, .75rem);
    color: var(--ep-color-text-success)
}

.new-skin-symbol .card-wrap .append-area .right-text .append-text .append[data-v-bc85c957] {
    margin-right: .375rem;
    font-size: var(--ep-font-size-m, .875rem);
    color: var(--ep-color-icon-success)
}

.amber-purple .card-wrap[data-v-bc85c957] {
    width: 22.875rem;
    min-height: 7.25rem;
    margin: 0 auto;
    box-sizing: border-box;
    background: var(--ep-color-background-fill-surface-raised-L1);
    border-radius: var(--ep-border-radius-m, .375rem);
    border: 1px solid var(--color-line)
}

.amber-purple .card-wrap .append-area[data-v-bc85c957] {
    cursor: pointer
}

.amber-purple .card-wrap .append-area .empty[data-v-bc85c957] {
    width: 5.5rem;
    height: 4rem;
    margin-top: .875rem;
    margin-left: 1.3125rem
}

.amber-purple .card-wrap .append-area .right-text[data-v-bc85c957] {
    width: 13.75rem;
    margin-right: .5rem
}

.amber-purple .card-wrap .append-area .right-text p[data-v-bc85c957] {
    font-size: var(--ep-font-size-m, .875rem);
    color: var(--color-text-100);
    line-height: 1.3125rem;
    margin-top: .375rem
}

.amber-purple .card-wrap .append-area .right-text .append-text[data-v-bc85c957] {
    float: right;
    height: 1.625rem;
    line-height: 1.5625rem;
    box-sizing: border-box;
    margin-top: .1875rem;
    padding: .25rem .4375rem .25rem .5rem;
    border-radius: var(--ep-border-radius-s, .25rem);
    background: var(--color-bg-100);
    font-weight: var(--ep-font-weight-bold, 700);
    font-size: var(--ep-font-size-s, .75rem);
    color: var(--text-color-white-100)
}

.amber-purple .card-wrap .append-area .right-text .append-text .append[data-v-bc85c957] {
    margin-right: .375rem;
    font-size: var(--ep-font-size-m, .875rem);
    color: var(--Gradients-orange-purple)
}

.amber-purple .append-area .right-text .append-text .text[data-v-bc85c957] {
    background: var(--Gradients-orange-purple);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}

.purple-light .card-wrap[data-v-bc85c957],
.green-dark .card-wrap[data-v-bc85c957],
.yellow-dark .card-wrap[data-v-bc85c957] {
    width: 22.875rem;
    min-height: 7.25rem;
    margin: 0 auto;
    box-sizing: border-box;
    background: var(--color-bg-200);
    border-radius: var(--ep-border-radius-m, .375rem);
    border: 1px solid var(--color-line)
}

.purple-light .card-wrap .append-area[data-v-bc85c957],
.green-dark .card-wrap .append-area[data-v-bc85c957],
.yellow-dark .card-wrap .append-area[data-v-bc85c957] {
    cursor: pointer
}

.purple-light .card-wrap .append-area .empty[data-v-bc85c957],
.green-dark .card-wrap .append-area .empty[data-v-bc85c957],
.yellow-dark .card-wrap .append-area .empty[data-v-bc85c957] {
    width: 5.5rem;
    height: 4rem;
    margin-top: .875rem;
    margin-left: 1.3125rem
}

.purple-light .card-wrap .append-area .right-text[data-v-bc85c957],
.green-dark .card-wrap .append-area .right-text[data-v-bc85c957],
.yellow-dark .card-wrap .append-area .right-text[data-v-bc85c957] {
    width: 13.75rem;
    margin-right: .5rem
}

.purple-light .card-wrap .append-area .right-text p[data-v-bc85c957],
.green-dark .card-wrap .append-area .right-text p[data-v-bc85c957],
.yellow-dark .card-wrap .append-area .right-text p[data-v-bc85c957] {
    font-size: var(--ep-font-size-m, .875rem);
    color: var(--color-text-100);
    line-height: 1.3125rem;
    margin-top: .375rem
}

.purple-light .card-wrap .append-area .right-text .append-text[data-v-bc85c957],
.green-dark .card-wrap .append-area .right-text .append-text[data-v-bc85c957],
.yellow-dark .card-wrap .append-area .right-text .append-text[data-v-bc85c957] {
    float: right;
    height: 1.625rem;
    line-height: 1.5625rem;
    box-sizing: border-box;
    margin-top: .1875rem;
    padding: .25rem .4375rem .25rem .5rem;
    border-radius: var(--ep-border-radius-s, .25rem);
    background: var(--color-bg-100);
    font-weight: var(--ep-font-weight-bold, 700);
    font-size: var(--ep-font-size-s, .75rem);
    color: var(--color-success)
}

.purple-light .card-wrap .append-area .right-text .append-text .append[data-v-bc85c957],
.green-dark .card-wrap .append-area .right-text .append-text .append[data-v-bc85c957],
.yellow-dark .card-wrap .append-area .right-text .append-text .append[data-v-bc85c957] {
    margin-right: .375rem;
    font-size: var(--ep-font-size-m, .875rem);
    color: var(--color-success)
}

.auroral-yellow .card-wrap[data-v-bc85c957] {
    width: 22.875rem;
    min-height: 7.25rem;
    margin: 0 auto;
    box-sizing: border-box;
    background: var(--color-bg-200);
    border-radius: var(--ep-border-radius-m, .375rem);
    border: 1px solid var(--color-line)
}

.auroral-yellow .card-wrap .append-area[data-v-bc85c957] {
    cursor: pointer
}

.auroral-yellow .card-wrap .append-area .empty[data-v-bc85c957] {
    width: 5.5rem;
    height: 4rem;
    margin-top: .875rem;
    margin-left: 1.3125rem
}

.auroral-yellow .card-wrap .append-area .right-text[data-v-bc85c957] {
    width: 13.75rem;
    margin-right: .5rem
}

.auroral-yellow .card-wrap .append-area .right-text p[data-v-bc85c957] {
    font-size: var(--ep-font-size-m, .875rem);
    color: var(--color-text-100);
    line-height: 1.3125rem;
    margin-top: .375rem
}

.auroral-yellow .card-wrap .append-area .right-text .append-text[data-v-bc85c957] {
    float: right;
    height: 1.625rem;
    line-height: 1.5625rem;
    box-sizing: border-box;
    margin-top: .1875rem;
    padding: .25rem .4375rem .25rem .5rem;
    border-radius: var(--ep-border-radius-s, .25rem);
    background: var(--color-bg-100);
    font-weight: var(--ep-font-weight-bold, 700);
    font-size: var(--ep-font-size-s, .75rem);
    color: var(--theme-color-800-2)
}

.auroral-yellow .card-wrap .append-area .right-text .append-text .append[data-v-bc85c957] {
    margin-right: .375rem;
    font-size: var(--ep-font-size-m, .875rem);
    color: var(--theme-color-800-2)
}

.green-default .card-wrap[data-v-bc85c957] {
    width: 22.875rem;
    min-height: 7.25rem;
    margin: 0 auto;
    box-sizing: border-box;
    background: var(--color-bg-200);
    border-radius: var(--ep-border-radius-m, .375rem);
    border: 1px solid var(--color-line)
}

.green-default .card-wrap .append-area[data-v-bc85c957] {
    cursor: pointer
}

.green-default .card-wrap .append-area .empty[data-v-bc85c957] {
    width: 5.5rem;
    height: 4rem;
    margin-top: .875rem;
    margin-left: 1.3125rem
}

.green-default .card-wrap .append-area .right-text[data-v-bc85c957] {
    width: 13.75rem;
    margin-right: .5rem
}

.green-default .card-wrap .append-area .right-text p[data-v-bc85c957] {
    font-size: var(--ep-font-size-m, .875rem);
    color: var(--color-text-100);
    line-height: 1.3125rem;
    margin-top: .375rem
}

.green-default .card-wrap .append-area .right-text .append-text[data-v-bc85c957] {
    float: right;
    height: 1.625rem;
    line-height: 1.5625rem;
    box-sizing: border-box;
    margin-top: .1875rem;
    padding: .25rem .4375rem .25rem .5rem;
    border-radius: var(--ep-border-radius-s, .25rem);
    background: var(--color-bg-100);
    font-weight: var(--ep-font-weight-bold, 700);
    font-size: var(--ep-font-size-s, .75rem);
    color: var(--accent-color-yellow)
}

.green-default .card-wrap .append-area .right-text .append-text .append[data-v-bc85c957] {
    margin-right: .375rem;
    font-size: var(--ep-font-size-m, .875rem);
    color: var(--accent-color-yellow)
}

.forest-green .card-wrap[data-v-bc85c957],
.blue-default .card-wrap[data-v-bc85c957] {
    width: 22.875rem;
    min-height: 7.25rem;
    margin: 0 auto;
    box-sizing: border-box;
    background: var(--color-bg-200);
    border-radius: var(--ep-border-radius-m, .375rem);
    border: 1px solid var(--color-line)
}

.forest-green .card-wrap .append-area[data-v-bc85c957],
.blue-default .card-wrap .append-area[data-v-bc85c957] {
    cursor: pointer
}

.forest-green .card-wrap .append-area .empty[data-v-bc85c957],
.blue-default .card-wrap .append-area .empty[data-v-bc85c957] {
    width: 5.5rem;
    height: 4rem;
    margin-top: .875rem;
    margin-left: 1.3125rem
}

.forest-green .card-wrap .append-area .right-text[data-v-bc85c957],
.blue-default .card-wrap .append-area .right-text[data-v-bc85c957] {
    width: 13.75rem;
    margin-right: .5rem
}

.forest-green .card-wrap .append-area .right-text p[data-v-bc85c957],
.blue-default .card-wrap .append-area .right-text p[data-v-bc85c957] {
    font-size: var(--ep-font-size-m, .875rem);
    color: var(--color-text-100);
    line-height: 1.3125rem;
    margin-top: .375rem
}

.forest-green .card-wrap .append-area .right-text .append-text[data-v-bc85c957],
.blue-default .card-wrap .append-area .right-text .append-text[data-v-bc85c957] {
    float: right;
    height: 1.625rem;
    line-height: 1.5625rem;
    box-sizing: border-box;
    margin-top: .1875rem;
    padding: .25rem .4375rem .25rem .5rem;
    border-radius: var(--ep-border-radius-s, .25rem);
    background: var(--color-bg-100);
    font-weight: var(--ep-font-weight-bold, 700);
    font-size: var(--ep-font-size-s, .75rem);
    color: var(--color-success)
}

.forest-green .card-wrap .append-area .right-text .append-text .append[data-v-bc85c957],
.blue-default .card-wrap .append-area .right-text .append-text .append[data-v-bc85c957] {
    margin-right: .375rem;
    font-size: var(--ep-font-size-m, .875rem);
    color: var(--color-success)
}

.color-primary-600[data-v-0b216c1d] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-0b216c1d] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-0b216c1d] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-0b216c1d] {
    color: var(--color-primary-900)
}

.bg-100[data-v-0b216c1d] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-0b216c1d] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-0b216c1d] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-0b216c1d] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-0b216c1d] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-0b216c1d] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-0b216c1d] {
    background-color: var(--color-warning)
}

.bg-link[data-v-0b216c1d] {
    background-color: var(--color-link)
}

.bg-danger[data-v-0b216c1d] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-0b216c1d] {
    color: var(--color-text-100)
}

.color-text-80[data-v-0b216c1d] {
    color: var(--color-text-80)
}

.color-text-50[data-v-0b216c1d] {
    color: var(--color-text-50)
}

.color-text-40[data-v-0b216c1d] {
    color: var(--color-text-40)
}

.color-text-20[data-v-0b216c1d] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-0b216c1d] {
    color: var(--color-currency)
}

.color-warning[data-v-0b216c1d] {
    color: var(--color-warning)
}

.color-danger[data-v-0b216c1d] {
    color: var(--color-danger)
}

.color-link[data-v-0b216c1d] {
    color: var(--color-link)
}

.color-line[data-v-0b216c1d] {
    color: var(--color-line)
}

.color-border[data-v-0b216c1d] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-0b216c1d] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-0b216c1d] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-0b216c1d] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-0b216c1d] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-0b216c1d] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-0b216c1d] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-0b216c1d] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-0b216c1d] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-0b216c1d] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-0b216c1d] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-0b216c1d] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-0b216c1d] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-0b216c1d] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-0b216c1d] {
    display: flex;
    align-items: center
}

.flex-start[data-v-0b216c1d] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-0b216c1d] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-0b216c1d] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-0b216c1d] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-0b216c1d] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-0b216c1d] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-0b216c1d] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-0b216c1d] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-0b216c1d] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-0b216c1d] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-0b216c1d] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-0b216c1d] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-0b216c1d] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-0b216c1d] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-0b216c1d] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-0b216c1d] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-0b216c1d] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-0b216c1d] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-0b216c1d] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-0b216c1d] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-0b216c1d] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-0b216c1d] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-0b216c1d] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-0b216c1d] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-0b216c1d],
.mlm-selected-item[data-v-0b216c1d] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-0b216c1d] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-0b216c1d]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-0b216c1d] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-0b216c1d] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-0b216c1d] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.new-skin-symbol .bank-card-wrap[data-v-0b216c1d] {
    width: 22.875rem;
    height: 3.75rem;
    margin: 0 auto;
    box-sizing: border-box;
    background: var(--ep-color-background-fill-surface-raised-L1);
    border-radius: var(--ep-border-radius-m, .375rem);
    border: 1px solid var(--ep-color-border-default);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 .625rem;
    margin-bottom: .75rem;
    cursor: pointer
}

.new-skin-symbol .bank-card-wrap .card-info[data-v-0b216c1d] {
    display: flex;
    align-items: center
}

.new-skin-symbol .bank-card-wrap .card-info .bank-logo[data-v-0b216c1d] {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    display: block;
    margin-right: .375rem
}

.new-skin-symbol .bank-card-wrap .card-info .bank-info[data-v-0b216c1d] {
    font-size: var(--ep-font-size-m, .875rem)
}

.new-skin-symbol .bank-card-wrap .card-info .bank-info .bank-name[data-v-0b216c1d] {
    color: var(--ep-color-text-default);
    line-height: 1.25rem;
    font-weight: var(--ep-font-weight-medium, 500)
}

.new-skin-symbol .bank-card-wrap .card-info .bank-info .bank-account[data-v-0b216c1d] {
    color: var(--ep-color-text-weaker);
    line-height: 1.125rem;
    font-size: var(--ep-font-size-s, .75rem)
}

.new-skin-symbol .bank-card-wrap .add[data-v-0b216c1d] {
    width: 100%;
    color: var(--ep-color-text-info);
    font-size: var(--ep-font-size-s, .75rem);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: .25rem
}

.new-skin-symbol .bank-card-wrap .add .append-icon[data-v-0b216c1d] {
    color: var(--ep-color-text-info)
}

.new-skin-symbol .active[data-v-0b216c1d] {
    border-color: var(--ep-color-border-selected)
}

.new-skin-symbol .bank-card-wrap.action[data-v-0b216c1d] {
    border-color: var(--ep-color-border-default)
}

.amber-purple .bank-card-wrap[data-v-0b216c1d],
.auroral-yellow .bank-card-wrap[data-v-0b216c1d],
.blue-default .bank-card-wrap[data-v-0b216c1d],
.purple-light .bank-card-wrap[data-v-0b216c1d],
.green-dark .bank-card-wrap[data-v-0b216c1d],
.yellow-dark .bank-card-wrap[data-v-0b216c1d] {
    width: 22.875rem;
    height: 3.75rem;
    margin: 0 auto;
    box-sizing: border-box;
    background: var(--color-bg-200);
    border-radius: var(--ep-border-radius-m, .375rem);
    border: 1px solid var(--color-line);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 .625rem;
    margin-bottom: .75rem;
    cursor: pointer
}

.amber-purple .bank-card-wrap .card-info[data-v-0b216c1d],
.auroral-yellow .bank-card-wrap .card-info[data-v-0b216c1d],
.blue-default .bank-card-wrap .card-info[data-v-0b216c1d],
.purple-light .bank-card-wrap .card-info[data-v-0b216c1d],
.green-dark .bank-card-wrap .card-info[data-v-0b216c1d],
.yellow-dark .bank-card-wrap .card-info[data-v-0b216c1d] {
    display: flex;
    align-items: center
}

.amber-purple .bank-card-wrap .card-info .bank-logo[data-v-0b216c1d],
.auroral-yellow .bank-card-wrap .card-info .bank-logo[data-v-0b216c1d],
.blue-default .bank-card-wrap .card-info .bank-logo[data-v-0b216c1d],
.purple-light .bank-card-wrap .card-info .bank-logo[data-v-0b216c1d],
.green-dark .bank-card-wrap .card-info .bank-logo[data-v-0b216c1d],
.yellow-dark .bank-card-wrap .card-info .bank-logo[data-v-0b216c1d] {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    display: block;
    margin-right: .375rem
}

.amber-purple .bank-card-wrap .card-info .bank-info[data-v-0b216c1d],
.auroral-yellow .bank-card-wrap .card-info .bank-info[data-v-0b216c1d],
.blue-default .bank-card-wrap .card-info .bank-info[data-v-0b216c1d],
.purple-light .bank-card-wrap .card-info .bank-info[data-v-0b216c1d],
.green-dark .bank-card-wrap .card-info .bank-info[data-v-0b216c1d],
.yellow-dark .bank-card-wrap .card-info .bank-info[data-v-0b216c1d] {
    font-size: var(--ep-font-size-m, .875rem)
}

.amber-purple .bank-card-wrap .card-info .bank-info .bank-name[data-v-0b216c1d],
.auroral-yellow .bank-card-wrap .card-info .bank-info .bank-name[data-v-0b216c1d],
.blue-default .bank-card-wrap .card-info .bank-info .bank-name[data-v-0b216c1d],
.purple-light .bank-card-wrap .card-info .bank-info .bank-name[data-v-0b216c1d],
.green-dark .bank-card-wrap .card-info .bank-info .bank-name[data-v-0b216c1d],
.yellow-dark .bank-card-wrap .card-info .bank-info .bank-name[data-v-0b216c1d] {
    color: var(--color-text-100);
    line-height: 1.25rem;
    font-weight: var(--ep-font-weight-medium, 500)
}

.amber-purple .bank-card-wrap .card-info .bank-info .bank-account[data-v-0b216c1d],
.auroral-yellow .bank-card-wrap .card-info .bank-info .bank-account[data-v-0b216c1d],
.blue-default .bank-card-wrap .card-info .bank-info .bank-account[data-v-0b216c1d],
.purple-light .bank-card-wrap .card-info .bank-info .bank-account[data-v-0b216c1d],
.green-dark .bank-card-wrap .card-info .bank-info .bank-account[data-v-0b216c1d],
.yellow-dark .bank-card-wrap .card-info .bank-info .bank-account[data-v-0b216c1d] {
    color: var(--color-text-40);
    line-height: 1.125rem;
    font-size: var(--ep-font-size-s, .75rem)
}

.amber-purple .bank-card-wrap .add[data-v-0b216c1d],
.auroral-yellow .bank-card-wrap .add[data-v-0b216c1d],
.blue-default .bank-card-wrap .add[data-v-0b216c1d],
.purple-light .bank-card-wrap .add[data-v-0b216c1d],
.green-dark .bank-card-wrap .add[data-v-0b216c1d],
.yellow-dark .bank-card-wrap .add[data-v-0b216c1d] {
    width: 100%;
    color: var(--theme-color-800);
    font-size: var(--ep-font-size-s, .75rem);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: .25rem
}

.amber-purple .bank-card-wrap .add .append-icon[data-v-0b216c1d],
.auroral-yellow .bank-card-wrap .add .append-icon[data-v-0b216c1d],
.blue-default .bank-card-wrap .add .append-icon[data-v-0b216c1d],
.purple-light .bank-card-wrap .add .append-icon[data-v-0b216c1d],
.green-dark .bank-card-wrap .add .append-icon[data-v-0b216c1d],
.yellow-dark .bank-card-wrap .add .append-icon[data-v-0b216c1d] {
    color: var(--theme-color-800)
}

.amber-purple .active[data-v-0b216c1d],
.auroral-yellow .active[data-v-0b216c1d],
.blue-default .active[data-v-0b216c1d],
.purple-light .active[data-v-0b216c1d],
.green-dark .active[data-v-0b216c1d],
.yellow-dark .active[data-v-0b216c1d] {
    border-color: var(--theme-color-800)
}

.amber-purple .bank-card-wrap.action[data-v-0b216c1d],
.auroral-yellow .bank-card-wrap.action[data-v-0b216c1d],
.blue-default .bank-card-wrap.action[data-v-0b216c1d],
.purple-light .bank-card-wrap.action[data-v-0b216c1d],
.green-dark .bank-card-wrap.action[data-v-0b216c1d],
.yellow-dark .bank-card-wrap.action[data-v-0b216c1d] {
    border-color: var(--color-line)
}

.green-default .bank-card-wrap[data-v-0b216c1d],
.forest-green .bank-card-wrap[data-v-0b216c1d] {
    width: 22.875rem;
    height: 3.75rem;
    margin: 0 auto;
    box-sizing: border-box;
    background: var(--color-bg-200);
    border-radius: var(--ep-border-radius-m, .375rem);
    border: 1px solid var(--color-line);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 .625rem;
    margin-bottom: .75rem;
    cursor: pointer
}

.green-default .bank-card-wrap .card-info[data-v-0b216c1d],
.forest-green .bank-card-wrap .card-info[data-v-0b216c1d] {
    display: flex;
    align-items: center
}

.green-default .bank-card-wrap .card-info .bank-logo[data-v-0b216c1d],
.forest-green .bank-card-wrap .card-info .bank-logo[data-v-0b216c1d] {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    display: block;
    margin-right: .375rem
}

.green-default .bank-card-wrap .card-info .bank-info[data-v-0b216c1d],
.forest-green .bank-card-wrap .card-info .bank-info[data-v-0b216c1d] {
    font-size: var(--ep-font-size-m, .875rem)
}

.green-default .bank-card-wrap .card-info .bank-info .bank-name[data-v-0b216c1d],
.forest-green .bank-card-wrap .card-info .bank-info .bank-name[data-v-0b216c1d] {
    color: var(--color-text-100);
    line-height: 1.25rem;
    font-weight: var(--ep-font-weight-medium, 500)
}

.green-default .bank-card-wrap .card-info .bank-info .bank-account[data-v-0b216c1d],
.forest-green .bank-card-wrap .card-info .bank-info .bank-account[data-v-0b216c1d] {
    color: var(--color-text-40);
    line-height: 1.125rem;
    font-size: var(--ep-font-size-s, .75rem)
}

.green-default .bank-card-wrap .add[data-v-0b216c1d],
.forest-green .bank-card-wrap .add[data-v-0b216c1d] {
    width: 100%;
    color: var(--color-text-white-100);
    font-size: var(--ep-font-size-s, .75rem);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: .25rem
}

.green-default .bank-card-wrap .add .append-icon[data-v-0b216c1d],
.forest-green .bank-card-wrap .add .append-icon[data-v-0b216c1d] {
    color: var(--color-text-white-100)
}

.green-default .active[data-v-0b216c1d],
.forest-green .active[data-v-0b216c1d] {
    border-color: var(--color-text-gray-200)
}

.green-default .bank-card-wrap.action[data-v-0b216c1d],
.forest-green .bank-card-wrap.action[data-v-0b216c1d] {
    border-color: var(--color-line)
}

.color-primary-600[data-v-683c8d0d] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-683c8d0d] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-683c8d0d] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-683c8d0d] {
    color: var(--color-primary-900)
}

.bg-100[data-v-683c8d0d] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-683c8d0d] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-683c8d0d] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-683c8d0d] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-683c8d0d] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-683c8d0d] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-683c8d0d] {
    background-color: var(--color-warning)
}

.bg-link[data-v-683c8d0d] {
    background-color: var(--color-link)
}

.bg-danger[data-v-683c8d0d] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-683c8d0d] {
    color: var(--color-text-100)
}

.color-text-80[data-v-683c8d0d] {
    color: var(--color-text-80)
}

.color-text-50[data-v-683c8d0d] {
    color: var(--color-text-50)
}

.color-text-40[data-v-683c8d0d] {
    color: var(--color-text-40)
}

.color-text-20[data-v-683c8d0d] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-683c8d0d] {
    color: var(--color-currency)
}

.color-warning[data-v-683c8d0d] {
    color: var(--color-warning)
}

.color-danger[data-v-683c8d0d] {
    color: var(--color-danger)
}

.color-link[data-v-683c8d0d] {
    color: var(--color-link)
}

.color-line[data-v-683c8d0d] {
    color: var(--color-line)
}

.color-border[data-v-683c8d0d] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-683c8d0d] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-683c8d0d] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-683c8d0d] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-683c8d0d] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-683c8d0d] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-683c8d0d] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-683c8d0d] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-683c8d0d] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-683c8d0d] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-683c8d0d] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-683c8d0d] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-683c8d0d] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-683c8d0d] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-683c8d0d] {
    display: flex;
    align-items: center
}

.flex-start[data-v-683c8d0d] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-683c8d0d] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-683c8d0d] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-683c8d0d] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-683c8d0d] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-683c8d0d] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-683c8d0d] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-683c8d0d] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-683c8d0d] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-683c8d0d] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-683c8d0d] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-683c8d0d] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-683c8d0d] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-683c8d0d] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-683c8d0d] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-683c8d0d] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-683c8d0d] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-683c8d0d] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-683c8d0d] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-683c8d0d] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-683c8d0d] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-683c8d0d] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-683c8d0d] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-683c8d0d] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-683c8d0d],
.mlm-selected-item[data-v-683c8d0d] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-683c8d0d] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-683c8d0d]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-683c8d0d] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-683c8d0d] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-683c8d0d] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.green-default .bind-title[data-v-683c8d0d],
.yellow-dark .bind-title[data-v-683c8d0d],
.forest-green .bind-title[data-v-683c8d0d],
.green-dark .bind-title[data-v-683c8d0d],
.purple-light .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
}

.green-default .bind-title .my-account[data-v-683c8d0d],
.yellow-dark .bind-title .my-account[data-v-683c8d0d],
.forest-green .bind-title .my-account[data-v-683c8d0d],
.green-dark .bind-title .my-account[data-v-683c8d0d],
.purple-light .bind-title .my-account[data-v-683c8d0d] {
    cursor: pointer;
    color: var(--color-link)
}

.green-default .m-b[data-v-683c8d0d],
.yellow-dark .m-b[data-v-683c8d0d],
.forest-green .m-b[data-v-683c8d0d],
.green-dark .m-b[data-v-683c8d0d],
.purple-light .m-b[data-v-683c8d0d] {
    margin-bottom: 1.0625rem
}

.green-default ion-icon.ok-icon[data-v-683c8d0d],
.yellow-dark ion-icon.ok-icon[data-v-683c8d0d],
.forest-green ion-icon.ok-icon[data-v-683c8d0d],
.green-dark ion-icon.ok-icon[data-v-683c8d0d],
.purple-light ion-icon.ok-icon[data-v-683c8d0d] {
    color: var(--theme-color-800)
}

.auroral-yellow .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
}

.auroral-yellow .bind-title .my-account[data-v-683c8d0d] {
    cursor: pointer;
    color: var(--color-link)
}

.auroral-yellow .m-b[data-v-683c8d0d] {
    margin-bottom: 1.0625rem
}

.auroral-yellow ion-icon.ok-icon[data-v-683c8d0d] {
    color: var(--color-text-white-100)
}

.amber-purple .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
}

.amber-purple .bind-title .my-account[data-v-683c8d0d] {
    cursor: pointer;
    color: var(--color-link)
}

.amber-purple .m-b[data-v-683c8d0d] {
    margin-bottom: 1.0625rem
}

.amber-purple ion-icon.ok-icon[data-v-683c8d0d] {
    color: var(--color-text-gray-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)
}

.new-skin-symbol .bind-title[data-v-683c8d0d] {
    width: 22.375rem;
    margin: 1.3125rem auto .75rem;
    color: var(--ep-color-text-default);
    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
}

.new-skin-symbol .bind-title .my-account[data-v-683c8d0d] {
    cursor: pointer;
    color: var(--ep-color-text-info)
}

.new-skin-symbol .m-b[data-v-683c8d0d] {
    margin-bottom: 1.0625rem
}

.new-skin-symbol ion-icon.ok-icon[data-v-683c8d0d] {
    color: var(--ep-color-icon-selected)
}

.color-primary-600[data-v-84cb455e] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-84cb455e] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-84cb455e] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-84cb455e] {
    color: var(--color-primary-900)
}

.bg-100[data-v-84cb455e] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-84cb455e] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-84cb455e] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-84cb455e] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-84cb455e] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-84cb455e] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-84cb455e] {
    background-color: var(--color-warning)
}

.bg-link[data-v-84cb455e] {
    background-color: var(--color-link)
}

.bg-danger[data-v-84cb455e] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-84cb455e] {
    color: var(--color-text-100)
}

.color-text-80[data-v-84cb455e] {
    color: var(--color-text-80)
}

.color-text-50[data-v-84cb455e] {
    color: var(--color-text-50)
}

.color-text-40[data-v-84cb455e] {
    color: var(--color-text-40)
}

.color-text-20[data-v-84cb455e] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-84cb455e] {
    color: var(--color-currency)
}

.color-warning[data-v-84cb455e] {
    color: var(--color-warning)
}

.color-danger[data-v-84cb455e] {
    color: var(--color-danger)
}

.color-link[data-v-84cb455e] {
    color: var(--color-link)
}

.color-line[data-v-84cb455e] {
    color: var(--color-line)
}

.color-border[data-v-84cb455e] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-84cb455e] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-84cb455e] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-84cb455e] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-84cb455e] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-84cb455e] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-84cb455e] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-84cb455e] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-84cb455e] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-84cb455e] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-84cb455e] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-84cb455e] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-84cb455e] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-84cb455e] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-84cb455e] {
    display: flex;
    align-items: center
}

.flex-start[data-v-84cb455e] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-84cb455e] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-84cb455e] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-84cb455e] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-84cb455e] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-84cb455e] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-84cb455e] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-84cb455e] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-84cb455e] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-84cb455e] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-84cb455e] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-84cb455e] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-84cb455e] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-84cb455e] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-84cb455e] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-84cb455e] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-84cb455e] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-84cb455e] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-84cb455e] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-84cb455e] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-84cb455e] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-84cb455e] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-84cb455e] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-84cb455e] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-84cb455e],
.mlm-selected-item[data-v-84cb455e] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-84cb455e] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-84cb455e]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-84cb455e] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-84cb455e] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-84cb455e] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.yellow-dark .balance-area[data-v-84cb455e],
.green-dark .balance-area[data-v-84cb455e],
.amber-purple .balance-area[data-v-84cb455e] {
    margin: .5rem 0;
    font-size: var(--font-size-12)
}

.yellow-dark .balance-area .withdraw-tip[data-v-84cb455e],
.green-dark .balance-area .withdraw-tip[data-v-84cb455e],
.amber-purple .balance-area .withdraw-tip[data-v-84cb455e] {
    color: var(--color-text-40);
    line-height: 18px
}

.yellow-dark .balance-area .withdraw-tip .balance-w[data-v-84cb455e],
.green-dark .balance-area .withdraw-tip .balance-w[data-v-84cb455e],
.amber-purple .balance-area .withdraw-tip .balance-w[data-v-84cb455e] {
    color: var(--color-text-100)
}

.yellow-dark .balance-area .withdraw-tip .link-text[data-v-84cb455e],
.green-dark .balance-area .withdraw-tip .link-text[data-v-84cb455e],
.amber-purple .balance-area .withdraw-tip .link-text[data-v-84cb455e] {
    color: var(--color-link);
    font-size: var(--font-size-12);
    font-weight: var(--font-weight-regular);
    cursor: pointer
}

.yellow-dark .balance-area .balance-wrap[data-v-84cb455e],
.green-dark .balance-area .balance-wrap[data-v-84cb455e],
.amber-purple .balance-area .balance-wrap[data-v-84cb455e] {
    font-size: var(--font-size-12)
}

.yellow-dark .balance-area .balance-wrap .account[data-v-84cb455e],
.green-dark .balance-area .balance-wrap .account[data-v-84cb455e],
.amber-purple .balance-area .balance-wrap .account[data-v-84cb455e] {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-12);
    color: var(--color-text-100)
}

.yellow-dark .balance-area .balance-wrap .balance-w[data-v-84cb455e],
.green-dark .balance-area .balance-wrap .balance-w[data-v-84cb455e],
.amber-purple .balance-area .balance-wrap .balance-w[data-v-84cb455e] {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-12);
    color: var(--color-currency);
    margin-left: .5rem
}

.yellow-dark .balance-area .balance-wrap .balance-w .amount[data-v-84cb455e],
.green-dark .balance-area .balance-wrap .balance-w .amount[data-v-84cb455e],
.amber-purple .balance-area .balance-wrap .balance-w .amount[data-v-84cb455e] {
    margin-left: .1875rem
}

.purple-light .balance-area[data-v-84cb455e] {
    margin: .5rem 0;
    font-size: var(--font-size-12)
}

.purple-light .balance-area .withdraw-tip[data-v-84cb455e] {
    color: var(--color-text-80);
    line-height: 18px
}

.purple-light .balance-area .withdraw-tip .balance-w[data-v-84cb455e] {
    color: var(--color-text-100)
}

.purple-light .balance-area .withdraw-tip .link-text[data-v-84cb455e] {
    color: var(--color-link);
    font-size: var(--font-size-12);
    font-weight: var(--font-weight-regular);
    cursor: pointer
}

.purple-light .balance-area .balance-wrap[data-v-84cb455e] {
    font-size: var(--font-size-12)
}

.purple-light .balance-area .balance-wrap .account[data-v-84cb455e] {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-12);
    color: var(--color-text-100)
}

.purple-light .balance-area .balance-wrap .balance-w[data-v-84cb455e] {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-12);
    color: var(--color-currency);
    margin-left: .5rem
}

.purple-light .balance-area .balance-wrap .balance-w .amount[data-v-84cb455e] {
    margin-left: .1875rem
}

.blue-default .balance-area[data-v-84cb455e] {
    margin: .5rem 0;
    font-size: var(--font-size-12)
}

.blue-default .balance-area .withdraw-tip[data-v-84cb455e] {
    color: var(--color-text-40);
    line-height: 18px
}

.blue-default .balance-area .withdraw-tip .balance-w[data-v-84cb455e] {
    color: var(--color-currency)
}

.blue-default .balance-area .withdraw-tip .link-text[data-v-84cb455e] {
    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-84cb455e] {
    font-size: var(--font-size-12)
}

.blue-default .balance-area .balance-wrap .account[data-v-84cb455e] {
    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-84cb455e] {
    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-84cb455e] {
    margin-left: .1875rem
}

.green-default .balance-area[data-v-84cb455e],
.forest-green .balance-area[data-v-84cb455e] {
    margin: .5rem 0;
    font-size: var(--font-size-12)
}

.green-default .balance-area .withdraw-tip[data-v-84cb455e],
.forest-green .balance-area .withdraw-tip[data-v-84cb455e] {
    color: var(--color-text-40);
    line-height: 18px
}

.green-default .balance-area .withdraw-tip .balance-w[data-v-84cb455e],
.forest-green .balance-area .withdraw-tip .balance-w[data-v-84cb455e] {
    color: var(--accent-color-yellow)
}

.green-default .balance-area .withdraw-tip .link-text[data-v-84cb455e],
.forest-green .balance-area .withdraw-tip .link-text[data-v-84cb455e] {
    color: var(--color-link);
    font-size: var(--font-size-12);
    font-weight: var(--font-weight-regular);
    cursor: pointer
}

.green-default .balance-area .balance-wrap[data-v-84cb455e],
.forest-green .balance-area .balance-wrap[data-v-84cb455e] {
    font-size: var(--font-size-12)
}

.green-default .balance-area .balance-wrap .account[data-v-84cb455e],
.forest-green .balance-area .balance-wrap .account[data-v-84cb455e] {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-12);
    color: var(--color-text-100)
}

.green-default .balance-area .balance-wrap .balance-w[data-v-84cb455e],
.forest-green .balance-area .balance-wrap .balance-w[data-v-84cb455e] {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-12);
    color: var(--accent-color-yellow);
    margin-left: .5rem
}

.green-default .balance-area .balance-wrap .balance-w .amount[data-v-84cb455e],
.forest-green .balance-area .balance-wrap .balance-w .amount[data-v-84cb455e] {
    margin-left: .1875rem
}

.auroral-yellow .balance-area[data-v-84cb455e] {
    margin: .5rem 0;
    font-size: var(--font-size-12)
}

.auroral-yellow .balance-area .withdraw-tip[data-v-84cb455e] {
    color: var(--color-text-40);
    line-height: 18px
}

.auroral-yellow .balance-area .withdraw-tip .balance-w[data-v-84cb455e] {
    color: var(--accent-color-yellow-1)
}

.auroral-yellow .balance-area .withdraw-tip .link-text[data-v-84cb455e] {
    color: var(--color-link);
    font-size: var(--font-size-12);
    font-weight: var(--font-weight-regular);
    cursor: pointer
}

.auroral-yellow .balance-area .balance-wrap[data-v-84cb455e] {
    font-size: var(--font-size-12)
}

.auroral-yellow .balance-area .balance-wrap .account[data-v-84cb455e] {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-12);
    color: var(--color-text-100)
}

.auroral-yellow .balance-area .balance-wrap .balance-w[data-v-84cb455e] {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-12);
    color: var(--accent-color-yellow-1);
    margin-left: .5rem
}

.auroral-yellow .balance-area .balance-wrap .balance-w .amount[data-v-84cb455e] {
    margin-left: .1875rem
}

.new-skin-symbol .balance-area[data-v-84cb455e] {
    margin: .5rem 0;
    font-size: var(--ep-font-size-s, .75rem)
}

.new-skin-symbol .balance-area .withdraw-tip[data-v-84cb455e] {
    color: var(--ep-color-icon-weaker);
    line-height: 18px
}

.new-skin-symbol .balance-area .withdraw-tip .balance-w[data-v-84cb455e] {
    color: var(--ep-color-text-default)
}

.new-skin-symbol .balance-area .withdraw-tip .link-text[data-v-84cb455e] {
    color: var(--ep-color-text-info);
    cursor: pointer
}

.new-skin-symbol .balance-area .balance-wrap[data-v-84cb455e] {
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-medium, 500)
}

.new-skin-symbol .balance-area .balance-wrap .account[data-v-84cb455e] {
    color: var(--ep-color-text-default)
}

.new-skin-symbol .balance-area .balance-wrap .balance-w[data-v-84cb455e] {
    color: var(--ep-color-icon-warning);
    margin-left: .5rem
}

.new-skin-symbol .balance-area .balance-wrap .balance-w .amount[data-v-84cb455e] {
    margin-left: .1875rem
}

.color-primary-600[data-v-04f7dd43] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-04f7dd43] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-04f7dd43] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-04f7dd43] {
    color: var(--color-primary-900)
}

.bg-100[data-v-04f7dd43] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-04f7dd43] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-04f7dd43] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-04f7dd43] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-04f7dd43] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-04f7dd43] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-04f7dd43] {
    background-color: var(--color-warning)
}

.bg-link[data-v-04f7dd43] {
    background-color: var(--color-link)
}

.bg-danger[data-v-04f7dd43] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-04f7dd43] {
    color: var(--color-text-100)
}

.color-text-80[data-v-04f7dd43] {
    color: var(--color-text-80)
}

.color-text-50[data-v-04f7dd43] {
    color: var(--color-text-50)
}

.color-text-40[data-v-04f7dd43] {
    color: var(--color-text-40)
}

.color-text-20[data-v-04f7dd43] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-04f7dd43] {
    color: var(--color-currency)
}

.color-warning[data-v-04f7dd43] {
    color: var(--color-warning)
}

.color-danger[data-v-04f7dd43] {
    color: var(--color-danger)
}

.color-link[data-v-04f7dd43] {
    color: var(--color-link)
}

.color-line[data-v-04f7dd43] {
    color: var(--color-line)
}

.color-border[data-v-04f7dd43] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-04f7dd43] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-04f7dd43] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-04f7dd43] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-04f7dd43] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-04f7dd43] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-04f7dd43] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-04f7dd43] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-04f7dd43] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-04f7dd43] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-04f7dd43] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-04f7dd43] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-04f7dd43] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-04f7dd43] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-04f7dd43] {
    display: flex;
    align-items: center
}

.flex-start[data-v-04f7dd43] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-04f7dd43] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-04f7dd43] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-04f7dd43] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-04f7dd43] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-04f7dd43] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-04f7dd43] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-04f7dd43] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-04f7dd43] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-04f7dd43] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-04f7dd43] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-04f7dd43] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-04f7dd43] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-04f7dd43] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-04f7dd43] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-04f7dd43] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-04f7dd43] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-04f7dd43] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-04f7dd43] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-04f7dd43] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-04f7dd43] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-04f7dd43] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-04f7dd43] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-04f7dd43] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-04f7dd43],
.mlm-selected-item[data-v-04f7dd43] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-04f7dd43] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-04f7dd43]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-04f7dd43] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-04f7dd43] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-04f7dd43] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.green-dark .amount-list[data-v-04f7dd43],
.yellow-dark .amount-list[data-v-04f7dd43] {
    flex-wrap: wrap;
    margin-top: .625rem;
    font-size: var(--font-size-12);
    width: 100%;
    gap: .75rem;
    padding-bottom: .625rem;
    box-sizing: border-box
}

.green-dark .amount-list li[data-v-04f7dd43],
.yellow-dark .amount-list li[data-v-04f7dd43] {
    flex: 0 0 calc(33.333% - .5rem)
}

.green-dark .amount-list .amount-item[data-v-04f7dd43],
.yellow-dark .amount-list .amount-item[data-v-04f7dd43] {
    flex: 0 0 calc(33.333% - .5rem);
    height: 2.375rem;
    text-align: center;
    background: var(--color-bg-300);
    border-radius: var(--rounded-middle);
    line-height: 2.625rem;
    cursor: pointer;
    color: var(--color-text-100);
    font-weight: var(--font-weight-medium);
    font-size: var(--font-size-16);
    display: flex;
    align-items: center;
    justify-content: center
}

.green-dark .amount-list .amount-item img[data-v-04f7dd43],
.yellow-dark .amount-list .amount-item img[data-v-04f7dd43] {
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: .125rem
}

.green-dark .amount-list .active[data-v-04f7dd43],
.yellow-dark .amount-list .active[data-v-04f7dd43] {
    border: 1px solid var(--color-primary-900);
    background: var(--color-btn-bg-active-w)
}

.purple-light .amount-list[data-v-04f7dd43] {
    flex-wrap: wrap;
    margin-top: .625rem;
    font-size: var(--font-size-12);
    width: 100%;
    gap: .75rem;
    padding-bottom: .625rem;
    box-sizing: border-box
}

.purple-light .amount-list li[data-v-04f7dd43] {
    flex: 0 0 calc(33.333% - .5rem)
}

.purple-light .amount-list .amount-item[data-v-04f7dd43] {
    flex: 0 0 calc(33.333% - .5rem);
    height: 2.375rem;
    text-align: center;
    background: var(--color-bg-300);
    border-radius: var(--rounded-middle);
    line-height: 2.625rem;
    cursor: pointer;
    color: var(--color-text-100);
    font-weight: var(--font-weight-medium);
    font-size: var(--font-size-16);
    display: flex;
    align-items: center;
    justify-content: center
}

.purple-light .amount-list .amount-item img[data-v-04f7dd43] {
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: .125rem
}

.purple-light .amount-list .active[data-v-04f7dd43] {
    border: 1px solid var(--color-primary-900);
    background: var(--color-btn-bg-active-w)
}

.amber-purple .second .amount-list[data-v-04f7dd43] {
    flex-wrap: wrap;
    margin-top: .625rem;
    font-size: var(--font-size-12);
    width: 100%;
    gap: .75rem;
    padding-bottom: .625rem;
    box-sizing: border-box
}

.amber-purple .second .amount-list li[data-v-04f7dd43] {
    flex: 0 0 calc(33.333% - .5rem)
}

.amber-purple .second .amount-list .amount-item[data-v-04f7dd43] {
    flex: 0 0 calc(33.333% - .5rem);
    height: 2.375rem;
    text-align: center;
    background: var(--color-bg-300);
    border-radius: var(--rounded-middle);
    line-height: 2.625rem;
    cursor: pointer;
    color: var(--text-color-light-purple-1-100);
    font-weight: var(--font-weight-medium);
    font-size: var(--font-size-16);
    display: flex;
    align-items: center;
    justify-content: center
}

.amber-purple .second .amount-list .amount-item img[data-v-04f7dd43] {
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: .125rem
}

.amber-purple .second .amount-list .active[data-v-04f7dd43] {
    border: 1px solid var(--color-primary-900);
    background: var(--color-btn-bg-active-w)
}

.amber-purple .second .amount-list[data-v-04f7dd43] {
    font-weight: 600;
    position: relative
}

.amber-purple .second .amount-list .active[data-v-04f7dd43] {
    border: none;
    background: linear-gradient(160deg, #eabd5b 15%, #7041f3 50%, #7041f3 80%, #f5c84c);
    position: relative
}

.amber-purple .second .amount-list .active .amount[data-v-04f7dd43] {
    color: var(--color-text-white-100)
}

.amber-purple .second .amount-list .active[data-v-04f7dd43]:before {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    background: #2c294d;
    z-index: 1;
    border-radius: inherit
}

.amber-purple .second .amount-list .amount[data-v-04f7dd43] {
    position: relative;
    z-index: 2;
    color: var(--text-color-light-purple-1-100)
}

.amber-purple .second .amount-list img[data-v-04f7dd43] {
    position: relative;
    z-index: 2
}

.amber-purple .default .amount-list[data-v-04f7dd43] {
    flex-wrap: wrap;
    font-size: var(--font-size-16);
    gap: .75rem;
    width: 100%;
    padding-bottom: .625rem;
    box-sizing: border-box
}

.amber-purple .default .amount-list li[data-v-04f7dd43] {
    flex: 0 0 calc(33.333% - .5rem)
}

.amber-purple .default .amount-list .amount-item[data-v-04f7dd43] {
    flex: 0 0 calc(33.333% - .5rem);
    height: 2.5rem;
    line-height: 2.5rem;
    cursor: pointer;
    text-align: center;
    background: var(--color-bg-100);
    color: var(--text-color-light-purple-1-100);
    border-radius: var(--rounded-middle);
    font-weight: var(--font-weight-regular);
    display: flex;
    align-items: center;
    justify-content: center
}

.amber-purple .default .amount-list .amount-item img[data-v-04f7dd43] {
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: .125rem
}

.amber-purple .default .amount-list .disabled[data-v-04f7dd43] {
    pointer-events: none
}

.amber-purple .default .amount-list .active[data-v-04f7dd43] {
    background: var(--theme-color-gradient-300);
    color: var(--color-text-white-100);
    font-weight: var(--font-weight-bold)
}

.amber-purple .default .amount-list[data-v-04f7dd43] {
    font-weight: 600;
    position: relative
}

.amber-purple .default .amount-list .active[data-v-04f7dd43] {
    border: none;
    background: linear-gradient(160deg, #eabd5b 15%, #7041f3 50%, #7041f3 80%, #f5c84c);
    position: relative
}

.amber-purple .default .amount-list .active .amount[data-v-04f7dd43] {
    color: var(--color-text-white-100)
}

.amber-purple .default .amount-list .active[data-v-04f7dd43]:before {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    background: #544d80;
    z-index: 1;
    border-radius: inherit
}

.amber-purple .default .amount-list .amount[data-v-04f7dd43] {
    position: relative;
    z-index: 2;
    color: var(--text-color-light-purple-1-100)
}

.amber-purple .default .amount-list img[data-v-04f7dd43] {
    position: relative;
    z-index: 2
}

.blue-default .amount-list[data-v-04f7dd43] {
    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-04f7dd43] {
    flex: 0 0 calc(33.333% - .5rem)
}

.blue-default .amount-list .amount-item[data-v-04f7dd43] {
    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-04f7dd43] {
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: .125rem
}

.blue-default .amount-list .disabled[data-v-04f7dd43] {
    pointer-events: none
}

.blue-default .amount-list .active[data-v-04f7dd43] {
    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)
}

.green-default .amount-list[data-v-04f7dd43] {
    flex-wrap: wrap;
    font-size: var(--font-size-16);
    gap: .75rem;
    width: 100%;
    padding-bottom: .625rem;
    box-sizing: border-box
}

.green-default .amount-list li[data-v-04f7dd43] {
    flex: 0 0 calc(33.333% - .5rem)
}

.green-default .amount-list .amount-item[data-v-04f7dd43] {
    flex: 0 0 calc(33.333% - .5rem);
    height: 2.5rem;
    line-height: 2.5rem;
    cursor: pointer;
    text-align: center;
    background: var(--color-bg-100);
    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
}

.green-default .amount-list .amount-item img[data-v-04f7dd43] {
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: .125rem
}

.green-default .amount-list .disabled[data-v-04f7dd43] {
    pointer-events: none
}

.green-default .amount-list .active[data-v-04f7dd43] {
    background: var(--color-bg-100);
    color: var(--color-text-white-100);
    font-weight: var(--font-weight-bold);
    border: 1px solid var(--color-text-gray-200)
}

.forest-green .amount-list[data-v-04f7dd43] {
    flex-wrap: wrap;
    font-size: var(--font-size-16);
    gap: .75rem;
    width: 100%;
    padding-bottom: .625rem;
    box-sizing: border-box
}

.forest-green .amount-list li[data-v-04f7dd43] {
    flex: 0 0 calc(33.333% - .5rem)
}

.forest-green .amount-list .amount-item[data-v-04f7dd43] {
    flex: 0 0 calc(33.333% - .5rem);
    height: 2.5rem;
    line-height: 2.5rem;
    cursor: pointer;
    text-align: center;
    background: var(--color-bg-100);
    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
}

.forest-green .amount-list .amount-item img[data-v-04f7dd43] {
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: .125rem
}

.forest-green .amount-list .disabled[data-v-04f7dd43] {
    pointer-events: none
}

.forest-green .amount-list .active[data-v-04f7dd43] {
    background: var(--color-link);
    color: var(--color-text-white-100);
    font-weight: var(--font-weight-bold);
    border: 1px solid var(--color-text-gray-200)
}

.auroral-yellow .amount-list[data-v-04f7dd43] {
    flex-wrap: wrap;
    font-size: var(--font-size-16);
    gap: .75rem;
    width: 100%;
    padding-bottom: .625rem;
    box-sizing: border-box
}

.auroral-yellow .amount-list li[data-v-04f7dd43] {
    flex: 0 0 calc(33.333% - .5rem)
}

.auroral-yellow .amount-list .amount-item[data-v-04f7dd43] {
    flex: 0 0 calc(33.333% - .5rem);
    height: 2.5rem;
    line-height: 2.5rem;
    cursor: pointer;
    text-align: center;
    background: var(--color-bg-100);
    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
}

.auroral-yellow .amount-list .amount-item img[data-v-04f7dd43] {
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: .125rem
}

.auroral-yellow .amount-list .disabled[data-v-04f7dd43] {
    pointer-events: none
}

.auroral-yellow .amount-list .active[data-v-04f7dd43] {
    background: var(--color-bg-100);
    color: var(--color-text-white-100);
    font-weight: var(--font-weight-bold);
    border: 1px solid var(--theme-color-600)
}

.new-skin-symbol .amount-list[data-v-04f7dd43] {
    flex-wrap: wrap;
    margin-top: .625rem;
    font-size: var(--ep-font-size-s, .75rem);
    gap: .75rem
}

.new-skin-symbol .amount-list li[data-v-04f7dd43] {
    flex: 0 0 calc(33.333% - .5rem)
}

.new-skin-symbol .amount-list .amount-item[data-v-04f7dd43] {
    flex: 0 0 calc(33.333% - .5rem);
    height: 2.375rem;
    text-align: center;
    background: var(--ep-color-background-fill-surface-raised-L2);
    border-radius: .375rem;
    line-height: 2.625rem;
    cursor: pointer;
    color: var(--ep-color-text-default);
    font-weight: var(--ep-font-weight-medium, 500);
    font-size: var(--ep-font-size-l, 1rem);
    display: flex;
    align-items: center;
    justify-content: center
}

.new-skin-symbol .amount-list .amount-item img[data-v-04f7dd43] {
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: .125rem
}

.new-skin-symbol .amount-list .active[data-v-04f7dd43] {
    border: 1px solid var(--ep-color-border-selected);
    background: linear-gradient(180deg, color-mix(in srgb, var(--ep-color-background-fill-active-active) 0%, transparent) 16.59%, var(--ep-color-background-fill-glow-primary-opacity-40, rgba(58, 140, 227, .4)) 110.34%), var(--ep-color-background-fill-surface-raised-L2, #1A1F30)
}

.color-primary-600[data-v-fde022a4] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-fde022a4] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-fde022a4] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-fde022a4] {
    color: var(--color-primary-900)
}

.bg-100[data-v-fde022a4] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-fde022a4] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-fde022a4] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-fde022a4] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-fde022a4] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-fde022a4] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-fde022a4] {
    background-color: var(--color-warning)
}

.bg-link[data-v-fde022a4] {
    background-color: var(--color-link)
}

.bg-danger[data-v-fde022a4] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-fde022a4] {
    color: var(--color-text-100)
}

.color-text-80[data-v-fde022a4] {
    color: var(--color-text-80)
}

.color-text-50[data-v-fde022a4] {
    color: var(--color-text-50)
}

.color-text-40[data-v-fde022a4] {
    color: var(--color-text-40)
}

.color-text-20[data-v-fde022a4] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-fde022a4] {
    color: var(--color-currency)
}

.color-warning[data-v-fde022a4] {
    color: var(--color-warning)
}

.color-danger[data-v-fde022a4] {
    color: var(--color-danger)
}

.color-link[data-v-fde022a4] {
    color: var(--color-link)
}

.color-line[data-v-fde022a4] {
    color: var(--color-line)
}

.color-border[data-v-fde022a4] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-fde022a4] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-fde022a4] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-fde022a4] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-fde022a4] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-fde022a4] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-fde022a4] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-fde022a4] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-fde022a4] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-fde022a4] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-fde022a4] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-fde022a4] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-fde022a4] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-fde022a4] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-fde022a4] {
    display: flex;
    align-items: center
}

.flex-start[data-v-fde022a4] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-fde022a4] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-fde022a4] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-fde022a4] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-fde022a4] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-fde022a4] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-fde022a4] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-fde022a4] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-fde022a4] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-fde022a4] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-fde022a4] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-fde022a4] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-fde022a4] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-fde022a4] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-fde022a4] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-fde022a4] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-fde022a4] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-fde022a4] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-fde022a4] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-fde022a4] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-fde022a4] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-fde022a4] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-fde022a4] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-fde022a4] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-fde022a4],
.mlm-selected-item[data-v-fde022a4] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-fde022a4] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-fde022a4]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-fde022a4] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-fde022a4] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-fde022a4] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.fee-wrap[data-v-fde022a4] {
    padding-bottom: .75rem;
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    font-weight: var(--font-weight-regular);
    line-height: 18px
}

.fee-wrap .fee[data-v-fde022a4] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    font-weight: var(--font-weight-regular)
}

.fee-wrap ion-icon.balance-fee[data-v-fde022a4] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    font-weight: var(--font-weight-regular);
    margin-right: .1875rem
}

.fee-wrap .handling-fee[data-v-fde022a4] {
    color: var(--color-text-100);
    font-size: var(--font-size-12);
    font-weight: var(--font-weight-regular);
    margin-right: .1875rem
}

.remind[data-v-fde022a4] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    font-weight: var(--font-weight-regular);
    line-height: 18px;
    margin-left: .75rem;
    padding-bottom: .75rem
}

.null-amount[data-v-fde022a4] {
    margin-top: .5625rem
}

.fee-wrap.purple-light .fee[data-v-fde022a4] {
    color: var(--color-text-80);
    font-size: var(--font-size-12);
    font-weight: var(--font-weight-regular)
}

.fee-wrap.purple-light ion-icon.balance-fee[data-v-fde022a4] {
    color: var(--color-text-80);
    font-size: var(--font-size-12);
    font-weight: var(--font-weight-regular);
    margin-right: .1875rem
}

.remind.purple-light[data-v-fde022a4] {
    color: var(--color-text-80);
    font-size: var(--font-size-12);
    font-weight: var(--font-weight-regular)
}

.new-skin-symbol .fee-wrap[data-v-fde022a4] {
    padding-bottom: .75rem;
    line-height: 18px;
    font-size: var(--ep-font-size-s, .75rem)
}

.new-skin-symbol .fee-wrap .fee[data-v-fde022a4] {
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol .fee-wrap ion-icon.balance-fee[data-v-fde022a4] {
    color: var(--ep-color-icon-weaker);
    margin-right: .1875rem
}

.new-skin-symbol .fee-wrap .handling-fee[data-v-fde022a4] {
    color: var(--ep-color-text-default);
    margin-right: .1875rem
}

.new-skin-symbol .remind[data-v-fde022a4] {
    color: var(--ep-color-text-default);
    line-height: 18px;
    margin-left: .75rem;
    padding-bottom: .75rem
}

.new-skin-symbol .null-amount[data-v-fde022a4] {
    margin-top: .5625rem
}

.color-primary-600[data-v-08c6bd57] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-08c6bd57] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-08c6bd57] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-08c6bd57] {
    color: var(--color-primary-900)
}

.bg-100[data-v-08c6bd57] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-08c6bd57] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-08c6bd57] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-08c6bd57] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-08c6bd57] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-08c6bd57] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-08c6bd57] {
    background-color: var(--color-warning)
}

.bg-link[data-v-08c6bd57] {
    background-color: var(--color-link)
}

.bg-danger[data-v-08c6bd57] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-08c6bd57] {
    color: var(--color-text-100)
}

.color-text-80[data-v-08c6bd57] {
    color: var(--color-text-80)
}

.color-text-50[data-v-08c6bd57] {
    color: var(--color-text-50)
}

.color-text-40[data-v-08c6bd57] {
    color: var(--color-text-40)
}

.color-text-20[data-v-08c6bd57] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-08c6bd57] {
    color: var(--color-currency)
}

.color-warning[data-v-08c6bd57] {
    color: var(--color-warning)
}

.color-danger[data-v-08c6bd57] {
    color: var(--color-danger)
}

.color-link[data-v-08c6bd57] {
    color: var(--color-link)
}

.color-line[data-v-08c6bd57] {
    color: var(--color-line)
}

.color-border[data-v-08c6bd57] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-08c6bd57] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-08c6bd57] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-08c6bd57] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-08c6bd57] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-08c6bd57] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-08c6bd57] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-08c6bd57] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-08c6bd57] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-08c6bd57] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-08c6bd57] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-08c6bd57] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-08c6bd57] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-08c6bd57] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-08c6bd57] {
    display: flex;
    align-items: center
}

.flex-start[data-v-08c6bd57] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-08c6bd57] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-08c6bd57] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-08c6bd57] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-08c6bd57] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-08c6bd57] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-08c6bd57] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-08c6bd57] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-08c6bd57] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-08c6bd57] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-08c6bd57] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-08c6bd57] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-08c6bd57] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-08c6bd57] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-08c6bd57] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-08c6bd57] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-08c6bd57] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-08c6bd57] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-08c6bd57] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-08c6bd57] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-08c6bd57] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-08c6bd57] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-08c6bd57] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-08c6bd57] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-08c6bd57],
.mlm-selected-item[data-v-08c6bd57] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-08c6bd57] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-08c6bd57]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-08c6bd57] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-08c6bd57] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-08c6bd57] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.grid-password[data-v-08c6bd57] {
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 100%;
    border: 1px solid transparent;
    padding: 0
}

.hidden-input[data-v-08c6bd57] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    caret-color: transparent;
    -webkit-text-fill-color: transparent
}

.grid-item[data-v-08c6bd57] {
    width: 2.75rem;
    height: 2.75rem;
    background: var(--color-bg-payment-item);
    border-radius: var(--rounded-small);
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}

.grid-item-focus[data-v-08c6bd57] {
    border: 1px solid var(--color-focus)
}

.dot[data-v-08c6bd57] {
    width: 10px;
    height: 10px;
    background: var(--color-text-100);
    border-radius: 50%
}

.cursor[data-v-08c6bd57] {
    position: absolute;
    width: 1px;
    height: 1rem;
    background: var(--color-text-100);
    animation: blink-08c6bd57 1s infinite
}

@keyframes blink-08c6bd57 {
    0% {
        opacity: 1
    }

    49% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

.grid-password.purple-light .grid-item[data-v-08c6bd57] {
    background-color: var(--color-bg-400)
}

.grid-password.amber-purple .grid-item[data-v-08c6bd57],
.grid-password.auroral-yellow .grid-item[data-v-08c6bd57] {
    background-color: var(--color-bg-200)
}

.new-skin-symbol .grid-password .grid-item[data-v-08c6bd57] {
    background: var(--ep-color-background-fill-surface-raised-L2);
    border-radius: var(--ep-border-radius-s)
}

.new-skin-symbol .grid-password .grid-item-focus[data-v-08c6bd57] {
    border: 1px solid var(--ep-color-border-brand)
}

.new-skin-symbol .grid-password .dot[data-v-08c6bd57] {
    width: 10px;
    height: 10px;
    background: var(--ep-color-text-default);
    border-radius: 50%
}

.color-primary-600[data-v-e2c73760] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-e2c73760] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-e2c73760] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-e2c73760] {
    color: var(--color-primary-900)
}

.bg-100[data-v-e2c73760] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-e2c73760] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-e2c73760] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-e2c73760] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-e2c73760] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-e2c73760] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-e2c73760] {
    background-color: var(--color-warning)
}

.bg-link[data-v-e2c73760] {
    background-color: var(--color-link)
}

.bg-danger[data-v-e2c73760] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-e2c73760] {
    color: var(--color-text-100)
}

.color-text-80[data-v-e2c73760] {
    color: var(--color-text-80)
}

.color-text-50[data-v-e2c73760] {
    color: var(--color-text-50)
}

.color-text-40[data-v-e2c73760] {
    color: var(--color-text-40)
}

.color-text-20[data-v-e2c73760] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-e2c73760] {
    color: var(--color-currency)
}

.color-warning[data-v-e2c73760] {
    color: var(--color-warning)
}

.color-danger[data-v-e2c73760] {
    color: var(--color-danger)
}

.color-link[data-v-e2c73760] {
    color: var(--color-link)
}

.color-line[data-v-e2c73760] {
    color: var(--color-line)
}

.color-border[data-v-e2c73760] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-e2c73760] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-e2c73760] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-e2c73760] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-e2c73760] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-e2c73760] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-e2c73760] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-e2c73760] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-e2c73760] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-e2c73760] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-e2c73760] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-e2c73760] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-e2c73760] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-e2c73760] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-e2c73760] {
    display: flex;
    align-items: center
}

.flex-start[data-v-e2c73760] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-e2c73760] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-e2c73760] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-e2c73760] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-e2c73760] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-e2c73760] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-e2c73760] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-e2c73760] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-e2c73760] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-e2c73760] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-e2c73760] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-e2c73760] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-e2c73760] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-e2c73760] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-e2c73760] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-e2c73760] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-e2c73760] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-e2c73760] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-e2c73760] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-e2c73760] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-e2c73760] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-e2c73760] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-e2c73760] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-e2c73760] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-e2c73760],
.mlm-selected-item[data-v-e2c73760] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-e2c73760] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-e2c73760]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-e2c73760] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-e2c73760] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-e2c73760] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.pop-wrap[data-v-e2c73760] {
    width: 22.875rem;
    background-color: var(--color-bg-300);
    border-radius: var(--rounded-large);
    padding: 16px;
    box-sizing: border-box;
    margin: 8.375rem auto;
    position: relative;
    text-align: center;
    color: var(--color-text-80);
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-regular)
}

.pop-wrap .title[data-v-e2c73760] {
    line-height: 1.5rem;
    margin-top: 1.1875rem;
    color: var(--color-text-80);
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold)
}

.pop-wrap .withdraw[data-v-e2c73760] {
    margin: 1.125rem 0 .375rem;
    line-height: 1.125rem
}

.pop-wrap .password-input[data-v-e2c73760] {
    margin: .75rem 0 1.3125rem
}

.pop-wrap .close[data-v-e2c73760] {
    color: var(--color-text-40);
    font-size: var(--font-size-20);
    font-weight: var(--font-weight-regular);
    top: .875rem;
    right: .4375rem
}

.pop-wrap .line[data-v-e2c73760] {
    background: var(--line-color)
}

.pop-wrap .amuont[data-v-e2c73760] {
    color: var(--color-currency);
    font-size: var(--font-size-20);
    font-weight: var(--font-weight-bold);
    line-height: 1.125rem;
    margin: .75rem 0 1.25rem
}

.pop-wrap .amuont .sum[data-v-e2c73760] {
    margin-left: .1875rem
}

.pop-wrap .submit-btn[data-v-e2c73760] {
    width: 60%;
    margin: .75rem auto 1.3125rem
}

.pop-wrap .rate-type-text[data-v-e2c73760] {
    color: var(--color-text-60);
    font-size: var(--font-size-12);
    font-weight: var(--font-weight-regular);
    display: flex;
    align-items: center;
    justify-content: space-between
}

.blue-default .pop-wrap .title[data-v-e2c73760],
.blue-default .pop-wrap .withdraw[data-v-e2c73760] {
    color: var(--color-text-gray-100)
}

.blue-default .pop-wrap .rate-type-text[data-v-e2c73760] {
    color: var(--color-text-gray-200)
}

.amber-purple .pop-wrap[data-v-e2c73760] {
    background-color: var(--color-bg-100)
}

.amber-purple .pop-wrap .title[data-v-e2c73760],
.amber-purple .pop-wrap .withdraw[data-v-e2c73760] {
    color: var(--color-text-100)
}

.amber-purple .pop-wrap .rate-type-text[data-v-e2c73760] {
    color: var(--text-color-light-purple-2-100)
}

.new-skin-symbol .pop-wrap[data-v-e2c73760] {
    width: 22.875rem;
    background: var(--ep-color-background-fill-surface-raised-L1);
    border-radius: var(--ep-border-radius-xl, .625rem);
    padding: 16px;
    box-sizing: border-box;
    margin: 8.375rem auto;
    position: relative;
    text-align: center
}

.new-skin-symbol .pop-wrap .title[data-v-e2c73760] {
    line-height: 1.5rem;
    margin-top: 1.1875rem;
    font-weight: var(--ep-font-weight-bold, 700);
    font-size: var(--ep-font-size-l, 1rem);
    color: var(--ep-color-text-default)
}

.new-skin-symbol .pop-wrap .withdraw[data-v-e2c73760] {
    margin: 1.125rem 0 .375rem;
    line-height: 1.125rem;
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol .pop-wrap .password-input[data-v-e2c73760] {
    margin: .75rem 0 1.3125rem
}

.new-skin-symbol .pop-wrap .close[data-v-e2c73760] {
    font-size: 1.25rem;
    top: .875rem;
    right: .4375rem;
    color: var(--ep-color-icon-default)
}

.new-skin-symbol .pop-wrap .line[data-v-e2c73760] {
    background: var(--ep-color-border-default)
}

.new-skin-symbol .pop-wrap .amuont[data-v-e2c73760] {
    font-weight: var(--ep-font-weight-bold, 700);
    font-size: var(--ep-font-size-xl, 1.125rem);
    line-height: 1.125rem;
    margin: .75rem 0 1.25rem;
    color: var(--ep-color-text-warning)
}

.new-skin-symbol .pop-wrap .amuont .sum[data-v-e2c73760] {
    margin-left: .1875rem
}

.new-skin-symbol .pop-wrap .submit-btn[data-v-e2c73760] {
    width: 60%;
    margin: .75rem auto 1.3125rem
}

.new-skin-symbol .pop-wrap .rate-type-text[data-v-e2c73760] {
    font-size: var(--ep-font-size-s, .75rem);
    color: var(--ep-color-text-weaker);
    display: flex;
    align-items: center;
    justify-content: space-between
}

.color-primary-600[data-v-6be7af4a] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-6be7af4a] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-6be7af4a] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-6be7af4a] {
    color: var(--color-primary-900)
}

.bg-100[data-v-6be7af4a] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-6be7af4a] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-6be7af4a] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-6be7af4a] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-6be7af4a] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-6be7af4a] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-6be7af4a] {
    background-color: var(--color-warning)
}

.bg-link[data-v-6be7af4a] {
    background-color: var(--color-link)
}

.bg-danger[data-v-6be7af4a] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-6be7af4a] {
    color: var(--color-text-100)
}

.color-text-80[data-v-6be7af4a] {
    color: var(--color-text-80)
}

.color-text-50[data-v-6be7af4a] {
    color: var(--color-text-50)
}

.color-text-40[data-v-6be7af4a] {
    color: var(--color-text-40)
}

.color-text-20[data-v-6be7af4a] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-6be7af4a] {
    color: var(--color-currency)
}

.color-warning[data-v-6be7af4a] {
    color: var(--color-warning)
}

.color-danger[data-v-6be7af4a] {
    color: var(--color-danger)
}

.color-link[data-v-6be7af4a] {
    color: var(--color-link)
}

.color-line[data-v-6be7af4a] {
    color: var(--color-line)
}

.color-border[data-v-6be7af4a] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-6be7af4a] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-6be7af4a] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-6be7af4a] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-6be7af4a] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-6be7af4a] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-6be7af4a] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-6be7af4a] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-6be7af4a] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-6be7af4a] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-6be7af4a] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-6be7af4a] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-6be7af4a] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-6be7af4a] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-6be7af4a] {
    display: flex;
    align-items: center
}

.flex-start[data-v-6be7af4a] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-6be7af4a] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-6be7af4a] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-6be7af4a] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-6be7af4a] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-6be7af4a] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-6be7af4a] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-6be7af4a] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-6be7af4a] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-6be7af4a] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-6be7af4a] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-6be7af4a] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-6be7af4a] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-6be7af4a] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-6be7af4a] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-6be7af4a] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-6be7af4a] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-6be7af4a] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-6be7af4a] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-6be7af4a] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-6be7af4a] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-6be7af4a] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-6be7af4a] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-6be7af4a] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-6be7af4a],
.mlm-selected-item[data-v-6be7af4a] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-6be7af4a] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-6be7af4a]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-6be7af4a] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-6be7af4a] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-6be7af4a] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-modal.withdrawHint[data-v-6be7af4a] {
    --width: 19.375rem;
    --height: 10rem;
    --background: var(--color-bg-300);
    --border-radius: .5rem;
    color: var(--color-text-100)
}

ion-modal.withdrawHint.amber-purple[data-v-6be7af4a] {
    --background: var(--color-bg-100)
}

.btn-c[data-v-6be7af4a] {
    margin: .5rem auto;
    width: 100px
}

.new-skin-symbol ion-modal.withdrawHint[data-v-6be7af4a] {
    --width: 19.375rem;
    --height: 10rem;
    --background: var(--ep-color-background-fill-surface-raised-L1);
    --border-radius: var(--ep-border-radius-l, .5rem);
    color: var(--ep-color-text-default)
}

.color-primary-600[data-v-1f3def11] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-1f3def11] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-1f3def11] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-1f3def11] {
    color: var(--color-primary-900)
}

.bg-100[data-v-1f3def11] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-1f3def11] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-1f3def11] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-1f3def11] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-1f3def11] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-1f3def11] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-1f3def11] {
    background-color: var(--color-warning)
}

.bg-link[data-v-1f3def11] {
    background-color: var(--color-link)
}

.bg-danger[data-v-1f3def11] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-1f3def11] {
    color: var(--color-text-100)
}

.color-text-80[data-v-1f3def11] {
    color: var(--color-text-80)
}

.color-text-50[data-v-1f3def11] {
    color: var(--color-text-50)
}

.color-text-40[data-v-1f3def11] {
    color: var(--color-text-40)
}

.color-text-20[data-v-1f3def11] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-1f3def11] {
    color: var(--color-currency)
}

.color-warning[data-v-1f3def11] {
    color: var(--color-warning)
}

.color-danger[data-v-1f3def11] {
    color: var(--color-danger)
}

.color-link[data-v-1f3def11] {
    color: var(--color-link)
}

.color-line[data-v-1f3def11] {
    color: var(--color-line)
}

.color-border[data-v-1f3def11] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-1f3def11] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-1f3def11] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-1f3def11] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-1f3def11] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-1f3def11] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-1f3def11] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-1f3def11] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-1f3def11] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-1f3def11] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-1f3def11] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-1f3def11] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-1f3def11] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-1f3def11] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-1f3def11] {
    display: flex;
    align-items: center
}

.flex-start[data-v-1f3def11] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-1f3def11] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-1f3def11] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-1f3def11] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-1f3def11] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-1f3def11] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-1f3def11] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-1f3def11] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-1f3def11] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-1f3def11] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-1f3def11] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-1f3def11] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-1f3def11] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-1f3def11] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-1f3def11] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-1f3def11] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-1f3def11] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-1f3def11] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-1f3def11] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-1f3def11] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-1f3def11] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-1f3def11] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-1f3def11] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-1f3def11] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-1f3def11],
.mlm-selected-item[data-v-1f3def11] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-1f3def11] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-1f3def11]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-1f3def11] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-1f3def11] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-1f3def11] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.green-dark .no-cycle-amount-input-wrap[data-v-1f3def11],
.yellow-dark .no-cycle-amount-input-wrap[data-v-1f3def11],
.amber-purple .no-cycle-amount-input-wrap[data-v-1f3def11],
.auroral-yellow .no-cycle-amount-input-wrap[data-v-1f3def11],
.forest-green .no-cycle-amount-input-wrap[data-v-1f3def11],
.green-default .no-cycle-amount-input-wrap[data-v-1f3def11],
.blue-default .no-cycle-amount-input-wrap[data-v-1f3def11] {
    box-sizing: border-box;
    font-size: var(--ep-font-size-s, .75rem);
    width: 22.875rem;
    margin: 0 auto 1.3125rem;
    border: 1px solid var(--line-color);
    background: var(--color-bg-200);
    padding: .8125rem .625rem 1rem;
    border-radius: var(--ep-border-radius-m, .375rem)
}

.green-dark .no-cycle-amount-input-wrap .top[data-v-1f3def11],
.yellow-dark .no-cycle-amount-input-wrap .top[data-v-1f3def11],
.amber-purple .no-cycle-amount-input-wrap .top[data-v-1f3def11],
.auroral-yellow .no-cycle-amount-input-wrap .top[data-v-1f3def11],
.forest-green .no-cycle-amount-input-wrap .top[data-v-1f3def11],
.green-default .no-cycle-amount-input-wrap .top[data-v-1f3def11],
.blue-default .no-cycle-amount-input-wrap .top[data-v-1f3def11] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: var(--ep-font-size-s, .75rem);
    margin-bottom: .625rem;
    color: var(--color-text-100)
}

.green-dark .no-cycle-amount-input-wrap .top .title[data-v-1f3def11],
.yellow-dark .no-cycle-amount-input-wrap .top .title[data-v-1f3def11],
.amber-purple .no-cycle-amount-input-wrap .top .title[data-v-1f3def11],
.auroral-yellow .no-cycle-amount-input-wrap .top .title[data-v-1f3def11],
.forest-green .no-cycle-amount-input-wrap .top .title[data-v-1f3def11],
.green-default .no-cycle-amount-input-wrap .top .title[data-v-1f3def11],
.blue-default .no-cycle-amount-input-wrap .top .title[data-v-1f3def11] {
    font-weight: var(--ep-font-weight-bold, 700);
    line-height: 1.125rem;
    height: 1.125rem
}

.green-dark .no-cycle-amount-input-wrap .top .virtual-currency[data-v-1f3def11],
.yellow-dark .no-cycle-amount-input-wrap .top .virtual-currency[data-v-1f3def11],
.amber-purple .no-cycle-amount-input-wrap .top .virtual-currency[data-v-1f3def11],
.auroral-yellow .no-cycle-amount-input-wrap .top .virtual-currency[data-v-1f3def11],
.forest-green .no-cycle-amount-input-wrap .top .virtual-currency[data-v-1f3def11],
.green-default .no-cycle-amount-input-wrap .top .virtual-currency[data-v-1f3def11],
.blue-default .no-cycle-amount-input-wrap .top .virtual-currency[data-v-1f3def11] {
    display: flex;
    align-items: center;
    border: 1px solid var(--line-color);
    border-radius: var(--ep-border-radius-m, .375rem);
    padding: 0 .625rem;
    height: 1.125rem
}

.green-dark .no-cycle-amount-input-wrap .top .virtual-currency .virtual-count[data-v-1f3def11],
.yellow-dark .no-cycle-amount-input-wrap .top .virtual-currency .virtual-count[data-v-1f3def11],
.amber-purple .no-cycle-amount-input-wrap .top .virtual-currency .virtual-count[data-v-1f3def11],
.auroral-yellow .no-cycle-amount-input-wrap .top .virtual-currency .virtual-count[data-v-1f3def11],
.forest-green .no-cycle-amount-input-wrap .top .virtual-currency .virtual-count[data-v-1f3def11],
.green-default .no-cycle-amount-input-wrap .top .virtual-currency .virtual-count[data-v-1f3def11],
.blue-default .no-cycle-amount-input-wrap .top .virtual-currency .virtual-count[data-v-1f3def11] {
    padding: 0 .125rem
}

.green-dark .no-cycle-amount-input-wrap .top .virtual-currency img[data-v-1f3def11],
.yellow-dark .no-cycle-amount-input-wrap .top .virtual-currency img[data-v-1f3def11],
.amber-purple .no-cycle-amount-input-wrap .top .virtual-currency img[data-v-1f3def11],
.auroral-yellow .no-cycle-amount-input-wrap .top .virtual-currency img[data-v-1f3def11],
.forest-green .no-cycle-amount-input-wrap .top .virtual-currency img[data-v-1f3def11],
.green-default .no-cycle-amount-input-wrap .top .virtual-currency img[data-v-1f3def11],
.blue-default .no-cycle-amount-input-wrap .top .virtual-currency img[data-v-1f3def11] {
    display: block;
    width: .875rem;
    height: .875rem;
    margin-right: .125rem
}

.green-dark .no-cycle-amount-input-wrap .amount-btn-wrap[data-v-1f3def11],
.yellow-dark .no-cycle-amount-input-wrap .amount-btn-wrap[data-v-1f3def11],
.amber-purple .no-cycle-amount-input-wrap .amount-btn-wrap[data-v-1f3def11],
.auroral-yellow .no-cycle-amount-input-wrap .amount-btn-wrap[data-v-1f3def11],
.forest-green .no-cycle-amount-input-wrap .amount-btn-wrap[data-v-1f3def11],
.green-default .no-cycle-amount-input-wrap .amount-btn-wrap[data-v-1f3def11],
.blue-default .no-cycle-amount-input-wrap .amount-btn-wrap[data-v-1f3def11] {
    margin-bottom: .75rem
}

.green-dark .no-cycle-amount-input-wrap .text-tip-area[data-v-1f3def11],
.yellow-dark .no-cycle-amount-input-wrap .text-tip-area[data-v-1f3def11],
.amber-purple .no-cycle-amount-input-wrap .text-tip-area[data-v-1f3def11],
.auroral-yellow .no-cycle-amount-input-wrap .text-tip-area[data-v-1f3def11],
.forest-green .no-cycle-amount-input-wrap .text-tip-area[data-v-1f3def11],
.green-default .no-cycle-amount-input-wrap .text-tip-area[data-v-1f3def11],
.blue-default .no-cycle-amount-input-wrap .text-tip-area[data-v-1f3def11] {
    background: var(--color-bg-200);
    margin-bottom: .625rem
}

.green-dark .no-cycle-amount-input-wrap .amountInput[data-v-1f3def11],
.yellow-dark .no-cycle-amount-input-wrap .amountInput[data-v-1f3def11],
.amber-purple .no-cycle-amount-input-wrap .amountInput[data-v-1f3def11],
.auroral-yellow .no-cycle-amount-input-wrap .amountInput[data-v-1f3def11],
.forest-green .no-cycle-amount-input-wrap .amountInput[data-v-1f3def11],
.green-default .no-cycle-amount-input-wrap .amountInput[data-v-1f3def11],
.blue-default .no-cycle-amount-input-wrap .amountInput[data-v-1f3def11] {
    width: 21.625rem;
    margin: 0 auto;
    background: var(--color-bg-400);
    border-radius: var(--ep-border-radius-m, .375rem)
}

.green-dark .no-cycle-amount-input-wrap .description-wrap[data-v-1f3def11],
.yellow-dark .no-cycle-amount-input-wrap .description-wrap[data-v-1f3def11],
.amber-purple .no-cycle-amount-input-wrap .description-wrap[data-v-1f3def11],
.auroral-yellow .no-cycle-amount-input-wrap .description-wrap[data-v-1f3def11],
.forest-green .no-cycle-amount-input-wrap .description-wrap[data-v-1f3def11],
.green-default .no-cycle-amount-input-wrap .description-wrap[data-v-1f3def11],
.blue-default .no-cycle-amount-input-wrap .description-wrap[data-v-1f3def11] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: .625rem;
    font-size: var(--ep-font-size-s, .75rem);
    line-height: 1.125rem
}

.green-dark .no-cycle-amount-input-wrap .description-wrap .description-title[data-v-1f3def11],
.yellow-dark .no-cycle-amount-input-wrap .description-wrap .description-title[data-v-1f3def11],
.amber-purple .no-cycle-amount-input-wrap .description-wrap .description-title[data-v-1f3def11],
.auroral-yellow .no-cycle-amount-input-wrap .description-wrap .description-title[data-v-1f3def11],
.forest-green .no-cycle-amount-input-wrap .description-wrap .description-title[data-v-1f3def11],
.green-default .no-cycle-amount-input-wrap .description-wrap .description-title[data-v-1f3def11],
.blue-default .no-cycle-amount-input-wrap .description-wrap .description-title[data-v-1f3def11] {
    color: var(--color-text-40)
}

.green-dark .no-cycle-amount-input-wrap .description-wrap .amount-icon[data-v-1f3def11],
.yellow-dark .no-cycle-amount-input-wrap .description-wrap .amount-icon[data-v-1f3def11],
.amber-purple .no-cycle-amount-input-wrap .description-wrap .amount-icon[data-v-1f3def11],
.auroral-yellow .no-cycle-amount-input-wrap .description-wrap .amount-icon[data-v-1f3def11],
.forest-green .no-cycle-amount-input-wrap .description-wrap .amount-icon[data-v-1f3def11],
.green-default .no-cycle-amount-input-wrap .description-wrap .amount-icon[data-v-1f3def11],
.blue-default .no-cycle-amount-input-wrap .description-wrap .amount-icon[data-v-1f3def11] {
    color: var(--accent-color-orange);
    font-size: var(--ep-font-size-s, .75rem);
    margin: 0 .125rem
}

.green-dark .no-cycle-amount-input-wrap .description-wrap .amount[data-v-1f3def11],
.yellow-dark .no-cycle-amount-input-wrap .description-wrap .amount[data-v-1f3def11],
.amber-purple .no-cycle-amount-input-wrap .description-wrap .amount[data-v-1f3def11],
.auroral-yellow .no-cycle-amount-input-wrap .description-wrap .amount[data-v-1f3def11],
.forest-green .no-cycle-amount-input-wrap .description-wrap .amount[data-v-1f3def11],
.green-default .no-cycle-amount-input-wrap .description-wrap .amount[data-v-1f3def11],
.blue-default .no-cycle-amount-input-wrap .description-wrap .amount[data-v-1f3def11] {
    color: var(--accent-color-orange)
}

.green-dark .no-cycle-amount-input-wrap .description-wrap .description[data-v-1f3def11],
.yellow-dark .no-cycle-amount-input-wrap .description-wrap .description[data-v-1f3def11],
.amber-purple .no-cycle-amount-input-wrap .description-wrap .description[data-v-1f3def11],
.auroral-yellow .no-cycle-amount-input-wrap .description-wrap .description[data-v-1f3def11],
.forest-green .no-cycle-amount-input-wrap .description-wrap .description[data-v-1f3def11],
.green-default .no-cycle-amount-input-wrap .description-wrap .description[data-v-1f3def11],
.blue-default .no-cycle-amount-input-wrap .description-wrap .description[data-v-1f3def11] {
    display: flex;
    align-items: center
}

.green-dark .no-cycle-amount-input-wrap .fee-wrap[data-v-1f3def11],
.yellow-dark .no-cycle-amount-input-wrap .fee-wrap[data-v-1f3def11],
.amber-purple .no-cycle-amount-input-wrap .fee-wrap[data-v-1f3def11],
.auroral-yellow .no-cycle-amount-input-wrap .fee-wrap[data-v-1f3def11],
.forest-green .no-cycle-amount-input-wrap .fee-wrap[data-v-1f3def11],
.green-default .no-cycle-amount-input-wrap .fee-wrap[data-v-1f3def11],
.blue-default .no-cycle-amount-input-wrap .fee-wrap[data-v-1f3def11] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    line-height: 1.125rem;
    text-align: right
}

.green-dark .no-cycle-amount-input-wrap .fee-wrap .fee[data-v-1f3def11],
.yellow-dark .no-cycle-amount-input-wrap .fee-wrap .fee[data-v-1f3def11],
.amber-purple .no-cycle-amount-input-wrap .fee-wrap .fee[data-v-1f3def11],
.auroral-yellow .no-cycle-amount-input-wrap .fee-wrap .fee[data-v-1f3def11],
.forest-green .no-cycle-amount-input-wrap .fee-wrap .fee[data-v-1f3def11],
.green-default .no-cycle-amount-input-wrap .fee-wrap .fee[data-v-1f3def11],
.blue-default .no-cycle-amount-input-wrap .fee-wrap .fee[data-v-1f3def11] {
    color: var(--color-text-40)
}

.green-dark .no-cycle-amount-input-wrap .fee-wrap ion-icon.balance-fee[data-v-1f3def11],
.yellow-dark .no-cycle-amount-input-wrap .fee-wrap ion-icon.balance-fee[data-v-1f3def11],
.amber-purple .no-cycle-amount-input-wrap .fee-wrap ion-icon.balance-fee[data-v-1f3def11],
.auroral-yellow .no-cycle-amount-input-wrap .fee-wrap ion-icon.balance-fee[data-v-1f3def11],
.forest-green .no-cycle-amount-input-wrap .fee-wrap ion-icon.balance-fee[data-v-1f3def11],
.green-default .no-cycle-amount-input-wrap .fee-wrap ion-icon.balance-fee[data-v-1f3def11],
.blue-default .no-cycle-amount-input-wrap .fee-wrap ion-icon.balance-fee[data-v-1f3def11] {
    color: var(--color-text-40);
    margin-right: .1875rem
}

.green-dark .no-cycle-amount-input-wrap .fee-wrap .handling-fee[data-v-1f3def11],
.yellow-dark .no-cycle-amount-input-wrap .fee-wrap .handling-fee[data-v-1f3def11],
.amber-purple .no-cycle-amount-input-wrap .fee-wrap .handling-fee[data-v-1f3def11],
.auroral-yellow .no-cycle-amount-input-wrap .fee-wrap .handling-fee[data-v-1f3def11],
.forest-green .no-cycle-amount-input-wrap .fee-wrap .handling-fee[data-v-1f3def11],
.green-default .no-cycle-amount-input-wrap .fee-wrap .handling-fee[data-v-1f3def11],
.blue-default .no-cycle-amount-input-wrap .fee-wrap .handling-fee[data-v-1f3def11] {
    color: var(--accent-color-orange);
    margin-right: .1875rem
}

.purple-light .no-cycle-amount-input-wrap[data-v-1f3def11] {
    box-sizing: border-box;
    font-size: var(--ep-font-size-s, .75rem);
    width: 22.875rem;
    margin: 0 auto 1.3125rem;
    border: 1px solid var(--line-color);
    background: var(--color-bg-200);
    padding: .8125rem .625rem 1rem;
    border-radius: var(--ep-border-radius-m, .375rem)
}

.purple-light .no-cycle-amount-input-wrap .top[data-v-1f3def11] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: var(--ep-font-size-s, .75rem);
    margin-bottom: .625rem;
    color: var(--color-text-100)
}

.purple-light .no-cycle-amount-input-wrap .top .title[data-v-1f3def11] {
    font-weight: var(--ep-font-weight-bold, 700);
    line-height: 1.125rem;
    height: 1.125rem
}

.purple-light .no-cycle-amount-input-wrap .top .virtual-currency[data-v-1f3def11] {
    display: flex;
    align-items: center;
    border: 1px solid var(--line-color);
    border-radius: var(--ep-border-radius-m, .375rem);
    padding: 0 .625rem;
    height: 1.125rem
}

.purple-light .no-cycle-amount-input-wrap .top .virtual-currency .virtual-count[data-v-1f3def11] {
    padding: 0 .125rem
}

.purple-light .no-cycle-amount-input-wrap .top .virtual-currency img[data-v-1f3def11] {
    display: block;
    width: .875rem;
    height: .875rem;
    margin-right: .125rem
}

.purple-light .no-cycle-amount-input-wrap .amount-btn-wrap[data-v-1f3def11] {
    margin-bottom: .75rem
}

.purple-light .no-cycle-amount-input-wrap .text-tip-area[data-v-1f3def11] {
    background: var(--color-bg-200);
    margin-bottom: .625rem
}

.purple-light .no-cycle-amount-input-wrap .amountInput[data-v-1f3def11] {
    width: 21.625rem;
    margin: 0 auto;
    background: var(--color-bg-400);
    border-radius: var(--ep-border-radius-m, .375rem)
}

.purple-light .no-cycle-amount-input-wrap .description-wrap[data-v-1f3def11] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: .625rem;
    font-size: var(--ep-font-size-s, .75rem);
    line-height: 1.125rem
}

.purple-light .no-cycle-amount-input-wrap .description-wrap .description-title[data-v-1f3def11] {
    color: var(--color-text-40)
}

.purple-light .no-cycle-amount-input-wrap .description-wrap .amount-icon[data-v-1f3def11] {
    color: var(--accent-color-orange);
    font-size: var(--ep-font-size-s, .75rem);
    margin: 0 .125rem
}

.purple-light .no-cycle-amount-input-wrap .description-wrap .amount[data-v-1f3def11] {
    color: var(--accent-color-orange)
}

.purple-light .no-cycle-amount-input-wrap .description-wrap .description[data-v-1f3def11] {
    display: flex;
    align-items: center
}

.purple-light .no-cycle-amount-input-wrap .fee-wrap[data-v-1f3def11] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    line-height: 1.125rem;
    text-align: right
}

.purple-light .no-cycle-amount-input-wrap .fee-wrap .fee[data-v-1f3def11] {
    color: var(--color-text-40)
}

.purple-light .no-cycle-amount-input-wrap .fee-wrap ion-icon.balance-fee[data-v-1f3def11] {
    color: var(--color-text-40);
    margin-right: .1875rem
}

.purple-light .no-cycle-amount-input-wrap .fee-wrap .handling-fee[data-v-1f3def11] {
    color: var(--accent-color-orange);
    margin-right: .1875rem
}

.new-skin-symbol .no-cycle-amount-input-wrap[data-v-1f3def11] {
    box-sizing: border-box;
    font-size: var(--ep-font-size-s, .75rem);
    width: 22.875rem;
    margin: 0 auto 1.3125rem;
    border: 1px solid var(--ep-color-border-default);
    background: var(--ep-color-background-fill-surface-raised-L1);
    padding: .8125rem .625rem 1rem;
    border-radius: var(--ep-border-radius-m, .375rem)
}

.new-skin-symbol .no-cycle-amount-input-wrap .top[data-v-1f3def11] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: var(--ep-font-size-s, .75rem);
    margin-bottom: .625rem;
    color: var(--ep-color-text-default)
}

.new-skin-symbol .no-cycle-amount-input-wrap .top .title[data-v-1f3def11] {
    font-weight: var(--ep-font-weight-bold, 700);
    line-height: 1.125rem;
    height: 1.125rem
}

.new-skin-symbol .no-cycle-amount-input-wrap .top .virtual-currency[data-v-1f3def11] {
    display: flex;
    align-items: center;
    border: 1px solid var(--ep-color-border-default);
    border-radius: var(--ep-border-radius-m, .375rem);
    padding: 0 .625rem;
    height: 1.125rem
}

.new-skin-symbol .no-cycle-amount-input-wrap .top .virtual-currency .virtual-count[data-v-1f3def11] {
    padding: 0 .125rem
}

.new-skin-symbol .no-cycle-amount-input-wrap .top .virtual-currency img[data-v-1f3def11] {
    display: block;
    width: .875rem;
    height: .875rem;
    margin-right: .125rem
}

.new-skin-symbol .no-cycle-amount-input-wrap .amount-btn-wrap[data-v-1f3def11] {
    margin-bottom: .75rem
}

.new-skin-symbol .no-cycle-amount-input-wrap .text-tip-area[data-v-1f3def11] {
    background: var(--ep-color-background-fill-surface-raised-L1);
    margin-bottom: .625rem
}

.new-skin-symbol .no-cycle-amount-input-wrap .amountInput[data-v-1f3def11] {
    width: 21.625rem;
    margin: 0 auto;
    background: var(--ep-color-background-fill-surface-lowered);
    border-radius: var(--ep-border-radius-m, .375rem)
}

.new-skin-symbol .no-cycle-amount-input-wrap .description-wrap[data-v-1f3def11] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: .625rem;
    font-size: var(--ep-font-size-s, .75rem);
    line-height: 1.125rem
}

.new-skin-symbol .no-cycle-amount-input-wrap .description-wrap .description-title[data-v-1f3def11] {
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol .no-cycle-amount-input-wrap .description-wrap .amount-icon[data-v-1f3def11] {
    color: var(--ep-color-icon-warning);
    font-size: var(--ep-font-size-s, .75rem);
    margin: 0 .125rem
}

.new-skin-symbol .no-cycle-amount-input-wrap .description-wrap .amount[data-v-1f3def11] {
    color: var(--ep-color-text-warning)
}

.new-skin-symbol .no-cycle-amount-input-wrap .description-wrap .description[data-v-1f3def11] {
    display: flex;
    align-items: center
}

.new-skin-symbol .no-cycle-amount-input-wrap .fee-wrap[data-v-1f3def11] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    line-height: 1.125rem;
    text-align: right
}

.new-skin-symbol .no-cycle-amount-input-wrap .fee-wrap .fee[data-v-1f3def11] {
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol .no-cycle-amount-input-wrap .fee-wrap ion-icon.balance-fee[data-v-1f3def11] {
    color: var(--ep-color-icon-weaker);
    margin-right: .1875rem
}

.new-skin-symbol .no-cycle-amount-input-wrap .fee-wrap .handling-fee[data-v-1f3def11] {
    color: var(--ep-color-text-warning);
    margin-right: .1875rem
}

.color-primary-600[data-v-3c0fdf39] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-3c0fdf39] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-3c0fdf39] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-3c0fdf39] {
    color: var(--color-primary-900)
}

.bg-100[data-v-3c0fdf39] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-3c0fdf39] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-3c0fdf39] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-3c0fdf39] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-3c0fdf39] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-3c0fdf39] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-3c0fdf39] {
    background-color: var(--color-warning)
}

.bg-link[data-v-3c0fdf39] {
    background-color: var(--color-link)
}

.bg-danger[data-v-3c0fdf39] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-3c0fdf39] {
    color: var(--color-text-100)
}

.color-text-80[data-v-3c0fdf39] {
    color: var(--color-text-80)
}

.color-text-50[data-v-3c0fdf39] {
    color: var(--color-text-50)
}

.color-text-40[data-v-3c0fdf39] {
    color: var(--color-text-40)
}

.color-text-20[data-v-3c0fdf39] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-3c0fdf39] {
    color: var(--color-currency)
}

.color-warning[data-v-3c0fdf39] {
    color: var(--color-warning)
}

.color-danger[data-v-3c0fdf39] {
    color: var(--color-danger)
}

.color-link[data-v-3c0fdf39] {
    color: var(--color-link)
}

.color-line[data-v-3c0fdf39] {
    color: var(--color-line)
}

.color-border[data-v-3c0fdf39] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-3c0fdf39] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-3c0fdf39] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-3c0fdf39] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-3c0fdf39] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-3c0fdf39] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-3c0fdf39] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-3c0fdf39] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-3c0fdf39] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-3c0fdf39] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-3c0fdf39] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-3c0fdf39] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-3c0fdf39] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-3c0fdf39] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-3c0fdf39] {
    display: flex;
    align-items: center
}

.flex-start[data-v-3c0fdf39] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-3c0fdf39] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-3c0fdf39] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-3c0fdf39] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-3c0fdf39] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-3c0fdf39] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-3c0fdf39] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-3c0fdf39] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-3c0fdf39] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-3c0fdf39] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-3c0fdf39] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-3c0fdf39] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-3c0fdf39] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-3c0fdf39] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-3c0fdf39] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-3c0fdf39] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-3c0fdf39] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-3c0fdf39] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-3c0fdf39] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-3c0fdf39] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-3c0fdf39] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-3c0fdf39] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-3c0fdf39] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-3c0fdf39] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-3c0fdf39],
.mlm-selected-item[data-v-3c0fdf39] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-3c0fdf39] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-3c0fdf39]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-3c0fdf39] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-3c0fdf39] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-3c0fdf39] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.new-skin-symbol .balance-area[data-v-3c0fdf39] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 22.875rem;
    gap: .875rem;
    margin: 0 auto
}

.new-skin-symbol .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(--ep-color-background-fill-glow-primary-opacity-40);
    border-radius: .875rem;
    position: relative;
    background: var(--ep-color-background-fill-surface-lowered)
}

.new-skin-symbol .balance-area .balance-wrap .icon-color[data-v-3c0fdf39] {
    position: absolute;
    right: .625rem;
    top: .625rem;
    color: var(--ep-color-icon-brand-primary)
}

.new-skin-symbol .balance-area .balance-wrap .balance-content[data-v-3c0fdf39] {
    font-size: var(--ep-font-size-s, .75rem);
    color: var(--ep-color-text-default)
}

.new-skin-symbol .balance-area .balance-wrap .balance-amount[data-v-3c0fdf39] {
    color: var(--ep-color-text-warning);
    font-size: var(--ep-font-size-m, .875rem)
}

.new-skin-symbol .balance-area .balance-wrap .detail[data-v-3c0fdf39] {
    position: absolute;
    right: .43rem;
    color: var(--ep-color-text-info);
    font-size: var(--ep-font-size-xs, .625rem);
    cursor: pointer
}

.new-skin-symbol .balance-area .balance-wrap .detail .detail-icon[data-v-3c0fdf39] {
    color: var(--ep-color-icon-info)
}

.auroral-yellow .balance-area[data-v-3c0fdf39],
.forest-green .balance-area[data-v-3c0fdf39],
.green-default .balance-area[data-v-3c0fdf39],
.purple-light .balance-area[data-v-3c0fdf39],
.green-dark .balance-area[data-v-3c0fdf39],
.yellow-dark .balance-area[data-v-3c0fdf39] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 22.875rem;
    gap: .875rem;
    margin: 0 auto
}

.auroral-yellow .balance-area .balance-wrap[data-v-3c0fdf39],
.forest-green .balance-area .balance-wrap[data-v-3c0fdf39],
.green-default .balance-area .balance-wrap[data-v-3c0fdf39],
.purple-light .balance-area .balance-wrap[data-v-3c0fdf39],
.green-dark .balance-area .balance-wrap[data-v-3c0fdf39],
.yellow-dark .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)
}

.auroral-yellow .balance-area .balance-wrap .icon-color[data-v-3c0fdf39],
.forest-green .balance-area .balance-wrap .icon-color[data-v-3c0fdf39],
.green-default .balance-area .balance-wrap .icon-color[data-v-3c0fdf39],
.purple-light .balance-area .balance-wrap .icon-color[data-v-3c0fdf39],
.green-dark .balance-area .balance-wrap .icon-color[data-v-3c0fdf39],
.yellow-dark .balance-area .balance-wrap .icon-color[data-v-3c0fdf39] {
    position: absolute;
    right: .625rem;
    top: .625rem;
    color: var(--theme-color-800)
}

.auroral-yellow .balance-area .balance-wrap .balance-content[data-v-3c0fdf39],
.forest-green .balance-area .balance-wrap .balance-content[data-v-3c0fdf39],
.green-default .balance-area .balance-wrap .balance-content[data-v-3c0fdf39],
.purple-light .balance-area .balance-wrap .balance-content[data-v-3c0fdf39],
.green-dark .balance-area .balance-wrap .balance-content[data-v-3c0fdf39],
.yellow-dark .balance-area .balance-wrap .balance-content[data-v-3c0fdf39] {
    font-size: var(--ep-font-size-s, .75rem);
    color: var(--color-text-100)
}

.auroral-yellow .balance-area .balance-wrap .balance-amount[data-v-3c0fdf39],
.forest-green .balance-area .balance-wrap .balance-amount[data-v-3c0fdf39],
.green-default .balance-area .balance-wrap .balance-amount[data-v-3c0fdf39],
.purple-light .balance-area .balance-wrap .balance-amount[data-v-3c0fdf39],
.green-dark .balance-area .balance-wrap .balance-amount[data-v-3c0fdf39],
.yellow-dark .balance-area .balance-wrap .balance-amount[data-v-3c0fdf39] {
    color: var(--color-currency);
    font-size: var(--ep-font-size-m, .875rem)
}

.auroral-yellow .balance-area .balance-wrap .detail[data-v-3c0fdf39],
.forest-green .balance-area .balance-wrap .detail[data-v-3c0fdf39],
.green-default .balance-area .balance-wrap .detail[data-v-3c0fdf39],
.purple-light .balance-area .balance-wrap .detail[data-v-3c0fdf39],
.green-dark .balance-area .balance-wrap .detail[data-v-3c0fdf39],
.yellow-dark .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
}

.auroral-yellow .balance-area .balance-wrap .detail .detail-icon[data-v-3c0fdf39],
.forest-green .balance-area .balance-wrap .detail .detail-icon[data-v-3c0fdf39],
.green-default .balance-area .balance-wrap .detail .detail-icon[data-v-3c0fdf39],
.purple-light .balance-area .balance-wrap .detail .detail-icon[data-v-3c0fdf39],
.green-dark .balance-area .balance-wrap .detail .detail-icon[data-v-3c0fdf39],
.yellow-dark .balance-area .balance-wrap .detail .detail-icon[data-v-3c0fdf39] {
    color: var(--accent-color-blue)
}

.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)
}

.amber-purple .balance-area[data-v-3c0fdf39] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 22.875rem;
    gap: .875rem;
    margin: 0 auto
}

.amber-purple .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)
}

.amber-purple .balance-area .balance-wrap .icon-color[data-v-3c0fdf39] {
    position: absolute;
    right: .625rem;
    top: .625rem;
    color: var(--theme-color-800)
}

.amber-purple .balance-area .balance-wrap .balance-content[data-v-3c0fdf39] {
    font-size: var(--ep-font-size-s, .75rem);
    color: var(--color-text-100)
}

.amber-purple .balance-area .balance-wrap .balance-amount[data-v-3c0fdf39] {
    color: var(--color-currency);
    font-size: var(--ep-font-size-m, .875rem)
}

.amber-purple .balance-area .balance-wrap .detail[data-v-3c0fdf39] {
    position: absolute;
    right: .43rem;
    color: var(--theme-color-800);
    font-size: var(--ep-font-size-xs, .625rem);
    cursor: pointer
}

.amber-purple .balance-area .balance-wrap .detail .detail-icon[data-v-3c0fdf39] {
    color: var(--theme-color-800)
}

.color-primary-600[data-v-beb7e02f] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-beb7e02f] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-beb7e02f] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-beb7e02f] {
    color: var(--color-primary-900)
}

.bg-100[data-v-beb7e02f] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-beb7e02f] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-beb7e02f] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-beb7e02f] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-beb7e02f] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-beb7e02f] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-beb7e02f] {
    background-color: var(--color-warning)
}

.bg-link[data-v-beb7e02f] {
    background-color: var(--color-link)
}

.bg-danger[data-v-beb7e02f] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-beb7e02f] {
    color: var(--color-text-100)
}

.color-text-80[data-v-beb7e02f] {
    color: var(--color-text-80)
}

.color-text-50[data-v-beb7e02f] {
    color: var(--color-text-50)
}

.color-text-40[data-v-beb7e02f] {
    color: var(--color-text-40)
}

.color-text-20[data-v-beb7e02f] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-beb7e02f] {
    color: var(--color-currency)
}

.color-warning[data-v-beb7e02f] {
    color: var(--color-warning)
}

.color-danger[data-v-beb7e02f] {
    color: var(--color-danger)
}

.color-link[data-v-beb7e02f] {
    color: var(--color-link)
}

.color-line[data-v-beb7e02f] {
    color: var(--color-line)
}

.color-border[data-v-beb7e02f] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-beb7e02f] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-beb7e02f] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-beb7e02f] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-beb7e02f] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-beb7e02f] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-beb7e02f] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-beb7e02f] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-beb7e02f] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-beb7e02f] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-beb7e02f] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-beb7e02f] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-beb7e02f] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-beb7e02f] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-beb7e02f] {
    display: flex;
    align-items: center
}

.flex-start[data-v-beb7e02f] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-beb7e02f] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-beb7e02f] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-beb7e02f] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-beb7e02f] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-beb7e02f] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-beb7e02f] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-beb7e02f] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-beb7e02f] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-beb7e02f] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-beb7e02f] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-beb7e02f] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-beb7e02f] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-beb7e02f] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-beb7e02f] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-beb7e02f] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-beb7e02f] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-beb7e02f] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-beb7e02f] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-beb7e02f] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-beb7e02f] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-beb7e02f] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-beb7e02f] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-beb7e02f] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-beb7e02f],
.mlm-selected-item[data-v-beb7e02f] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-beb7e02f] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-beb7e02f]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-beb7e02f] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-beb7e02f] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-beb7e02f] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.new-skin-symbol .header-bottom-area[data-v-beb7e02f] {
    width: 100%;
    background: var(--ep-color-background-fill-surface-raised-L1);
    padding: 0 .75rem;
    border-radius: 0 0 var(--eq-border-radius-xl, .625rem) var(--eq-border-radius-xl, .625rem)
}

.new-skin-symbol .header-bottom-area .input-wrap[data-v-beb7e02f] {
    height: 2.875rem;
    width: 22.875rem;
    margin-bottom: 1.5rem;
    background: var(var--ep-color-background-fill-surface-lowered);
    border-radius: var(--eq-border-radius-s, .25rem)
}

.new-skin-symbol ion-content.first-content[data-v-beb7e02f] {
    --padding-bottom: var(--80b21ebc)
}

.new-skin-symbol .wrapper-tab[data-v-beb7e02f] {
    width: 22.875rem;
    margin: .75rem auto 1.5rem
}

.amber-purple .header-bottom-area[data-v-beb7e02f] {
    width: 100%;
    background: var(--color-bg-100);
    padding: 0 .75rem;
    border-radius: 0 0 var(--eq-border-radius-xl, .625rem) var(--eq-border-radius-xl, .625rem)
}

.amber-purple .header-bottom-area .line[data-v-beb7e02f] {
    width: 100%;
    height: 1px;
    margin-bottom: 12px;
    background-color: var(--color-line)
}

.amber-purple .header-bottom-area .input-wrap[data-v-beb7e02f] {
    height: 2.875rem;
    width: 22.875rem;
    margin-bottom: 1.5rem;
    background: var(--color-bg-400);
    border-radius: var(--eq-border-radius-s, .25rem)
}

.amber-purple ion-content.first-content[data-v-beb7e02f] {
    --padding-bottom: var(--80b21ebc)
}

.amber-purple .wrapper-tab[data-v-beb7e02f] {
    width: 22.875rem;
    margin: .75rem auto 1.5rem
}

.amber-purple .m-b[data-v-beb7e02f] {
    margin-top: 1rem;
    margin-bottom: .75rem;
    padding-left: .75rem
}

.purple-light .header-bottom-area[data-v-beb7e02f] {
    width: 100%;
    background: var(--color-bg-500);
    padding: 0 .75rem;
    border-radius: 0 0 var(--eq-border-radius-xl, .625rem) var(--eq-border-radius-xl, .625rem)
}

.purple-light .header-bottom-area .line[data-v-beb7e02f] {
    width: 100%;
    height: 1px;
    margin-bottom: 12px;
    background-color: var(--color-line)
}

.purple-light .header-bottom-area .input-wrap[data-v-beb7e02f] {
    height: 2.875rem;
    width: 22.875rem;
    margin-bottom: 1.5rem;
    background: var(--color-bg-400);
    border-radius: var(--eq-border-radius-s, .25rem)
}

.purple-light ion-content.first-content[data-v-beb7e02f] {
    --padding-bottom: var(--80b21ebc)
}

.purple-light .wrapper-tab[data-v-beb7e02f] {
    width: 22.875rem;
    margin: .75rem auto 1.5rem
}

.purple-light .m-b[data-v-beb7e02f] {
    margin-top: 1rem;
    margin-bottom: .75rem;
    padding-left: .75rem
}

.green-dark .header-bottom-area[data-v-beb7e02f],
.yellow-dark .header-bottom-area[data-v-beb7e02f] {
    width: 100%;
    background: var(--color-bg-200);
    padding: 0 .75rem;
    border-radius: 0 0 var(--eq-border-radius-xl, .625rem) var(--eq-border-radius-xl, .625rem)
}

.green-dark .header-bottom-area .line[data-v-beb7e02f],
.yellow-dark .header-bottom-area .line[data-v-beb7e02f] {
    width: 100%;
    height: 1px;
    margin-bottom: 12px;
    background-color: var(--color-line)
}

.green-dark .header-bottom-area .input-wrap[data-v-beb7e02f],
.yellow-dark .header-bottom-area .input-wrap[data-v-beb7e02f] {
    height: 2.875rem;
    width: 22.875rem;
    margin-bottom: 1.5rem;
    background: var(--color-bg-300);
    border-radius: var(--eq-border-radius-s, .25rem)
}

.green-dark ion-content.first-content[data-v-beb7e02f],
.yellow-dark ion-content.first-content[data-v-beb7e02f] {
    --padding-bottom: var(--80b21ebc)
}

.green-dark .wrapper-tab[data-v-beb7e02f],
.yellow-dark .wrapper-tab[data-v-beb7e02f] {
    width: 22.875rem;
    margin: .75rem auto 1.5rem
}

.green-dark .m-b[data-v-beb7e02f],
.yellow-dark .m-b[data-v-beb7e02f] {
    margin-top: 1rem;
    margin-bottom: .75rem;
    padding-left: .75rem
}

.new-skin-symbol .header-bottom-area[data-v-beb7e02f] {
    width: 100%;
    background-color: var(--ep-color-background-fill-surface-raised-L1);
    padding: 0 .75rem;
    border-radius: 0 0 var(--ep-border-radius-xl, .625rem) var(--ep-border-radius-xl, .625rem)
}

.new-skin-symbol .header-bottom-area .line[data-v-beb7e02f] {
    width: 100%;
    height: 1px;
    margin-bottom: 12px;
    background-color: var(--ep-color-border-default)
}

.new-skin-symbol .header-bottom-area .input-wrap[data-v-beb7e02f] {
    height: 2.875rem;
    width: 22.875rem;
    margin-bottom: 1.5rem;
    background: var(--ep-color-background-fill-surface-lowered);
    border-radius: var(--ep-border-radius-s, .25rem)
}

.new-skin-symbol ion-content.first-content[data-v-beb7e02f] {
    --background: var(--ep-color-background-fill-body-default);
    --padding-bottom: var(--80b21ebc)
}

.new-skin-symbol .m-b[data-v-beb7e02f] {
    margin-top: 1rem;
    margin-bottom: .75rem;
    padding-left: .75rem
}

.color-primary-600[data-v-d3c0fc4b] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-d3c0fc4b] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-d3c0fc4b] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-d3c0fc4b] {
    color: var(--color-primary-900)
}

.bg-100[data-v-d3c0fc4b] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-d3c0fc4b] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-d3c0fc4b] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-d3c0fc4b] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-d3c0fc4b] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-d3c0fc4b] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-d3c0fc4b] {
    background-color: var(--color-warning)
}

.bg-link[data-v-d3c0fc4b] {
    background-color: var(--color-link)
}

.bg-danger[data-v-d3c0fc4b] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-d3c0fc4b] {
    color: var(--color-text-100)
}

.color-text-80[data-v-d3c0fc4b] {
    color: var(--color-text-80)
}

.color-text-50[data-v-d3c0fc4b] {
    color: var(--color-text-50)
}

.color-text-40[data-v-d3c0fc4b] {
    color: var(--color-text-40)
}

.color-text-20[data-v-d3c0fc4b] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-d3c0fc4b] {
    color: var(--color-currency)
}

.color-warning[data-v-d3c0fc4b] {
    color: var(--color-warning)
}

.color-danger[data-v-d3c0fc4b] {
    color: var(--color-danger)
}

.color-link[data-v-d3c0fc4b] {
    color: var(--color-link)
}

.color-line[data-v-d3c0fc4b] {
    color: var(--color-line)
}

.color-border[data-v-d3c0fc4b] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-d3c0fc4b] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-d3c0fc4b] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-d3c0fc4b] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-d3c0fc4b] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-d3c0fc4b] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-d3c0fc4b] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-d3c0fc4b] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-d3c0fc4b] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-d3c0fc4b] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-d3c0fc4b] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-d3c0fc4b] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-d3c0fc4b] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-d3c0fc4b] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-d3c0fc4b] {
    display: flex;
    align-items: center
}

.flex-start[data-v-d3c0fc4b] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-d3c0fc4b] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-d3c0fc4b] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-d3c0fc4b] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-d3c0fc4b] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-d3c0fc4b] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-d3c0fc4b] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-d3c0fc4b] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-d3c0fc4b] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-d3c0fc4b] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-d3c0fc4b] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-d3c0fc4b] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-d3c0fc4b] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-d3c0fc4b] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-d3c0fc4b] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-d3c0fc4b] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-d3c0fc4b] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-d3c0fc4b] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-d3c0fc4b] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-d3c0fc4b] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-d3c0fc4b] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-d3c0fc4b] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-d3c0fc4b] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-d3c0fc4b] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-d3c0fc4b],
.mlm-selected-item[data-v-d3c0fc4b] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-d3c0fc4b] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-d3c0fc4b]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-d3c0fc4b] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-d3c0fc4b] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-d3c0fc4b] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-modal#modal-assets-order[data-v-d3c0fc4b] {
    --min-width: 0;
    --width: fit-content;
    --height: fit-content;
    --border-radius: 6px;
    --box-shadow: none
}

.modal-content[data-v-d3c0fc4b] {
    width: 22.5rem;
    padding: 1.25rem .625rem;
    background: var(--color-bg-300);
    position: relative
}

.modal-content .text-center[data-v-d3c0fc4b] {
    color: var(--color-text-100)
}

.modal-content .text-center ion-icon.close[data-v-d3c0fc4b] {
    color: var(--color-text-100)
}

.modal-content .text-center .amount[data-v-d3c0fc4b] {
    margin-bottom: .75rem
}

.modal-content .detail[data-v-d3c0fc4b] {
    border-color: var(--color-line);
    color: var(--color-text-100)
}

.modal-content .detail .name[data-v-d3c0fc4b] {
    color: var(--color-text-40)
}

.modal-content .detail ion-icon.copy[data-v-d3c0fc4b] {
    color: var(--color-primary-700)
}

.modal-content .countdown[data-v-d3c0fc4b] {
    color: var(--color-danger);
    margin: 0 .1875rem
}

.modal-content .countdown-wrap[data-v-d3c0fc4b] {
    font-size: var(--font-size-14)
}

.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)
}

.green-defatult .modal-content[data-v-d3c0fc4b],
.green-v01 .modal-content[data-v-d3c0fc4b],
.green-v02 .modal-content[data-v-d3c0fc4b] {
    width: 22.5rem;
    padding: 1.25rem .625rem;
    background: var(--color-bg-400);
    position: relative
}

.green-defatult .modal-content .text-center[data-v-d3c0fc4b],
.green-v01 .modal-content .text-center[data-v-d3c0fc4b],
.green-v02 .modal-content .text-center[data-v-d3c0fc4b] {
    color: var(--color-text-gray-100)
}

.green-defatult .modal-content .text-center ion-icon.close[data-v-d3c0fc4b],
.green-v01 .modal-content .text-center ion-icon.close[data-v-d3c0fc4b],
.green-v02 .modal-content .text-center ion-icon.close[data-v-d3c0fc4b] {
    color: var(--color-text-100)
}

.green-defatult .modal-content .text-center .amount[data-v-d3c0fc4b],
.green-v01 .modal-content .text-center .amount[data-v-d3c0fc4b],
.green-v02 .modal-content .text-center .amount[data-v-d3c0fc4b] {
    margin-bottom: .75rem
}

.green-defatult .modal-content .detail[data-v-d3c0fc4b],
.green-v01 .modal-content .detail[data-v-d3c0fc4b],
.green-v02 .modal-content .detail[data-v-d3c0fc4b] {
    border-color: var(--color-line);
    color: var(--color-text-gray-200)
}

.green-defatult .modal-content .detail .name[data-v-d3c0fc4b],
.green-v01 .modal-content .detail .name[data-v-d3c0fc4b],
.green-v02 .modal-content .detail .name[data-v-d3c0fc4b] {
    color: var(--color-text-gray-200)
}

.green-defatult .modal-content .detail ion-icon.copy[data-v-d3c0fc4b],
.green-v01 .modal-content .detail ion-icon.copy[data-v-d3c0fc4b],
.green-v02 .modal-content .detail ion-icon.copy[data-v-d3c0fc4b] {
    color: var(--color-text-gray-200)
}

.green-defatult .modal-content .countdown[data-v-d3c0fc4b],
.green-v01 .modal-content .countdown[data-v-d3c0fc4b],
.green-v02 .modal-content .countdown[data-v-d3c0fc4b] {
    color: var(--color-danger);
    margin: 0 .1875rem
}

.green-defatult .modal-content .countdown-wrap[data-v-d3c0fc4b],
.green-v01 .modal-content .countdown-wrap[data-v-d3c0fc4b],
.green-v02 .modal-content .countdown-wrap[data-v-d3c0fc4b] {
    font-size: var(--font-size-14)
}

.amber-purple .modal-content[data-v-d3c0fc4b] {
    width: 22.5rem;
    padding: 1.25rem .625rem;
    background: var(--color-bg-300);
    position: relative
}

.amber-purple .modal-content .text-center[data-v-d3c0fc4b] {
    color: var(--text-color-light-purple-1-100)
}

.amber-purple .modal-content .text-center ion-icon.close[data-v-d3c0fc4b] {
    color: var(--color-text-100)
}

.amber-purple .modal-content .text-center .amount[data-v-d3c0fc4b] {
    margin-bottom: .75rem
}

.amber-purple .modal-content .detail[data-v-d3c0fc4b] {
    border-color: var(--color-line);
    color: var(--text-color-light-purple-1-100)
}

.amber-purple .modal-content .detail .name[data-v-d3c0fc4b] {
    color: var(--text-color-light-purple-2-100)
}

.amber-purple .modal-content .detail ion-icon.copy[data-v-d3c0fc4b] {
    color: var(--accent-color-yellow-1)
}

.amber-purple .modal-content .countdown[data-v-d3c0fc4b] {
    color: var(--color-danger);
    margin: 0 .1875rem
}

.amber-purple .modal-content .countdown-wrap[data-v-d3c0fc4b] {
    font-size: var(--font-size-14)
}

.auroral-yellow .modal-content[data-v-d3c0fc4b] {
    width: 22.5rem;
    padding: 1.25rem .625rem;
    background: var(--color-bg-200);
    position: relative
}

.auroral-yellow .modal-content .text-center[data-v-d3c0fc4b] {
    color: var(--color-text-100)
}

.auroral-yellow .modal-content .text-center ion-icon.close[data-v-d3c0fc4b] {
    color: var(--color-text-100)
}

.auroral-yellow .modal-content .text-center .amount[data-v-d3c0fc4b] {
    margin-bottom: .75rem
}

.auroral-yellow .modal-content .detail[data-v-d3c0fc4b] {
    border-color: var(--color-line);
    color: var(--color-text-100)
}

.auroral-yellow .modal-content .detail .name[data-v-d3c0fc4b] {
    color: var(--color-text-gray-200)
}

.auroral-yellow .modal-content .detail ion-icon.copy[data-v-d3c0fc4b] {
    color: var(--accent-color-yellow-1)
}

.auroral-yellow .modal-content .countdown[data-v-d3c0fc4b] {
    color: var(--color-danger);
    margin: 0 .1875rem
}

.auroral-yellow .modal-content .countdown-wrap[data-v-d3c0fc4b] {
    font-size: var(--font-size-14)
}

.new-skin-symbol .modal-content[data-v-d3c0fc4b] {
    width: 22.5rem;
    padding: 1.25rem .625rem;
    background: var(--ep-color-background-fill-body-default);
    position: relative
}

.new-skin-symbol .modal-content .text-center[data-v-d3c0fc4b] {
    color: var(--ep-color-text-default)
}

.new-skin-symbol .modal-content .text-center ion-icon.close[data-v-d3c0fc4b] {
    color: var(--ep-color-icon-default)
}

.new-skin-symbol .modal-content .text-center .amount[data-v-d3c0fc4b] {
    margin-bottom: .75rem
}

.new-skin-symbol .modal-content .detail[data-v-d3c0fc4b] {
    border-color: var(--ep-color-border-default);
    color: var(--ep-color-text-default)
}

.new-skin-symbol .modal-content .detail .name[data-v-d3c0fc4b] {
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol .modal-content .detail ion-icon.copy[data-v-d3c0fc4b] {
    color: var(--ep-color-icon-highlight)
}

.new-skin-symbol .modal-content .countdown[data-v-d3c0fc4b] {
    color: var(--color-danger);
    margin: 0 .1875rem
}

.new-skin-symbol .modal-content .countdown-wrap[data-v-d3c0fc4b] {
    font-size: var(--font-size-14)
}

.new-skin-symbol p.amount[data-v-d3c0fc4b] {
    color: var(--ep-color-text-default);
    font-weight: var(--ep-font-weight-bold);
    font-size: var(--ep-font-size-xl)
}

.new-skin-symbol .iconSuccess[data-v-d3c0fc4b] {
    background: var(--ep-color-icon-success) !important
}

.new-skin-symbol .iconFail[data-v-d3c0fc4b] {
    background: var(--ep-color-icon-danger) !important
}

.new-skin-symbol .iconApplying[data-v-d3c0fc4b] {
    background: var(--ep-color-icon-warning) !important
}

.new-skin-symbol p.success[data-v-d3c0fc4b] {
    color: var(--ep-color-text-success) !important
}

.new-skin-symbol p.fail[data-v-d3c0fc4b] {
    color: var(--ep-color-text-danger) !important
}

.new-skin-symbol p.applying[data-v-d3c0fc4b] {
    color: var(--ep-color-text-warning) !important
}

.new-skin-symbol .modal-content .title[data-v-d3c0fc4b],
.new-skin-symbol .modal-content .close[data-v-d3c0fc4b] {
    font-weight: var(--ep-font-weight-medium);
    font-size: var(--ep-font-size-xl)
}

.new-skin-symbol .modal-content .close[data-v-d3c0fc4b] {
    font-size: var(--ep-font-size-xxl)
}

.new-skin-symbol .modal-content .detail[data-v-d3c0fc4b] {
    font-size: var(--ep-font-size-s);
    font-weight: var(--ep-font-weight-regular)
}

.new-skin-symbol .modal-content .statusBottomText[data-v-d3c0fc4b] {
    font-size: var(--ep-font-size-s);
    font-weight: var(--ep-font-weight-regular);
    color: var(--ep-color-border-danger)
}

.new-skin-symbol .modal-content .countdown-wrap[data-v-d3c0fc4b] {
    font-size: var(--ep-font-size-m)
}

.color-primary-600[data-v-d0b45054] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-d0b45054] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-d0b45054] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-d0b45054] {
    color: var(--color-primary-900)
}

.bg-100[data-v-d0b45054] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-d0b45054] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-d0b45054] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-d0b45054] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-d0b45054] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-d0b45054] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-d0b45054] {
    background-color: var(--color-warning)
}

.bg-link[data-v-d0b45054] {
    background-color: var(--color-link)
}

.bg-danger[data-v-d0b45054] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-d0b45054] {
    color: var(--color-text-100)
}

.color-text-80[data-v-d0b45054] {
    color: var(--color-text-80)
}

.color-text-50[data-v-d0b45054] {
    color: var(--color-text-50)
}

.color-text-40[data-v-d0b45054] {
    color: var(--color-text-40)
}

.color-text-20[data-v-d0b45054] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-d0b45054] {
    color: var(--color-currency)
}

.color-warning[data-v-d0b45054] {
    color: var(--color-warning)
}

.color-danger[data-v-d0b45054] {
    color: var(--color-danger)
}

.color-link[data-v-d0b45054] {
    color: var(--color-link)
}

.color-line[data-v-d0b45054] {
    color: var(--color-line)
}

.color-border[data-v-d0b45054] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-d0b45054] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-d0b45054] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-d0b45054] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-d0b45054] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-d0b45054] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-d0b45054] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-d0b45054] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-d0b45054] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-d0b45054] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-d0b45054] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-d0b45054] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-d0b45054] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-d0b45054] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-d0b45054] {
    display: flex;
    align-items: center
}

.flex-start[data-v-d0b45054] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-d0b45054] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-d0b45054] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-d0b45054] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-d0b45054] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-d0b45054] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-d0b45054] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-d0b45054] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-d0b45054] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-d0b45054] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-d0b45054] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-d0b45054] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-d0b45054] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-d0b45054] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-d0b45054] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-d0b45054] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-d0b45054] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-d0b45054] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-d0b45054] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-d0b45054] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-d0b45054] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-d0b45054] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-d0b45054] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-d0b45054] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-d0b45054],
.mlm-selected-item[data-v-d0b45054] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-d0b45054] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-d0b45054]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-d0b45054] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-d0b45054] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-d0b45054] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.top-area[data-v-d0b45054] {
    margin-bottom: .625rem
}

.top-area .time-filter-wrap[data-v-d0b45054] {
    height: 2rem;
    color: var(--color-text-100);
    padding: 0 .25rem 0 .5rem;
    border: 1px solid var(--color-text-gray-200);
    line-height: 2rem;
    border-radius: var(--rounded-small);
    box-sizing: border-box;
    white-space: nowrap;
    font-size: 1rem;
    cursor: pointer;
    background: transparent
}

.top-area .time-filter-wrap .time[data-v-d0b45054] {
    margin-right: .25rem;
    font-size: .75rem;
    font-weight: var(--font-weight-bold)
}

.top-area .time-filter-wrap .report-select-icon[data-v-d0b45054] {
    color: var(--color-text-gray-100)
}

.top-area .active[data-v-d0b45054] {
    border-color: var(--color-text-gray-100)
}

.top-area .active .report-select-icon[data-v-d0b45054] {
    transform: rotate(180deg)
}

.top-area .total-area[data-v-d0b45054] {
    font-size: .75rem;
    font-weight: var(--font-weight-bold)
}

.top-area .total-area .currency[data-v-d0b45054] {
    color: var(--color-success);
    font-weight: var(--font-weight-bold)
}

ion-icon[data-v-d0b45054] {
    transition: transform .1s linear
}

.time-popover[data-v-d0b45054] {
    --width: 22.875rem;
    --offset-y: 2.5rem
}

.report-select-row[data-v-d0b45054] {
    text-align: center;
    font-size: .75rem;
    width: 100%;
    padding: .375rem .625rem;
    background: var(--color-bg-200)
}

.report-select-row .select-col[data-v-d0b45054] {
    margin-right: .625rem
}

.report-select-row .item[data-v-d0b45054] {
    color: var(--color-text-gray-200);
    border: 1px solid var(--color-line);
    height: 2.5rem;
    border-radius: .375rem;
    line-height: 2.5rem;
    padding: 0 .25rem;
    box-sizing: border-box;
    white-space: nowrap;
    background: transparent;
    cursor: pointer;
    width: 5.625rem
}

.report-select-row .active[data-v-d0b45054] {
    background: var(--theme-color-gradient-100);
    color: var(--color-text-white-100);
    font-weight: var(--font-weight-bold);
    border: none
}

.green-default .top-area[data-v-d0b45054],
.green-v01 .top-area[data-v-d0b45054],
.green-v02 .top-area[data-v-d0b45054] {
    margin-bottom: .625rem
}

.green-default .top-area .time-filter-wrap[data-v-d0b45054],
.green-v01 .top-area .time-filter-wrap[data-v-d0b45054],
.green-v02 .top-area .time-filter-wrap[data-v-d0b45054] {
    height: 2rem;
    color: var(--color-text-gray-100);
    padding: 0 .25rem 0 .5rem;
    border: 1px solid var(--color-line);
    line-height: 2rem;
    border-radius: var(--rounded-small);
    box-sizing: border-box;
    white-space: nowrap;
    font-size: 1rem;
    cursor: pointer;
    background: transparent
}

.green-default .top-area .time-filter-wrap .time[data-v-d0b45054],
.green-v01 .top-area .time-filter-wrap .time[data-v-d0b45054],
.green-v02 .top-area .time-filter-wrap .time[data-v-d0b45054] {
    margin-right: .25rem;
    font-size: .75rem;
    font-weight: var(--font-weight-bold)
}

.green-default .top-area .time-filter-wrap .report-select-icon[data-v-d0b45054],
.green-v01 .top-area .time-filter-wrap .report-select-icon[data-v-d0b45054],
.green-v02 .top-area .time-filter-wrap .report-select-icon[data-v-d0b45054] {
    color: var(--color-text-gray-100)
}

.green-default .top-area .active[data-v-d0b45054],
.green-v01 .top-area .active[data-v-d0b45054],
.green-v02 .top-area .active[data-v-d0b45054] {
    border-color: var(--color-text-gray-100)
}

.green-default .top-area .active .report-select-icon[data-v-d0b45054],
.green-v01 .top-area .active .report-select-icon[data-v-d0b45054],
.green-v02 .top-area .active .report-select-icon[data-v-d0b45054] {
    transform: rotate(180deg)
}

.green-default .top-area .total-area[data-v-d0b45054],
.green-v01 .top-area .total-area[data-v-d0b45054],
.green-v02 .top-area .total-area[data-v-d0b45054] {
    font-size: .75rem;
    font-weight: var(--font-weight-bold)
}

.green-default .top-area .total-area .currency[data-v-d0b45054],
.green-v01 .top-area .total-area .currency[data-v-d0b45054],
.green-v02 .top-area .total-area .currency[data-v-d0b45054] {
    color: var(--color-success);
    font-weight: var(--font-weight-bold)
}

.green-default ion-icon[data-v-d0b45054],
.green-v01 ion-icon[data-v-d0b45054],
.green-v02 ion-icon[data-v-d0b45054] {
    transition: transform .1s linear
}

.green-default .time-popover[data-v-d0b45054],
.green-v01 .time-popover[data-v-d0b45054],
.green-v02 .time-popover[data-v-d0b45054] {
    --width: 22.875rem;
    --offset-y: 2.5rem
}

.green-default .report-select-row[data-v-d0b45054],
.green-v01 .report-select-row[data-v-d0b45054],
.green-v02 .report-select-row[data-v-d0b45054] {
    text-align: center;
    font-size: .75rem;
    width: 100%;
    padding: .375rem .625rem;
    background: var(--color-bg-200)
}

.green-default .report-select-row .select-col[data-v-d0b45054],
.green-v01 .report-select-row .select-col[data-v-d0b45054],
.green-v02 .report-select-row .select-col[data-v-d0b45054] {
    margin-right: .625rem
}

.green-default .report-select-row .item[data-v-d0b45054],
.green-v01 .report-select-row .item[data-v-d0b45054],
.green-v02 .report-select-row .item[data-v-d0b45054] {
    color: var(--color-text-gray-200);
    border: 1px solid var(--color-line);
    height: 2.5rem;
    border-radius: .375rem;
    line-height: 2.5rem;
    padding: 0 .25rem;
    box-sizing: border-box;
    white-space: nowrap;
    background: transparent;
    cursor: pointer;
    width: 5.625rem
}

.green-default .report-select-row .active[data-v-d0b45054],
.green-v01 .report-select-row .active[data-v-d0b45054],
.green-v02 .report-select-row .active[data-v-d0b45054] {
    background: var(--theme-color-gradient-100);
    color: var(--color-text-white-100);
    font-weight: var(--font-weight-bold);
    border: none
}

.auroral-yellow .top-area[data-v-d0b45054] {
    margin-bottom: .625rem
}

.auroral-yellow .top-area .time-filter-wrap[data-v-d0b45054] {
    height: 2rem;
    color: var(--color-text-gray-100);
    padding: 0 .25rem 0 .5rem;
    border: 1px solid var(--color-text-gray-200);
    line-height: 2rem;
    border-radius: var(--rounded-small);
    box-sizing: border-box;
    white-space: nowrap;
    font-size: 1rem;
    cursor: pointer;
    background: transparent
}

.auroral-yellow .top-area .time-filter-wrap .time[data-v-d0b45054] {
    margin-right: .25rem;
    font-size: .75rem;
    font-weight: var(--font-weight-bold)
}

.auroral-yellow .top-area .time-filter-wrap .report-select-icon[data-v-d0b45054] {
    color: var(--color-text-gray-100)
}

.auroral-yellow .top-area .active[data-v-d0b45054] {
    border-color: var(--color-text-gray-100)
}

.auroral-yellow .top-area .active .report-select-icon[data-v-d0b45054] {
    transform: rotate(180deg)
}

.auroral-yellow .top-area .total-area[data-v-d0b45054] {
    font-size: .75rem;
    font-weight: var(--font-weight-bold)
}

.auroral-yellow .top-area .total-area .currency[data-v-d0b45054] {
    color: var(--color-currency);
    font-weight: var(--font-weight-bold)
}

.auroral-yellow ion-icon[data-v-d0b45054] {
    transition: transform .1s linear
}

.auroral-yellow .time-popover[data-v-d0b45054] {
    --width: 22.875rem;
    --offset-y: 2.5rem
}

.auroral-yellow .report-select-row[data-v-d0b45054] {
    text-align: center;
    font-size: .75rem;
    width: 100%;
    padding: .375rem .625rem;
    background: var(--color-bg-200)
}

.auroral-yellow .report-select-row .select-col[data-v-d0b45054] {
    margin-right: .625rem
}

.auroral-yellow .report-select-row .item[data-v-d0b45054] {
    color: var(--color-text-gray-200);
    border: 1px solid var(--color-line);
    height: 2.5rem;
    border-radius: .375rem;
    line-height: 2.5rem;
    padding: 0 .25rem;
    box-sizing: border-box;
    white-space: nowrap;
    background: transparent;
    cursor: pointer;
    width: 5.625rem
}

.auroral-yellow .report-select-row .active[data-v-d0b45054] {
    background: var(--theme-color-800);
    color: var(--color-text-black-100);
    font-weight: var(--font-weight-bold);
    border: none
}

.amber-purple .top-area[data-v-d0b45054] {
    margin-bottom: .625rem
}

.amber-purple .top-area .time-filter-wrap[data-v-d0b45054] {
    height: 2rem;
    color: var(--text-color-light-purple-1-100);
    padding: 0 .25rem 0 .5rem;
    border: 1px solid var(--text-color-light-purple-2-100);
    line-height: 2rem;
    border-radius: var(--rounded-small);
    box-sizing: border-box;
    white-space: nowrap;
    font-size: 1rem;
    cursor: pointer;
    background: transparent
}

.amber-purple .top-area .time-filter-wrap .time[data-v-d0b45054] {
    margin-right: .25rem;
    font-size: .75rem;
    font-weight: var(--font-weight-bold)
}

.amber-purple .top-area .time-filter-wrap .report-select-icon[data-v-d0b45054] {
    color: var(--color-text-gray-100)
}

.amber-purple .top-area .active[data-v-d0b45054] {
    border-color: var(--text-color-light-purple-1-100)
}

.amber-purple .top-area .active .report-select-icon[data-v-d0b45054] {
    transform: rotate(180deg)
}

.amber-purple .top-area .total-area[data-v-d0b45054] {
    font-size: .75rem;
    font-weight: var(--font-weight-bold)
}

.amber-purple .top-area .total-area .currency[data-v-d0b45054] {
    color: var(--color-currency);
    font-weight: var(--font-weight-bold)
}

.amber-purple ion-icon[data-v-d0b45054] {
    transition: transform .1s linear
}

.amber-purple .time-popover[data-v-d0b45054] {
    --width: 22.875rem;
    --offset-y: 2.5rem
}

.amber-purple .report-select-row[data-v-d0b45054] {
    text-align: center;
    font-size: .75rem;
    width: 100%;
    padding: .375rem .625rem;
    background: var(--color-bg-200)
}

.amber-purple .report-select-row .select-col[data-v-d0b45054] {
    margin-right: .625rem
}

.amber-purple .report-select-row .item[data-v-d0b45054] {
    color: var(--text-color-light-purple-2-100);
    border: 1px solid var(--color-line);
    height: 2.5rem;
    border-radius: .375rem;
    line-height: 2.5rem;
    padding: 0 .25rem;
    box-sizing: border-box;
    white-space: nowrap;
    background: transparent;
    cursor: pointer;
    width: 5.625rem
}

.amber-purple .report-select-row .active[data-v-d0b45054] {
    background: var(--color-bg-100);
    color: var(--color-text-white-100);
    font-weight: var(--font-weight-bold);
    border: none
}

.amber-purple .top-area .total-area[data-v-d0b45054] {
    color: var(--text-color-light-purple-2-100)
}

.green-dark .top-area[data-v-d0b45054] {
    margin-bottom: .625rem
}

.green-dark .top-area .time-filter-wrap[data-v-d0b45054] {
    height: 2rem;
    color: var(--theme-color-800);
    padding: 0 .25rem 0 .5rem;
    border: 1px solid var(--color-text-gray-200);
    line-height: 2rem;
    border-radius: var(--rounded-small);
    box-sizing: border-box;
    white-space: nowrap;
    font-size: 1rem;
    cursor: pointer;
    background: #262624
}

.green-dark .top-area .time-filter-wrap .time[data-v-d0b45054] {
    margin-right: .25rem;
    font-size: .75rem;
    font-weight: var(--font-weight-bold)
}

.green-dark .top-area .time-filter-wrap .report-select-icon[data-v-d0b45054] {
    color: #fff
}

.green-dark .top-area .active[data-v-d0b45054] {
    border-color: var(--color-text-gray-100)
}

.green-dark .top-area .active .report-select-icon[data-v-d0b45054] {
    transform: rotate(180deg)
}

.green-dark .top-area .total-area[data-v-d0b45054] {
    font-size: .75rem;
    font-weight: var(--font-weight-bold)
}

.green-dark .top-area .total-area .currency[data-v-d0b45054] {
    color: var(--theme-color-800);
    font-weight: var(--font-weight-bold)
}

.green-dark ion-icon[data-v-d0b45054] {
    transition: transform .1s linear
}

.green-dark .time-popover[data-v-d0b45054] {
    --width: 22.875rem;
    --offset-y: 2.5rem
}

.green-dark .report-select-row[data-v-d0b45054] {
    text-align: center;
    font-size: .75rem;
    width: 100%;
    padding: .375rem .625rem;
    background: var(--color-bg-200)
}

.green-dark .report-select-row .select-col[data-v-d0b45054] {
    margin-right: .625rem
}

.green-dark .report-select-row .item[data-v-d0b45054] {
    color: var(--color-text-80);
    border: 1px solid var(--color-line);
    height: 2.5rem;
    border-radius: .375rem;
    line-height: 2.5rem;
    padding: 0 .25rem;
    box-sizing: border-box;
    white-space: nowrap;
    background: transparent;
    cursor: pointer;
    width: 5.625rem
}

.green-dark .report-select-row .active[data-v-d0b45054] {
    background: var(--color-bg-100);
    color: var(--theme-color-800);
    font-weight: var(--font-weight-bold);
    border: none
}

.yellow-dark .top-area[data-v-d0b45054] {
    margin-bottom: .625rem
}

.yellow-dark .top-area .time-filter-wrap[data-v-d0b45054] {
    height: 2rem;
    color: var(--color-text-100);
    padding: 0 .25rem 0 .5rem;
    border: 1px solid var(--color-text-gray-200);
    line-height: 2rem;
    border-radius: var(--rounded-small);
    box-sizing: border-box;
    white-space: nowrap;
    font-size: 1rem;
    cursor: pointer;
    background: #262624
}

.yellow-dark .top-area .time-filter-wrap .time[data-v-d0b45054] {
    margin-right: .25rem;
    font-size: .75rem;
    font-weight: var(--font-weight-bold)
}

.yellow-dark .top-area .time-filter-wrap .report-select-icon[data-v-d0b45054] {
    color: #fff
}

.yellow-dark .top-area .active[data-v-d0b45054] {
    border-color: var(--color-text-gray-100)
}

.yellow-dark .top-area .active .report-select-icon[data-v-d0b45054] {
    transform: rotate(180deg)
}

.yellow-dark .top-area .total-area[data-v-d0b45054] {
    font-size: .75rem;
    font-weight: var(--font-weight-bold)
}

.yellow-dark .top-area .total-area .currency[data-v-d0b45054] {
    color: var(--theme-color-800);
    font-weight: var(--font-weight-bold)
}

.yellow-dark ion-icon[data-v-d0b45054] {
    transition: transform .1s linear
}

.yellow-dark .time-popover[data-v-d0b45054] {
    --width: 22.875rem;
    --offset-y: 2.5rem
}

.yellow-dark .report-select-row[data-v-d0b45054] {
    text-align: center;
    font-size: .75rem;
    width: 100%;
    padding: .375rem .625rem;
    background: var(--color-bg-200)
}

.yellow-dark .report-select-row .select-col[data-v-d0b45054] {
    margin-right: .625rem
}

.yellow-dark .report-select-row .item[data-v-d0b45054] {
    color: var(--color-text-80);
    border: 1px solid var(--color-line);
    height: 2.5rem;
    border-radius: .375rem;
    line-height: 2.5rem;
    padding: 0 .25rem;
    box-sizing: border-box;
    white-space: nowrap;
    background: transparent;
    cursor: pointer;
    width: 5.625rem
}

.yellow-dark .report-select-row .active[data-v-d0b45054] {
    background: var(--color-bg-100);
    color: var(--theme-color-800);
    font-weight: var(--font-weight-bold);
    border: none
}

.purple-light .top-area[data-v-d0b45054] {
    margin-bottom: .625rem
}

.purple-light .top-area .time-filter-wrap[data-v-d0b45054] {
    height: 2rem;
    color: var(--text-color-black-80);
    padding: 0 .25rem 0 .5rem;
    border: 1px solid var(--color-text-gray-200);
    line-height: 2rem;
    border-radius: var(--rounded-small);
    box-sizing: border-box;
    white-space: nowrap;
    font-size: 1rem;
    cursor: pointer;
    background: #e0d0ff
}

.purple-light .top-area .time-filter-wrap .time[data-v-d0b45054] {
    margin-right: .25rem;
    font-size: .75rem;
    font-weight: var(--font-weight-bold)
}

.purple-light .top-area .time-filter-wrap .report-select-icon[data-v-d0b45054] {
    color: var(--text-color-black-40)
}

.purple-light .top-area .active[data-v-d0b45054] {
    border-color: var(--color-text-gray-100)
}

.purple-light .top-area .active .report-select-icon[data-v-d0b45054] {
    transform: rotate(180deg)
}

.purple-light .top-area .total-area[data-v-d0b45054] {
    font-size: .75rem;
    font-weight: var(--font-weight-bold)
}

.purple-light .top-area .total-area .currency[data-v-d0b45054] {
    color: var(--theme-color-800);
    font-weight: var(--font-weight-bold)
}

.purple-light ion-icon[data-v-d0b45054] {
    transition: transform .1s linear
}

.purple-light .time-popover[data-v-d0b45054] {
    --width: 22.875rem;
    --offset-y: 2.5rem
}

.purple-light .report-select-row[data-v-d0b45054] {
    text-align: center;
    font-size: .75rem;
    width: 100%;
    padding: .375rem .625rem;
    background: var(--color-bg-500)
}

.purple-light .report-select-row .select-col[data-v-d0b45054] {
    margin-right: .625rem
}

.purple-light .report-select-row .item[data-v-d0b45054] {
    color: var(--text-color-black-80);
    border: 1px solid var(--color-line);
    height: 2.5rem;
    border-radius: .375rem;
    line-height: 2.5rem;
    padding: 0 .25rem;
    box-sizing: border-box;
    white-space: nowrap;
    background: var(--color-bg-100);
    cursor: pointer;
    width: 5.625rem
}

.purple-light .report-select-row .active[data-v-d0b45054] {
    background: var(--color-bg-100);
    color: var(--theme-color-800);
    font-weight: var(--font-weight-bold);
    border: none
}

.purple-light .top-area .total-area[data-v-d0b45054] {
    color: var(--color-text-100)
}

.new-skin-symbol .top-area[data-v-d0b45054] {
    margin-bottom: .625rem
}

.new-skin-symbol .top-area .time-filter-wrap[data-v-d0b45054] {
    height: 2rem;
    color: var(--ep-color-text-default);
    padding: 0 .25rem 0 .5rem;
    border: 1px solid var(--color-text-gray-200);
    line-height: 2rem;
    border-radius: var(--rounded-small);
    box-sizing: border-box;
    white-space: nowrap;
    font-size: 1rem;
    cursor: pointer;
    background: var(--ep-color-background-fill-surface-raised-L1)
}

.new-skin-symbol .top-area .time-filter-wrap .time[data-v-d0b45054] {
    margin-right: .25rem;
    font-size: .75rem;
    font-weight: var(--font-weight-bold)
}

.new-skin-symbol .top-area .time-filter-wrap .report-select-icon[data-v-d0b45054] {
    color: var(--ep-color-text-default)
}

.new-skin-symbol .top-area .active[data-v-d0b45054] {
    border-color: var(--color-text-gray-100)
}

.new-skin-symbol .top-area .active .report-select-icon[data-v-d0b45054] {
    transform: rotate(180deg)
}

.new-skin-symbol .top-area .total-area[data-v-d0b45054] {
    font-size: .75rem;
    font-weight: var(--font-weight-bold)
}

.new-skin-symbol .top-area .total-area .currency[data-v-d0b45054] {
    color: var(--ep-color-text-warning);
    font-weight: var(--font-weight-bold)
}

.new-skin-symbol ion-icon[data-v-d0b45054] {
    transition: transform .1s linear
}

.new-skin-symbol .time-popover[data-v-d0b45054] {
    --width: 22.875rem;
    --offset-y: 2.5rem
}

.new-skin-symbol .report-select-row[data-v-d0b45054] {
    text-align: center;
    font-size: .75rem;
    width: 100%;
    padding: .375rem .625rem;
    background: var(--ep-color-background-fill-surface-raised-L1)
}

.new-skin-symbol .report-select-row .select-col[data-v-d0b45054] {
    margin-right: .625rem
}

.new-skin-symbol .report-select-row .item[data-v-d0b45054] {
    color: var(--ep-color-text-weaker);
    border: 1px solid var(--color-line);
    height: 2.5rem;
    border-radius: .375rem;
    line-height: 2.5rem;
    padding: 0 .25rem;
    box-sizing: border-box;
    white-space: nowrap;
    background: var(--ep-color-background-fill-surface-raised-L2);
    cursor: pointer;
    width: 5.625rem
}

.new-skin-symbol .report-select-row .active[data-v-d0b45054] {
    background: var(--ep-color-background-fill-surface-raised-L2);
    color: var(--ep-color-text-selected);
    font-weight: var(--font-weight-bold);
    border: none
}

.new-skin-symbol .top-area .total-area[data-v-d0b45054] {
    color: var(--ep-color-text-default)
}

.new-skin-symbol .top-area[data-v-d0b45054] {
    margin-top: 1.4375rem
}

.new-skin-symbol .top-area .time-filter-wrap[data-v-d0b45054] {
    border-radius: var(--ep-border-radius-s);
    font-size: var(--ep-font-size-l)
}

.new-skin-symbol .top-area .time-filter-wrap .time[data-v-d0b45054] {
    font-size: var(--ep-font-size-s);
    font-weight: var(--ep-font-weight-bold)
}

.new-skin-symbol .top-area .total-area[data-v-d0b45054] {
    font-size: var(--ep-font-size-s);
    font-weight: var(--ep-font-weight-regular);
    text-align: right
}

.new-skin-symbol .top-area .total-area .currency[data-v-d0b45054] {
    font-weight: var(--ep-font-weight-bold)
}

.new-skin-symbol .report-select-row[data-v-d0b45054] {
    font-size: var(--ep-font-size-s)
}

.new-skin-symbol .report-select-row .item[data-v-d0b45054] {
    border-radius: var(--ep-border-radius-m);
    font-weight: var(--ep-font-weight-medium)
}

.new-skin-symbol .report-select-row .active[data-v-d0b45054] {
    font-weight: var(--ep-font-weight-bold)
}

.color-primary-600[data-v-3fffbda9] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-3fffbda9] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-3fffbda9] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-3fffbda9] {
    color: var(--color-primary-900)
}

.bg-100[data-v-3fffbda9] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-3fffbda9] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-3fffbda9] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-3fffbda9] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-3fffbda9] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-3fffbda9] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-3fffbda9] {
    background-color: var(--color-warning)
}

.bg-link[data-v-3fffbda9] {
    background-color: var(--color-link)
}

.bg-danger[data-v-3fffbda9] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-3fffbda9] {
    color: var(--color-text-100)
}

.color-text-80[data-v-3fffbda9] {
    color: var(--color-text-80)
}

.color-text-50[data-v-3fffbda9] {
    color: var(--color-text-50)
}

.color-text-40[data-v-3fffbda9] {
    color: var(--color-text-40)
}

.color-text-20[data-v-3fffbda9] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-3fffbda9] {
    color: var(--color-currency)
}

.color-warning[data-v-3fffbda9] {
    color: var(--color-warning)
}

.color-danger[data-v-3fffbda9] {
    color: var(--color-danger)
}

.color-link[data-v-3fffbda9] {
    color: var(--color-link)
}

.color-line[data-v-3fffbda9] {
    color: var(--color-line)
}

.color-border[data-v-3fffbda9] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-3fffbda9] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-3fffbda9] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-3fffbda9] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-3fffbda9] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-3fffbda9] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-3fffbda9] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-3fffbda9] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-3fffbda9] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-3fffbda9] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-3fffbda9] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-3fffbda9] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-3fffbda9] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-3fffbda9] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-3fffbda9] {
    display: flex;
    align-items: center
}

.flex-start[data-v-3fffbda9] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-3fffbda9] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-3fffbda9] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-3fffbda9] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-3fffbda9] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-3fffbda9] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-3fffbda9] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-3fffbda9] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-3fffbda9] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-3fffbda9] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-3fffbda9] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-3fffbda9] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-3fffbda9] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-3fffbda9] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-3fffbda9] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-3fffbda9] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-3fffbda9] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-3fffbda9] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-3fffbda9] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-3fffbda9] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-3fffbda9] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-3fffbda9] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-3fffbda9] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-3fffbda9] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-3fffbda9],
.mlm-selected-item[data-v-3fffbda9] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-3fffbda9] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-3fffbda9]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-3fffbda9] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-3fffbda9] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-3fffbda9] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.record-wrap[data-v-3fffbda9] {
    width: 22.875rem;
    background: var(--color-bg-200);
    border-radius: var(--rounded-middle);
    margin-bottom: 1rem;
    padding: .5625rem .625rem .5rem;
    box-sizing: border-box;
    cursor: pointer
}

.record-wrap .top[data-v-3fffbda9] {
    color: var(--color-text-white-100);
    font-weight: var(--font-weight-medium);
    font-size: var(--font-size-14);
    margin: 0;
    line-height: 1.3125rem;
    margin-bottom: 1rem
}

.record-wrap .top .amount-wrap[data-v-3fffbda9] {
    display: flex;
    align-items: center;
    gap: .125rem
}

.record-wrap .top .virtual-currency-icon[data-v-3fffbda9] {
    width: 1.25rem;
    height: 1.25rem;
    display: block
}

.record-wrap .middle[data-v-3fffbda9] {
    margin-bottom: .375rem;
    line-height: 1.125rem;
    color: var(--color-text-gray-300)
}

.record-wrap .middle .virtual-currency-amount[data-v-3fffbda9] {
    display: flex;
    align-items: center;
    gap: .125rem
}

.record-wrap .bottom[data-v-3fffbda9] {
    line-height: 1.8125rem;
    color: var(--color-text-gray-300)
}

.record-wrap .bottom span[data-v-3fffbda9] {
    font-size: var(--font-size-10)
}

.record-wrap ion-icon.copy[data-v-3fffbda9] {
    font-size: 1.8rem;
    vertical-align: middle;
    margin-left: .1875rem;
    cursor: pointer
}

.green-default .record-wrap[data-v-3fffbda9],
.green-v01 .record-wrap[data-v-3fffbda9],
.green-v02 .record-wrap[data-v-3fffbda9] {
    width: 22.875rem;
    background: var(--color-bg-400);
    border-radius: var(--rounded-middle);
    margin-bottom: 1rem;
    padding: .5625rem .625rem .5rem;
    box-sizing: border-box;
    cursor: pointer
}

.green-default .record-wrap .top[data-v-3fffbda9],
.green-v01 .record-wrap .top[data-v-3fffbda9],
.green-v02 .record-wrap .top[data-v-3fffbda9] {
    color: var(--color-text-gray-100);
    font-weight: var(--font-weight-medium);
    font-size: var(--font-size-14);
    margin: 0;
    line-height: 1.3125rem;
    margin-bottom: 1rem
}

.green-default .record-wrap .top .amount-wrap[data-v-3fffbda9],
.green-v01 .record-wrap .top .amount-wrap[data-v-3fffbda9],
.green-v02 .record-wrap .top .amount-wrap[data-v-3fffbda9] {
    display: flex;
    align-items: center;
    gap: .125rem
}

.green-default .record-wrap .top .virtual-currency-icon[data-v-3fffbda9],
.green-v01 .record-wrap .top .virtual-currency-icon[data-v-3fffbda9],
.green-v02 .record-wrap .top .virtual-currency-icon[data-v-3fffbda9] {
    width: 1.25rem;
    height: 1.25rem;
    display: block
}

.green-default .record-wrap .middle[data-v-3fffbda9],
.green-v01 .record-wrap .middle[data-v-3fffbda9],
.green-v02 .record-wrap .middle[data-v-3fffbda9] {
    margin-bottom: .375rem;
    line-height: 1.125rem;
    color: var(--color-text-gray-200)
}

.green-default .record-wrap .middle .virtual-currency-amount[data-v-3fffbda9],
.green-v01 .record-wrap .middle .virtual-currency-amount[data-v-3fffbda9],
.green-v02 .record-wrap .middle .virtual-currency-amount[data-v-3fffbda9] {
    display: flex;
    align-items: center;
    gap: .125rem
}

.green-default .record-wrap .bottom[data-v-3fffbda9],
.green-v01 .record-wrap .bottom[data-v-3fffbda9],
.green-v02 .record-wrap .bottom[data-v-3fffbda9] {
    line-height: 1.8125rem;
    color: var(--color-text-gray-200)
}

.green-default .record-wrap .bottom span[data-v-3fffbda9],
.green-v01 .record-wrap .bottom span[data-v-3fffbda9],
.green-v02 .record-wrap .bottom span[data-v-3fffbda9] {
    font-size: var(--font-size-10)
}

.green-default .record-wrap ion-icon.copy[data-v-3fffbda9],
.green-v01 .record-wrap ion-icon.copy[data-v-3fffbda9],
.green-v02 .record-wrap ion-icon.copy[data-v-3fffbda9] {
    font-size: 1.8rem;
    vertical-align: middle;
    margin-left: .1875rem;
    cursor: pointer
}

.forest-green .record-wrap[data-v-3fffbda9] {
    width: 22.875rem;
    background: var(--color-bg-200);
    border-radius: var(--rounded-middle);
    margin-bottom: 1rem;
    padding: .5625rem .625rem .5rem;
    box-sizing: border-box;
    cursor: pointer
}

.forest-green .record-wrap .top[data-v-3fffbda9] {
    color: var(--color-text-white-100);
    font-weight: var(--font-weight-medium);
    font-size: var(--font-size-14);
    margin: 0;
    line-height: 1.3125rem;
    margin-bottom: 1rem
}

.forest-green .record-wrap .top .amount-wrap[data-v-3fffbda9] {
    display: flex;
    align-items: center;
    gap: .125rem
}

.forest-green .record-wrap .top .virtual-currency-icon[data-v-3fffbda9] {
    width: 1.25rem;
    height: 1.25rem;
    display: block
}

.forest-green .record-wrap .middle[data-v-3fffbda9] {
    margin-bottom: .375rem;
    line-height: 1.125rem;
    color: var(--color-text-gray-200)
}

.forest-green .record-wrap .middle .virtual-currency-amount[data-v-3fffbda9] {
    display: flex;
    align-items: center;
    gap: .125rem
}

.forest-green .record-wrap .bottom[data-v-3fffbda9] {
    line-height: 1.8125rem;
    color: var(--color-text-gray-200)
}

.forest-green .record-wrap .bottom span[data-v-3fffbda9] {
    font-size: var(--font-size-10)
}

.forest-green .record-wrap ion-icon.copy[data-v-3fffbda9] {
    font-size: 1.8rem;
    vertical-align: middle;
    margin-left: .1875rem;
    cursor: pointer
}

.auroral-yellow .record-wrap[data-v-3fffbda9] {
    width: 22.875rem;
    background: var(--color-bg-200);
    border-radius: var(--rounded-middle);
    margin-bottom: 1rem;
    padding: .5625rem .625rem .5rem;
    box-sizing: border-box;
    cursor: pointer
}

.auroral-yellow .record-wrap .top[data-v-3fffbda9] {
    color: var(--color-text-white-100);
    font-weight: var(--font-weight-medium);
    font-size: var(--font-size-14);
    margin: 0;
    line-height: 1.3125rem;
    margin-bottom: 1rem
}

.auroral-yellow .record-wrap .top .amount-wrap[data-v-3fffbda9] {
    display: flex;
    align-items: center;
    gap: .125rem
}

.auroral-yellow .record-wrap .top .virtual-currency-icon[data-v-3fffbda9] {
    width: 1.25rem;
    height: 1.25rem;
    display: block
}

.auroral-yellow .record-wrap .middle[data-v-3fffbda9] {
    margin-bottom: .375rem;
    line-height: 1.125rem;
    color: var(--color-text-gray-200)
}

.auroral-yellow .record-wrap .middle .virtual-currency-amount[data-v-3fffbda9] {
    display: flex;
    align-items: center;
    gap: .125rem
}

.auroral-yellow .record-wrap .bottom[data-v-3fffbda9] {
    line-height: 1.8125rem;
    color: var(--color-text-gray-200)
}

.auroral-yellow .record-wrap .bottom span[data-v-3fffbda9] {
    font-size: var(--font-size-10)
}

.auroral-yellow .record-wrap ion-icon.copy[data-v-3fffbda9] {
    font-size: 1.8rem;
    vertical-align: middle;
    margin-left: .1875rem;
    cursor: pointer
}

.amber-purple .default .record-wrap[data-v-3fffbda9] {
    width: 22.875rem;
    background: var(--color-bg-200);
    border-radius: var(--rounded-middle);
    margin-bottom: 1rem;
    padding: .5625rem .625rem .5rem;
    box-sizing: border-box;
    cursor: pointer
}

.amber-purple .default .record-wrap .top[data-v-3fffbda9] {
    color: var(--text-color-light-purple-1-100);
    font-weight: var(--font-weight-medium);
    font-size: var(--font-size-14);
    margin: 0;
    line-height: 1.3125rem;
    margin-bottom: 1rem
}

.amber-purple .default .record-wrap .top .amount-wrap[data-v-3fffbda9] {
    display: flex;
    align-items: center;
    gap: .125rem
}

.amber-purple .default .record-wrap .top .virtual-currency-icon[data-v-3fffbda9] {
    width: 1.25rem;
    height: 1.25rem;
    display: block
}

.amber-purple .default .record-wrap .middle[data-v-3fffbda9] {
    margin-bottom: .375rem;
    line-height: 1.125rem;
    color: var(--text-color-light-purple-2-100)
}

.amber-purple .default .record-wrap .middle .virtual-currency-amount[data-v-3fffbda9] {
    display: flex;
    align-items: center;
    gap: .125rem
}

.amber-purple .default .record-wrap .bottom[data-v-3fffbda9] {
    line-height: 1.8125rem;
    color: var(--text-color-light-purple-2-100)
}

.amber-purple .default .record-wrap .bottom span[data-v-3fffbda9] {
    font-size: var(--font-size-10)
}

.amber-purple .default .record-wrap ion-icon.copy[data-v-3fffbda9] {
    font-size: 1.8rem;
    vertical-align: middle;
    margin-left: .1875rem;
    cursor: pointer
}

.amber-purple .second .record-wrap[data-v-3fffbda9] {
    width: 22.875rem;
    background: var(--color-bg-200);
    border-radius: var(--rounded-middle);
    margin-bottom: 1rem;
    padding: .5625rem .625rem .5rem;
    box-sizing: border-box;
    cursor: pointer
}

.amber-purple .second .record-wrap .top[data-v-3fffbda9] {
    color: var(--color-text-100);
    font-weight: var(--font-weight-medium);
    font-size: var(--font-size-14);
    margin: 0;
    line-height: 1.3125rem;
    margin-bottom: 1rem
}

.amber-purple .second .record-wrap .top .amount-wrap[data-v-3fffbda9] {
    display: flex;
    align-items: center;
    gap: .125rem
}

.amber-purple .second .record-wrap .top .virtual-currency-icon[data-v-3fffbda9] {
    width: 1.25rem;
    height: 1.25rem;
    display: block
}

.amber-purple .second .record-wrap .middle[data-v-3fffbda9] {
    margin-bottom: 0;
    line-height: 1.125rem;
    color: var(--color-text-80)
}

.amber-purple .second .record-wrap .middle .virtual-currency-amount[data-v-3fffbda9] {
    display: flex;
    align-items: center;
    gap: .125rem
}

.amber-purple .second .record-wrap .bottom[data-v-3fffbda9] {
    line-height: 1.125rem;
    color: var(--color-text-80)
}

.amber-purple .second .record-wrap .bottom span[data-v-3fffbda9] {
    font-size: var(--font-size-10)
}

.amber-purple .second .record-wrap ion-icon.copy[data-v-3fffbda9] {
    font-size: 1.125rem;
    vertical-align: middle;
    margin-left: .1875rem;
    cursor: pointer
}

.green-dark .record-wrap[data-v-3fffbda9],
.yellow-dark .record-wrap[data-v-3fffbda9] {
    width: 22.875rem;
    background: var(--color-bg-200);
    border-radius: var(--rounded-middle);
    margin-bottom: 1rem;
    padding: .5625rem .625rem .5rem;
    box-sizing: border-box;
    cursor: pointer
}

.green-dark .record-wrap .top[data-v-3fffbda9],
.yellow-dark .record-wrap .top[data-v-3fffbda9] {
    color: var(--color-text-100);
    font-weight: var(--font-weight-medium);
    font-size: var(--font-size-14);
    margin: 0;
    line-height: 1.3125rem;
    margin-bottom: 1rem
}

.green-dark .record-wrap .top .amount-wrap[data-v-3fffbda9],
.yellow-dark .record-wrap .top .amount-wrap[data-v-3fffbda9] {
    display: flex;
    align-items: center;
    gap: .125rem
}

.green-dark .record-wrap .top .virtual-currency-icon[data-v-3fffbda9],
.yellow-dark .record-wrap .top .virtual-currency-icon[data-v-3fffbda9] {
    width: 1.25rem;
    height: 1.25rem;
    display: block
}

.green-dark .record-wrap .middle[data-v-3fffbda9],
.yellow-dark .record-wrap .middle[data-v-3fffbda9] {
    margin-bottom: 0;
    line-height: 1.125rem;
    color: var(--color-text-40)
}

.green-dark .record-wrap .middle .virtual-currency-amount[data-v-3fffbda9],
.yellow-dark .record-wrap .middle .virtual-currency-amount[data-v-3fffbda9] {
    display: flex;
    align-items: center;
    gap: .125rem
}

.green-dark .record-wrap .bottom[data-v-3fffbda9],
.yellow-dark .record-wrap .bottom[data-v-3fffbda9] {
    line-height: 1.125rem;
    color: var(--color-text-40)
}

.green-dark .record-wrap .bottom span[data-v-3fffbda9],
.yellow-dark .record-wrap .bottom span[data-v-3fffbda9] {
    font-size: var(--font-size-10)
}

.green-dark .record-wrap ion-icon.copy[data-v-3fffbda9],
.yellow-dark .record-wrap ion-icon.copy[data-v-3fffbda9] {
    font-size: 1.125rem;
    vertical-align: middle;
    margin-left: .1875rem;
    cursor: pointer
}

.purple-light .record-wrap[data-v-3fffbda9] {
    width: 22.875rem;
    background: var(--color-bg-200);
    border-radius: var(--rounded-middle);
    margin-bottom: 1rem;
    padding: .5625rem .625rem .5rem;
    box-sizing: border-box;
    cursor: pointer
}

.purple-light .record-wrap .top[data-v-3fffbda9] {
    color: var(--color-text-100);
    font-weight: var(--font-weight-medium);
    font-size: var(--font-size-14);
    margin: 0;
    line-height: 1.3125rem;
    margin-bottom: 1rem
}

.purple-light .record-wrap .top .amount-wrap[data-v-3fffbda9] {
    display: flex;
    align-items: center;
    gap: .125rem
}

.purple-light .record-wrap .top .virtual-currency-icon[data-v-3fffbda9] {
    width: 1.25rem;
    height: 1.25rem;
    display: block
}

.purple-light .record-wrap .middle[data-v-3fffbda9] {
    margin-bottom: 0;
    line-height: 1.125rem;
    color: var(--color-text-80)
}

.purple-light .record-wrap .middle .virtual-currency-amount[data-v-3fffbda9] {
    display: flex;
    align-items: center;
    gap: .125rem
}

.purple-light .record-wrap .bottom[data-v-3fffbda9] {
    line-height: 1.125rem;
    color: var(--color-text-80)
}

.purple-light .record-wrap .bottom span[data-v-3fffbda9] {
    font-size: var(--font-size-10)
}

.purple-light .record-wrap ion-icon.copy[data-v-3fffbda9] {
    font-size: 1.125rem;
    vertical-align: middle;
    margin-left: .1875rem;
    cursor: pointer
}

.new-skin-symbol .record-wrap[data-v-3fffbda9] {
    width: 22.875rem;
    background: var(--ep-color-background-fill-surface-raised-L1);
    border-radius: var(--rounded-middle);
    margin-bottom: 1rem;
    padding: .5625rem .625rem .5rem;
    box-sizing: border-box;
    cursor: pointer
}

.new-skin-symbol .record-wrap .top[data-v-3fffbda9] {
    color: var(--ep-color-text-default);
    font-weight: var(--font-weight-medium);
    font-size: var(--font-size-14);
    margin: 0;
    line-height: 1.3125rem;
    margin-bottom: 1rem
}

.new-skin-symbol .record-wrap .top .amount-wrap[data-v-3fffbda9] {
    display: flex;
    align-items: center;
    gap: .125rem
}

.new-skin-symbol .record-wrap .top .virtual-currency-icon[data-v-3fffbda9] {
    width: 1.25rem;
    height: 1.25rem;
    display: block
}

.new-skin-symbol .record-wrap .middle[data-v-3fffbda9] {
    margin-bottom: .2188rem;
    line-height: 1.125rem;
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol .record-wrap .middle .virtual-currency-amount[data-v-3fffbda9] {
    display: flex;
    align-items: center;
    gap: .125rem
}

.new-skin-symbol .record-wrap .bottom[data-v-3fffbda9] {
    line-height: 1.125rem;
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol .record-wrap .bottom span[data-v-3fffbda9] {
    font-size: var(--font-size-10)
}

.new-skin-symbol .record-wrap ion-icon.copy[data-v-3fffbda9] {
    font-size: 1.125rem;
    vertical-align: middle;
    margin-left: .1875rem;
    cursor: pointer
}

.new-skin-symbol .record-wrap[data-v-3fffbda9] {
    border-radius: var(--ep-border-radius-m)
}

.new-skin-symbol .record-wrap .top[data-v-3fffbda9] {
    font-weight: var(--ep-font-weight-medium);
    font-size: var(--ep-font-size-s);
    margin-bottom: .7813rem
}

.new-skin-symbol .record-wrap .bottom[data-v-3fffbda9] {
    font-weight: var(--ep-font-weight-regular);
    font-size: var(--ep-font-size-s)
}

.new-skin-symbol .record-wrap .bottom span[data-v-3fffbda9] {
    font-size: var(--ep-font-size-s)
}

.color-primary-600[data-v-c1bcba3b] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-c1bcba3b] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-c1bcba3b] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-c1bcba3b] {
    color: var(--color-primary-900)
}

.bg-100[data-v-c1bcba3b] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-c1bcba3b] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-c1bcba3b] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-c1bcba3b] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-c1bcba3b] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-c1bcba3b] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-c1bcba3b] {
    background-color: var(--color-warning)
}

.bg-link[data-v-c1bcba3b] {
    background-color: var(--color-link)
}

.bg-danger[data-v-c1bcba3b] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-c1bcba3b] {
    color: var(--color-text-100)
}

.color-text-80[data-v-c1bcba3b] {
    color: var(--color-text-80)
}

.color-text-50[data-v-c1bcba3b] {
    color: var(--color-text-50)
}

.color-text-40[data-v-c1bcba3b] {
    color: var(--color-text-40)
}

.color-text-20[data-v-c1bcba3b] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-c1bcba3b] {
    color: var(--color-currency)
}

.color-warning[data-v-c1bcba3b] {
    color: var(--color-warning)
}

.color-danger[data-v-c1bcba3b] {
    color: var(--color-danger)
}

.color-link[data-v-c1bcba3b] {
    color: var(--color-link)
}

.color-line[data-v-c1bcba3b] {
    color: var(--color-line)
}

.color-border[data-v-c1bcba3b] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-c1bcba3b] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-c1bcba3b] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-c1bcba3b] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-c1bcba3b] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-c1bcba3b] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-c1bcba3b] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-c1bcba3b] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-c1bcba3b] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-c1bcba3b] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-c1bcba3b] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-c1bcba3b] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-c1bcba3b] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-c1bcba3b] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-c1bcba3b] {
    display: flex;
    align-items: center
}

.flex-start[data-v-c1bcba3b] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-c1bcba3b] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-c1bcba3b] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-c1bcba3b] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-c1bcba3b] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-c1bcba3b] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-c1bcba3b] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-c1bcba3b] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-c1bcba3b] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-c1bcba3b] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-c1bcba3b] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-c1bcba3b] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-c1bcba3b] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-c1bcba3b] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-c1bcba3b] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-c1bcba3b] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-c1bcba3b] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-c1bcba3b] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-c1bcba3b] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-c1bcba3b] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-c1bcba3b] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-c1bcba3b] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-c1bcba3b] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-c1bcba3b] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-c1bcba3b],
.mlm-selected-item[data-v-c1bcba3b] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-c1bcba3b] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-c1bcba3b]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-c1bcba3b] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-c1bcba3b] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-c1bcba3b] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.blue-default ion-popover[data-v-c1bcba3b],
.auroral-yellow ion-popover[data-v-c1bcba3b],
.green-default ion-popover[data-v-c1bcba3b],
.amber-purple ion-popover[data-v-c1bcba3b],
.yellow-dark ion-popover[data-v-c1bcba3b],
.forest-green ion-popover[data-v-c1bcba3b] {
    --width: var(--c36e3452);
    z-index: 100
}

.blue-default .inner[data-v-c1bcba3b],
.auroral-yellow .inner[data-v-c1bcba3b],
.green-default .inner[data-v-c1bcba3b],
.amber-purple .inner[data-v-c1bcba3b],
.yellow-dark .inner[data-v-c1bcba3b],
.forest-green .inner[data-v-c1bcba3b] {
    display: inline-block;
    vertical-align: middle;
    line-height: 1
}

.blue-default .select-item[data-v-c1bcba3b],
.auroral-yellow .select-item[data-v-c1bcba3b],
.green-default .select-item[data-v-c1bcba3b],
.amber-purple .select-item[data-v-c1bcba3b],
.yellow-dark .select-item[data-v-c1bcba3b],
.forest-green .select-item[data-v-c1bcba3b] {
    width: var(--c36e3452);
    line-height: 2.25rem;
    background: var(--color-bg-200);
    border-radius: var(--ep-border-radius-s, .25rem)
}

.blue-default .select-box[data-v-c1bcba3b],
.auroral-yellow .select-box[data-v-c1bcba3b],
.green-default .select-box[data-v-c1bcba3b],
.amber-purple .select-box[data-v-c1bcba3b],
.yellow-dark .select-box[data-v-c1bcba3b],
.forest-green .select-box[data-v-c1bcba3b] {
    padding: .4375rem;
    width: var(--c36e3452);
    line-height: 2.25rem;
    background: var(--color-bg-200);
    border-radius: var(--ep-border-radius-s, .25rem);
    height: 2.25rem;
    box-sizing: border-box;
    border: 1px solid var(--color-line)
}

.blue-default .select-box ion-icon.arrow[data-v-c1bcba3b],
.auroral-yellow .select-box ion-icon.arrow[data-v-c1bcba3b],
.green-default .select-box ion-icon.arrow[data-v-c1bcba3b],
.amber-purple .select-box ion-icon.arrow[data-v-c1bcba3b],
.yellow-dark .select-box ion-icon.arrow[data-v-c1bcba3b],
.forest-green .select-box ion-icon.arrow[data-v-c1bcba3b] {
    font-size: var(--ep-font-size-l, 1rem);
    color: var(--color-text-100)
}

.blue-default .select-box .box[data-v-c1bcba3b],
.auroral-yellow .select-box .box[data-v-c1bcba3b],
.green-default .select-box .box[data-v-c1bcba3b],
.amber-purple .select-box .box[data-v-c1bcba3b],
.yellow-dark .select-box .box[data-v-c1bcba3b],
.forest-green .select-box .box[data-v-c1bcba3b] {
    height: 2.25rem;
    line-height: 2.25rem;
    color: var(--color-text-100)
}

.blue-default .select-box .box p[data-v-c1bcba3b],
.auroral-yellow .select-box .box p[data-v-c1bcba3b],
.green-default .select-box .box p[data-v-c1bcba3b],
.amber-purple .select-box .box p[data-v-c1bcba3b],
.yellow-dark .select-box .box p[data-v-c1bcba3b],
.forest-green .select-box .box p[data-v-c1bcba3b] {
    display: inline-block;
    vertical-align: middle;
    line-height: 1
}

.blue-default .select-list[data-v-c1bcba3b],
.auroral-yellow .select-list[data-v-c1bcba3b],
.green-default .select-list[data-v-c1bcba3b],
.amber-purple .select-list[data-v-c1bcba3b],
.yellow-dark .select-list[data-v-c1bcba3b],
.forest-green .select-list[data-v-c1bcba3b] {
    width: var(--c36e3452);
    line-height: 2.25rem;
    background: var(--color-bg-200);
    border-radius: var(--ep-border-radius-s, .25rem)
}

.blue-default .select-list li[data-v-c1bcba3b],
.auroral-yellow .select-list li[data-v-c1bcba3b],
.green-default .select-list li[data-v-c1bcba3b],
.amber-purple .select-list li[data-v-c1bcba3b],
.yellow-dark .select-list li[data-v-c1bcba3b],
.forest-green .select-list li[data-v-c1bcba3b] {
    height: 2.25rem;
    line-height: 2.25rem;
    box-sizing: border-box;
    text-align: center;
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-medium, 500);
    color: var(--color-text-40);
    cursor: pointer
}

.blue-default .select-list li p[data-v-c1bcba3b],
.auroral-yellow .select-list li p[data-v-c1bcba3b],
.green-default .select-list li p[data-v-c1bcba3b],
.amber-purple .select-list li p[data-v-c1bcba3b],
.yellow-dark .select-list li p[data-v-c1bcba3b],
.forest-green .select-list li p[data-v-c1bcba3b] {
    display: inline-block;
    vertical-align: middle;
    line-height: 1
}

.blue-default .select-list .active[data-v-c1bcba3b],
.auroral-yellow .select-list .active[data-v-c1bcba3b],
.green-default .select-list .active[data-v-c1bcba3b],
.amber-purple .select-list .active[data-v-c1bcba3b],
.yellow-dark .select-list .active[data-v-c1bcba3b],
.forest-green .select-list .active[data-v-c1bcba3b] {
    color: var(--color-text-100);
    font-weight: var(--ep-font-weight-bold, 700);
    background-color: var(--color-bg-100)
}

.blue-default .select-list[data-v-c1bcba3b]>:not(:last-child),
.auroral-yellow .select-list[data-v-c1bcba3b]>:not(:last-child),
.green-default .select-list[data-v-c1bcba3b]>:not(:last-child),
.amber-purple .select-list[data-v-c1bcba3b]>:not(:last-child),
.yellow-dark .select-list[data-v-c1bcba3b]>:not(:last-child),
.forest-green .select-list[data-v-c1bcba3b]>:not(:last-child) {
    border-bottom: 1px solid var(--color-line)
}

.green-dark ion-popover[data-v-c1bcba3b] {
    --width: var(--c36e3452);
    z-index: 100
}

.green-dark .inner[data-v-c1bcba3b] {
    display: inline-block;
    vertical-align: middle;
    line-height: 1
}

.green-dark .select-item[data-v-c1bcba3b] {
    width: var(--c36e3452);
    line-height: 2.25rem;
    background: var(--color-bg-200);
    border-radius: var(--ep-border-radius-s, .25rem)
}

.green-dark .select-box[data-v-c1bcba3b] {
    padding: .4375rem;
    width: var(--c36e3452);
    line-height: 2.25rem;
    background: var(--color-bg-200);
    border-radius: var(--ep-border-radius-s, .25rem);
    height: 2.25rem;
    box-sizing: border-box;
    border: 1px solid var(--color-line)
}

.green-dark .select-box ion-icon.arrow[data-v-c1bcba3b] {
    font-size: var(--ep-font-size-l, 1rem);
    color: var(--color-text-100)
}

.green-dark .select-box .box[data-v-c1bcba3b] {
    height: 2.25rem;
    line-height: 2.25rem;
    color: var(--theme-color-800)
}

.green-dark .select-box .box p[data-v-c1bcba3b] {
    display: inline-block;
    vertical-align: middle;
    line-height: 1
}

.green-dark .select-list[data-v-c1bcba3b] {
    width: var(--c36e3452);
    line-height: 2.25rem;
    background: var(--color-bg-200);
    border-radius: var(--ep-border-radius-s, .25rem)
}

.green-dark .select-list li[data-v-c1bcba3b] {
    height: 2.25rem;
    line-height: 2.25rem;
    box-sizing: border-box;
    text-align: center;
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-medium, 500);
    color: var(--color-text-40);
    cursor: pointer
}

.green-dark .select-list li p[data-v-c1bcba3b] {
    display: inline-block;
    vertical-align: middle;
    line-height: 1
}

.green-dark .select-list .active[data-v-c1bcba3b] {
    color: var(--theme-color-800);
    font-weight: var(--ep-font-weight-bold, 700);
    background-color: var(--color-bg-100)
}

.green-dark .select-list[data-v-c1bcba3b]>:not(:last-child) {
    border-bottom: 1px solid var(--color-line)
}

.forest-green ion-popover[data-v-c1bcba3b] {
    --width: var(--c36e3452);
    z-index: 100
}

.forest-green .inner[data-v-c1bcba3b] {
    display: inline-block;
    vertical-align: middle;
    line-height: 1
}

.forest-green .select-item[data-v-c1bcba3b] {
    width: var(--c36e3452);
    line-height: 2.25rem;
    background: var(--color-bg-200);
    border-radius: var(--ep-border-radius-s, .25rem)
}

.forest-green .select-box[data-v-c1bcba3b] {
    padding: .4375rem;
    width: var(--c36e3452);
    line-height: 2.25rem;
    background: var(--color-bg-200);
    border-radius: var(--ep-border-radius-s, .25rem);
    height: 2.25rem;
    box-sizing: border-box;
    border: 1px solid var(--color-line)
}

.forest-green .select-box ion-icon.arrow[data-v-c1bcba3b] {
    font-size: var(--ep-font-size-l, 1rem);
    color: var(--color-text-100)
}

.forest-green .select-box .box[data-v-c1bcba3b] {
    height: 2.25rem;
    line-height: 2.25rem;
    color: var(--color-text-100)
}

.forest-green .select-box .box p[data-v-c1bcba3b] {
    display: inline-block;
    vertical-align: middle;
    line-height: 1
}

.forest-green .select-list[data-v-c1bcba3b] {
    width: var(--c36e3452);
    line-height: 2.25rem;
    background: var(--color-bg-200);
    border-radius: var(--ep-border-radius-s, .25rem)
}

.forest-green .select-list li[data-v-c1bcba3b] {
    height: 2.25rem;
    line-height: 2.25rem;
    box-sizing: border-box;
    text-align: center;
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-medium, 500);
    color: var(--color-text-40);
    cursor: pointer
}

.forest-green .select-list li p[data-v-c1bcba3b] {
    display: inline-block;
    vertical-align: middle;
    line-height: 1
}

.forest-green .select-list .active[data-v-c1bcba3b] {
    color: var(--color-text-100);
    font-weight: var(--ep-font-weight-bold, 700);
    background-color: var(--color-bg-100)
}

.forest-green .select-list[data-v-c1bcba3b]>:not(:last-child) {
    border-bottom: 1px solid var(--color-line)
}

.purple-light ion-popover[data-v-c1bcba3b] {
    --width: var(--c36e3452);
    z-index: 100
}

.purple-light .inner[data-v-c1bcba3b] {
    display: inline-block;
    vertical-align: middle;
    line-height: 1
}

.purple-light .select-item[data-v-c1bcba3b] {
    width: var(--c36e3452);
    line-height: 2.25rem;
    background: var(--color-bg-400);
    border-radius: var(--ep-border-radius-s, .25rem)
}

.purple-light .select-box[data-v-c1bcba3b] {
    padding: .4375rem;
    width: var(--c36e3452);
    line-height: 2.25rem;
    background: var(--color-bg-400);
    border-radius: var(--ep-border-radius-s, .25rem);
    height: 2.25rem;
    box-sizing: border-box;
    border: 1px solid var(--color-line)
}

.purple-light .select-box ion-icon.arrow[data-v-c1bcba3b] {
    font-size: var(--ep-font-size-l, 1rem);
    color: var(--color-text-100)
}

.purple-light .select-box .box[data-v-c1bcba3b] {
    height: 2.25rem;
    line-height: 2.25rem;
    color: var(--theme-color-800)
}

.purple-light .select-box .box p[data-v-c1bcba3b] {
    display: inline-block;
    vertical-align: middle;
    line-height: 1
}

.purple-light .select-list[data-v-c1bcba3b] {
    width: var(--c36e3452);
    line-height: 2.25rem;
    background: var(--color-bg-400);
    border-radius: var(--ep-border-radius-s, .25rem)
}

.purple-light .select-list li[data-v-c1bcba3b] {
    height: 2.25rem;
    line-height: 2.25rem;
    box-sizing: border-box;
    text-align: center;
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-medium, 500);
    color: var(--color-text-secondary-1);
    cursor: pointer
}

.purple-light .select-list li p[data-v-c1bcba3b] {
    display: inline-block;
    vertical-align: middle;
    line-height: 1
}

.purple-light .select-list .active[data-v-c1bcba3b] {
    color: var(--theme-color-800);
    font-weight: var(--ep-font-weight-bold, 700);
    background-color: var(--color-bg-400)
}

.purple-light .select-list[data-v-c1bcba3b]>:not(:last-child) {
    border-bottom: 1px solid var(--color-line)
}

.new-skin-symbol ion-popover[data-v-c1bcba3b] {
    --width: var(--c36e3452);
    z-index: 100
}

.new-skin-symbol .inner[data-v-c1bcba3b] {
    display: inline-block;
    vertical-align: middle;
    line-height: 1
}

.new-skin-symbol .select-item[data-v-c1bcba3b] {
    width: var(--c36e3452);
    line-height: 2.25rem;
    background: var(--ep-color-background-fill-surface-raised-L1);
    border-radius: var(--ep-border-radius-s, .25rem)
}

.new-skin-symbol .select-box[data-v-c1bcba3b] {
    padding: .4375rem;
    width: var(--c36e3452);
    line-height: 2.25rem;
    background: var(--ep-color-background-fill-surface-raised-L1);
    border-radius: var(--ep-border-radius-s, .25rem);
    height: 2.25rem;
    box-sizing: border-box;
    border: 1px solid var(null)
}

.new-skin-symbol .select-box ion-icon.arrow[data-v-c1bcba3b] {
    font-size: var(--ep-font-size-l, 1rem);
    color: var(--ep-color-icon-weaker)
}

.new-skin-symbol .select-box .box[data-v-c1bcba3b] {
    height: 2.25rem;
    line-height: 2.25rem;
    color: var(--ep-color-text-default)
}

.new-skin-symbol .select-box .box p[data-v-c1bcba3b] {
    display: inline-block;
    vertical-align: middle;
    line-height: 1
}

.new-skin-symbol .select-list[data-v-c1bcba3b] {
    width: var(--c36e3452);
    line-height: 2.25rem;
    background: var(--ep-color-background-fill-surface-raised-L1);
    border-radius: var(--ep-border-radius-s, .25rem)
}

.new-skin-symbol .select-list li[data-v-c1bcba3b] {
    height: 2.25rem;
    line-height: 2.25rem;
    box-sizing: border-box;
    text-align: center;
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-medium, 500);
    color: var(--ep-color-icon-weaker);
    cursor: pointer
}

.new-skin-symbol .select-list li p[data-v-c1bcba3b] {
    display: inline-block;
    vertical-align: middle;
    line-height: 1
}

.new-skin-symbol .select-list .active[data-v-c1bcba3b] {
    color: var(--ep-color-text-default);
    font-weight: var(--ep-font-weight-bold, 700);
    background-color: var(--ep-color-background-fill-surface-raised-L2)
}

.new-skin-symbol .select-list[data-v-c1bcba3b]>:not(:last-child) {
    border-bottom: 1px solid var(null)
}

.new-skin-symbol .select-box[data-v-c1bcba3b] {
    font-weight: var(--ep-font-weight-bold);
    height: 2rem;
    font-size: var(--ep-font-size-s)
}

.color-primary-600[data-v-cf1eb9fa] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-cf1eb9fa] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-cf1eb9fa] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-cf1eb9fa] {
    color: var(--color-primary-900)
}

.bg-100[data-v-cf1eb9fa] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-cf1eb9fa] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-cf1eb9fa] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-cf1eb9fa] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-cf1eb9fa] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-cf1eb9fa] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-cf1eb9fa] {
    background-color: var(--color-warning)
}

.bg-link[data-v-cf1eb9fa] {
    background-color: var(--color-link)
}

.bg-danger[data-v-cf1eb9fa] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-cf1eb9fa] {
    color: var(--color-text-100)
}

.color-text-80[data-v-cf1eb9fa] {
    color: var(--color-text-80)
}

.color-text-50[data-v-cf1eb9fa] {
    color: var(--color-text-50)
}

.color-text-40[data-v-cf1eb9fa] {
    color: var(--color-text-40)
}

.color-text-20[data-v-cf1eb9fa] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-cf1eb9fa] {
    color: var(--color-currency)
}

.color-warning[data-v-cf1eb9fa] {
    color: var(--color-warning)
}

.color-danger[data-v-cf1eb9fa] {
    color: var(--color-danger)
}

.color-link[data-v-cf1eb9fa] {
    color: var(--color-link)
}

.color-line[data-v-cf1eb9fa] {
    color: var(--color-line)
}

.color-border[data-v-cf1eb9fa] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-cf1eb9fa] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-cf1eb9fa] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-cf1eb9fa] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-cf1eb9fa] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-cf1eb9fa] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-cf1eb9fa] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-cf1eb9fa] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-cf1eb9fa] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-cf1eb9fa] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-cf1eb9fa] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-cf1eb9fa] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-cf1eb9fa] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-cf1eb9fa] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-cf1eb9fa] {
    display: flex;
    align-items: center
}

.flex-start[data-v-cf1eb9fa] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-cf1eb9fa] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-cf1eb9fa] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-cf1eb9fa] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-cf1eb9fa] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-cf1eb9fa] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-cf1eb9fa] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-cf1eb9fa] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-cf1eb9fa] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-cf1eb9fa] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-cf1eb9fa] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-cf1eb9fa] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-cf1eb9fa] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-cf1eb9fa] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-cf1eb9fa] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-cf1eb9fa] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-cf1eb9fa] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-cf1eb9fa] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-cf1eb9fa] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-cf1eb9fa] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-cf1eb9fa] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-cf1eb9fa] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-cf1eb9fa] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-cf1eb9fa] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-cf1eb9fa],
.mlm-selected-item[data-v-cf1eb9fa] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-cf1eb9fa] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-cf1eb9fa]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-cf1eb9fa] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-cf1eb9fa] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-cf1eb9fa] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.audit-header[data-v-cf1eb9fa] {
    margin: 0 0 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.audit-header .text[data-v-cf1eb9fa] {
    color: var(--color-text-100);
    font-size: var(--font-size-14);
    font-weight: var(--font-weight-regular);
    text-align: right;
    width: 11.875rem;
    line-height: .875rem
}

.audit-header .text span[data-v-cf1eb9fa] {
    color: var(--color-currency);
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold)
}

.new-skin-symbol .record-wrap[data-v-cf1eb9fa] {
    padding: .5625rem .6406rem .5938rem .625rem;
    background: var(--ep-color-background-fill-surface-raised-L1);
    border-radius: var(--ep-border-radius-m)
}

.new-skin-symbol .record-wrap .top[data-v-cf1eb9fa] {
    color: var(--ep-color-text-default);
    margin-bottom: .7813rem;
    font-size: var(--ep-font-size-m);
    font-weight: var(--ep-font-weight-medium)
}

.new-skin-symbol .record-wrap .bottom[data-v-cf1eb9fa] {
    font-size: var(--ep-font-size-s);
    font-weight: var(--ep-font-weight-regular)
}

.new-skin-symbol .record-wrap .bottom p[data-v-cf1eb9fa] {
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol .record-wrap .bottom span.ongoing[data-v-cf1eb9fa] {
    color: var(--ep-color-text-warning) !important
}

.new-skin-symbol .record-wrap .bottom span.completed[data-v-cf1eb9fa] {
    color: var(--ep-color-text-success) !important
}

.new-skin-symbol .record-wrap .bottom span.notStarted[data-v-cf1eb9fa] {
    color: var(--ep-color-text-danger) !important
}

.new-skin-symbol .audit-header[data-v-cf1eb9fa] {
    margin-top: 1.4375rem
}

.new-skin-symbol .audit-header .text[data-v-cf1eb9fa] {
    font-size: var(--ep-font-size-s);
    font-weight: var(--ep-font-weight-regular);
    color: var(--ep-color-text-default)
}

.new-skin-symbol .audit-header .text span[data-v-cf1eb9fa] {
    font-size: var(--ep-font-size-s);
    font-weight: var(--ep-font-weight-bold);
    color: var(--ep-color-text-warning)
}

.color-primary-600[data-v-6a7ee648] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-6a7ee648] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-6a7ee648] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-6a7ee648] {
    color: var(--color-primary-900)
}

.bg-100[data-v-6a7ee648] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-6a7ee648] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-6a7ee648] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-6a7ee648] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-6a7ee648] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-6a7ee648] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-6a7ee648] {
    background-color: var(--color-warning)
}

.bg-link[data-v-6a7ee648] {
    background-color: var(--color-link)
}

.bg-danger[data-v-6a7ee648] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-6a7ee648] {
    color: var(--color-text-100)
}

.color-text-80[data-v-6a7ee648] {
    color: var(--color-text-80)
}

.color-text-50[data-v-6a7ee648] {
    color: var(--color-text-50)
}

.color-text-40[data-v-6a7ee648] {
    color: var(--color-text-40)
}

.color-text-20[data-v-6a7ee648] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-6a7ee648] {
    color: var(--color-currency)
}

.color-warning[data-v-6a7ee648] {
    color: var(--color-warning)
}

.color-danger[data-v-6a7ee648] {
    color: var(--color-danger)
}

.color-link[data-v-6a7ee648] {
    color: var(--color-link)
}

.color-line[data-v-6a7ee648] {
    color: var(--color-line)
}

.color-border[data-v-6a7ee648] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-6a7ee648] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-6a7ee648] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-6a7ee648] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-6a7ee648] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-6a7ee648] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-6a7ee648] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-6a7ee648] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-6a7ee648] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-6a7ee648] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-6a7ee648] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-6a7ee648] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-6a7ee648] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-6a7ee648] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-6a7ee648] {
    display: flex;
    align-items: center
}

.flex-start[data-v-6a7ee648] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-6a7ee648] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-6a7ee648] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-6a7ee648] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-6a7ee648] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-6a7ee648] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-6a7ee648] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-6a7ee648] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-6a7ee648] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-6a7ee648] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-6a7ee648] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-6a7ee648] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-6a7ee648] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-6a7ee648] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-6a7ee648] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-6a7ee648] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-6a7ee648] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-6a7ee648] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-6a7ee648] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-6a7ee648] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-6a7ee648] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-6a7ee648] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-6a7ee648] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-6a7ee648] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-6a7ee648],
.mlm-selected-item[data-v-6a7ee648] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-6a7ee648] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-6a7ee648]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-6a7ee648] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-6a7ee648] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-6a7ee648] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

[data-v-6a7ee648] {
    font-family: Saira
}

ion-content.first-content[data-v-6a7ee648] {
    width: 24.375rem;
    box-sizing: border-box;
    --padding-top: 12px;
    --padding-start: 12px;
    --padding-end: 12px;
    --background: var(--color-bg-300)
}

ion-header ion-toolbar.ios[data-v-6a7ee648] {
    --padding-top: 0;
    --padding-bottom: 0
}

.segment-button-checked.md[data-v-6a7ee648]::part(native) {
    color: var(--color-text-50)
}

ion-label.active[data-v-6a7ee648] {
    color: var(--color-primary-800);
    font-weight: var(--font-weight-bold)
}

ion-label.inactive[data-v-6a7ee648] {
    color: var(--color-text-40)
}

ion-toolbar ion-segment-button.md[data-v-6a7ee648]::part(indicator-background) {
    background: var(--color-primary-800);
    height: 2px
}

.scheme-light ion-header ion-toolbar.ios[data-v-6a7ee648] {
    --background: var(--color-bg-400)
}

.scheme-light ion-label.inactive[data-v-6a7ee648] {
    color: var(--color-text-secondary-2)
}

.scheme-light .segment-button-checked.md[data-v-6a7ee648]::part(native) {
    color: var(--color-text-secondary-1)
}

.scheme-light ion-label.active[data-v-6a7ee648] {
    color: var(--color-text-secondary-1)
}

ion-segment[data-v-6a7ee648] {
    --background: var(--color-bg-300);
    padding-left: .625rem;
    padding-right: .625rem
}

ion-segment ion-label[data-v-6a7ee648] {
    font-size: .875rem;
    font-weight: 700;
    text-transform: none
}

ion-segment ion-label.inactive[data-v-6a7ee648] {
    font-weight: 400
}

.new-skin-symbol ion-content[data-v-6a7ee648] {
    --background: var(--ep-color-background-fill-body-default)
}

.new-skin-symbol ion-toolbar[data-v-6a7ee648] {
    --background: var(--ep-color-background-fill-top-nav-secondary);
    color: var(--ep-color-text-default)
}

.new-skin-symbol ion-segment[data-v-6a7ee648] {
    --background: var(--ep-color-background-fill-surface-lowered);
    border-bottom: .0625rem solid var(--ep-color-border-default)
}

.new-skin-symbol ion-segment .segment-button-checked.md[data-v-6a7ee648]::part(indicator-background) {
    background: var(--ep-color-text-selected)
}

.new-skin-symbol ion-segment ion-label[data-v-6a7ee648] {
    font-size: var(--ep-font-size-m)
}

.new-skin-symbol ion-segment ion-label.active[data-v-6a7ee648] {
    color: var(--ep-color-text-selected);
    font-weight: var(--ep-font-weight-bold)
}

.new-skin-symbol ion-segment ion-label.inactive[data-v-6a7ee648] {
    color: var(--ep-color-text-weaker);
    font-weight: var(--ep-font-weight-regular)
}

.new-skin-symbol ion-title[data-v-6a7ee648] {
    color: var(--ep-color-text-default);
    font-size: var(--ep-font-size-xl);
    font-weight: var(--ep-font-weight-medium)
}

.color-primary-600[data-v-68fc14aa] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-68fc14aa] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-68fc14aa] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-68fc14aa] {
    color: var(--color-primary-900)
}

.bg-100[data-v-68fc14aa] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-68fc14aa] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-68fc14aa] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-68fc14aa] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-68fc14aa] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-68fc14aa] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-68fc14aa] {
    background-color: var(--color-warning)
}

.bg-link[data-v-68fc14aa] {
    background-color: var(--color-link)
}

.bg-danger[data-v-68fc14aa] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-68fc14aa] {
    color: var(--color-text-100)
}

.color-text-80[data-v-68fc14aa] {
    color: var(--color-text-80)
}

.color-text-50[data-v-68fc14aa] {
    color: var(--color-text-50)
}

.color-text-40[data-v-68fc14aa] {
    color: var(--color-text-40)
}

.color-text-20[data-v-68fc14aa] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-68fc14aa] {
    color: var(--color-currency)
}

.color-warning[data-v-68fc14aa] {
    color: var(--color-warning)
}

.color-danger[data-v-68fc14aa] {
    color: var(--color-danger)
}

.color-link[data-v-68fc14aa] {
    color: var(--color-link)
}

.color-line[data-v-68fc14aa] {
    color: var(--color-line)
}

.color-border[data-v-68fc14aa] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-68fc14aa] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-68fc14aa] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-68fc14aa] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-68fc14aa] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-68fc14aa] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-68fc14aa] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-68fc14aa] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-68fc14aa] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-68fc14aa] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-68fc14aa] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-68fc14aa] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-68fc14aa] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-68fc14aa] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-68fc14aa] {
    display: flex;
    align-items: center
}

.flex-start[data-v-68fc14aa] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-68fc14aa] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-68fc14aa] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-68fc14aa] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-68fc14aa] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-68fc14aa] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-68fc14aa] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-68fc14aa] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-68fc14aa] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-68fc14aa] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-68fc14aa] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-68fc14aa] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-68fc14aa] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-68fc14aa] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-68fc14aa] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-68fc14aa] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-68fc14aa] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-68fc14aa] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-68fc14aa] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-68fc14aa] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-68fc14aa] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-68fc14aa] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-68fc14aa] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-68fc14aa] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-68fc14aa],
.mlm-selected-item[data-v-68fc14aa] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-68fc14aa] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-68fc14aa]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-68fc14aa] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-68fc14aa] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-68fc14aa] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-content[data-v-68fc14aa] {
    --padding-top: 1rem;
    --padding-bottom: 1rem;
    --padding-start: 1rem;
    --padding-end: 1rem;
    font-size: .875rem;
    line-height: 1.25rem
}

.filter[data-v-68fc14aa] {
    margin-block: .625rem
}

.filter .warpper[data-v-68fc14aa] {
    display: flex;
    align-items: center;
    font-size: .75rem;
    line-height: 1rem
}

.filter .platform-selector[data-v-68fc14aa],
.filter .game-type-selector[data-v-68fc14aa] {
    display: flex;
    align-items: center;
    height: 2rem;
    flex: 1 1 0%;
    padding-inline: .625rem;
    margin-right: .625rem;
    border-radius: var(--ep-border-radius-s, var(--rounded-small));
    background: var(--ep-color-background-fill-surface-raised-L1, var(--color-agent-select-bg))
}

.filter .platform-selector .report-selected[data-v-68fc14aa],
.filter .game-type-selector .report-selected[data-v-68fc14aa] {
    margin-right: .5rem
}

ion-popover ion-row[data-v-68fc14aa] {
    padding: .75rem;
    font-size: .75rem;
    line-height: 1rem;
    text-align: center;
    border-radius: var(--ep-border-radius-m, var(--rounded-middle));
    background: var(--ep-color-background-fill-surface-raised-L1, var(--color-agent-board-bg))
}

ion-popover ion-row p[data-v-68fc14aa] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.5rem;
    padding-inline: .25rem;
    border-radius: var(--ep-border-radius-m, var(--rounded-middle))
}

ion-label.report-title[data-v-68fc14aa] {
    flex: 1 1 0%;
    width: 4.5rem;
    text-align: center;
    color: var(--ep-color-text-default, var(--color-text-100));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

div.empty-box[data-v-68fc14aa] {
    display: flex;
    align-items: center;
    justify-content: center
}

ion-item[data-v-68fc14aa]::part(native) {
    padding-inline-start: 0;
    padding-inline-end: 0;
    --ion-safe-area-right: 0
}

ion-item.list-item[data-v-68fc14aa] {
    margin-top: .75rem;
    --background: var(--ep-color-background-fill-surface-raised-L1, var(--color-bg-200));
    font-size: .625rem;
    border-radius: var(--ep-border-radius-m, var(--rounded-small))
}

ion-item.list-item ion-row[data-v-68fc14aa] {
    width: 100%;
    text-align: center;
    color: var(--ep-color-text-default, var(--color-text-80))
}

ion-item.list-item ion-row .game-type[data-v-68fc14aa] {
    flex: 1 1 0%
}

ion-item.list-item ion-row .platform[data-v-68fc14aa] {
    flex: 1 1 0%;
    margin-inline: .75rem
}

ion-item.list-item ion-row .amount[data-v-68fc14aa] {
    width: 4.5rem;
    color: var(--ep-color-text-warning, var(--color-currency))
}

ion-item.list-item ion-row .rate[data-v-68fc14aa] {
    width: 4.5rem;
    margin-left: .75rem
}

ion-popover[data-v-68fc14aa] {
    --backdrop-opacity: 0
}

ion-popover ion-button[data-v-68fc14aa] {
    margin-top: 0;
    margin-bottom: 0
}

ion-popover ion-button[data-v-68fc14aa]::part(native) {
    --padding-start: .375rem;
    --padding-end: .375rem;
    --padding-top: 0;
    --padding-bottom: 0
}

ion-icon[data-v-68fc14aa] {
    width: .875rem;
    height: .875rem;
    color: var(--ep-color-icon-weaker, var(--color-text-80));
    transition: transform .1s linear
}

ion-icon.on[data-v-68fc14aa] {
    transform: rotate(180deg)
}

ion-col.select-col[data-v-68fc14aa] {
    line-height: .75rem;
    padding: 0 .3125rem .3125rem 0
}

ion-col.select-col[data-v-68fc14aa]:nth-child(4),
ion-col.select-col[data-v-68fc14aa]:nth-child(4n) {
    padding: 0 0 .3125rem
}

ion-col.lang-col[data-v-68fc14aa] {
    font-size: .5rem
}

.color-primary-600[data-v-4b98e4cc] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-4b98e4cc] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-4b98e4cc] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-4b98e4cc] {
    color: var(--color-primary-900)
}

.bg-100[data-v-4b98e4cc] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-4b98e4cc] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-4b98e4cc] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-4b98e4cc] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-4b98e4cc] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-4b98e4cc] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-4b98e4cc] {
    background-color: var(--color-warning)
}

.bg-link[data-v-4b98e4cc] {
    background-color: var(--color-link)
}

.bg-danger[data-v-4b98e4cc] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-4b98e4cc] {
    color: var(--color-text-100)
}

.color-text-80[data-v-4b98e4cc] {
    color: var(--color-text-80)
}

.color-text-50[data-v-4b98e4cc] {
    color: var(--color-text-50)
}

.color-text-40[data-v-4b98e4cc] {
    color: var(--color-text-40)
}

.color-text-20[data-v-4b98e4cc] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-4b98e4cc] {
    color: var(--color-currency)
}

.color-warning[data-v-4b98e4cc] {
    color: var(--color-warning)
}

.color-danger[data-v-4b98e4cc] {
    color: var(--color-danger)
}

.color-link[data-v-4b98e4cc] {
    color: var(--color-link)
}

.color-line[data-v-4b98e4cc] {
    color: var(--color-line)
}

.color-border[data-v-4b98e4cc] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-4b98e4cc] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-4b98e4cc] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-4b98e4cc] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-4b98e4cc] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-4b98e4cc] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-4b98e4cc] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-4b98e4cc] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-4b98e4cc] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-4b98e4cc] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-4b98e4cc] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-4b98e4cc] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-4b98e4cc] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-4b98e4cc] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-4b98e4cc] {
    display: flex;
    align-items: center
}

.flex-start[data-v-4b98e4cc] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-4b98e4cc] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-4b98e4cc] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-4b98e4cc] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-4b98e4cc] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-4b98e4cc] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-4b98e4cc] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-4b98e4cc] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-4b98e4cc] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-4b98e4cc] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-4b98e4cc] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-4b98e4cc] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-4b98e4cc] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-4b98e4cc] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-4b98e4cc] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-4b98e4cc] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-4b98e4cc] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-4b98e4cc] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-4b98e4cc] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-4b98e4cc] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-4b98e4cc] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-4b98e4cc] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-4b98e4cc] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-4b98e4cc] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-4b98e4cc],
.mlm-selected-item[data-v-4b98e4cc] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-4b98e4cc] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-4b98e4cc]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-4b98e4cc] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-4b98e4cc] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-4b98e4cc] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-content.notification-content[data-v-4b98e4cc] {
    --padding-top: .75rem;
    --padding-bottom: .75rem;
    --padding-start: .75rem;
    --padding-end: .75rem;
    --background: var(--color-bg-300)
}

.content-top[data-v-4b98e4cc] {
    width: 100%;
    padding: 0 1rem;
    display: flex;
    align-items: center;
    justify-content: end;
    position: fixed;
    right: 0;
    z-index: 50
}

.read-img[data-v-4b98e4cc] {
    width: 1.125rem;
    height: 1.125rem;
    margin-right: .375rem
}

.mt-class[data-v-4b98e4cc] {
    margin-top: 1.5rem
}

[data-v-4b98e4cc] .announcement-content p img {
    margin-bottom: 1.25rem
}

ion-button.read-all-btn[data-v-4b98e4cc] {
    min-height: 0;
    min-width: 0;
    --background: var(--message-read-all-btn-bg);
    --color: var(--color-text-100);
    --border-radius: 1.8125rem;
    font-weight: 500;
    font-size: .75rem;
    --background-focused-opacity: 1;
    --background-hover-opacity: 1;
    --background-activated-opacity: 1;
    --background-focused: var(--msg-all-button-color-shade);
    --background-hover: var(--msg-all-button-color-tint);
    --background-activated: var(--msg-all-button-color-shade)
}

ion-button.read-all-btn[data-v-4b98e4cc]::part(native) {
    padding: .5rem .75rem
}

.message-content[data-v-4b98e4cc] {
    color: var(--my-card-detail-color)
}

.new-skin-symbol .small-text-white[data-v-4b98e4cc] {
    color: var(--ep-color-text-weaker);
    font-size: var(--ep-font-size-s);
    line-height: 1.125rem
}

.new-skin-symbol .middle-text-white[data-v-4b98e4cc] {
    font-size: var(--ep-font-size-m);
    color: var(--ep-color-text-default);
    line-height: 1.3125rem
}

.new-skin-symbol .font-weight-medium[data-v-4b98e4cc] {
    font-weight: var(--ep-font-weight-medium)
}

.new-skin-symbol ion-content.notification-content[data-v-4b98e4cc] {
    --padding-top: .75rem;
    --padding-bottom: .75rem;
    --padding-start: .75rem;
    --padding-end: .75rem;
    --background: var(--ep-color-background-fill-body-default)
}

.new-skin-symbol .announcement-msg[data-v-4b98e4cc] {
    font-size: var(--ep-font-size-xs);
    border-radius: var(--ep-border-radius-m);
    color: var(--ep-color-text-weak);
    background: var(--ep-color-background-fill-surface-raised-L1)
}

.new-skin-symbol ion-button.read-all-btn[data-v-4b98e4cc] {
    --border-radius: var(--ep-values-infinity);
    font-weight: var(--ep-font-weight-medium);
    font-size: var(--ep-font-size-s);
    --background: var(--ep-color-background-fill-surface-raised-L2);
    --color: var(--ep-color-text-default);
    --background-focused-opacity: .6;
    --background-hover-opacity: .8;
    --background-activated-opacity: .6;
    --background-focused: var(--ep-color-background-fill-surface-raised-L2);
    --background-hover: var(--ep-color-background-fill-surface-raised-L2);
    --background-activated: var(--ep-color-background-fill-surface-raised-L2)
}

.new-skin-symbol .message-content[data-v-4b98e4cc] {
    color: var(--ep-color-text-weak)
}

.new-skin-symbol ion-button.read-all-btn[data-v-4b98e4cc]::part(native) {
    border: 1px solid var(--ep-color-border-default)
}

.new-skin-symbol .announcement-title[data-v-4b98e4cc] {
    color: var(--ep-color-text-default)
}

.new-skin-symbol .announcement-msg[data-v-4b98e4cc] {
    position: relative;
    padding: .75rem;
    font-size: .625rem;
    line-height: .9375rem;
    color: var(--color-text-40);
    margin-bottom: .625rem;
    border-radius: .375rem;
    overflow: hidden;
    background: var(--ep-color-background-fill-surface-raised-L1, var(--color-bg-200))
}

.new-skin-symbol .announcement-msg[data-v-4b98e4cc]:before {
    content: "";
    position: absolute;
    top: -7.5rem;
    right: -1.75rem;
    width: 6.625rem;
    height: 6.625rem;
    background: var(--ep-color-background-fill-glow-secondary-opacity-40);
    filter: blur(2.484375rem)
}

.new-skin-symbol .msg-content[data-v-4b98e4cc] {
    margin-bottom: .75rem;
    z-index: 30;
    display: flex;
    align-items: center
}

.new-skin-symbol .msg-content .icon-msg-wrap[data-v-4b98e4cc] {
    width: 2.25rem;
    height: 2.25rem;
    min-width: 2.25rem;
    min-height: 2.25rem;
    border-radius: 1.125rem;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--color-bg-400));
    display: flex;
    align-items: center;
    justify-content: center
}

.new-skin-symbol .msg-content .msg-icon[data-v-4b98e4cc] {
    color: var(--ep-color-icon-default, var(--theme-color-800));
    width: 1.125rem;
    height: 1.125rem
}

.new-skin-symbol .read-icon[data-v-4b98e4cc] {
    color: var(--ep-color-icon-brand-primary)
}

.new-skin-symbol .item-top-tips[data-v-4b98e4cc] {
    margin-left: .75rem;
    width: 100%
}

.new-skin-symbol .item-top-tips .item-title[data-v-4b98e4cc] {
    color: var(--ep-color-text-weak)
}

.green-dark .announcement-msg[data-v-4b98e4cc] {
    position: relative;
    padding: .75rem;
    font-size: .625rem;
    line-height: .9375rem;
    color: var(--color-text-40);
    margin-bottom: .625rem;
    border-radius: .375rem;
    overflow: hidden;
    background: #22262e
}

.green-dark .announcement-msg[data-v-4b98e4cc]:before {
    content: "";
    position: absolute;
    top: -8.5rem;
    right: -3.75rem;
    width: 6.625rem;
    height: 6.625rem;
    background: #3e9b2f;
    filter: blur(6.08125rem)
}

.green-dark .msg-content[data-v-4b98e4cc] {
    margin-bottom: .75rem;
    z-index: 30;
    display: flex;
    align-items: center
}

.green-dark .msg-content .icon-msg-wrap[data-v-4b98e4cc] {
    width: 2.25rem;
    height: 2.25rem;
    min-width: 2.25rem;
    min-height: 2.25rem;
    border-radius: 1.125rem;
    background: #16191d;
    display: flex;
    align-items: center;
    justify-content: center
}

.green-dark .msg-content .msg-icon[data-v-4b98e4cc] {
    color: #3e9b2f;
    width: 1.125rem;
    height: 1.125rem
}

.green-dark .read-icon[data-v-4b98e4cc] {
    color: var(--ep-color-icon-brand-primary)
}

.green-dark .item-top-tips[data-v-4b98e4cc] {
    margin-left: .75rem;
    width: 100%
}

.green-dark .item-top-tips .item-title[data-v-4b98e4cc] {
    color: var(--ep-color-text-weak)
}

.yellow-dark .announcement-msg[data-v-4b98e4cc] {
    position: relative;
    padding: .75rem;
    font-size: .625rem;
    line-height: .9375rem;
    color: var(--color-text-40);
    margin-bottom: .625rem;
    border-radius: .375rem;
    overflow: hidden;
    background: #262624
}

.yellow-dark .announcement-msg[data-v-4b98e4cc]:before {
    content: "";
    position: absolute;
    top: -5rem;
    right: -1.75rem;
    width: 6.625rem;
    height: 6.625rem;
    background: rgba(155, 119, 47, .24);
    filter: blur(2.484375rem)
}

.yellow-dark .msg-content[data-v-4b98e4cc] {
    margin-bottom: .75rem;
    z-index: 30;
    display: flex;
    align-items: center
}

.yellow-dark .msg-content .icon-msg-wrap[data-v-4b98e4cc] {
    width: 2.25rem;
    height: 2.25rem;
    min-width: 2.25rem;
    min-height: 2.25rem;
    border-radius: 1.125rem;
    background: #2f2e2d;
    display: flex;
    align-items: center;
    justify-content: center
}

.yellow-dark .msg-content .msg-icon[data-v-4b98e4cc] {
    color: #feb805;
    width: 1.125rem;
    height: 1.125rem
}

.yellow-dark .read-icon[data-v-4b98e4cc] {
    color: #feb805
}

.yellow-dark .item-top-tips[data-v-4b98e4cc] {
    margin-left: .75rem;
    width: 100%
}

.yellow-dark .item-top-tips .item-title[data-v-4b98e4cc] {
    color: var(--ep-color-text-weak)
}

.purple-light .announcement-msg[data-v-4b98e4cc] {
    position: relative;
    padding: .75rem;
    font-size: .625rem;
    line-height: .9375rem;
    color: var(--color-text-40);
    margin-bottom: .625rem;
    border-radius: .375rem;
    overflow: hidden;
    background: #f4eeff
}

.purple-light .announcement-msg[data-v-4b98e4cc]:before {
    content: "";
    position: absolute;
    top: -5rem;
    right: -1.75rem;
    width: 6.625rem;
    height: 6.625rem;
    background: rgba(255, 135, 135, .4);
    filter: blur(4.96875rem)
}

.purple-light .msg-content[data-v-4b98e4cc] {
    margin-bottom: .75rem;
    z-index: 30;
    display: flex;
    align-items: center
}

.purple-light .msg-content .icon-msg-wrap[data-v-4b98e4cc] {
    width: 2.25rem;
    height: 2.25rem;
    min-width: 2.25rem;
    min-height: 2.25rem;
    border-radius: 1.125rem;
    background: #e0d0ff;
    display: flex;
    align-items: center;
    justify-content: center
}

.purple-light .msg-content .msg-icon[data-v-4b98e4cc] {
    color: #6526db;
    width: 1.125rem;
    height: 1.125rem
}

.purple-light .read-icon[data-v-4b98e4cc] {
    color: var(--ep-color-icon-brand-primary)
}

.purple-light .item-top-tips[data-v-4b98e4cc] {
    margin-left: .75rem;
    width: 100%
}

.purple-light .item-top-tips .item-title[data-v-4b98e4cc] {
    color: var(--ep-color-text-weak)
}

.color-primary-600[data-v-6c5e8c30] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-6c5e8c30] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-6c5e8c30] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-6c5e8c30] {
    color: var(--color-primary-900)
}

.bg-100[data-v-6c5e8c30] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-6c5e8c30] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-6c5e8c30] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-6c5e8c30] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-6c5e8c30] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-6c5e8c30] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-6c5e8c30] {
    background-color: var(--color-warning)
}

.bg-link[data-v-6c5e8c30] {
    background-color: var(--color-link)
}

.bg-danger[data-v-6c5e8c30] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-6c5e8c30] {
    color: var(--color-text-100)
}

.color-text-80[data-v-6c5e8c30] {
    color: var(--color-text-80)
}

.color-text-50[data-v-6c5e8c30] {
    color: var(--color-text-50)
}

.color-text-40[data-v-6c5e8c30] {
    color: var(--color-text-40)
}

.color-text-20[data-v-6c5e8c30] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-6c5e8c30] {
    color: var(--color-currency)
}

.color-warning[data-v-6c5e8c30] {
    color: var(--color-warning)
}

.color-danger[data-v-6c5e8c30] {
    color: var(--color-danger)
}

.color-link[data-v-6c5e8c30] {
    color: var(--color-link)
}

.color-line[data-v-6c5e8c30] {
    color: var(--color-line)
}

.color-border[data-v-6c5e8c30] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-6c5e8c30] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-6c5e8c30] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-6c5e8c30] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-6c5e8c30] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-6c5e8c30] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-6c5e8c30] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-6c5e8c30] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-6c5e8c30] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-6c5e8c30] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-6c5e8c30] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-6c5e8c30] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-6c5e8c30] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-6c5e8c30] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-6c5e8c30] {
    display: flex;
    align-items: center
}

.flex-start[data-v-6c5e8c30] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-6c5e8c30] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-6c5e8c30] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-6c5e8c30] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-6c5e8c30] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-6c5e8c30] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-6c5e8c30] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-6c5e8c30] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-6c5e8c30] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-6c5e8c30] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-6c5e8c30] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-6c5e8c30] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-6c5e8c30] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-6c5e8c30] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-6c5e8c30] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-6c5e8c30] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-6c5e8c30] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-6c5e8c30] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-6c5e8c30] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-6c5e8c30] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-6c5e8c30] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-6c5e8c30] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-6c5e8c30] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-6c5e8c30] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-6c5e8c30],
.mlm-selected-item[data-v-6c5e8c30] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-6c5e8c30] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-6c5e8c30]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-6c5e8c30] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-6c5e8c30] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-6c5e8c30] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.board[data-v-6c5e8c30] {
    height: 10.25rem;
    background: var(--1c1ad814) no-repeat;
    background-size: 100%, auto, contain
}

.online-service ion-button[data-v-6c5e8c30],
.service-item ion-button[data-v-6c5e8c30] {
    min-height: 0;
    --color: var(--service-btn-color);
    --background: var(--service-btn-bg);
    --border-radius: .25rem;
    font-weight: 700;
    box-shadow: none;
    --background-focused-opacity: 1;
    --background-hover-opacity: 1;
    --background-activated-opacity: 1;
    --background-focused: var(--message-button-bg-color-shade);
    --background-hover: var(--message-button-bg-color-tint);
    --background-activated: var(--message-button-bg-color-shade)
}

.online-service[data-v-6c5e8c30] {
    padding: .875rem 1rem 0
}

.online-service .online-info[data-v-6c5e8c30] {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
    color: var(--color-text-100)
}

.online-service .online-info .online-date[data-v-6c5e8c30] {
    color: var(--color-warning)
}

.online-service ion-button[data-v-6c5e8c30] {
    width: 14.25rem
}

.online-service ion-button[data-v-6c5e8c30]::part(native) {
    font-size: .75rem;
    height: 2rem
}

.service-item[data-v-6c5e8c30] {
    padding: .875rem .75rem;
    background: var(--service-item-bg);
    margin-bottom: .625rem;
    border-radius: .375rem
}

.service-item ion-button[data-v-6c5e8c30]::part(native) {
    font-size: .75rem;
    height: 1.875rem;
    box-shadow: none
}

ion-segment-button[data-v-6c5e8c30] {
    --color: #9BA7BE;
    --color-checked: #FFF;
    --indicator-color: linear-gradient(0deg, #0167CA -13.77%, #38A8FA 102.34%);
    text-transform: none
}

ion-segment[data-v-6c5e8c30] {
    border-bottom: 1px solid #1A233E
}

.skin-tips-color[data-v-6c5e8c30] {
    color: var(--my-card-detail-color)
}

.new-skin-symbol .small-text-white[data-v-6c5e8c30] {
    color: var(--ep-color-text-weaker);
    font-size: var(--ep-font-size-s);
    line-height: 1.125rem
}

.new-skin-symbol .middle-text-white[data-v-6c5e8c30] {
    font-size: var(--ep-font-size-m);
    color: var(--ep-color-text-default);
    line-height: 1.3125rem
}

.new-skin-symbol .font-weight-medium[data-v-6c5e8c30] {
    font-weight: var(--ep-font-weight-medium)
}

.new-skin-symbol .online-service ion-button[data-v-6c5e8c30],
.new-skin-symbol .service-item ion-button[data-v-6c5e8c30] {
    --border-radius: var(--ep-border-radius-s);
    font-weight: var(--ep-font-weight-bold);
    --color: var(--ep-color-text-brand-primary);
    --background: var(--ep-color-background-fill-surface-raised-L2);
    --background-focused: var(--ep-color-background-fill-surface-raised-L2);
    --background-hover: var(--ep-color-background-fill-surface-raised-L2);
    --background-activated: var(--ep-color-background-fill-surface-raised-L2)
}

.new-skin-symbol .online-service .online-info[data-v-6c5e8c30] {
    font-size: var(--ep-font-size-l);
    line-height: 1.5rem;
    font-weight: var(--ep-font-weight-medium);
    color: var(--ep-color-text-default)
}

.new-skin-symbol .online-service .online-info .online-date[data-v-6c5e8c30] {
    color: var(--ep-color-text-warning)
}

.new-skin-symbol .online-service ion-button[data-v-6c5e8c30]::part(native) {
    font-size: var(--ep-font-size-s)
}

.new-skin-symbol .service-item[data-v-6c5e8c30] {
    border-radius: var(--ep-border-radius-m);
    background: var(--ep-color-background-fill-surface-raised-L1)
}

.new-skin-symbol .service-item ion-button[data-v-6c5e8c30]::part(native) {
    font-size: var(--ep-font-size-s)
}

.new-skin-symbol .small-text-white[data-v-6c5e8c30] {
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol .skin-tips-color[data-v-6c5e8c30] {
    color: var(--ep-color-text-weak)
}

.color-primary-600[data-v-1aafafe8] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-1aafafe8] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-1aafafe8] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-1aafafe8] {
    color: var(--color-primary-900)
}

.bg-100[data-v-1aafafe8] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-1aafafe8] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-1aafafe8] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-1aafafe8] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-1aafafe8] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-1aafafe8] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-1aafafe8] {
    background-color: var(--color-warning)
}

.bg-link[data-v-1aafafe8] {
    background-color: var(--color-link)
}

.bg-danger[data-v-1aafafe8] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-1aafafe8] {
    color: var(--color-text-100)
}

.color-text-80[data-v-1aafafe8] {
    color: var(--color-text-80)
}

.color-text-50[data-v-1aafafe8] {
    color: var(--color-text-50)
}

.color-text-40[data-v-1aafafe8] {
    color: var(--color-text-40)
}

.color-text-20[data-v-1aafafe8] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-1aafafe8] {
    color: var(--color-currency)
}

.color-warning[data-v-1aafafe8] {
    color: var(--color-warning)
}

.color-danger[data-v-1aafafe8] {
    color: var(--color-danger)
}

.color-link[data-v-1aafafe8] {
    color: var(--color-link)
}

.color-line[data-v-1aafafe8] {
    color: var(--color-line)
}

.color-border[data-v-1aafafe8] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-1aafafe8] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-1aafafe8] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-1aafafe8] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-1aafafe8] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-1aafafe8] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-1aafafe8] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-1aafafe8] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-1aafafe8] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-1aafafe8] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-1aafafe8] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-1aafafe8] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-1aafafe8] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-1aafafe8] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-1aafafe8] {
    display: flex;
    align-items: center
}

.flex-start[data-v-1aafafe8] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-1aafafe8] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-1aafafe8] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-1aafafe8] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-1aafafe8] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-1aafafe8] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-1aafafe8] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-1aafafe8] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-1aafafe8] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-1aafafe8] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-1aafafe8] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-1aafafe8] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-1aafafe8] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-1aafafe8] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-1aafafe8] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-1aafafe8] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-1aafafe8] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-1aafafe8] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-1aafafe8] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-1aafafe8] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-1aafafe8] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-1aafafe8] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-1aafafe8] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-1aafafe8] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-1aafafe8],
.mlm-selected-item[data-v-1aafafe8] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-1aafafe8] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-1aafafe8]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-1aafafe8] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-1aafafe8] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-1aafafe8] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-content.notification-content[data-v-1aafafe8] {
    --padding-top: .75rem;
    --padding-bottom: .75rem;
    --padding-start: .75rem;
    --padding-end: .75rem;
    --background: var(--color-bg-300)
}

.content-top[data-v-1aafafe8] {
    width: 100%;
    padding: 0 1rem;
    display: flex;
    align-items: center;
    justify-content: end;
    position: fixed;
    right: 0;
    height: 1.125rem
}

.read-img[data-v-1aafafe8] {
    width: 1.125rem;
    height: 1.125rem;
    margin-right: .375rem
}

.mt-class[data-v-1aafafe8] {
    margin-top: 1.5rem
}

.item-top-tips[data-v-1aafafe8] {
    margin-left: .75rem;
    width: 100%
}

.notice-msg[data-v-1aafafe8] {
    padding: .75rem;
    font-size: .625rem;
    line-height: .9375rem;
    color: var(--color-text-40);
    background: var(--color-bg-200);
    margin-bottom: .625rem;
    border-radius: .375rem
}

ion-infinite-scroll-content[data-v-1aafafe8] {
    min-height: 10px;
    font-size: .75rem;
    color: var(--color-text-40)
}

ion-button.read-all-btn[data-v-1aafafe8] {
    min-height: 0;
    min-width: 0;
    --background: var(--message-read-all-btn-bg);
    --color: var(--color-text-100);
    --border-radius: 1.8125rem;
    font-weight: 500;
    font-size: .75rem;
    --background-focused-opacity: 1;
    --background-hover-opacity: 1;
    --background-activated-opacity: 1;
    --background-focused: var(--msg-all-button-color-shade);
    --background-hover: var(--msg-all-button-color-tint);
    --background-activated: var(--msg-all-button-color-shade)
}

ion-button.read-all-btn[data-v-1aafafe8]::part(native) {
    padding: .5rem .75rem
}

.message-content[data-v-1aafafe8] {
    color: var(--my-card-detail-color)
}

.line-clamp-2[data-v-1aafafe8] {
    word-break: break-all
}

.new-skin-symbol .small-text-white[data-v-1aafafe8] {
    color: var(--ep-color-text-weaker);
    font-size: var(--ep-font-size-s);
    line-height: 1.125rem
}

.new-skin-symbol .middle-text-white[data-v-1aafafe8] {
    font-size: var(--ep-font-size-m);
    color: var(--ep-color-text-default);
    line-height: 1.3125rem
}

.new-skin-symbol .font-weight-medium[data-v-1aafafe8] {
    font-weight: var(--ep-font-weight-medium)
}

.new-skin-symbol ion-content.notification-content[data-v-1aafafe8] {
    --padding-top: .75rem;
    --padding-bottom: .75rem;
    --padding-start: .75rem;
    --padding-end: .75rem;
    --background: var(--ep-color-background-fill-body-default)
}

.new-skin-symbol .notice-msg[data-v-1aafafe8] {
    font-size: var(--ep-font-size-xs);
    line-height: .9375rem;
    border-radius: var(--ep-border-radius-m);
    color: var(--ep-color-text-weaker);
    background: var(--ep-color-background-fill-surface-raised-L1)
}

.new-skin-symbol ion-button.read-all-btn[data-v-1aafafe8] {
    --border-radius: var(--ep-border-radius-infinity);
    font-weight: var(--ep-font-weight-medium);
    font-size: var(--ep-font-size-s);
    --background: var(--ep-color-background-fill-surface-raised-L2);
    --color: var(--ep-color-text-default);
    --background-focused-opacity: .6;
    --background-hover-opacity: .8;
    --background-activated-opacity: .6;
    --background-focused: var(--ep-color-background-fill-surface-raised-L2);
    --background-hover: var(--ep-color-background-fill-surface-raised-L2);
    --background-activated: var(--ep-color-background-fill-surface-raised-L2)
}

.new-skin-symbol ion-button.read-all-btn[data-v-1aafafe8]::part(native) {
    border: 1px solid var(--ep-color-border-default)
}

.new-skin-symbol .message-content[data-v-1aafafe8] {
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol .notice-title[data-v-1aafafe8] {
    color: var(--ep-color-text-default)
}

.new-skin-symbol ion-infinite-scroll-content[data-v-1aafafe8] {
    font-size: var(--ep-font-size-s)
}

.new-skin-symbol .msg-content .icon-msg-wrap[data-v-1aafafe8] {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 1.125rem;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--color-bg-400));
    display: flex;
    align-items: center;
    justify-content: center
}

.new-skin-symbol .msg-content .msg-icon[data-v-1aafafe8] {
    color: var(--ep-color-icon-tips, var(--theme-color-800));
    width: 1.125rem;
    height: 1.125rem
}

.new-skin-symbol .read-icon[data-v-1aafafe8] {
    color: var(--ep-color-icon-brand-primary)
}

.green-dark .msg-content .icon-msg-wrap[data-v-1aafafe8] {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 1.125rem;
    background: #16191d;
    display: flex;
    align-items: center;
    justify-content: center
}

.green-dark .msg-content .msg-icon[data-v-1aafafe8] {
    color: #3e9b2f;
    width: 1.125rem;
    height: 1.125rem
}

.green-dark .read-icon[data-v-1aafafe8] {
    color: var(--ep-color-icon-brand-primary)
}

.yellow-dark .msg-content .icon-msg-wrap[data-v-1aafafe8] {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 1.125rem;
    background: #2f2e2d;
    display: flex;
    align-items: center;
    justify-content: center
}

.yellow-dark .msg-content .msg-icon[data-v-1aafafe8] {
    color: #feb805;
    width: 1.125rem;
    height: 1.125rem
}

.yellow-dark .read-icon[data-v-1aafafe8] {
    color: #feb805
}

.purple-light .msg-content .icon-msg-wrap[data-v-1aafafe8] {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 1.125rem;
    background: #e0d0ff;
    display: flex;
    align-items: center;
    justify-content: center
}

.purple-light .msg-content .msg-icon[data-v-1aafafe8] {
    color: #6526db;
    width: 1.125rem;
    height: 1.125rem
}

.purple-light .read-icon[data-v-1aafafe8] {
    color: var(--ep-color-icon-brand-primary)
}

.color-primary-600[data-v-3b9f603f] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-3b9f603f] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-3b9f603f] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-3b9f603f] {
    color: var(--color-primary-900)
}

.bg-100[data-v-3b9f603f] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-3b9f603f] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-3b9f603f] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-3b9f603f] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-3b9f603f] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-3b9f603f] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-3b9f603f] {
    background-color: var(--color-warning)
}

.bg-link[data-v-3b9f603f] {
    background-color: var(--color-link)
}

.bg-danger[data-v-3b9f603f] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-3b9f603f] {
    color: var(--color-text-100)
}

.color-text-80[data-v-3b9f603f] {
    color: var(--color-text-80)
}

.color-text-50[data-v-3b9f603f] {
    color: var(--color-text-50)
}

.color-text-40[data-v-3b9f603f] {
    color: var(--color-text-40)
}

.color-text-20[data-v-3b9f603f] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-3b9f603f] {
    color: var(--color-currency)
}

.color-warning[data-v-3b9f603f] {
    color: var(--color-warning)
}

.color-danger[data-v-3b9f603f] {
    color: var(--color-danger)
}

.color-link[data-v-3b9f603f] {
    color: var(--color-link)
}

.color-line[data-v-3b9f603f] {
    color: var(--color-line)
}

.color-border[data-v-3b9f603f] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-3b9f603f] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-3b9f603f] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-3b9f603f] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-3b9f603f] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-3b9f603f] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-3b9f603f] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-3b9f603f] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-3b9f603f] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-3b9f603f] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-3b9f603f] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-3b9f603f] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-3b9f603f] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-3b9f603f] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-3b9f603f] {
    display: flex;
    align-items: center
}

.flex-start[data-v-3b9f603f] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-3b9f603f] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-3b9f603f] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-3b9f603f] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-3b9f603f] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-3b9f603f] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-3b9f603f] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-3b9f603f] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-3b9f603f] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-3b9f603f] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-3b9f603f] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-3b9f603f] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-3b9f603f] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-3b9f603f] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-3b9f603f] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-3b9f603f] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-3b9f603f] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-3b9f603f] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-3b9f603f] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-3b9f603f] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-3b9f603f] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-3b9f603f] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-3b9f603f] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-3b9f603f] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-3b9f603f],
.mlm-selected-item[data-v-3b9f603f] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-3b9f603f] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-3b9f603f]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-3b9f603f] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-3b9f603f] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-3b9f603f] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.tab-box[data-v-3b9f603f] {
    background: var(--color-bg-400);
    border-bottom: 1px solid var(--line-color)
}

ion-button.base-style[data-v-3b9f603f] {
    --color: var(--my-card-detail-color);
    font-size: .875rem
}

ion-button.select-style[data-v-3b9f603f] {
    font-weight: 700;
    --color: var(--color-primary-800)
}

ion-segment.md[data-v-3b9f603f] {
    display: flex;
    justify-content: left
}

ion-segment-button.md[data-v-3b9f603f]::part(indicator) {
    margin-left: auto;
    margin-right: auto
}

ion-segment-button.md[data-v-3b9f603f]::part(indicator-background) {
    background: var(--color-primary-800);
    height: 1px
}

ion-segment-button.md ion-button[data-v-3b9f603f] {
    text-transform: none;
    height: 2.625rem;
    margin: 0;
    --padding-top: 0px;
    --padding-bottom: 5px;
    --padding-start: 0;
    --padding-end: 0;
    min-width: 0
}

.red-point[data-v-3b9f603f] {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .75rem;
    color: var(--text-color-white-100);
    background: var(--color-danger);
    margin-left: .25rem
}

ion-content[data-v-3b9f603f] {
    --background: var(--color-bg-300)
}

.new-skin-symbol .tab-box[data-v-3b9f603f] {
    background: var(--ep-color-background-fill-surface-lowered);
    border-bottom: 1px solid var(--ep-color-border-default)
}

.new-skin-symbol ion-button.base-style[data-v-3b9f603f] {
    font-size: var(--ep-font-size-m);
    --color: var(--ep-color-text-weaker)
}

.new-skin-symbol ion-button.select-style[data-v-3b9f603f] {
    font-weight: var(--ep-font-weight-bold);
    --color: var(--ep-color-text-selected)
}

.new-skin-symbol ion-segment-button.md[data-v-3b9f603f]::part(indicator-background) {
    background: var(--ep-color-border-selected)
}

.new-skin-symbol .red-point[data-v-3b9f603f] {
    font-size: var(--ep-font-size-s);
    color: var(--ep-color-text-highlight-white);
    background: var(--ep-color-icon-tips)
}

.new-skin-symbol ion-content[data-v-3b9f603f] {
    --background: var(--ep-color-background-fill-body-default)
}

.new-skin-symbol ion-toolbar[data-v-3b9f603f] {
    --background: var(--ep-color-background-fill-top-nav-secondary)
}

.new-skin-symbol ion-title[data-v-3b9f603f] {
    color: var(--ep-color-text-default);
    font-size: var(--ep-font-size-l);
    font-weight: var(--ep-font-weight-medium)
}

.color-primary-600[data-v-3d7b65d8] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-3d7b65d8] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-3d7b65d8] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-3d7b65d8] {
    color: var(--color-primary-900)
}

.bg-100[data-v-3d7b65d8] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-3d7b65d8] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-3d7b65d8] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-3d7b65d8] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-3d7b65d8] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-3d7b65d8] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-3d7b65d8] {
    background-color: var(--color-warning)
}

.bg-link[data-v-3d7b65d8] {
    background-color: var(--color-link)
}

.bg-danger[data-v-3d7b65d8] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-3d7b65d8] {
    color: var(--color-text-100)
}

.color-text-80[data-v-3d7b65d8] {
    color: var(--color-text-80)
}

.color-text-50[data-v-3d7b65d8] {
    color: var(--color-text-50)
}

.color-text-40[data-v-3d7b65d8] {
    color: var(--color-text-40)
}

.color-text-20[data-v-3d7b65d8] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-3d7b65d8] {
    color: var(--color-currency)
}

.color-warning[data-v-3d7b65d8] {
    color: var(--color-warning)
}

.color-danger[data-v-3d7b65d8] {
    color: var(--color-danger)
}

.color-link[data-v-3d7b65d8] {
    color: var(--color-link)
}

.color-line[data-v-3d7b65d8] {
    color: var(--color-line)
}

.color-border[data-v-3d7b65d8] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-3d7b65d8] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-3d7b65d8] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-3d7b65d8] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-3d7b65d8] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-3d7b65d8] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-3d7b65d8] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-3d7b65d8] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-3d7b65d8] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-3d7b65d8] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-3d7b65d8] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-3d7b65d8] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-3d7b65d8] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-3d7b65d8] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-3d7b65d8] {
    display: flex;
    align-items: center
}

.flex-start[data-v-3d7b65d8] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-3d7b65d8] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-3d7b65d8] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-3d7b65d8] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-3d7b65d8] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-3d7b65d8] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-3d7b65d8] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-3d7b65d8] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-3d7b65d8] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-3d7b65d8] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-3d7b65d8] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-3d7b65d8] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-3d7b65d8] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-3d7b65d8] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-3d7b65d8] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-3d7b65d8] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-3d7b65d8] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-3d7b65d8] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-3d7b65d8] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-3d7b65d8] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-3d7b65d8] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-3d7b65d8] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-3d7b65d8] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-3d7b65d8] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-3d7b65d8],
.mlm-selected-item[data-v-3d7b65d8] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-3d7b65d8] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-3d7b65d8]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-3d7b65d8] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-3d7b65d8] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-3d7b65d8] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.security-verify-password[data-v-3d7b65d8] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem;
    font-weight: var(--font-weight-medium)
}

.security-verify-tips[data-v-3d7b65d8] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.new-skin-symbol ion-content.common-ion-content[data-v-3d7b65d8] {
    --background: var(--ep-color-background-fill-body-default)
}

.new-skin-symbol .security-verify-password[data-v-3d7b65d8] {
    font-size: var(--ep-font-size-m);
    color: var(--ep-color-text-default);
    line-height: 1.3125rem;
    font-weight: var(--ep-font-weight-medium)
}

.new-skin-symbol .security-verify-tips[data-v-3d7b65d8] {
    color: var(--ep-color-text-weaker);
    font-size: var(--ep-font-size-xs);
    line-height: .9375rem
}

.color-primary-600[data-v-c02336dc] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-c02336dc] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-c02336dc] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-c02336dc] {
    color: var(--color-primary-900)
}

.bg-100[data-v-c02336dc] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-c02336dc] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-c02336dc] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-c02336dc] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-c02336dc] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-c02336dc] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-c02336dc] {
    background-color: var(--color-warning)
}

.bg-link[data-v-c02336dc] {
    background-color: var(--color-link)
}

.bg-danger[data-v-c02336dc] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-c02336dc] {
    color: var(--color-text-100)
}

.color-text-80[data-v-c02336dc] {
    color: var(--color-text-80)
}

.color-text-50[data-v-c02336dc] {
    color: var(--color-text-50)
}

.color-text-40[data-v-c02336dc] {
    color: var(--color-text-40)
}

.color-text-20[data-v-c02336dc] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-c02336dc] {
    color: var(--color-currency)
}

.color-warning[data-v-c02336dc] {
    color: var(--color-warning)
}

.color-danger[data-v-c02336dc] {
    color: var(--color-danger)
}

.color-link[data-v-c02336dc] {
    color: var(--color-link)
}

.color-line[data-v-c02336dc] {
    color: var(--color-line)
}

.color-border[data-v-c02336dc] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-c02336dc] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-c02336dc] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-c02336dc] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-c02336dc] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-c02336dc] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-c02336dc] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-c02336dc] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-c02336dc] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-c02336dc] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-c02336dc] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-c02336dc] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-c02336dc] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-c02336dc] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-c02336dc] {
    display: flex;
    align-items: center
}

.flex-start[data-v-c02336dc] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-c02336dc] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-c02336dc] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-c02336dc] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-c02336dc] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-c02336dc] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-c02336dc] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-c02336dc] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-c02336dc] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-c02336dc] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-c02336dc] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-c02336dc] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-c02336dc] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-c02336dc] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-c02336dc] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-c02336dc] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-c02336dc] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-c02336dc] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-c02336dc] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-c02336dc] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-c02336dc] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-c02336dc] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-c02336dc] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-c02336dc] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-c02336dc],
.mlm-selected-item[data-v-c02336dc] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-c02336dc] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-c02336dc]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-c02336dc] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-c02336dc] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-c02336dc] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-content.first-content[data-v-c02336dc] {
    width: 24.375rem;
    box-sizing: border-box;
    --padding-top: 12px;
    --padding-start: 12px;
    --padding-end: 12px;
    --background: var(--color-bg-300)
}

.record-item[data-v-c02336dc] {
    height: 2.8125rem;
    width: 100%;
    color: var(--color-text-80);
    font-size: var(--font-size-12);
    font-weight: var(--font-weight-regular)
}

.record-item .link[data-v-c02336dc] {
    color: var(--color-link)
}

.record-wrap[data-v-c02336dc]>:not(:last-child) {
    border-bottom: 1px solid var(--color-border)
}

.new-skin-symbol ion-content.first-content[data-v-c02336dc] {
    --background: var(--ep-color-background-fill-body-default)
}

.new-skin-symbol .record-wrap[data-v-c02336dc]>:not(:last-child) {
    border-bottom: .0625rem solid var(--ep-color-border-default)
}

.new-skin-symbol .record-wrap[data-v-c02336dc] {
    background: var(--ep-color-background-fill-surface-raised-L1);
    border-radius: var(--ep-border-radius-m)
}

.new-skin-symbol .record-wrap .record-item[data-v-c02336dc] {
    font-size: var(--ep-font-size-s);
    font-weight: var(--ep-font-weight-regular)
}

.new-skin-symbol .record-wrap .record-item span[data-v-c02336dc]:nth-child(1) {
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol .record-wrap .record-item span[data-v-c02336dc]:nth-child(2) {
    color: var(--ep-color-text-default)
}

.new-skin-symbol .record-wrap span.completed[data-v-c02336dc] {
    color: var(--ep-color-text-success) !important
}

.new-skin-symbol .record-wrap span.notStarted[data-v-c02336dc] {
    color: var(--ep-color-text-danger) !important
}

.new-skin-symbol .record-wrap span.ongoing[data-v-c02336dc] {
    color: var(--ep-color-text-warning) !important
}

.new-skin-symbol .record-wrap .record-item .link[data-v-c02336dc] {
    color: var(--ep-color-text-info) !important
}

.color-primary-600[data-v-f25a80ca] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-f25a80ca] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-f25a80ca] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-f25a80ca] {
    color: var(--color-primary-900)
}

.bg-100[data-v-f25a80ca] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-f25a80ca] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-f25a80ca] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-f25a80ca] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-f25a80ca] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-f25a80ca] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-f25a80ca] {
    background-color: var(--color-warning)
}

.bg-link[data-v-f25a80ca] {
    background-color: var(--color-link)
}

.bg-danger[data-v-f25a80ca] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-f25a80ca] {
    color: var(--color-text-100)
}

.color-text-80[data-v-f25a80ca] {
    color: var(--color-text-80)
}

.color-text-50[data-v-f25a80ca] {
    color: var(--color-text-50)
}

.color-text-40[data-v-f25a80ca] {
    color: var(--color-text-40)
}

.color-text-20[data-v-f25a80ca] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-f25a80ca] {
    color: var(--color-currency)
}

.color-warning[data-v-f25a80ca] {
    color: var(--color-warning)
}

.color-danger[data-v-f25a80ca] {
    color: var(--color-danger)
}

.color-link[data-v-f25a80ca] {
    color: var(--color-link)
}

.color-line[data-v-f25a80ca] {
    color: var(--color-line)
}

.color-border[data-v-f25a80ca] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-f25a80ca] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-f25a80ca] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-f25a80ca] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-f25a80ca] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-f25a80ca] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-f25a80ca] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-f25a80ca] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-f25a80ca] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-f25a80ca] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-f25a80ca] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-f25a80ca] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-f25a80ca] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-f25a80ca] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-f25a80ca] {
    display: flex;
    align-items: center
}

.flex-start[data-v-f25a80ca] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-f25a80ca] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-f25a80ca] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-f25a80ca] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-f25a80ca] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-f25a80ca] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-f25a80ca] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-f25a80ca] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-f25a80ca] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-f25a80ca] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-f25a80ca] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-f25a80ca] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-f25a80ca] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-f25a80ca] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-f25a80ca] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-f25a80ca] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-f25a80ca] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-f25a80ca] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-f25a80ca] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-f25a80ca] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-f25a80ca] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-f25a80ca] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-f25a80ca] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-f25a80ca] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-f25a80ca],
.mlm-selected-item[data-v-f25a80ca] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-f25a80ca] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-f25a80ca]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-f25a80ca] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-f25a80ca] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-f25a80ca] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.top-header[data-v-f25a80ca] {
    --background: var(--color-bg-200)
}

ion-toolbar.toolbar-search[data-v-f25a80ca] {
    --background: var(--color-bg-300)
}

ion-toolbar.toolbar-search ion-segment[data-v-f25a80ca] {
    margin-left: .625rem;
    margin-right: .625rem;
    margin-top: .9375rem;
    --width: 24.375rem
}

ion-toolbar.toolbar-search ion-segment-button[data-v-f25a80ca] {
    margin-right: .375rem
}

ion-toolbar.toolbar-search ion-segment-button.ios[data-v-f25a80ca] {
    border-radius: var(--rounded-small);
    --color: var(--color-text-40);
    --color-checked: var(--color-text-100);
    --background: var(--color-bg-200);
    --indicator-color: var(--color-bg-100)
}

ion-toolbar.toolbar-search .segment-button-checked ion-label[data-v-f25a80ca] {
    color: var(--color-text-100)
}

ion-segment-button.ios ion-img[data-v-f25a80ca] {
    filter: grayscale(1);
    opacity: .4
}

ion-segment-button.segment-button-checked.ios[data-v-f25a80ca] {
    color: var(--color-text-100)
}

ion-segment-button.segment-button-checked.ios ion-img[data-v-f25a80ca] {
    filter: none;
    opacity: 1
}

.line[data-v-f25a80ca] {
    border-bottom: 2px solid var(--color-border)
}

ion-content.side[data-v-f25a80ca] {
    --padding-start: .625rem;
    --padding-end: .625rem;
    --padding-top: 0;
    --padding-bottom: 2.625rem;
    min-width: 0;
    max-width: 5.3125rem
}

ion-content div ion-segment[data-v-f25a80ca] {
    --background: transparent
}

ion-content div .side ion-segment-button.ios[data-v-f25a80ca] {
    --border-radius: var(--rounded-small);
    --background: transparent;
    --color: var(--color-text-40);
    --indicator-color: var(--color-bg-100);
    --padding-start: 0;
    --padding-end: 0;
    --padding-top: .25rem;
    --padding-bottom: .25rem;
    --background: var(--color-bg-200);
    text-transform: capitalize;
    min-width: 0;
    min-height: 3.5rem;
    margin-bottom: 10px;
    margin-top: 0
}

ion-content div .side ion-segment-button.ios ion-icon[data-v-f25a80ca] {
    filter: grayscale(1);
    opacity: .4
}

ion-content div .side ion-segment-button.ios ion-icon.active[data-v-f25a80ca] {
    filter: grayscale(0);
    opacity: 1;
    color: var(--ep-color-icon-selected, var(--color-icon-platform-active))
}

.side ion-segment-button.segment-button-checked.ios[data-v-f25a80ca] {
    border: none;
    font-weight: var(--font-weight-bold);
    --background: var(--color-bg-200)
}

.side ion-segment-button.ios[data-v-f25a80ca]::part(indicator-background) {
    border: none
}

.side ion-segment-button.ios[data-v-f25a80ca]::part(indicator) {
    padding-inline: 0
}

.side ion-segment-button.ios ion-label[data-v-f25a80ca] {
    text-transform: none
}

ion-content#main[data-v-f25a80ca] {
    --padding-top: 2px
}

ion-list[data-v-f25a80ca] {
    background: transparent;
    padding-top: 0;
    padding-bottom: 0
}

ion-grid[data-v-f25a80ca] {
    padding-bottom: 0
}

.grid-card[data-v-f25a80ca] {
    aspect-ratio: .76;
    width: 100%;
    background-size: 100% 100% !important
}

ion-infinite-scroll[data-v-f25a80ca] {
    min-height: 70px
}

ion-infinite-scroll-content[data-v-f25a80ca] {
    min-height: 10px
}

ion-grid[data-v-f25a80ca] {
    padding-top: 0
}

.scheme-light .top-header[data-v-f25a80ca] {
    --background: var(--theme-color-800)
}

.scheme-light ion-toolbar.toolbar-search ion-segment-button.ios[data-v-f25a80ca] {
    --color: var(--color-text-80)
}

.scheme-light .segment-button-checked ion-label[data-v-f25a80ca] {
    color: var(--ep-color-text-default, var(--color-text-100))
}

ion-content.scheme-light .side ion-segment-button.ios[data-v-f25a80ca] {
    --color: var(--color-text-80)
}

.new-skin-symbol .top-header[data-v-f25a80ca] {
    --background: var(--ep-color-background-fill-top-nav-secondary);
    color: var(--ep-color-text-default)
}

.new-skin-symbol .top-header ion-title[data-v-f25a80ca] {
    font-weight: var(--ep-font-weight-medium)
}

.new-skin-symbol ion-toolbar.toolbar-search[data-v-f25a80ca] {
    --background: var(--ep-color-background-fill-body-default);
    color: var(--ep-color-text-default)
}

.new-skin-symbol ion-toolbar.toolbar-search ion-segment-button.ios[data-v-f25a80ca] {
    --color: var(--ep-color-text-weaker);
    --color-checked: var(--ep-color-text-default);
    --background: var(--ep-color-background-fill-surface-raised-L1);
    --indicator-color: var(--ep-color-background-fill-surface-raised-L2);
    font-size: var(--ep-font-size-m);
    font-weight: var(--ep-font-weight-bold);
    --border-radius: var(--ep-border-radius-m)
}

.new-skin-symbol ion-toolbar.toolbar-search .segment-button-checked ion-label[data-v-f25a80ca] {
    color: var(--ep-color-text-default)
}

.new-skin-symbol .line[data-v-f25a80ca] {
    border-bottom: .0625rem solid var(--ep-color-border-default)
}

.new-skin-symbol ion-content div .side ion-segment-button.ios[data-v-f25a80ca] {
    --background: var(--ep-color-background-fill-surface-raised-L1);
    --color: var(--ep-color-text-weaker) !important;
    --color-checked: red !important;
    --indicator-color: var(--ep-color-background-fill-surface-raised-L2);
    font-size: var(--ep-font-size-m);
    font-weight: var(--ep-font-weight-bold);
    --border-radius: var(--ep-border-radius-m)
}

.aspect-ratio-card[data-v-f25a80ca] {
    width: 100%;
    height: 5.9013rem;
    aspect-ratio: 1 / .32786;
    margin: 0 auto;
    border-radius: var(--ep-border-radius-surface-default, .875rem);
    overflow: hidden
}

.color-primary-600[data-v-1998efeb] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-1998efeb] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-1998efeb] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-1998efeb] {
    color: var(--color-primary-900)
}

.bg-100[data-v-1998efeb] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-1998efeb] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-1998efeb] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-1998efeb] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-1998efeb] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-1998efeb] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-1998efeb] {
    background-color: var(--color-warning)
}

.bg-link[data-v-1998efeb] {
    background-color: var(--color-link)
}

.bg-danger[data-v-1998efeb] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-1998efeb] {
    color: var(--color-text-100)
}

.color-text-80[data-v-1998efeb] {
    color: var(--color-text-80)
}

.color-text-50[data-v-1998efeb] {
    color: var(--color-text-50)
}

.color-text-40[data-v-1998efeb] {
    color: var(--color-text-40)
}

.color-text-20[data-v-1998efeb] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-1998efeb] {
    color: var(--color-currency)
}

.color-warning[data-v-1998efeb] {
    color: var(--color-warning)
}

.color-danger[data-v-1998efeb] {
    color: var(--color-danger)
}

.color-link[data-v-1998efeb] {
    color: var(--color-link)
}

.color-line[data-v-1998efeb] {
    color: var(--color-line)
}

.color-border[data-v-1998efeb] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-1998efeb] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-1998efeb] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-1998efeb] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-1998efeb] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-1998efeb] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-1998efeb] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-1998efeb] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-1998efeb] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-1998efeb] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-1998efeb] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-1998efeb] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-1998efeb] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-1998efeb] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-1998efeb] {
    display: flex;
    align-items: center
}

.flex-start[data-v-1998efeb] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-1998efeb] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-1998efeb] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-1998efeb] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-1998efeb] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-1998efeb] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-1998efeb] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-1998efeb] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-1998efeb] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-1998efeb] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-1998efeb] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-1998efeb] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-1998efeb] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-1998efeb] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-1998efeb] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-1998efeb] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-1998efeb] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-1998efeb] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-1998efeb] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-1998efeb] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-1998efeb] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-1998efeb] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-1998efeb] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-1998efeb] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-1998efeb],
.mlm-selected-item[data-v-1998efeb] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-1998efeb] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-1998efeb]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-1998efeb] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-1998efeb] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-1998efeb] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-content.first-content[data-v-1998efeb] {
    width: 24.375rem;
    box-sizing: border-box;
    --padding-top: 12px;
    --padding-start: 12px;
    --padding-end: 12px;
    --background: var(--color-bg-300)
}

ion-infinite-scroll-content[data-v-1998efeb] {
    min-height: 10px
}

ion-content#iframe[data-v-1998efeb] {
    --background: #FFF
}

.color-primary-600[data-v-95a59e87] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-95a59e87] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-95a59e87] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-95a59e87] {
    color: var(--color-primary-900)
}

.bg-100[data-v-95a59e87] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-95a59e87] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-95a59e87] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-95a59e87] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-95a59e87] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-95a59e87] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-95a59e87] {
    background-color: var(--color-warning)
}

.bg-link[data-v-95a59e87] {
    background-color: var(--color-link)
}

.bg-danger[data-v-95a59e87] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-95a59e87] {
    color: var(--color-text-100)
}

.color-text-80[data-v-95a59e87] {
    color: var(--color-text-80)
}

.color-text-50[data-v-95a59e87] {
    color: var(--color-text-50)
}

.color-text-40[data-v-95a59e87] {
    color: var(--color-text-40)
}

.color-text-20[data-v-95a59e87] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-95a59e87] {
    color: var(--color-currency)
}

.color-warning[data-v-95a59e87] {
    color: var(--color-warning)
}

.color-danger[data-v-95a59e87] {
    color: var(--color-danger)
}

.color-link[data-v-95a59e87] {
    color: var(--color-link)
}

.color-line[data-v-95a59e87] {
    color: var(--color-line)
}

.color-border[data-v-95a59e87] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-95a59e87] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-95a59e87] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-95a59e87] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-95a59e87] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-95a59e87] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-95a59e87] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-95a59e87] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-95a59e87] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-95a59e87] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-95a59e87] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-95a59e87] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-95a59e87] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-95a59e87] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-95a59e87] {
    display: flex;
    align-items: center
}

.flex-start[data-v-95a59e87] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-95a59e87] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-95a59e87] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-95a59e87] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-95a59e87] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-95a59e87] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-95a59e87] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-95a59e87] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-95a59e87] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-95a59e87] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-95a59e87] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-95a59e87] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-95a59e87] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-95a59e87] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-95a59e87] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-95a59e87] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-95a59e87] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-95a59e87] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-95a59e87] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-95a59e87] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-95a59e87] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-95a59e87] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-95a59e87] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-95a59e87] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-95a59e87],
.mlm-selected-item[data-v-95a59e87] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-95a59e87] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-95a59e87]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-95a59e87] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-95a59e87] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-95a59e87] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-content[data-v-95a59e87] {
    --padding-top: 1rem;
    --padding-bottom: 1rem;
    --padding-start: 1rem;
    --padding-end: 1rem
}

.content[data-v-95a59e87] {
    color: var(--ep-color-text-default, var(--color-custom-text));
    margin-bottom: .75rem
}

.btn-warpper[data-v-95a59e87] {
    display: flex;
    align-items: center;
    justify-content: center
}

.apply[data-v-95a59e87] {
    width: 17.5rem;
    height: 2.5rem;
    font-size: var(--ep-font-size-m, .875rem);
    line-height: 1.25rem
}

[data-v-95a59e87] table {
    border-collapse: collapse;
    width: 100%
}

[data-v-95a59e87] table,
[data-v-95a59e87] th,
[data-v-95a59e87] td {
    border: 1px solid var(--ep-color-border-default, var(--line-color))
}

[data-v-95a59e87] th,
[data-v-95a59e87] td {
    text-align: left
}

.color-primary-600[data-v-9bb8154f] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-9bb8154f] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-9bb8154f] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-9bb8154f] {
    color: var(--color-primary-900)
}

.bg-100[data-v-9bb8154f] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-9bb8154f] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-9bb8154f] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-9bb8154f] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-9bb8154f] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-9bb8154f] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-9bb8154f] {
    background-color: var(--color-warning)
}

.bg-link[data-v-9bb8154f] {
    background-color: var(--color-link)
}

.bg-danger[data-v-9bb8154f] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-9bb8154f] {
    color: var(--color-text-100)
}

.color-text-80[data-v-9bb8154f] {
    color: var(--color-text-80)
}

.color-text-50[data-v-9bb8154f] {
    color: var(--color-text-50)
}

.color-text-40[data-v-9bb8154f] {
    color: var(--color-text-40)
}

.color-text-20[data-v-9bb8154f] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-9bb8154f] {
    color: var(--color-currency)
}

.color-warning[data-v-9bb8154f] {
    color: var(--color-warning)
}

.color-danger[data-v-9bb8154f] {
    color: var(--color-danger)
}

.color-link[data-v-9bb8154f] {
    color: var(--color-link)
}

.color-line[data-v-9bb8154f] {
    color: var(--color-line)
}

.color-border[data-v-9bb8154f] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-9bb8154f] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-9bb8154f] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-9bb8154f] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-9bb8154f] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-9bb8154f] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-9bb8154f] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-9bb8154f] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-9bb8154f] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-9bb8154f] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-9bb8154f] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-9bb8154f] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-9bb8154f] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-9bb8154f] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-9bb8154f] {
    display: flex;
    align-items: center
}

.flex-start[data-v-9bb8154f] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-9bb8154f] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-9bb8154f] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-9bb8154f] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-9bb8154f] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-9bb8154f] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-9bb8154f] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-9bb8154f] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-9bb8154f] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-9bb8154f] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-9bb8154f] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-9bb8154f] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-9bb8154f] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-9bb8154f] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-9bb8154f] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-9bb8154f] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-9bb8154f] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-9bb8154f] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-9bb8154f] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-9bb8154f] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-9bb8154f] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-9bb8154f] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-9bb8154f] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-9bb8154f] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-9bb8154f],
.mlm-selected-item[data-v-9bb8154f] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-9bb8154f] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-9bb8154f]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-9bb8154f] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-9bb8154f] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-9bb8154f] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-content.common-ion-content[data-v-9bb8154f] {
    --background: var(--color-bg-300)
}

.security-update-password-tips[data-v-9bb8154f],
.security-bind-asset-tips[data-v-9bb8154f] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem;
    font-weight: var(--font-weight-medium)
}

.new-skin-symbol ion-content.common-ion-content[data-v-9bb8154f] {
    --background: var(--ep-color-background-fill-body-default)
}

.new-skin-symbol .security-update-password-tips[data-v-9bb8154f],
.new-skin-symbol .security-bind-asset-tips[data-v-9bb8154f] {
    font-size: var(--ep-font-size-m);
    color: var(--ep-color-text-default);
    line-height: 1.3125rem;
    font-weight: var(--ep-font-weight-medium)
}

.color-primary-600[data-v-668de82e] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-668de82e] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-668de82e] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-668de82e] {
    color: var(--color-primary-900)
}

.bg-100[data-v-668de82e] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-668de82e] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-668de82e] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-668de82e] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-668de82e] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-668de82e] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-668de82e] {
    background-color: var(--color-warning)
}

.bg-link[data-v-668de82e] {
    background-color: var(--color-link)
}

.bg-danger[data-v-668de82e] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-668de82e] {
    color: var(--color-text-100)
}

.color-text-80[data-v-668de82e] {
    color: var(--color-text-80)
}

.color-text-50[data-v-668de82e] {
    color: var(--color-text-50)
}

.color-text-40[data-v-668de82e] {
    color: var(--color-text-40)
}

.color-text-20[data-v-668de82e] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-668de82e] {
    color: var(--color-currency)
}

.color-warning[data-v-668de82e] {
    color: var(--color-warning)
}

.color-danger[data-v-668de82e] {
    color: var(--color-danger)
}

.color-link[data-v-668de82e] {
    color: var(--color-link)
}

.color-line[data-v-668de82e] {
    color: var(--color-line)
}

.color-border[data-v-668de82e] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-668de82e] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-668de82e] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-668de82e] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-668de82e] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-668de82e] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-668de82e] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-668de82e] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-668de82e] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-668de82e] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-668de82e] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-668de82e] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-668de82e] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-668de82e] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-668de82e] {
    display: flex;
    align-items: center
}

.flex-start[data-v-668de82e] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-668de82e] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-668de82e] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-668de82e] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-668de82e] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-668de82e] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-668de82e] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-668de82e] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-668de82e] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-668de82e] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-668de82e] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-668de82e] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-668de82e] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-668de82e] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-668de82e] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-668de82e] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-668de82e] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-668de82e] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-668de82e] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-668de82e] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-668de82e] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-668de82e] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-668de82e] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-668de82e] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-668de82e],
.mlm-selected-item[data-v-668de82e] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-668de82e] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-668de82e]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-668de82e] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-668de82e] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-668de82e] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.w-password-wrap .title[data-v-668de82e] {
    color: var(--color-text-100);
    font-size: var(--font-size-14);
    font-weight: var(--font-weight-medium)
}

.w-password-wrap .label[data-v-668de82e] {
    color: var(--color-text-80)
}

.new-skin-symbol .w-password-wrap[data-v-668de82e] {
    --background: var(--ep-color-background-fill-body-default)
}

.new-skin-symbol .w-password-wrap .title[data-v-668de82e] {
    color: var(--ep-color-text-default);
    font-weight: var(--ep-font-weight-medium, 600)
}

.new-skin-symbol .w-password-wrap .label[data-v-668de82e] {
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol .w-password-wrap .label-tip[data-v-668de82e] {
    color: var(--ep-color-text-warning)
}

.color-primary-600[data-v-fbd91c3f] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-fbd91c3f] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-fbd91c3f] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-fbd91c3f] {
    color: var(--color-primary-900)
}

.bg-100[data-v-fbd91c3f] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-fbd91c3f] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-fbd91c3f] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-fbd91c3f] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-fbd91c3f] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-fbd91c3f] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-fbd91c3f] {
    background-color: var(--color-warning)
}

.bg-link[data-v-fbd91c3f] {
    background-color: var(--color-link)
}

.bg-danger[data-v-fbd91c3f] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-fbd91c3f] {
    color: var(--color-text-100)
}

.color-text-80[data-v-fbd91c3f] {
    color: var(--color-text-80)
}

.color-text-50[data-v-fbd91c3f] {
    color: var(--color-text-50)
}

.color-text-40[data-v-fbd91c3f] {
    color: var(--color-text-40)
}

.color-text-20[data-v-fbd91c3f] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-fbd91c3f] {
    color: var(--color-currency)
}

.color-warning[data-v-fbd91c3f] {
    color: var(--color-warning)
}

.color-danger[data-v-fbd91c3f] {
    color: var(--color-danger)
}

.color-link[data-v-fbd91c3f] {
    color: var(--color-link)
}

.color-line[data-v-fbd91c3f] {
    color: var(--color-line)
}

.color-border[data-v-fbd91c3f] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-fbd91c3f] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-fbd91c3f] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-fbd91c3f] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-fbd91c3f] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-fbd91c3f] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-fbd91c3f] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-fbd91c3f] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-fbd91c3f] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-fbd91c3f] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-fbd91c3f] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-fbd91c3f] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-fbd91c3f] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-fbd91c3f] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-fbd91c3f] {
    display: flex;
    align-items: center
}

.flex-start[data-v-fbd91c3f] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-fbd91c3f] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-fbd91c3f] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-fbd91c3f] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-fbd91c3f] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-fbd91c3f] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-fbd91c3f] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-fbd91c3f] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-fbd91c3f] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-fbd91c3f] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-fbd91c3f] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-fbd91c3f] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-fbd91c3f] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-fbd91c3f] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-fbd91c3f] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-fbd91c3f] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-fbd91c3f] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-fbd91c3f] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-fbd91c3f] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-fbd91c3f] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-fbd91c3f] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-fbd91c3f] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-fbd91c3f] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-fbd91c3f] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-fbd91c3f],
.mlm-selected-item[data-v-fbd91c3f] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-fbd91c3f] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-fbd91c3f]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-fbd91c3f] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-fbd91c3f] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-fbd91c3f] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.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
}

.green-default .search-input[data-v-fbd91c3f] {
    background: var(--color-bg-300);
    height: 100%;
    width: 100%
}

.green-default .search-input #searchbar[data-v-fbd91c3f] {
    --color: #afc69f;
    --placeholder-color: #7e9071;
    caret-color: #3e9b2f;
    --background: #183009;
    --box-shadow: 0 0 0 .0625rem #34571d, 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
}

.green-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
}

.green-default .search-input #searchbar ion-icon[data-v-fbd91c3f] {
    position: absolute;
    z-index: 10;
    right: 1.25rem;
    font-size: 1.25rem;
    color: #afc69f
}

.forest-green .search-input[data-v-fbd91c3f] {
    background: var(--color-bg-300);
    height: 100%;
    width: 100%
}

.forest-green .search-input #searchbar[data-v-fbd91c3f] {
    --color: var(--text-color1);
    --placeholder-color: var(--text-color2);
    caret-color: var(--theme-color-800);
    --background: var(--color-bg-300);
    --box-shadow: 0 0 0 .0625rem var(--line-color), 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
}

.forest-green .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
}

.forest-green .search-input #searchbar ion-icon[data-v-fbd91c3f] {
    position: absolute;
    z-index: 10;
    right: 1.25rem;
    font-size: 1.25rem;
    color: var(--text-color1)
}

.amber-purple .search-input[data-v-fbd91c3f] {
    background: var(--color-bg-300);
    height: 100%;
    width: 100%
}

.amber-purple .search-input #searchbar[data-v-fbd91c3f] {
    --color: #bdb8e1;
    --placeholder-color: #686299;
    caret-color: #7041f3;
    --background: #252141;
    --box-shadow: 0 0 0 .0625rem #5f588c, 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
}

.amber-purple .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
}

.amber-purple .search-input #searchbar ion-icon[data-v-fbd91c3f] {
    position: absolute;
    z-index: 10;
    right: 1.25rem;
    font-size: 1.25rem;
    color: #bdb8e1
}

.green-dark .search-input[data-v-fbd91c3f] {
    background: var(--color-bg-300);
    height: 100%;
    width: 100%
}

.green-dark .search-input #searchbar[data-v-fbd91c3f] {
    --color: #fff;
    --placeholder-color: #fff6;
    caret-color: #3e9b2f;
    --background: #16191d;
    --box-shadow: 0 0 0 .0625rem #3b424e, 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
}

.green-dark .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
}

.green-dark .search-input #searchbar ion-icon[data-v-fbd91c3f] {
    position: absolute;
    z-index: 10;
    right: 1.25rem;
    font-size: 1.25rem;
    color: #fff
}

.yellow-dark .search-input[data-v-fbd91c3f] {
    background: var(--color-bg-300);
    height: 100%;
    width: 100%
}

.yellow-dark .search-input #searchbar[data-v-fbd91c3f] {
    --color: #fff;
    --placeholder-color: #fff6;
    caret-color: #feb805;
    --background: #181816;
    --box-shadow: 0 0 0 .0625rem #2e2d2c, 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
}

.yellow-dark .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
}

.yellow-dark .search-input #searchbar ion-icon[data-v-fbd91c3f] {
    position: absolute;
    z-index: 10;
    right: 1.25rem;
    font-size: 1.25rem;
    color: #fff
}

.purple-light .search-input[data-v-fbd91c3f] {
    background: var(--color-bg-300);
    height: 100%;
    width: 100%
}

.purple-light .search-input #searchbar[data-v-fbd91c3f] {
    --color: #403d4f;
    --placeholder-color: #403d4f80;
    caret-color: #6526db;
    --background: #e0d0ff;
    --box-shadow: none;
    border-radius: .25rem;
    padding: 0
}

.purple-light .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
}

.purple-light .search-input #searchbar ion-icon[data-v-fbd91c3f] {
    position: absolute;
    z-index: 10;
    right: 1.25rem;
    font-size: 1.25rem;
    color: #403d4f
}

.auroral-yellow .search-input[data-v-fbd91c3f] {
    background: var(--color-bg-300);
    height: 100%;
    width: 100%
}

.auroral-yellow .search-input #searchbar[data-v-fbd91c3f] {
    --color: #fff;
    --placeholder-color: var(--text-color2);
    caret-color: var(--theme-color-800);
    --background: var(--color-bg-400);
    --box-shadow: 0 0 0 .0625rem var(--line-color), 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
}

.auroral-yellow .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
}

.auroral-yellow .search-input #searchbar ion-icon[data-v-fbd91c3f] {
    position: absolute;
    z-index: 10;
    right: 1.25rem;
    font-size: 1.25rem;
    color: #fff
}

.new-skin-symbol .search-input[data-v-fbd91c3f] {
    background: var(--ep-color-background-fill-body-default);
    height: 100%;
    width: 100%
}

.new-skin-symbol .search-input #searchbar[data-v-fbd91c3f] {
    --color: var(--ep-color-text-default);
    --placeholder-color: var(--ep-color-text-weaker);
    caret-color: var(--ep-color-border-brand);
    --background: var(--ep-color-background-fill-surface-lowered);
    --box-shadow: 0 0 0 1px var(--ep-color-border-default), 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);
    border-radius: .25rem;
    padding: 0
}

.new-skin-symbol .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
}

.new-skin-symbol .search-input #searchbar ion-icon[data-v-fbd91c3f] {
    position: absolute;
    z-index: 10;
    right: 1.25rem;
    font-size: 1.25rem;
    color: var(--ep-color-icon-weaker)
}

.color-primary-600[data-v-e0d90818] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-e0d90818] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-e0d90818] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-e0d90818] {
    color: var(--color-primary-900)
}

.bg-100[data-v-e0d90818] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-e0d90818] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-e0d90818] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-e0d90818] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-e0d90818] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-e0d90818] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-e0d90818] {
    background-color: var(--color-warning)
}

.bg-link[data-v-e0d90818] {
    background-color: var(--color-link)
}

.bg-danger[data-v-e0d90818] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-e0d90818] {
    color: var(--color-text-100)
}

.color-text-80[data-v-e0d90818] {
    color: var(--color-text-80)
}

.color-text-50[data-v-e0d90818] {
    color: var(--color-text-50)
}

.color-text-40[data-v-e0d90818] {
    color: var(--color-text-40)
}

.color-text-20[data-v-e0d90818] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-e0d90818] {
    color: var(--color-currency)
}

.color-warning[data-v-e0d90818] {
    color: var(--color-warning)
}

.color-danger[data-v-e0d90818] {
    color: var(--color-danger)
}

.color-link[data-v-e0d90818] {
    color: var(--color-link)
}

.color-line[data-v-e0d90818] {
    color: var(--color-line)
}

.color-border[data-v-e0d90818] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-e0d90818] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-e0d90818] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-e0d90818] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-e0d90818] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-e0d90818] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-e0d90818] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-e0d90818] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-e0d90818] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-e0d90818] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-e0d90818] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-e0d90818] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-e0d90818] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-e0d90818] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-e0d90818] {
    display: flex;
    align-items: center
}

.flex-start[data-v-e0d90818] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-e0d90818] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-e0d90818] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-e0d90818] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-e0d90818] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-e0d90818] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-e0d90818] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-e0d90818] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-e0d90818] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-e0d90818] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-e0d90818] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-e0d90818] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-e0d90818] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-e0d90818] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-e0d90818] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-e0d90818] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-e0d90818] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-e0d90818] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-e0d90818] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-e0d90818] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-e0d90818] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-e0d90818] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-e0d90818] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-e0d90818] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-e0d90818],
.mlm-selected-item[data-v-e0d90818] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-e0d90818] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-e0d90818]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-e0d90818] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-e0d90818] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-e0d90818] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.referral-rewards-new-detail[data-v-e0d90818] {
    --padding-top: .75rem;
    --padding-start: .75rem;
    --padding-end: .75rem;
    --padding-bottom: calc(8rem + env(safe-area-inset-bottom))
}

.new-skin-symbol .query-date-input[data-v-e0d90818] {
    width: 22.875rem;
    height: 3.75rem;
    margin: 0 auto
}

.new-skin-symbol .header-table[data-v-e0d90818] {
    width: 100%;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    background: var(--ep-color-background-fill-surface-raised-L2);
    color: var(--ep-color-text-default);
    font-size: var(--ep-font-size-s, 12px);
    font-weight: var(--ep-font-weight-bold, 700);
    border-radius: var(--ep-border-radius-m, .375rem) var(--ep-border-radius-m, .375rem) 0 0;
    padding: 0 .75rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.new-skin-symbol .header-table li .title[data-v-e0d90818] {
    display: inline-block;
    width: 100%;
    line-height: 1.2;
    vertical-align: middle
}

.new-skin-symbol .header-table .item[data-v-e0d90818]:nth-child(1) {
    width: 5.3125rem
}

.new-skin-symbol .header-table .item[data-v-e0d90818]:nth-child(2) {
    width: 4.6875rem
}

.new-skin-symbol .header-table .item[data-v-e0d90818]:nth-child(3) {
    width: 4.375rem
}

.new-skin-symbol .header-table .item[data-v-e0d90818]:nth-child(4) {
    width: 4.6875rem
}

.new-skin-symbol .header-table .item[data-v-e0d90818]:nth-child(5) {
    width: 4.375rem
}

.new-skin-symbol .record-list li[data-v-e0d90818] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    font-size: var(--ep-font-size-s, .75rem);
    color: var(--ep-color-text-default);
    line-height: 2.875rem;
    height: 2.875rem
}

.new-skin-symbol .record-list li .item[data-v-e0d90818]:nth-child(1) {
    width: 5.3125rem
}

.new-skin-symbol .record-list li .item[data-v-e0d90818]:nth-child(2) {
    width: 4.6875rem
}

.new-skin-symbol .record-list li .item[data-v-e0d90818]:nth-child(3) {
    width: 4.375rem
}

.new-skin-symbol .record-list li .item[data-v-e0d90818]:nth-child(4) {
    width: 4.6875rem
}

.new-skin-symbol .record-list li .item[data-v-e0d90818]:nth-child(5) {
    width: 4.375rem
}

.new-skin-symbol .record-list li .amount[data-v-e0d90818] {
    color: var(--ep-color-text-warning);
    font-weight: var(--ep-font-weight-bold, 700)
}

.new-skin-symbol .record-list li .amount-item p[data-v-e0d90818] {
    line-height: 1.25rem;
    color: var(--ep-color-text-warning);
    font-weight: var(--ep-font-weight-bold, 700)
}

.new-skin-symbol .record-list li .text-item p[data-v-e0d90818] {
    line-height: 1.25rem
}

.new-skin-symbol .record-list li[data-v-e0d90818]:nth-child(2n) {
    background: var(--ep-color-background-fill-surface-lowered)
}

.new-skin-symbol .record-list li .register-time[data-v-e0d90818] {
    display: inline-block;
    width: 100%;
    line-height: 1.2;
    vertical-align: middle
}

.yellow-dark .query-date-input[data-v-e0d90818],
.green-dark .query-date-input[data-v-e0d90818] {
    width: 22.875rem;
    height: 3.75rem;
    margin: 0 auto
}

.yellow-dark .header-table[data-v-e0d90818],
.green-dark .header-table[data-v-e0d90818] {
    width: 100%;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    background: var(--color-bg-200);
    color: var(--color-text-100);
    font-size: var(--ep-font-size-s, 12px);
    font-weight: var(--ep-font-weight-bold, 700);
    border-radius: var(--ep-border-radius-m, .375rem) var(--ep-border-radius-m, .375rem) 0 0;
    padding: 0 .75rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.yellow-dark .header-table li .title[data-v-e0d90818],
.green-dark .header-table li .title[data-v-e0d90818] {
    display: inline-block;
    width: 100%;
    line-height: 1.2;
    vertical-align: middle
}

.yellow-dark .header-table .item[data-v-e0d90818]:nth-child(1),
.green-dark .header-table .item[data-v-e0d90818]:nth-child(1) {
    width: 5.3125rem
}

.yellow-dark .header-table .item[data-v-e0d90818]:nth-child(2),
.green-dark .header-table .item[data-v-e0d90818]:nth-child(2) {
    width: 4.6875rem
}

.yellow-dark .header-table .item[data-v-e0d90818]:nth-child(3),
.green-dark .header-table .item[data-v-e0d90818]:nth-child(3) {
    width: 4.375rem
}

.yellow-dark .header-table .item[data-v-e0d90818]:nth-child(4),
.green-dark .header-table .item[data-v-e0d90818]:nth-child(4) {
    width: 4.6875rem
}

.yellow-dark .header-table .item[data-v-e0d90818]:nth-child(5),
.green-dark .header-table .item[data-v-e0d90818]:nth-child(5) {
    width: 4.375rem
}

.yellow-dark .record-list li[data-v-e0d90818],
.green-dark .record-list li[data-v-e0d90818] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    font-size: var(--ep-font-size-s, .75rem);
    color: var(--color-text-100);
    line-height: 2.875rem;
    height: 2.875rem
}

.yellow-dark .record-list li .item[data-v-e0d90818]:nth-child(1),
.green-dark .record-list li .item[data-v-e0d90818]:nth-child(1) {
    width: 5.3125rem
}

.yellow-dark .record-list li .item[data-v-e0d90818]:nth-child(2),
.green-dark .record-list li .item[data-v-e0d90818]:nth-child(2) {
    width: 4.6875rem
}

.yellow-dark .record-list li .item[data-v-e0d90818]:nth-child(3),
.green-dark .record-list li .item[data-v-e0d90818]:nth-child(3) {
    width: 4.375rem
}

.yellow-dark .record-list li .item[data-v-e0d90818]:nth-child(4),
.green-dark .record-list li .item[data-v-e0d90818]:nth-child(4) {
    width: 4.6875rem
}

.yellow-dark .record-list li .item[data-v-e0d90818]:nth-child(5),
.green-dark .record-list li .item[data-v-e0d90818]:nth-child(5) {
    width: 4.375rem
}

.yellow-dark .record-list li .amount[data-v-e0d90818],
.green-dark .record-list li .amount[data-v-e0d90818] {
    color: var(--accent-color-orange);
    font-weight: var(--ep-font-weight-bold, 700)
}

.yellow-dark .record-list li .amount-item p[data-v-e0d90818],
.green-dark .record-list li .amount-item p[data-v-e0d90818] {
    line-height: 1.25rem;
    color: var(--accent-color-orange);
    font-weight: var(--ep-font-weight-bold, 700)
}

.yellow-dark .record-list li .text-item p[data-v-e0d90818],
.green-dark .record-list li .text-item p[data-v-e0d90818] {
    line-height: 1.25rem
}

.yellow-dark .record-list li[data-v-e0d90818]:nth-child(2n),
.green-dark .record-list li[data-v-e0d90818]:nth-child(2n) {
    background: var(--color-bg-400)
}

.yellow-dark .record-list li .register-time[data-v-e0d90818],
.green-dark .record-list li .register-time[data-v-e0d90818] {
    display: inline-block;
    width: 100%;
    line-height: 1.2;
    vertical-align: middle
}

.purple-light .query-date-input[data-v-e0d90818] {
    width: 22.875rem;
    height: 3.75rem;
    margin: 0 auto
}

.purple-light .header-table[data-v-e0d90818] {
    width: 100%;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    background: var(--color-bg-200);
    color: var(--color-text-100);
    font-size: var(--ep-font-size-s, 12px);
    font-weight: var(--ep-font-weight-bold, 700);
    border-radius: var(--ep-border-radius-m, .375rem) var(--ep-border-radius-m, .375rem) 0 0;
    padding: 0 .75rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.purple-light .header-table li .title[data-v-e0d90818] {
    display: inline-block;
    width: 100%;
    line-height: 1.2;
    vertical-align: middle
}

.purple-light .header-table .item[data-v-e0d90818]:nth-child(1) {
    width: 5.3125rem
}

.purple-light .header-table .item[data-v-e0d90818]:nth-child(2) {
    width: 4.6875rem
}

.purple-light .header-table .item[data-v-e0d90818]:nth-child(3) {
    width: 4.375rem
}

.purple-light .header-table .item[data-v-e0d90818]:nth-child(4) {
    width: 4.6875rem
}

.purple-light .header-table .item[data-v-e0d90818]:nth-child(5) {
    width: 4.375rem
}

.purple-light .record-list li[data-v-e0d90818] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    font-size: var(--ep-font-size-s, .75rem);
    color: var(--color-text-100);
    line-height: 2.875rem;
    height: 2.875rem
}

.purple-light .record-list li .item[data-v-e0d90818]:nth-child(1) {
    width: 5.3125rem
}

.purple-light .record-list li .item[data-v-e0d90818]:nth-child(2) {
    width: 4.6875rem
}

.purple-light .record-list li .item[data-v-e0d90818]:nth-child(3) {
    width: 4.375rem
}

.purple-light .record-list li .item[data-v-e0d90818]:nth-child(4) {
    width: 4.6875rem
}

.purple-light .record-list li .item[data-v-e0d90818]:nth-child(5) {
    width: 4.375rem
}

.purple-light .record-list li .amount[data-v-e0d90818] {
    color: var(--accent-color-orange);
    font-weight: var(--ep-font-weight-bold, 700)
}

.purple-light .record-list li .amount-item p[data-v-e0d90818] {
    line-height: 1.25rem;
    color: var(--accent-color-orange);
    font-weight: var(--ep-font-weight-bold, 700)
}

.purple-light .record-list li .text-item p[data-v-e0d90818] {
    line-height: 1.25rem
}

.purple-light .record-list li[data-v-e0d90818]:nth-child(2n) {
    background: var(--color-bg-400)
}

.purple-light .record-list li .register-time[data-v-e0d90818] {
    display: inline-block;
    width: 100%;
    line-height: 1.2;
    vertical-align: middle
}

.auroral-yellow .query-date-input[data-v-e0d90818] {
    width: 22.875rem;
    height: 3.75rem;
    margin: 0 auto
}

.auroral-yellow .header-table[data-v-e0d90818] {
    width: 100%;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    background: var(--color-bg-200);
    color: var(--color-text-80);
    font-size: var(--ep-font-size-s, 12px);
    font-weight: var(--ep-font-weight-bold, 700);
    border-radius: var(--ep-border-radius-m, .375rem) var(--ep-border-radius-m, .375rem) 0 0;
    padding: 0 .75rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.auroral-yellow .header-table li .title[data-v-e0d90818] {
    display: inline-block;
    width: 100%;
    line-height: 1.2;
    vertical-align: middle
}

.auroral-yellow .header-table .item[data-v-e0d90818]:nth-child(1) {
    width: 5.3125rem
}

.auroral-yellow .header-table .item[data-v-e0d90818]:nth-child(2) {
    width: 4.6875rem
}

.auroral-yellow .header-table .item[data-v-e0d90818]:nth-child(3) {
    width: 4.375rem
}

.auroral-yellow .header-table .item[data-v-e0d90818]:nth-child(4) {
    width: 4.6875rem
}

.auroral-yellow .header-table .item[data-v-e0d90818]:nth-child(5) {
    width: 4.375rem
}

.auroral-yellow .record-list li[data-v-e0d90818] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    font-size: var(--ep-font-size-s, .75rem);
    color: var(--color-text-80);
    line-height: 2.875rem;
    height: 2.875rem
}

.auroral-yellow .record-list li .item[data-v-e0d90818]:nth-child(1) {
    width: 5.3125rem
}

.auroral-yellow .record-list li .item[data-v-e0d90818]:nth-child(2) {
    width: 4.6875rem
}

.auroral-yellow .record-list li .item[data-v-e0d90818]:nth-child(3) {
    width: 4.375rem
}

.auroral-yellow .record-list li .item[data-v-e0d90818]:nth-child(4) {
    width: 4.6875rem
}

.auroral-yellow .record-list li .item[data-v-e0d90818]:nth-child(5) {
    width: 4.375rem
}

.auroral-yellow .record-list li .amount[data-v-e0d90818] {
    color: var(--theme-color-800);
    font-weight: var(--ep-font-weight-bold, 700)
}

.auroral-yellow .record-list li .amount-item p[data-v-e0d90818] {
    line-height: 1.25rem;
    color: var(--theme-color-800);
    font-weight: var(--ep-font-weight-bold, 700)
}

.auroral-yellow .record-list li .text-item p[data-v-e0d90818] {
    line-height: 1.25rem
}

.auroral-yellow .record-list li[data-v-e0d90818]:nth-child(2n) {
    background: var(--color-bg-400)
}

.auroral-yellow .record-list li .register-time[data-v-e0d90818] {
    display: inline-block;
    width: 100%;
    line-height: 1.2;
    vertical-align: middle
}

.forest-green .query-date-input[data-v-e0d90818] {
    width: 22.875rem;
    height: 3.75rem;
    margin: 0 auto
}

.forest-green .header-table[data-v-e0d90818] {
    width: 100%;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    background: var(--color-bg-200);
    color: var(--text-color-white-40);
    font-size: var(--ep-font-size-s, 12px);
    font-weight: var(--ep-font-weight-bold, 700);
    border-radius: var(--ep-border-radius-m, .375rem) var(--ep-border-radius-m, .375rem) 0 0;
    padding: 0 .75rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.forest-green .header-table li .title[data-v-e0d90818] {
    display: inline-block;
    width: 100%;
    line-height: 1.2;
    vertical-align: middle
}

.forest-green .header-table .item[data-v-e0d90818]:nth-child(1) {
    width: 5.3125rem
}

.forest-green .header-table .item[data-v-e0d90818]:nth-child(2) {
    width: 4.6875rem
}

.forest-green .header-table .item[data-v-e0d90818]:nth-child(3) {
    width: 4.375rem
}

.forest-green .header-table .item[data-v-e0d90818]:nth-child(4) {
    width: 4.6875rem
}

.forest-green .header-table .item[data-v-e0d90818]:nth-child(5) {
    width: 4.375rem
}

.forest-green .record-list li[data-v-e0d90818] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    font-size: var(--ep-font-size-s, .75rem);
    color: var(--color-text-80);
    line-height: 2.875rem;
    height: 2.875rem
}

.forest-green .record-list li .item[data-v-e0d90818]:nth-child(1) {
    width: 5.3125rem
}

.forest-green .record-list li .item[data-v-e0d90818]:nth-child(2) {
    width: 4.6875rem
}

.forest-green .record-list li .item[data-v-e0d90818]:nth-child(3) {
    width: 4.375rem
}

.forest-green .record-list li .item[data-v-e0d90818]:nth-child(4) {
    width: 4.6875rem
}

.forest-green .record-list li .item[data-v-e0d90818]:nth-child(5) {
    width: 4.375rem
}

.forest-green .record-list li .amount[data-v-e0d90818] {
    color: var(--theme-color-800);
    font-weight: var(--ep-font-weight-bold, 700)
}

.forest-green .record-list li .amount-item p[data-v-e0d90818] {
    line-height: 1.25rem;
    color: var(--theme-color-800);
    font-weight: var(--ep-font-weight-bold, 700)
}

.forest-green .record-list li .text-item p[data-v-e0d90818] {
    line-height: 1.25rem
}

.forest-green .record-list li[data-v-e0d90818]:nth-child(2n) {
    background: var(--color-bg-400)
}

.forest-green .record-list li .register-time[data-v-e0d90818] {
    display: inline-block;
    width: 100%;
    line-height: 1.2;
    vertical-align: middle
}

.amber-purple .query-date-input[data-v-e0d90818] {
    width: 22.875rem;
    height: 3.75rem;
    margin: 0 auto
}

.amber-purple .header-table[data-v-e0d90818] {
    width: 100%;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    background: var(--color-bg-100);
    color: var(--text-color-light-purple-2-100);
    font-size: var(--ep-font-size-s, 12px);
    font-weight: var(--ep-font-weight-bold, 700);
    border-radius: var(--ep-border-radius-m, .375rem) var(--ep-border-radius-m, .375rem) 0 0;
    padding: 0 .75rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.amber-purple .header-table li .title[data-v-e0d90818] {
    display: inline-block;
    width: 100%;
    line-height: 1.2;
    vertical-align: middle
}

.amber-purple .header-table .item[data-v-e0d90818]:nth-child(1) {
    width: 5.3125rem
}

.amber-purple .header-table .item[data-v-e0d90818]:nth-child(2) {
    width: 4.6875rem
}

.amber-purple .header-table .item[data-v-e0d90818]:nth-child(3) {
    width: 4.375rem
}

.amber-purple .header-table .item[data-v-e0d90818]:nth-child(4) {
    width: 4.6875rem
}

.amber-purple .header-table .item[data-v-e0d90818]:nth-child(5) {
    width: 4.375rem
}

.amber-purple .record-list li[data-v-e0d90818] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    font-size: var(--ep-font-size-s, .75rem);
    color: var(--text-color-light-purple-2-100);
    line-height: 2.875rem;
    height: 2.875rem
}

.amber-purple .record-list li .item[data-v-e0d90818]:nth-child(1) {
    width: 5.3125rem
}

.amber-purple .record-list li .item[data-v-e0d90818]:nth-child(2) {
    width: 4.6875rem
}

.amber-purple .record-list li .item[data-v-e0d90818]:nth-child(3) {
    width: 4.375rem
}

.amber-purple .record-list li .item[data-v-e0d90818]:nth-child(4) {
    width: 4.6875rem
}

.amber-purple .record-list li .item[data-v-e0d90818]:nth-child(5) {
    width: 4.375rem
}

.amber-purple .record-list li .amount[data-v-e0d90818] {
    color: var(--accent-color-orange);
    font-weight: var(--ep-font-weight-bold, 700)
}

.amber-purple .record-list li .amount-item p[data-v-e0d90818] {
    line-height: 1.25rem;
    color: var(--accent-color-orange);
    font-weight: var(--ep-font-weight-bold, 700)
}

.amber-purple .record-list li .text-item p[data-v-e0d90818] {
    line-height: 1.25rem
}

.amber-purple .record-list li[data-v-e0d90818]:nth-child(2n) {
    background: var(--color-bg-400)
}

.amber-purple .record-list li .register-time[data-v-e0d90818] {
    display: inline-block;
    width: 100%;
    line-height: 1.2;
    vertical-align: middle
}

.blue-default .query-date-input[data-v-e0d90818],
.green-default .query-date-input[data-v-e0d90818] {
    width: 22.875rem;
    height: 3.75rem;
    margin: 0 auto
}

.blue-default .header-table[data-v-e0d90818],
.green-default .header-table[data-v-e0d90818] {
    width: 100%;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    background: var(--color-bg-200);
    color: var(--color-text-40);
    font-size: var(--ep-font-size-s, 12px);
    font-weight: var(--ep-font-weight-bold, 700);
    border-radius: var(--ep-border-radius-m, .375rem) var(--ep-border-radius-m, .375rem) 0 0;
    padding: 0 .75rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.blue-default .header-table li .title[data-v-e0d90818],
.green-default .header-table li .title[data-v-e0d90818] {
    display: inline-block;
    width: 100%;
    line-height: 1.2;
    vertical-align: middle
}

.blue-default .header-table .item[data-v-e0d90818]:nth-child(1),
.green-default .header-table .item[data-v-e0d90818]:nth-child(1) {
    width: 5.3125rem
}

.blue-default .header-table .item[data-v-e0d90818]:nth-child(2),
.green-default .header-table .item[data-v-e0d90818]:nth-child(2) {
    width: 4.6875rem
}

.blue-default .header-table .item[data-v-e0d90818]:nth-child(3),
.green-default .header-table .item[data-v-e0d90818]:nth-child(3) {
    width: 4.375rem
}

.blue-default .header-table .item[data-v-e0d90818]:nth-child(4),
.green-default .header-table .item[data-v-e0d90818]:nth-child(4) {
    width: 4.6875rem
}

.blue-default .header-table .item[data-v-e0d90818]:nth-child(5),
.green-default .header-table .item[data-v-e0d90818]:nth-child(5) {
    width: 4.375rem
}

.blue-default .record-list li[data-v-e0d90818],
.green-default .record-list li[data-v-e0d90818] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    font-size: var(--ep-font-size-s, .75rem);
    color: var(--color-text-80);
    line-height: 2.875rem;
    height: 2.875rem
}

.blue-default .record-list li .item[data-v-e0d90818]:nth-child(1),
.green-default .record-list li .item[data-v-e0d90818]:nth-child(1) {
    width: 5.3125rem
}

.blue-default .record-list li .item[data-v-e0d90818]:nth-child(2),
.green-default .record-list li .item[data-v-e0d90818]:nth-child(2) {
    width: 4.6875rem
}

.blue-default .record-list li .item[data-v-e0d90818]:nth-child(3),
.green-default .record-list li .item[data-v-e0d90818]:nth-child(3) {
    width: 4.375rem
}

.blue-default .record-list li .item[data-v-e0d90818]:nth-child(4),
.green-default .record-list li .item[data-v-e0d90818]:nth-child(4) {
    width: 4.6875rem
}

.blue-default .record-list li .item[data-v-e0d90818]:nth-child(5),
.green-default .record-list li .item[data-v-e0d90818]:nth-child(5) {
    width: 4.375rem
}

.blue-default .record-list li .amount[data-v-e0d90818],
.green-default .record-list li .amount[data-v-e0d90818] {
    color: var(--accent-color-orange);
    font-weight: var(--ep-font-weight-bold, 700)
}

.blue-default .record-list li .amount-item p[data-v-e0d90818],
.green-default .record-list li .amount-item p[data-v-e0d90818] {
    line-height: 1.25rem;
    color: var(--accent-color-orange);
    font-weight: var(--ep-font-weight-bold, 700)
}

.blue-default .record-list li .text-item p[data-v-e0d90818],
.green-default .record-list li .text-item p[data-v-e0d90818] {
    line-height: 1.25rem
}

.blue-default .record-list li[data-v-e0d90818]:nth-child(2n),
.green-default .record-list li[data-v-e0d90818]:nth-child(2n) {
    background: var(--color-bg-400)
}

.blue-default .record-list li .register-time[data-v-e0d90818],
.green-default .record-list li .register-time[data-v-e0d90818] {
    display: inline-block;
    width: 100%;
    line-height: 1.2;
    vertical-align: middle
}

.color-primary-600[data-v-abdcedf1] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-abdcedf1] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-abdcedf1] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-abdcedf1] {
    color: var(--color-primary-900)
}

.bg-100[data-v-abdcedf1] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-abdcedf1] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-abdcedf1] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-abdcedf1] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-abdcedf1] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-abdcedf1] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-abdcedf1] {
    background-color: var(--color-warning)
}

.bg-link[data-v-abdcedf1] {
    background-color: var(--color-link)
}

.bg-danger[data-v-abdcedf1] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-abdcedf1] {
    color: var(--color-text-100)
}

.color-text-80[data-v-abdcedf1] {
    color: var(--color-text-80)
}

.color-text-50[data-v-abdcedf1] {
    color: var(--color-text-50)
}

.color-text-40[data-v-abdcedf1] {
    color: var(--color-text-40)
}

.color-text-20[data-v-abdcedf1] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-abdcedf1] {
    color: var(--color-currency)
}

.color-warning[data-v-abdcedf1] {
    color: var(--color-warning)
}

.color-danger[data-v-abdcedf1] {
    color: var(--color-danger)
}

.color-link[data-v-abdcedf1] {
    color: var(--color-link)
}

.color-line[data-v-abdcedf1] {
    color: var(--color-line)
}

.color-border[data-v-abdcedf1] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-abdcedf1] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-abdcedf1] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-abdcedf1] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-abdcedf1] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-abdcedf1] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-abdcedf1] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-abdcedf1] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-abdcedf1] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-abdcedf1] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-abdcedf1] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-abdcedf1] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-abdcedf1] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-abdcedf1] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-abdcedf1] {
    display: flex;
    align-items: center
}

.flex-start[data-v-abdcedf1] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-abdcedf1] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-abdcedf1] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-abdcedf1] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-abdcedf1] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-abdcedf1] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-abdcedf1] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-abdcedf1] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-abdcedf1] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-abdcedf1] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-abdcedf1] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-abdcedf1] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-abdcedf1] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-abdcedf1] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-abdcedf1] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-abdcedf1] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-abdcedf1] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-abdcedf1] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-abdcedf1] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-abdcedf1] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-abdcedf1] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-abdcedf1] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-abdcedf1] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-abdcedf1] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-abdcedf1],
.mlm-selected-item[data-v-abdcedf1] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-abdcedf1] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-abdcedf1]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-abdcedf1] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-abdcedf1] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-abdcedf1] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-content[data-v-abdcedf1] {
    --background: var(--color-bg-300)
}

[data-v-abdcedf1] .announcement-content p img {
    width: 100%;
    height: auto;
    margin-bottom: 1.25rem
}

.message-content[data-v-abdcedf1] {
    color: var(--my-card-detail-color)
}

[data-v-abdcedf1] table {
    border-collapse: collapse;
    width: 100%;
    border: 1px solid var(--line-color)
}

[data-v-abdcedf1] table th,
[data-v-abdcedf1] table td {
    border: 1px solid var(--line-color);
    text-align: left
}

.not-signature[data-v-abdcedf1] {
    font-size: .875rem;
    line-height: 1.25rem
}

.new-skin-symbol .small-text-white[data-v-abdcedf1] {
    color: var(--ep-color-text-weaker);
    font-size: var(--ep-font-size-s);
    line-height: 1.125rem
}

.new-skin-symbol .middle-text-white[data-v-abdcedf1] {
    font-size: var(--ep-font-size-m);
    color: var(--ep-color-text-default);
    line-height: 1.3125rem
}

.new-skin-symbol .font-weight-medium[data-v-abdcedf1] {
    font-weight: var(--ep-font-weight-medium)
}

.new-skin-symbol ion-content[data-v-abdcedf1] {
    --background: var(--ep-color-background-fill-body-default)
}

.new-skin-symbol .message-content[data-v-abdcedf1] {
    color: var(--ep-color-text-weak)
}

.new-skin-symbol .notification-detail-title[data-v-abdcedf1] {
    color: var(--ep-color-text-default)
}

.new-skin-symbol[data-v-abdcedf1] table,
.new-skin-symbol[data-v-abdcedf1] table th,
.new-skin-symbol[data-v-abdcedf1] table td {
    border: 1px solid var(--ep-color-border-default)
}

.new-skin-symbol .not-signature[data-v-abdcedf1] {
    font-size: var(--ep-font-size-m);
    line-height: 1.25rem
}

.new-skin-symbol ion-toolbar[data-v-abdcedf1] {
    --background: var(--ep-color-background-fill-top-nav-secondary)
}

.new-skin-symbol ion-title[data-v-abdcedf1] {
    color: var(--ep-color-text-default);
    font-size: var(--ep-font-size-l);
    font-weight: var(--ep-font-weight-medium)
}

.color-primary-600[data-v-f18ced38] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-f18ced38] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-f18ced38] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-f18ced38] {
    color: var(--color-primary-900)
}

.bg-100[data-v-f18ced38] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-f18ced38] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-f18ced38] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-f18ced38] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-f18ced38] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-f18ced38] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-f18ced38] {
    background-color: var(--color-warning)
}

.bg-link[data-v-f18ced38] {
    background-color: var(--color-link)
}

.bg-danger[data-v-f18ced38] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-f18ced38] {
    color: var(--color-text-100)
}

.color-text-80[data-v-f18ced38] {
    color: var(--color-text-80)
}

.color-text-50[data-v-f18ced38] {
    color: var(--color-text-50)
}

.color-text-40[data-v-f18ced38] {
    color: var(--color-text-40)
}

.color-text-20[data-v-f18ced38] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-f18ced38] {
    color: var(--color-currency)
}

.color-warning[data-v-f18ced38] {
    color: var(--color-warning)
}

.color-danger[data-v-f18ced38] {
    color: var(--color-danger)
}

.color-link[data-v-f18ced38] {
    color: var(--color-link)
}

.color-line[data-v-f18ced38] {
    color: var(--color-line)
}

.color-border[data-v-f18ced38] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-f18ced38] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-f18ced38] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-f18ced38] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-f18ced38] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-f18ced38] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-f18ced38] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-f18ced38] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-f18ced38] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-f18ced38] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-f18ced38] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-f18ced38] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-f18ced38] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-f18ced38] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-f18ced38] {
    display: flex;
    align-items: center
}

.flex-start[data-v-f18ced38] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-f18ced38] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-f18ced38] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-f18ced38] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-f18ced38] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-f18ced38] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-f18ced38] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-f18ced38] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-f18ced38] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-f18ced38] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-f18ced38] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-f18ced38] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-f18ced38] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-f18ced38] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-f18ced38] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-f18ced38] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-f18ced38] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-f18ced38] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-f18ced38] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-f18ced38] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-f18ced38] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-f18ced38] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-f18ced38] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-f18ced38] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-f18ced38],
.mlm-selected-item[data-v-f18ced38] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-f18ced38] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-f18ced38]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-f18ced38] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-f18ced38] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-f18ced38] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.btnBase[data-v-f18ced38] {
    width: 10.3125rem;
    height: 2.5rem
}

.success-wrap[data-v-f18ced38] {
    width: 3.4375rem;
    height: 3.4375rem;
    background-color: var(--color-success);
    border-radius: 50%;
    margin: 0 auto;
    text-align: center
}

.password-c .title[data-v-f18ced38] {
    color: var(--color-text-100);
    font-size: var(--font-size-14);
    font-weight: var(--font-weight-medium)
}

.password-c .label[data-v-f18ced38] {
    color: var(--color-text-80)
}

.new-skin-symbol .success-wrap[data-v-f18ced38] {
    width: 3.4375rem;
    height: 3.4375rem;
    background-color: var(--ep-color-icon-success);
    border-radius: 50%;
    margin: 0 auto;
    text-align: center
}

.new-skin-symbol .password-c .title[data-v-f18ced38] {
    font-weight: var(--ep-font-weight-medium, 500);
    color: var(--ep-color-text-default);
    font-size: var(--ep-font-size-m, .875rem)
}

.new-skin-symbol .password-c .label[data-v-f18ced38] {
    color: var(--ep-color-text-warning)
}

.color-primary-600[data-v-8356ac1e] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-8356ac1e] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-8356ac1e] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-8356ac1e] {
    color: var(--color-primary-900)
}

.bg-100[data-v-8356ac1e] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-8356ac1e] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-8356ac1e] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-8356ac1e] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-8356ac1e] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-8356ac1e] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-8356ac1e] {
    background-color: var(--color-warning)
}

.bg-link[data-v-8356ac1e] {
    background-color: var(--color-link)
}

.bg-danger[data-v-8356ac1e] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-8356ac1e] {
    color: var(--color-text-100)
}

.color-text-80[data-v-8356ac1e] {
    color: var(--color-text-80)
}

.color-text-50[data-v-8356ac1e] {
    color: var(--color-text-50)
}

.color-text-40[data-v-8356ac1e] {
    color: var(--color-text-40)
}

.color-text-20[data-v-8356ac1e] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-8356ac1e] {
    color: var(--color-currency)
}

.color-warning[data-v-8356ac1e] {
    color: var(--color-warning)
}

.color-danger[data-v-8356ac1e] {
    color: var(--color-danger)
}

.color-link[data-v-8356ac1e] {
    color: var(--color-link)
}

.color-line[data-v-8356ac1e] {
    color: var(--color-line)
}

.color-border[data-v-8356ac1e] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-8356ac1e] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-8356ac1e] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-8356ac1e] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-8356ac1e] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-8356ac1e] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-8356ac1e] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-8356ac1e] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-8356ac1e] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-8356ac1e] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-8356ac1e] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-8356ac1e] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-8356ac1e] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-8356ac1e] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-8356ac1e] {
    display: flex;
    align-items: center
}

.flex-start[data-v-8356ac1e] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-8356ac1e] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-8356ac1e] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-8356ac1e] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-8356ac1e] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-8356ac1e] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-8356ac1e] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-8356ac1e] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-8356ac1e] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-8356ac1e] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-8356ac1e] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-8356ac1e] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-8356ac1e] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-8356ac1e] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-8356ac1e] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-8356ac1e] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-8356ac1e] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-8356ac1e] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-8356ac1e] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-8356ac1e] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-8356ac1e] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-8356ac1e] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-8356ac1e] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-8356ac1e] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-8356ac1e],
.mlm-selected-item[data-v-8356ac1e] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-8356ac1e] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-8356ac1e]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-8356ac1e] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-8356ac1e] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-8356ac1e] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.tab-list[data-v-8356ac1e] {
    width: 22.125rem;
    margin: 1.5rem auto 2.1875rem;
    box-sizing: border-box
}

.tab-list ion-segment[data-v-8356ac1e] {
    --background: transparent;
    height: 2.75rem;
    border-radius: var(--rounded-small) !important
}

.tab-list ion-segment-button.ios[data-v-8356ac1e]::part(native) {
    color: var(--color-text-80)
}

.tab-list .segment-button-checked.ios[data-v-8356ac1e]::part(native) {
    color: var(--theme-color-800);
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-14);
    border-radius: var(--rounded-small)
}

.tab-list ion-segment-button[data-v-8356ac1e]::part(indicator-background) {
    background: var(--color-bg-100)
}

.tab-list ion-segment-button[data-v-8356ac1e] {
    --border-radius: var(--rounded-small);
    --padding-start: 12px;
    --padding-end: 12px;
    min-width: 7.5rem
}

.first .tab-list[data-v-8356ac1e] {
    border: 1px solid var(--color-line);
    background-color: var(--color-bg-200);
    border-radius: var(--rounded-middle)
}

.first .tab-list ion-segment[data-v-8356ac1e] {
    --background: var(--color-bg-200) !important
}

.default .segment-button-checked.ios[data-v-8356ac1e]::part(native) {
    color: var(--color-text-100);
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-14);
    --border-radius: var(--rounded-small);
    background: var(--tab-bg-color);
    border: none
}

.default ion-segment-button[data-v-8356ac1e] {
    --border-radius: var(--rounded-small);
    --padding-start: 12px;
    --padding-end: 12px;
    min-width: 7.5rem;
    background: var(--color-bg-200);
    margin-right: 10px;
    border: 1px solid var(--color-line)
}

.auroral-yellow .segment-button-checked.ios[data-v-8356ac1e]::part(native) {
    color: var(--color-text-black-100);
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-14);
    --border-radius: var(--rounded-small);
    background: var(--theme-color-800);
    border: none
}

.auroral-yellow ion-segment-button[data-v-8356ac1e] {
    --border-radius: var(--rounded-small);
    --padding-start: 12px;
    --padding-end: 12px;
    min-width: 7.5rem;
    background: var(--color-bg-200);
    margin-right: 10px;
    border: 1px solid var(--color-line)
}

.amber-purple .default .segment-button-checked.ios[data-v-8356ac1e]::part(native) {
    color: var(--color-text-black-100);
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-14);
    --border-radius: var(--rounded-small);
    background: var(--theme-color-800);
    border: none
}

.amber-purple .default ion-segment-button[data-v-8356ac1e] {
    --border-radius: var(--rounded-small);
    --padding-start: 12px;
    --padding-end: 12px;
    min-width: 7.5rem;
    background: var(--color-bg-200);
    margin-right: 10px;
    border: 1px solid var(--color-line)
}

.amber-purple .default .tab-list ion-segment-button.ios[data-v-8356ac1e]::part(native) {
    color: var(--text-color-light-purple-1-100)
}

.amber-purple .second .tab-list[data-v-8356ac1e] {
    border: 1px solid var(--color-line);
    background-color: var(--color-bg-200);
    border-radius: var(--rounded-middle)
}

.amber-purple .second .tab-list ion-segment[data-v-8356ac1e] {
    --background: var(--color-bg-200) !important
}

.amber-purple .second .tab-list[data-v-8356ac1e] {
    background: var(--color-bg-second)
}

.amber-purple .second .tab-list .segment-button-checked .textColorBg[data-v-8356ac1e] {
    background: var(--Gradients-orange-purple);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}

.amber-purple .second .tab-list ion-segment-button.ios[data-v-8356ac1e]::part(native) {
    color: var(--color-text-first)
}

.purple-light .tab-list .segment-button-checked.ios[data-v-8356ac1e]::part(native) {
    color: var(--color-text-secondary-1)
}

.purple-light .tab-list ion-segment-button[data-v-8356ac1e]::part(indicator-background) {
    background: var(--theme-color-800)
}

.new-skin-symbol .tab-list[data-v-8356ac1e] {
    width: 22.125rem;
    border: 1px solid var(--ep-color-border-default);
    margin: 1.5rem auto 2.1875rem;
    box-sizing: border-box;
    border-radius: var(--ep-border-radius-m, .375rem);
    background: var(--ep-color-background-fill-surface-raised-L1)
}

.new-skin-symbol .tab-list ion-segment[data-v-8356ac1e] {
    --background: transparent;
    height: 2.75rem;
    border-radius: var(--ep-border-radius-s, .25rem) !important;
    background: var(--ep-color-background-fill-surface-raised-L1)
}

.new-skin-symbol .tab-list ion-segment-button.ios[data-v-8356ac1e]::part(native) {
    color: var(--ep-color-text-default)
}

.new-skin-symbol .tab-list .segment-button-checked.ios[data-v-8356ac1e]::part(native) {
    color: var(--ep-color-text-selected);
    font-weight: var(--ep-font-weight-bold, 700);
    font-size: var(--ep-font-size-m, .875rem);
    border-radius: var(--ep-border-radius-s, .25rem)
}

.new-skin-symbol .tab-list ion-segment-button[data-v-8356ac1e]::part(indicator-background) {
    background: var(--ep-color-background-fill-surface-raised-L2)
}

.new-skin-symbol .tab-list ion-segment-button[data-v-8356ac1e] {
    --border-radius: var(--ep-border-radius-s, .25rem);
    --padding-start: .75rem;
    --padding-end: .75rem;
    min-width: 7.5rem;
    --margin-top: .1875rem;
    --margin-bottom: .1875rem
}

.color-primary-600[data-v-07fde81f] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-07fde81f] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-07fde81f] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-07fde81f] {
    color: var(--color-primary-900)
}

.bg-100[data-v-07fde81f] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-07fde81f] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-07fde81f] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-07fde81f] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-07fde81f] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-07fde81f] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-07fde81f] {
    background-color: var(--color-warning)
}

.bg-link[data-v-07fde81f] {
    background-color: var(--color-link)
}

.bg-danger[data-v-07fde81f] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-07fde81f] {
    color: var(--color-text-100)
}

.color-text-80[data-v-07fde81f] {
    color: var(--color-text-80)
}

.color-text-50[data-v-07fde81f] {
    color: var(--color-text-50)
}

.color-text-40[data-v-07fde81f] {
    color: var(--color-text-40)
}

.color-text-20[data-v-07fde81f] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-07fde81f] {
    color: var(--color-currency)
}

.color-warning[data-v-07fde81f] {
    color: var(--color-warning)
}

.color-danger[data-v-07fde81f] {
    color: var(--color-danger)
}

.color-link[data-v-07fde81f] {
    color: var(--color-link)
}

.color-line[data-v-07fde81f] {
    color: var(--color-line)
}

.color-border[data-v-07fde81f] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-07fde81f] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-07fde81f] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-07fde81f] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-07fde81f] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-07fde81f] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-07fde81f] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-07fde81f] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-07fde81f] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-07fde81f] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-07fde81f] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-07fde81f] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-07fde81f] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-07fde81f] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-07fde81f] {
    display: flex;
    align-items: center
}

.flex-start[data-v-07fde81f] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-07fde81f] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-07fde81f] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-07fde81f] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-07fde81f] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-07fde81f] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-07fde81f] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-07fde81f] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-07fde81f] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-07fde81f] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-07fde81f] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-07fde81f] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-07fde81f] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-07fde81f] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-07fde81f] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-07fde81f] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-07fde81f] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-07fde81f] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-07fde81f] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-07fde81f] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-07fde81f] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-07fde81f] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-07fde81f] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-07fde81f] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-07fde81f],
.mlm-selected-item[data-v-07fde81f] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-07fde81f] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-07fde81f]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-07fde81f] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-07fde81f] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-07fde81f] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-content.w-account[data-v-07fde81f] {
    --padding-top: 1.0625rem;
    --padding-bottom: 1.0625rem
}

.purple-light .radio-wrap[data-v-07fde81f],
.amber-purple .radio-wrap[data-v-07fde81f],
.auroral-yellow .radio-wrap[data-v-07fde81f],
.green-default .radio-wrap[data-v-07fde81f],
.blue-default .radio-wrap[data-v-07fde81f],
.green-dark .radio-wrap[data-v-07fde81f],
.yellow-dark .radio-wrap[data-v-07fde81f] {
    color: var(--color-text-80);
    gap: .25rem;
    font-size: var(--ep-font-size-s, .75rem)
}

.purple-light .radio-wrap ion-radio[data-v-07fde81f]::part(container),
.amber-purple .radio-wrap ion-radio[data-v-07fde81f]::part(container),
.auroral-yellow .radio-wrap ion-radio[data-v-07fde81f]::part(container),
.green-default .radio-wrap ion-radio[data-v-07fde81f]::part(container),
.blue-default .radio-wrap ion-radio[data-v-07fde81f]::part(container),
.green-dark .radio-wrap ion-radio[data-v-07fde81f]::part(container),
.yellow-dark .radio-wrap ion-radio[data-v-07fde81f]::part(container) {
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    border: 1px solid var(--color-text-40)
}

.purple-light .radio-wrap ion-radio[data-v-07fde81f]::part(mark),
.amber-purple .radio-wrap ion-radio[data-v-07fde81f]::part(mark),
.auroral-yellow .radio-wrap ion-radio[data-v-07fde81f]::part(mark),
.green-default .radio-wrap ion-radio[data-v-07fde81f]::part(mark),
.blue-default .radio-wrap ion-radio[data-v-07fde81f]::part(mark),
.green-dark .radio-wrap ion-radio[data-v-07fde81f]::part(mark),
.yellow-dark .radio-wrap ion-radio[data-v-07fde81f]::part(mark) {
    background: none;
    transition: none;
    transform: none;
    border-radius: 0
}

.purple-light .radio-wrap ion-radio.radio-checked[data-v-07fde81f]::part(container),
.amber-purple .radio-wrap ion-radio.radio-checked[data-v-07fde81f]::part(container),
.auroral-yellow .radio-wrap ion-radio.radio-checked[data-v-07fde81f]::part(container),
.green-default .radio-wrap ion-radio.radio-checked[data-v-07fde81f]::part(container),
.blue-default .radio-wrap ion-radio.radio-checked[data-v-07fde81f]::part(container),
.green-dark .radio-wrap ion-radio.radio-checked[data-v-07fde81f]::part(container),
.yellow-dark .radio-wrap ion-radio.radio-checked[data-v-07fde81f]::part(container) {
    background: var(--color-text-100);
    border-color: var(--color-text-80)
}

.purple-light .radio-wrap ion-radio.radio-checked[data-v-07fde81f]::part(mark),
.amber-purple .radio-wrap ion-radio.radio-checked[data-v-07fde81f]::part(mark),
.auroral-yellow .radio-wrap ion-radio.radio-checked[data-v-07fde81f]::part(mark),
.green-default .radio-wrap ion-radio.radio-checked[data-v-07fde81f]::part(mark),
.blue-default .radio-wrap ion-radio.radio-checked[data-v-07fde81f]::part(mark),
.green-dark .radio-wrap ion-radio.radio-checked[data-v-07fde81f]::part(mark),
.yellow-dark .radio-wrap ion-radio.radio-checked[data-v-07fde81f]::part(mark) {
    width: 4px;
    height: 9px;
    border-width: 0px 2px 2px 0px;
    border-style: solid;
    border-color: var(--color-bg-200);
    transform: rotate(45deg)
}

.forest-green .radio-wrap[data-v-07fde81f] {
    color: var(--color-text-gray-200);
    gap: .25rem;
    font-size: var(--ep-font-size-s, .75rem)
}

.forest-green .radio-wrap ion-radio[data-v-07fde81f]::part(container) {
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    border: 1px solid var(--color-text-40)
}

.forest-green .radio-wrap ion-radio[data-v-07fde81f]::part(mark) {
    background: none;
    transition: none;
    transform: none;
    border-radius: 0
}

.forest-green .radio-wrap ion-radio.radio-checked[data-v-07fde81f]::part(container) {
    background: var(--color-text-100);
    border-color: var(--color-text-80)
}

.forest-green .radio-wrap ion-radio.radio-checked[data-v-07fde81f]::part(mark) {
    width: 4px;
    height: 9px;
    border-width: 0px 2px 2px 0px;
    border-style: solid;
    border-color: var(--color-bg-200);
    transform: rotate(45deg)
}

.new-skin-symbol .radio-wrap[data-v-07fde81f] {
    color: var(--ep-color-text-weaker);
    gap: .25rem;
    font-size: var(--ep-font-size-s, .75rem)
}

.new-skin-symbol .radio-wrap ion-radio[data-v-07fde81f]::part(container) {
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    border: 1px solid var(--ep-color-icon-default)
}

.new-skin-symbol .radio-wrap ion-radio[data-v-07fde81f]::part(mark) {
    background: none;
    transition: none;
    transform: none;
    border-radius: 0
}

.new-skin-symbol .radio-wrap ion-radio.radio-checked[data-v-07fde81f]::part(container) {
    background: var(--ep-color-icon-default);
    border-color: var(--ep-color-icon-weaker)
}

.new-skin-symbol .radio-wrap ion-radio.radio-checked[data-v-07fde81f]::part(mark) {
    width: 4px;
    height: 9px;
    border-width: 0px 2px 2px 0px;
    border-style: solid;
    border-color: var(--ep-color-background-fill-surface-raised-L1);
    transform: rotate(45deg)
}

.color-primary-600[data-v-dd0d4487] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-dd0d4487] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-dd0d4487] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-dd0d4487] {
    color: var(--color-primary-900)
}

.bg-100[data-v-dd0d4487] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-dd0d4487] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-dd0d4487] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-dd0d4487] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-dd0d4487] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-dd0d4487] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-dd0d4487] {
    background-color: var(--color-warning)
}

.bg-link[data-v-dd0d4487] {
    background-color: var(--color-link)
}

.bg-danger[data-v-dd0d4487] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-dd0d4487] {
    color: var(--color-text-100)
}

.color-text-80[data-v-dd0d4487] {
    color: var(--color-text-80)
}

.color-text-50[data-v-dd0d4487] {
    color: var(--color-text-50)
}

.color-text-40[data-v-dd0d4487] {
    color: var(--color-text-40)
}

.color-text-20[data-v-dd0d4487] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-dd0d4487] {
    color: var(--color-currency)
}

.color-warning[data-v-dd0d4487] {
    color: var(--color-warning)
}

.color-danger[data-v-dd0d4487] {
    color: var(--color-danger)
}

.color-link[data-v-dd0d4487] {
    color: var(--color-link)
}

.color-line[data-v-dd0d4487] {
    color: var(--color-line)
}

.color-border[data-v-dd0d4487] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-dd0d4487] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-dd0d4487] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-dd0d4487] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-dd0d4487] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-dd0d4487] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-dd0d4487] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-dd0d4487] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-dd0d4487] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-dd0d4487] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-dd0d4487] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-dd0d4487] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-dd0d4487] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-dd0d4487] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-dd0d4487] {
    display: flex;
    align-items: center
}

.flex-start[data-v-dd0d4487] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-dd0d4487] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-dd0d4487] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-dd0d4487] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-dd0d4487] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-dd0d4487] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-dd0d4487] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-dd0d4487] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-dd0d4487] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-dd0d4487] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-dd0d4487] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-dd0d4487] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-dd0d4487] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-dd0d4487] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-dd0d4487] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-dd0d4487] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-dd0d4487] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-dd0d4487] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-dd0d4487] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-dd0d4487] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-dd0d4487] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-dd0d4487] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-dd0d4487] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-dd0d4487] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-dd0d4487],
.mlm-selected-item[data-v-dd0d4487] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-dd0d4487] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-dd0d4487]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-dd0d4487] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-dd0d4487] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-dd0d4487] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.select-content[data-v-dd0d4487] {
    --padding-bottom: 1.625rem;
    --background: var(--color-bg-400)
}

.select-border[data-v-dd0d4487] {
    width: 100%;
    height: 100%;
    border: 1px solid var(--color-line);
    box-sizing: border-box;
    padding: 0 .75rem;
    color: var(--color-text-100);
    border-radius: var(--rounded-small);
    display: flex;
    align-items: center;
    justify-content: space-between
}

.select-border .placeholder[data-v-dd0d4487] {
    color: var(--color-text-40);
    font-weight: var(--font-weight-regular)
}

.select-border .rotate-90[data-v-dd0d4487] {
    transform: rotate(-90deg)
}

.select-border .arrow[data-v-dd0d4487] {
    font-size: .875rem;
    color: var(--color-text-40)
}

.img-wrap[data-v-dd0d4487] {
    width: 1.625rem;
    height: 1.625rem;
    border-radius: 50%;
    overflow: hidden;
    margin-right: .5rem
}

.img-wrap img[data-v-dd0d4487] {
    width: 100%;
    height: 100%
}

.name-wrap[data-v-dd0d4487] {
    line-height: inherit
}

.name-wrap .name-inner[data-v-dd0d4487] {
    display: inline-block;
    line-height: 1;
    vertical-align: middle
}

.select-list[data-v-dd0d4487] {
    padding-bottom: .75rem;
    background: var(--color-bg-300);
    overflow: scroll
}

.select-list ion-searchbar[data-v-dd0d4487] {
    --background: var(--color-bg-200);
    --color: var(--color-text-100);
    --placeholder-color: var(--color-text-40);
    --icon-color: var(--color-text-40);
    --border-radius: .25rem
}

.select-list .select-item[data-v-dd0d4487] {
    background: var(--color-bg-300);
    padding: 0 .75rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--color-text-100);
    height: 3rem;
    border: 1px solid var(--color-line);
    border-radius: .25rem;
    width: 22.875rem;
    margin: 0 auto .5rem
}

.select-list .select-item .select-item-inner[data-v-dd0d4487] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.select-list .active[data-v-dd0d4487] {
    background: var(--color-bg-200)
}

.select-list .radio-wrap ion-radio[data-v-dd0d4487] {
    --color-checked: var(--line-color)
}

.select-list .radio-wrap ion-radio.select.ios[data-v-dd0d4487]::part(container) {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid var(--color-text-40)
}

.select-list .radio-wrap .radio-checked.select.ios[data-v-dd0d4487]::part(container) {
    border-color: var(--line-color);
    background-color: var(--theme-color-800)
}

.purple-light .select-list[data-v-dd0d4487] {
    padding-bottom: .75rem;
    background: var(--color-bg-300);
    overflow: scroll
}

.purple-light .select-list ion-searchbar[data-v-dd0d4487] {
    --background: var(--color-bg-200);
    --color: var(--color-text-100);
    --placeholder-color: var(--color-text-40);
    --icon-color: var(--color-text-40);
    --border-radius: .25rem
}

.purple-light .select-list .select-item[data-v-dd0d4487] {
    background: var(--color-bg-300);
    padding: 0 .75rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--color-text-100);
    height: 3rem;
    border: 1px solid var(--color-line);
    border-radius: .25rem;
    width: 22.875rem;
    margin: 0 auto .5rem
}

.purple-light .select-list .select-item .select-item-inner[data-v-dd0d4487] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.purple-light .select-list .active[data-v-dd0d4487] {
    background: var(--color-bg-200)
}

.purple-light .select-list .radio-wrap ion-radio[data-v-dd0d4487] {
    --color-checked: var(--color-text-secondary-1)
}

.purple-light .select-list .radio-wrap ion-radio.select.ios[data-v-dd0d4487]::part(container) {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid var(--color-text-40)
}

.purple-light .select-list .radio-wrap .radio-checked.select.ios[data-v-dd0d4487]::part(container) {
    border-color: var(--color-text-secondary-1);
    background-color: var(--accent-color-orange)
}

.blue-default .select-list[data-v-dd0d4487],
.green-default .select-list[data-v-dd0d4487] {
    padding-bottom: .75rem;
    background: var(--color-bg-300);
    overflow: scroll
}

.blue-default .select-list ion-searchbar[data-v-dd0d4487],
.green-default .select-list ion-searchbar[data-v-dd0d4487] {
    --background: var(--color-bg-200);
    --color: var(--color-text-100);
    --placeholder-color: var(--color-text-40);
    --icon-color: var(--color-text-40);
    --border-radius: .25rem
}

.blue-default .select-list .select-item[data-v-dd0d4487],
.green-default .select-list .select-item[data-v-dd0d4487] {
    background: var(--color-bg-300);
    padding: 0 .75rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--color-text-100);
    height: 3rem;
    border: 1px solid var(--color-line);
    border-radius: .25rem;
    width: 22.875rem;
    margin: 0 auto .5rem
}

.blue-default .select-list .select-item .select-item-inner[data-v-dd0d4487],
.green-default .select-list .select-item .select-item-inner[data-v-dd0d4487] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.blue-default .select-list .active[data-v-dd0d4487],
.green-default .select-list .active[data-v-dd0d4487] {
    background: var(--color-bg-200)
}

.blue-default .select-list .radio-wrap ion-radio[data-v-dd0d4487],
.green-default .select-list .radio-wrap ion-radio[data-v-dd0d4487] {
    --color-checked: var(--line-color)
}

.blue-default .select-list .radio-wrap ion-radio.select.ios[data-v-dd0d4487]::part(container),
.green-default .select-list .radio-wrap ion-radio.select.ios[data-v-dd0d4487]::part(container) {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid var(--color-text-40)
}

.blue-default .select-list .radio-wrap .radio-checked.select.ios[data-v-dd0d4487]::part(container),
.green-default .select-list .radio-wrap .radio-checked.select.ios[data-v-dd0d4487]::part(container) {
    border-color: var(--line-color);
    background-color: var(--accent-color-yellow)
}

.amber-purple .select-list[data-v-dd0d4487] {
    padding-bottom: .75rem;
    background: var(--color-bg-300);
    overflow: scroll
}

.amber-purple .select-list ion-searchbar[data-v-dd0d4487] {
    --background: var(--color-bg-200);
    --color: var(--color-text-100);
    --placeholder-color: var(--color-text-40);
    --icon-color: var(--color-text-40);
    --border-radius: .25rem
}

.amber-purple .select-list .select-item[data-v-dd0d4487] {
    background: var(--color-bg-300);
    padding: 0 .75rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--color-text-100);
    height: 3rem;
    border: 1px solid var(--color-line);
    border-radius: .25rem;
    width: 22.875rem;
    margin: 0 auto .5rem
}

.amber-purple .select-list .select-item .select-item-inner[data-v-dd0d4487] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.amber-purple .select-list .active[data-v-dd0d4487] {
    background: var(--color-bg-200)
}

.amber-purple .select-list .radio-wrap ion-radio[data-v-dd0d4487] {
    --color-checked: var(--line-color)
}

.amber-purple .select-list .radio-wrap ion-radio.select.ios[data-v-dd0d4487]::part(container) {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid var(--color-text-40)
}

.amber-purple .select-list .radio-wrap .radio-checked.select.ios[data-v-dd0d4487]::part(container) {
    border-color: var(--line-color);
    background-color: var(--accent-color-yellow)
}

.new-skin-symbol .select-content[data-v-dd0d4487] {
    --padding-bottom: 1.625rem;
    --background: var(--ep-color-background-fill-surface-raised-L2)
}

.new-skin-symbol .select-border[data-v-dd0d4487] {
    width: 100%;
    height: 100%;
    border: 1px solid var(--ep-color-border-selected);
    box-sizing: border-box;
    padding: 0 .75rem;
    color: var(--ep-color-text-default);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: var(--ep-border-radius-m)
}

.new-skin-symbol .select-border .placeholder[data-v-dd0d4487] {
    color: var(--ep-color-text-weaker);
    font-weight: var(--ep-font-weight-regular)
}

.new-skin-symbol .select-border .rotate-90[data-v-dd0d4487] {
    transform: rotate(-90deg)
}

.new-skin-symbol .select-border .arrow[data-v-dd0d4487] {
    font-size: var(--ep-font-size-m, .875rem);
    color: var(--ep-color-icon-weaker)
}

.new-skin-symbol .img-wrap[data-v-dd0d4487] {
    width: 1.625rem;
    height: 1.625rem;
    border-radius: 50%;
    overflow: hidden;
    margin-right: .3125rem
}

.new-skin-symbol .img-wrap img[data-v-dd0d4487] {
    width: 100%;
    height: 100%
}

.new-skin-symbol .name-wrap[data-v-dd0d4487] {
    line-height: inherit
}

.new-skin-symbol .name-wrap .name-inner[data-v-dd0d4487] {
    display: inline-block;
    line-height: 1;
    vertical-align: middle
}

.new-skin-symbol .select-list[data-v-dd0d4487] {
    background: var(--ep-color-background-fill-body-default);
    padding-bottom: .75rem;
    overflow: scroll
}

.new-skin-symbol .select-list ion-searchbar[data-v-dd0d4487] {
    --background: var(--ep-color-background-fill-surface-lowered);
    --color: var(--ep-color-text-highlight);
    --placeholder-color: var(--ep-color-text-weaker);
    --icon-color: var(--ep-color-icon-weaker);
    --border-radius: var(--ep-border-radius-s)
}

.new-skin-symbol .select-list .select-item[data-v-dd0d4487] {
    background: var(--ep-color-background-fill-surface-raised-L1);
    padding: 0 .75rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--ep-color-text-default);
    height: 3rem;
    border: 1px solid var(--ep-color-border-default);
    border-radius: var(--ep-border-radius-m);
    width: 22.875rem;
    margin: 0 auto .5rem
}

.new-skin-symbol .select-list .select-item .select-item-inner[data-v-dd0d4487] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.new-skin-symbol .select-list .active[data-v-dd0d4487] {
    background: var(--ep-color-background-fill-surface-raised-L2)
}

.new-skin-symbol .select-list .radio-wrap ion-radio[data-v-dd0d4487] {
    --color-checked: var(--ep-color-border-default)
}

.new-skin-symbol .select-list .radio-wrap ion-radio.select.ios[data-v-dd0d4487]::part(container) {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid var(--ep-color-border-default)
}

.new-skin-symbol .select-list .radio-wrap .radio-checked.select.ios[data-v-dd0d4487]::part(container) {
    border-color: var(--ep-color-border-default);
    background-color: var(--ep-color-icon-default)
}

.color-primary-600[data-v-ddbb359b] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-ddbb359b] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-ddbb359b] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-ddbb359b] {
    color: var(--color-primary-900)
}

.bg-100[data-v-ddbb359b] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-ddbb359b] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-ddbb359b] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-ddbb359b] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-ddbb359b] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-ddbb359b] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-ddbb359b] {
    background-color: var(--color-warning)
}

.bg-link[data-v-ddbb359b] {
    background-color: var(--color-link)
}

.bg-danger[data-v-ddbb359b] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-ddbb359b] {
    color: var(--color-text-100)
}

.color-text-80[data-v-ddbb359b] {
    color: var(--color-text-80)
}

.color-text-50[data-v-ddbb359b] {
    color: var(--color-text-50)
}

.color-text-40[data-v-ddbb359b] {
    color: var(--color-text-40)
}

.color-text-20[data-v-ddbb359b] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-ddbb359b] {
    color: var(--color-currency)
}

.color-warning[data-v-ddbb359b] {
    color: var(--color-warning)
}

.color-danger[data-v-ddbb359b] {
    color: var(--color-danger)
}

.color-link[data-v-ddbb359b] {
    color: var(--color-link)
}

.color-line[data-v-ddbb359b] {
    color: var(--color-line)
}

.color-border[data-v-ddbb359b] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-ddbb359b] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-ddbb359b] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-ddbb359b] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-ddbb359b] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-ddbb359b] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-ddbb359b] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-ddbb359b] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-ddbb359b] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-ddbb359b] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-ddbb359b] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-ddbb359b] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-ddbb359b] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-ddbb359b] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-ddbb359b] {
    display: flex;
    align-items: center
}

.flex-start[data-v-ddbb359b] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-ddbb359b] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-ddbb359b] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-ddbb359b] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-ddbb359b] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-ddbb359b] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-ddbb359b] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-ddbb359b] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-ddbb359b] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-ddbb359b] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-ddbb359b] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-ddbb359b] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-ddbb359b] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-ddbb359b] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-ddbb359b] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-ddbb359b] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-ddbb359b] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-ddbb359b] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-ddbb359b] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-ddbb359b] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-ddbb359b] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-ddbb359b] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-ddbb359b] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-ddbb359b] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-ddbb359b],
.mlm-selected-item[data-v-ddbb359b] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-ddbb359b] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-ddbb359b]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-ddbb359b] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-ddbb359b] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-ddbb359b] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-content.b-account[data-v-ddbb359b] {
    --padding-start: 1.125rem;
    --padding-end: 1.125rem;
    --padding-bottom: var(--04b23254)
}

.amber-purple .b-account .tip[data-v-ddbb359b],
.green-dark .b-account .tip[data-v-ddbb359b],
.yellow-dark .b-account .tip[data-v-ddbb359b],
.purple-light .b-account .tip[data-v-ddbb359b],
.blue-default .b-account .tip[data-v-ddbb359b],
.green-default .b-account .tip[data-v-ddbb359b],
.forest-green .b-account .tip[data-v-ddbb359b],
.auroral-yellow .b-account .tip[data-v-ddbb359b] {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: .5rem;
    font-size: var(--ep-font-size-s, .75rem)
}

.amber-purple .b-account .tip-1[data-v-ddbb359b],
.green-dark .b-account .tip-1[data-v-ddbb359b],
.yellow-dark .b-account .tip-1[data-v-ddbb359b],
.purple-light .b-account .tip-1[data-v-ddbb359b],
.blue-default .b-account .tip-1[data-v-ddbb359b],
.green-default .b-account .tip-1[data-v-ddbb359b],
.forest-green .b-account .tip-1[data-v-ddbb359b],
.auroral-yellow .b-account .tip-1[data-v-ddbb359b] {
    color: var(--accent-color-red)
}

.amber-purple .b-account .tip-2[data-v-ddbb359b],
.green-dark .b-account .tip-2[data-v-ddbb359b],
.yellow-dark .b-account .tip-2[data-v-ddbb359b],
.purple-light .b-account .tip-2[data-v-ddbb359b],
.blue-default .b-account .tip-2[data-v-ddbb359b],
.green-default .b-account .tip-2[data-v-ddbb359b],
.forest-green .b-account .tip-2[data-v-ddbb359b],
.auroral-yellow .b-account .tip-2[data-v-ddbb359b] {
    color: var(--color-text-40);
    margin: .8125rem 0 1.3125rem
}

.amber-purple .b-account .item[data-v-ddbb359b],
.green-dark .b-account .item[data-v-ddbb359b],
.yellow-dark .b-account .item[data-v-ddbb359b],
.purple-light .b-account .item[data-v-ddbb359b],
.blue-default .b-account .item[data-v-ddbb359b],
.green-default .b-account .item[data-v-ddbb359b],
.forest-green .b-account .item[data-v-ddbb359b],
.auroral-yellow .b-account .item[data-v-ddbb359b] {
    margin-top: 1.9rem
}

.amber-purple .b-account .text-item[data-v-ddbb359b],
.green-dark .b-account .text-item[data-v-ddbb359b],
.yellow-dark .b-account .text-item[data-v-ddbb359b],
.purple-light .b-account .text-item[data-v-ddbb359b],
.blue-default .b-account .text-item[data-v-ddbb359b],
.green-default .b-account .text-item[data-v-ddbb359b],
.forest-green .b-account .text-item[data-v-ddbb359b],
.auroral-yellow .b-account .text-item[data-v-ddbb359b] {
    width: 50%
}

.amber-purple .b-account .label[data-v-ddbb359b],
.green-dark .b-account .label[data-v-ddbb359b],
.yellow-dark .b-account .label[data-v-ddbb359b],
.purple-light .b-account .label[data-v-ddbb359b],
.blue-default .b-account .label[data-v-ddbb359b],
.green-default .b-account .label[data-v-ddbb359b],
.forest-green .b-account .label[data-v-ddbb359b],
.auroral-yellow .b-account .label[data-v-ddbb359b] {
    line-height: 18px;
    margin: .375rem 0;
    color: var(--color-text-80)
}

.amber-purple .b-account .label .sign[data-v-ddbb359b],
.green-dark .b-account .label .sign[data-v-ddbb359b],
.yellow-dark .b-account .label .sign[data-v-ddbb359b],
.purple-light .b-account .label .sign[data-v-ddbb359b],
.blue-default .b-account .label .sign[data-v-ddbb359b],
.green-default .b-account .label .sign[data-v-ddbb359b],
.forest-green .b-account .label .sign[data-v-ddbb359b],
.auroral-yellow .b-account .label .sign[data-v-ddbb359b] {
    font-weight: var(--ep-font-weight-medium, 500);
    color: var(--accent-color-red);
    margin-left: .1875rem;
    font-size: var(--ep-font-size-m, .875rem)
}

.amber-purple .b-account .input-area[data-v-ddbb359b],
.green-dark .b-account .input-area[data-v-ddbb359b],
.yellow-dark .b-account .input-area[data-v-ddbb359b],
.purple-light .b-account .input-area[data-v-ddbb359b],
.blue-default .b-account .input-area[data-v-ddbb359b],
.green-default .b-account .input-area[data-v-ddbb359b],
.forest-green .b-account .input-area[data-v-ddbb359b],
.auroral-yellow .b-account .input-area[data-v-ddbb359b] {
    width: 22.875rem;
    line-height: 2.875rem;
    background: var(--color-bg-400);
    border-radius: var(--rounded-small)
}

.new-skin-symbol .b-account .tip[data-v-ddbb359b] {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: .5rem;
    font-size: var(--ep-font-size-s, .75rem)
}

.new-skin-symbol .b-account .tip-1[data-v-ddbb359b] {
    color: var(--ep-color-text-danger)
}

.new-skin-symbol .b-account .tip-2[data-v-ddbb359b] {
    color: var(--ep-color-text-weaker);
    margin: .8125rem 0 1.3125rem
}

.new-skin-symbol .b-account .item[data-v-ddbb359b] {
    margin-top: 1.9rem
}

.new-skin-symbol .b-account .text-item[data-v-ddbb359b] {
    width: 50%
}

.new-skin-symbol .b-account .label[data-v-ddbb359b] {
    line-height: 18px;
    margin: .375rem 0;
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol .b-account .label .sign[data-v-ddbb359b] {
    font-weight: var(--ep-font-weight-medium, 500);
    color: var(--ep-color-danger);
    margin-left: .1875rem;
    font-size: var(--ep-font-size-m, .875rem)
}

.new-skin-symbol .b-account .input-area[data-v-ddbb359b] {
    width: 22.875rem;
    line-height: 2.875rem;
    background: var(--ep-color-background-fill-surface-lowered);
    border-radius: var(--rounded-small)
}

.new-skin-symbol ion-content.b-account[data-v-ddbb359b] {
    --background: var(--ep-color-background-fill-body-default)
}

.new-skin-symbol .label[data-v-ddbb359b] {
    line-height: 1.125rem;
    margin: .375rem 0;
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol .label .sign[data-v-ddbb359b] {
    font-weight: var(--ep-font-weight-medium, 500);
    color: var(--ep-color-text-danger);
    margin-left: .1875rem;
    font-size: var(--ep-font-size-m, .875rem)
}

.new-skin-symbol .input-area[data-v-ddbb359b] {
    width: 22.875rem;
    line-height: 2.875rem;
    background: var(--ep-color-background-fill-surface-lowered);
    border-radius: var(--ep-border-radius-m)
}

.content-text[data-v-a764746e] {
    color: var(--color-recharge-reward-text)
}

[data-v-a764746e] table {
    border-collapse: collapse;
    width: 100%
}

[data-v-a764746e] table,
[data-v-a764746e] th,
[data-v-a764746e] td {
    border: 1px solid var(--line-color)
}

[data-v-a764746e] th,
[data-v-a764746e] td {
    text-align: left
}

.new-skin-symbol .content-text[data-v-a764746e] {
    color: var(--ep-color-text-default)
}

[data-v-a764746e] .new-skin-symbol,
[data-v-a764746e] table,
[data-v-a764746e] th,
[data-v-a764746e] td {
    border: 1px solid var(--ep-color-border-default)
}

.color-primary-600[data-v-42e1fd3a] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-42e1fd3a] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-42e1fd3a] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-42e1fd3a] {
    color: var(--color-primary-900)
}

.bg-100[data-v-42e1fd3a] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-42e1fd3a] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-42e1fd3a] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-42e1fd3a] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-42e1fd3a] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-42e1fd3a] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-42e1fd3a] {
    background-color: var(--color-warning)
}

.bg-link[data-v-42e1fd3a] {
    background-color: var(--color-link)
}

.bg-danger[data-v-42e1fd3a] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-42e1fd3a] {
    color: var(--color-text-100)
}

.color-text-80[data-v-42e1fd3a] {
    color: var(--color-text-80)
}

.color-text-50[data-v-42e1fd3a] {
    color: var(--color-text-50)
}

.color-text-40[data-v-42e1fd3a] {
    color: var(--color-text-40)
}

.color-text-20[data-v-42e1fd3a] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-42e1fd3a] {
    color: var(--color-currency)
}

.color-warning[data-v-42e1fd3a] {
    color: var(--color-warning)
}

.color-danger[data-v-42e1fd3a] {
    color: var(--color-danger)
}

.color-link[data-v-42e1fd3a] {
    color: var(--color-link)
}

.color-line[data-v-42e1fd3a] {
    color: var(--color-line)
}

.color-border[data-v-42e1fd3a] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-42e1fd3a] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-42e1fd3a] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-42e1fd3a] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-42e1fd3a] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-42e1fd3a] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-42e1fd3a] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-42e1fd3a] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-42e1fd3a] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-42e1fd3a] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-42e1fd3a] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-42e1fd3a] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-42e1fd3a] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-42e1fd3a] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-42e1fd3a] {
    display: flex;
    align-items: center
}

.flex-start[data-v-42e1fd3a] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-42e1fd3a] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-42e1fd3a] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-42e1fd3a] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-42e1fd3a] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-42e1fd3a] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-42e1fd3a] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-42e1fd3a] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-42e1fd3a] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-42e1fd3a] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-42e1fd3a] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-42e1fd3a] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-42e1fd3a] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-42e1fd3a] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-42e1fd3a] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-42e1fd3a] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-42e1fd3a] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-42e1fd3a] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-42e1fd3a] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-42e1fd3a] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-42e1fd3a] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-42e1fd3a] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-42e1fd3a] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-42e1fd3a] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-42e1fd3a],
.mlm-selected-item[data-v-42e1fd3a] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-42e1fd3a] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-42e1fd3a]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-42e1fd3a] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-42e1fd3a] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-42e1fd3a] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .bt-header-wrap[data-v-42e1fd3a] {
    width: 24.375rem;
    height: 3.125rem;
    box-sizing: border-box;
    line-height: 3.125rem;
    color: var(--text-color-white-100);
    background-color: var(--color-bg-200)
}

html .bt-header-wrap.scheme-light[data-v-42e1fd3a] {
    background-color: var(--theme-color-800)
}

html .bt-header-wrap.scheme-light .back-area[data-v-42e1fd3a] {
    background-color: var(--theme-color-700)
}

html .bt-header-wrap.scheme-light .back-area ion-icon.back[data-v-42e1fd3a] {
    color: var(--color-text-secondary-2);
    opacity: .4
}

html .bt-header-wrap.scheme-light .title[data-v-42e1fd3a] {
    color: var(--color-bg-100);
    background: none;
    -webkit-text-fill-color: var(--color-bg-100)
}

html .bt-header-wrap .back-area[data-v-42e1fd3a] {
    width: 6.25rem;
    height: 100%;
    padding-left: .75rem;
    background-color: var(--color-bg-100);
    cursor: pointer;
    color: var(--ep-color-text-default, #fff)
}

html .bt-header-wrap .back-area ion-icon.back[data-v-42e1fd3a] {
    font-size: var(--font-size-20);
    color: var(--color-text-40)
}

.new-skin-symbol .bt-header-wrap[data-v-42e1fd3a] {
    width: 24.375rem;
    height: 3.125rem;
    box-sizing: border-box;
    line-height: 3.125rem;
    color: var(--text-color-white-100);
    background-color: var(--color-bg-200)
}

.new-skin-symbol .bt-header-wrap.scheme-light[data-v-42e1fd3a] {
    background-color: var(--ep-color-background-fill-top-nav-secondary)
}

.new-skin-symbol .bt-header-wrap.scheme-light .back-area[data-v-42e1fd3a] {
    background-color: var(--ep-color-background-fill-surface-raised-L2)
}

.new-skin-symbol .bt-header-wrap.scheme-light .back-area ion-icon.back[data-v-42e1fd3a] {
    color: var(--ep-color-icon-default);
    opacity: .4
}

.new-skin-symbol .bt-header-wrap.scheme-light .title[data-v-42e1fd3a] {
    color: var(--color-bg-100);
    background: none;
    -webkit-text-fill-color: var(--color-bg-100)
}

.new-skin-symbol .bt-header-wrap .back-area[data-v-42e1fd3a] {
    width: 6.25rem;
    height: 100%;
    padding-left: .75rem;
    background-color: var(--color-bg-100);
    cursor: pointer;
    color: var(--ep-color-text-default)
}

.new-skin-symbol .bt-header-wrap .back-area ion-icon.back[data-v-42e1fd3a] {
    font-size: var(--font-size-20);
    color: var(--color-text-40)
}

.new-skin-symbol .bt-header-wrap.scheme-light .back-area ion-icon.back[data-v-42e1fd3a] {
    opacity: 1
}

.balance {
    height: 1.875rem;
    padding: 0 .5rem;
    margin-right: .75rem;
    border-radius: var(--rounded-middle);
    background-color: var(--color-bg-400);
    color: var(--color-text-100);
    font-size: var(--font-size-12);
    font-weight: var(--font-weight-medium)
}

.balance .merchantCy {
    color: var(--color-currency);
    margin-right: .1875rem
}

.balance ion-icon.refresh {
    font-size: var(--font-size-20);
    color: var(--color-currency);
    margin-left: .1875rem;
    cursor: pointer
}

.balance.scheme-light {
    background-color: var(--color-bg-100)
}

.color-primary-600[data-v-c3cc80d9] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-c3cc80d9] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-c3cc80d9] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-c3cc80d9] {
    color: var(--color-primary-900)
}

.bg-100[data-v-c3cc80d9] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-c3cc80d9] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-c3cc80d9] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-c3cc80d9] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-c3cc80d9] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-c3cc80d9] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-c3cc80d9] {
    background-color: var(--color-warning)
}

.bg-link[data-v-c3cc80d9] {
    background-color: var(--color-link)
}

.bg-danger[data-v-c3cc80d9] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-c3cc80d9] {
    color: var(--color-text-100)
}

.color-text-80[data-v-c3cc80d9] {
    color: var(--color-text-80)
}

.color-text-50[data-v-c3cc80d9] {
    color: var(--color-text-50)
}

.color-text-40[data-v-c3cc80d9] {
    color: var(--color-text-40)
}

.color-text-20[data-v-c3cc80d9] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-c3cc80d9] {
    color: var(--color-currency)
}

.color-warning[data-v-c3cc80d9] {
    color: var(--color-warning)
}

.color-danger[data-v-c3cc80d9] {
    color: var(--color-danger)
}

.color-link[data-v-c3cc80d9] {
    color: var(--color-link)
}

.color-line[data-v-c3cc80d9] {
    color: var(--color-line)
}

.color-border[data-v-c3cc80d9] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-c3cc80d9] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-c3cc80d9] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-c3cc80d9] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-c3cc80d9] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-c3cc80d9] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-c3cc80d9] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-c3cc80d9] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-c3cc80d9] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-c3cc80d9] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-c3cc80d9] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-c3cc80d9] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-c3cc80d9] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-c3cc80d9] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-c3cc80d9] {
    display: flex;
    align-items: center
}

.flex-start[data-v-c3cc80d9] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-c3cc80d9] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-c3cc80d9] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-c3cc80d9] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-c3cc80d9] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-c3cc80d9] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-c3cc80d9] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-c3cc80d9] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-c3cc80d9] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-c3cc80d9] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-c3cc80d9] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-c3cc80d9] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-c3cc80d9] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-c3cc80d9] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-c3cc80d9] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-c3cc80d9] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-c3cc80d9] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-c3cc80d9] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-c3cc80d9] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-c3cc80d9] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-c3cc80d9] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-c3cc80d9] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-c3cc80d9] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-c3cc80d9] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-c3cc80d9],
.mlm-selected-item[data-v-c3cc80d9] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-c3cc80d9] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-c3cc80d9]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-c3cc80d9] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-c3cc80d9] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-c3cc80d9] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.link[data-v-c3cc80d9] {
    display: flex;
    height: 100%;
    flex-direction: column
}

.link .swiperBg[data-v-c3cc80d9] {
    min-height: 30.0538rem
}

.link .swiperBg .item img[data-v-c3cc80d9] {
    border-radius: .8438rem;
    width: 22.5rem;
    height: 30.0538rem;
    margin-left: auto;
    margin-right: auto
}

.link .swiperBg .item .qrCode[data-v-c3cc80d9] {
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 1.0906rem;
    left: 50%;
    transform: translate(-50%);
    border-radius: .335rem;
    display: flex
}

.link .btn[data-v-c3cc80d9] {
    flex: 1;
    margin-top: 1.0969rem;
    padding-bottom: 2rem;
    border-top-left-radius: .625rem;
    border-top-right-radius: .625rem;
    padding-top: 1.985rem
}

.link .btn .top[data-v-c3cc80d9] {
    text-align: center;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700
}

.invitation-copy-btn[data-v-c3cc80d9] {
    border-radius: .25rem;
    margin-top: 1.265rem;
    width: 22.875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.875rem;
    font-weight: 700;
    font-size: .875rem;
    line-height: 1.3125rem
}

.invitation-else-btn[data-v-c3cc80d9] {
    width: 22.875rem;
    height: 2.875rem;
    margin-top: 1.265rem
}

.invitation-cust-btn[data-v-c3cc80d9] {
    border-radius: .25rem;
    margin-top: 1.25rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .75rem;
    line-height: 1.125rem
}

.invitation-cust-btn ion-icon[data-v-c3cc80d9] {
    font-size: 1.5rem;
    margin-right: .7475rem
}

.amber-purple body div#app ion-router-outlet>div.ion-page[data-v-c3cc80d9]:after,
.amber-purple body div#app ion-router-outlet>div.ion-page[data-v-c3cc80d9]:before {
    width: 0;
    height: 0
}

ion-toolbar[data-v-c3cc80d9] {
    --background: var(--mlm-toolbar-bg-color)
}

.link .swiperBg .item .qrCode[data-v-c3cc80d9] {
    background-color: var(--mlm-invitation-qr-code-bg)
}

.link .btn[data-v-c3cc80d9] {
    background-color: var(--mlm-invitation-footer-bg-color)
}

.link .btn .top[data-v-c3cc80d9] {
    color: var(--color-text-third)
}

.invitation-copy-btn[data-v-c3cc80d9] {
    background: var(--color-bg-yellow-btn-emphasis);
    color: var(--color-text-yellowBtn-active)
}

.invitation-cust-btn[data-v-c3cc80d9] {
    background: var(--color-bg-commission-first);
    color: var(--mlm-invitation-cust-btn-text-color)
}

.invitation-cust-btn ion-icon[data-v-c3cc80d9] {
    color: var(--mlm-invitation-csut-color)
}

.yellow-dark ion-toolbar[data-v-c3cc80d9],
.green-dark ion-toolbar[data-v-c3cc80d9],
.purple-light ion-toolbar[data-v-c3cc80d9],
.amber-purple ion-toolbar[data-v-c3cc80d9],
.blue-default ion-toolbar[data-v-c3cc80d9],
.forest-green ion-toolbar[data-v-c3cc80d9],
.green-default ion-toolbar[data-v-c3cc80d9],
.auroral-yellow ion-toolbar[data-v-c3cc80d9] {
    --background: var(--mlm-toolbar-bg-color)
}

.yellow-dark .link .swiperBg .item .qrCode[data-v-c3cc80d9],
.green-dark .link .swiperBg .item .qrCode[data-v-c3cc80d9],
.purple-light .link .swiperBg .item .qrCode[data-v-c3cc80d9],
.amber-purple .link .swiperBg .item .qrCode[data-v-c3cc80d9],
.blue-default .link .swiperBg .item .qrCode[data-v-c3cc80d9],
.forest-green .link .swiperBg .item .qrCode[data-v-c3cc80d9],
.green-default .link .swiperBg .item .qrCode[data-v-c3cc80d9],
.auroral-yellow .link .swiperBg .item .qrCode[data-v-c3cc80d9] {
    background-color: var(--mlm-invitation-qr-code-bg)
}

.yellow-dark .link .btn[data-v-c3cc80d9],
.green-dark .link .btn[data-v-c3cc80d9],
.purple-light .link .btn[data-v-c3cc80d9],
.amber-purple .link .btn[data-v-c3cc80d9],
.blue-default .link .btn[data-v-c3cc80d9],
.forest-green .link .btn[data-v-c3cc80d9],
.green-default .link .btn[data-v-c3cc80d9],
.auroral-yellow .link .btn[data-v-c3cc80d9] {
    background-color: var(--mlm-invitation-footer-bg-color)
}

.yellow-dark .link .btn .top[data-v-c3cc80d9],
.green-dark .link .btn .top[data-v-c3cc80d9],
.purple-light .link .btn .top[data-v-c3cc80d9],
.amber-purple .link .btn .top[data-v-c3cc80d9],
.blue-default .link .btn .top[data-v-c3cc80d9],
.forest-green .link .btn .top[data-v-c3cc80d9],
.green-default .link .btn .top[data-v-c3cc80d9],
.auroral-yellow .link .btn .top[data-v-c3cc80d9] {
    color: var(--color-text-third)
}

.yellow-dark .invitation-copy-btn[data-v-c3cc80d9],
.green-dark .invitation-copy-btn[data-v-c3cc80d9],
.purple-light .invitation-copy-btn[data-v-c3cc80d9],
.amber-purple .invitation-copy-btn[data-v-c3cc80d9],
.blue-default .invitation-copy-btn[data-v-c3cc80d9],
.forest-green .invitation-copy-btn[data-v-c3cc80d9],
.green-default .invitation-copy-btn[data-v-c3cc80d9],
.auroral-yellow .invitation-copy-btn[data-v-c3cc80d9] {
    background: var(--color-bg-yellow-btn-emphasis);
    color: var(--color-text-yellowBtn-active)
}

.yellow-dark .invitation-cust-btn[data-v-c3cc80d9],
.green-dark .invitation-cust-btn[data-v-c3cc80d9],
.purple-light .invitation-cust-btn[data-v-c3cc80d9],
.amber-purple .invitation-cust-btn[data-v-c3cc80d9],
.blue-default .invitation-cust-btn[data-v-c3cc80d9],
.forest-green .invitation-cust-btn[data-v-c3cc80d9],
.green-default .invitation-cust-btn[data-v-c3cc80d9],
.auroral-yellow .invitation-cust-btn[data-v-c3cc80d9] {
    background: var(--color-bg-commission-first);
    color: var(--mlm-invitation-cust-btn-text-color)
}

.yellow-dark .invitation-cust-btn ion-icon[data-v-c3cc80d9],
.green-dark .invitation-cust-btn ion-icon[data-v-c3cc80d9],
.purple-light .invitation-cust-btn ion-icon[data-v-c3cc80d9],
.amber-purple .invitation-cust-btn ion-icon[data-v-c3cc80d9],
.blue-default .invitation-cust-btn ion-icon[data-v-c3cc80d9],
.forest-green .invitation-cust-btn ion-icon[data-v-c3cc80d9],
.green-default .invitation-cust-btn ion-icon[data-v-c3cc80d9],
.auroral-yellow .invitation-cust-btn ion-icon[data-v-c3cc80d9] {
    color: var(--mlm-invitation-csut-color)
}

.auroral-yellow ion-toolbar[data-v-c3cc80d9] {
    --background: var(--mlm-toolbar-bg-color)
}

.auroral-yellow .link .swiperBg .item .qrCode[data-v-c3cc80d9] {
    background-color: var(--mlm-invitation-qr-code-bg)
}

.auroral-yellow .link .btn[data-v-c3cc80d9] {
    background-color: var(--mlm-invitation-footer-bg-color)
}

.auroral-yellow .link .btn .top[data-v-c3cc80d9] {
    color: var(--color-text-white-100)
}

.auroral-yellow .invitation-copy-btn[data-v-c3cc80d9] {
    background: var(--theme-color-800);
    color: var(--color-text-black-100)
}

.auroral-yellow .invitation-cust-btn[data-v-c3cc80d9] {
    background: var(--color-bg-100);
    color: var(--color-text-white-100)
}

.auroral-yellow .invitation-cust-btn ion-icon[data-v-c3cc80d9] {
    color: var(--color-text-white-100)
}

.new-skin-symbol ion-toolbar[data-v-c3cc80d9] {
    --background: var(--ep-color-background-fill-top-nav-secondary)
}

.new-skin-symbol .link .swiperBg .item .qrCode[data-v-c3cc80d9] {
    background-color: var(--ep-neutral-white-white-100)
}

.new-skin-symbol .link .btn[data-v-c3cc80d9] {
    background-color: var(--ep-color-background-fill-surface-raised-L1)
}

.new-skin-symbol .link .btn .top[data-v-c3cc80d9] {
    color: var(--ep-color-text-default)
}

.new-skin-symbol .invitation-copy-btn[data-v-c3cc80d9] {
    background: var(--ep-dynamic-primary);
    color: var(--ep-color-text-inverse)
}

.new-skin-symbol .invitation-cust-btn[data-v-c3cc80d9] {
    background: var(--ep-color-background-fill-surface-raised-L2);
    color: var(--ep-color-text-default)
}

.new-skin-symbol .invitation-cust-btn ion-icon[data-v-c3cc80d9] {
    color: var(--ep-color-icon-default)
}

.loader[data-v-c3cc80d9] {
    width: .325rem;
    aspect-ratio: 1;
    border-radius: 50%;
    animation: l5-c3cc80d9 1s infinite linear alternate
}

@keyframes l5-c3cc80d9 {
    0% {
        box-shadow: 20px 0 #000, -20px 0 rgba(0, 0, 0, .133);
        background: #000
    }

    33% {
        box-shadow: 20px 0 #000, -20px 0 rgba(0, 0, 0, .133);
        background: rgba(0, 0, 0, .133)
    }

    66% {
        box-shadow: 20px 0 rgba(0, 0, 0, .133), -20px 0 #000;
        background: rgba(0, 0, 0, .133)
    }

    to {
        box-shadow: 20px 0 rgba(0, 0, 0, .133), -20px 0 #000;
        background: #000
    }
}

.new-skin-symbol .link[data-v-c3cc80d9] {
    display: flex;
    height: 100%;
    flex-direction: column
}

.new-skin-symbol .link .swiperBg[data-v-c3cc80d9] {
    min-height: 30.0538rem
}

.new-skin-symbol .link .swiperBg .item img[data-v-c3cc80d9] {
    border-radius: .8438rem;
    width: 22.5rem;
    height: 30.0538rem;
    margin-left: auto;
    margin-right: auto
}

.new-skin-symbol .link .swiperBg .item .qrCode[data-v-c3cc80d9] {
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 1.0906rem;
    left: 50%;
    transform: translate(-50%);
    border-radius: .335rem;
    display: flex
}

.new-skin-symbol .link .btn[data-v-c3cc80d9] {
    flex: 1;
    margin-top: 1.0969rem;
    padding-bottom: 2rem;
    border-top-left-radius: var(--ep-border-radius-xl);
    border-top-right-radius: var(--ep-border-radius-xl);
    padding-top: 1.985rem
}

.new-skin-symbol .link .btn .top[data-v-c3cc80d9] {
    text-align: center;
    font-size: var(--ep-font-size-m);
    line-height: 1.3125rem;
    font-weight: var(--ep-font-weight-bold)
}

.new-skin-symbol .invitation-copy-btn[data-v-c3cc80d9] {
    border-radius: var(--ep-border-radius-m);
    margin-top: 1.265rem;
    width: 22.875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.875rem;
    font-weight: var(--ep-font-weight-bold);
    font-size: var(--ep-font-size-m);
    line-height: 1.3125rem
}

.new-skin-symbol .invitation-else-btn[data-v-c3cc80d9] {
    width: 22.875rem;
    height: 2.875rem;
    margin-top: 1.265rem
}

.new-skin-symbol .invitation-cust-btn[data-v-c3cc80d9] {
    border-radius: var(--ep-border-radius-m);
    margin-top: 1.25rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--ep-font-size-s);
    line-height: 1.125rem
}

.new-skin-symbol .invitation-cust-btn ion-icon[data-v-c3cc80d9] {
    font-size: var(--ep-font-size-xxl);
    margin-right: .7475rem
}

.new-skin-symbol .amber-purple body div#app ion-router-outlet>div.ion-page[data-v-c3cc80d9]:after,
.new-skin-symbol .amber-purple body div#app ion-router-outlet>div.ion-page[data-v-c3cc80d9]:before {
    width: 0;
    height: 0
}

.color-primary-600[data-v-33495e8d] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-33495e8d] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-33495e8d] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-33495e8d] {
    color: var(--color-primary-900)
}

.bg-100[data-v-33495e8d] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-33495e8d] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-33495e8d] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-33495e8d] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-33495e8d] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-33495e8d] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-33495e8d] {
    background-color: var(--color-warning)
}

.bg-link[data-v-33495e8d] {
    background-color: var(--color-link)
}

.bg-danger[data-v-33495e8d] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-33495e8d] {
    color: var(--color-text-100)
}

.color-text-80[data-v-33495e8d] {
    color: var(--color-text-80)
}

.color-text-50[data-v-33495e8d] {
    color: var(--color-text-50)
}

.color-text-40[data-v-33495e8d] {
    color: var(--color-text-40)
}

.color-text-20[data-v-33495e8d] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-33495e8d] {
    color: var(--color-currency)
}

.color-warning[data-v-33495e8d] {
    color: var(--color-warning)
}

.color-danger[data-v-33495e8d] {
    color: var(--color-danger)
}

.color-link[data-v-33495e8d] {
    color: var(--color-link)
}

.color-line[data-v-33495e8d] {
    color: var(--color-line)
}

.color-border[data-v-33495e8d] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-33495e8d] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-33495e8d] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-33495e8d] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-33495e8d] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-33495e8d] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-33495e8d] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-33495e8d] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-33495e8d] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-33495e8d] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-33495e8d] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-33495e8d] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-33495e8d] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-33495e8d] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-33495e8d] {
    display: flex;
    align-items: center
}

.flex-start[data-v-33495e8d] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-33495e8d] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-33495e8d] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-33495e8d] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-33495e8d] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-33495e8d] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-33495e8d] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-33495e8d] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-33495e8d] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-33495e8d] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-33495e8d] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-33495e8d] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-33495e8d] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-33495e8d] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-33495e8d] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-33495e8d] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-33495e8d] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-33495e8d] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-33495e8d] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-33495e8d] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-33495e8d] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-33495e8d] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-33495e8d] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-33495e8d] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-33495e8d],
.mlm-selected-item[data-v-33495e8d] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-33495e8d] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-33495e8d]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-33495e8d] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-33495e8d] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-33495e8d] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.date[data-v-33495e8d] {
    min-width: 11rem;
    border-radius: .25rem;
    padding: 0 .4375rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 2rem;
    background-color: var(--mlm-agent-date-bg-color)
}

.date.range-mode[data-v-33495e8d] {
    padding: .125rem .25rem
}

.date span[data-v-33495e8d] {
    font-size: .75rem;
    font-weight: 500;
    color: var(--mlm-subdetail-item-name-color)
}

.date .timeChoose[data-v-33495e8d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1;
    margin-left: .3125rem
}

.date .timeChoose .single-date[data-v-33495e8d] {
    font-size: .75rem;
    color: var(--mlm-selected-text-color)
}

.date .timeChoose p[data-v-33495e8d] {
    font-size: .75rem;
    color: var(--mlm-selected-text-color);
    margin: 0
}

.date .timeChoose p.on[data-v-33495e8d] {
    border-bottom: 1px solid #38A8FA
}

.date .timeChoose .separator[data-v-33495e8d] {
    margin: 0 .25rem;
    font-size: .75rem;
    color: var(--mlm-selected-text-color);
    font-weight: 700
}

.date .timeChoose ion-icon[data-v-33495e8d] {
    font-size: .875rem;
    margin-left: .25rem;
    color: var(--mlm-select-icon-text-color)
}

.new-skin-symbol .date[data-v-33495e8d] {
    background-color: var(--ep-color-background-fill-surface-raised-L1)
}

.new-skin-symbol .date span[data-v-33495e8d] {
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol .date .timeChoose .single-date[data-v-33495e8d],
.new-skin-symbol .date .timeChoose p[data-v-33495e8d] {
    color: var(--ep-color-text-default)
}

.new-skin-symbol .date .timeChoose p.on[data-v-33495e8d] {
    border-bottom-color: var(--ep-color-background-fill-active-primary)
}

.new-skin-symbol .date .timeChoose .separator[data-v-33495e8d] {
    color: var(--ep-color-text-default)
}

.new-skin-symbol .date .timeChoose ion-icon[data-v-33495e8d] {
    color: var(--ep-color-icon-weaker)
}

[data-v-33495e8d] ion-popover {
    --width: 22rem;
    --max-width: 90vw
}

ion-datetime[data-v-33495e8d] {
    --wheel-fade-background-rgb: transparent;
    font-size: .875rem
}

ion-datetime[data-v-33495e8d]::part(month-year) {
    font-size: .875rem;
    font-weight: 500
}

ion-datetime[data-v-33495e8d]::part(calendar-day) {
    font-size: .875rem;
    width: 2rem;
    min-width: 2rem;
    height: 2rem
}

ion-datetime[data-v-33495e8d]::part(wheel-item) {
    font-size: .875rem
}

ion-datetime[data-v-33495e8d]::part(calendar-day active) {
    box-shadow: none
}

.new-skin-symbol ion-datetime[data-v-33495e8d] {
    --background: var(--ep-color-background-fill-surface-raised-L2);
    color: var(--ep-color-text-weak);
    --wheel-highlight-background: var(--ep-color-background-fill-surface-raised-L2);
    --wheel-fade-background-rgb: none;
    --wheel-highlight-border-radius: .5rem;
    --color: var(--ep-color-background-fill-active-primary);
    --ion-color-primary: var(--ep-color-background-fill-active-primary);
    --ion-color-step-300: rgba(255, 255, 255, .6);
    --ion-color-base: var(--ep-color-background-fill-active-primary)
}

.new-skin-symbol ion-datetime[data-v-33495e8d]::part(month-year-button) {
    --color: var(--ep-color-background-fill-active-primary);
    color: var(--ep-color-background-fill-active-primary);
    --ion-color-base: var(--ep-color-background-fill-active-primary);
    font-size: .875rem
}

.new-skin-symbol ion-datetime[data-v-33495e8d]::part(calendar-day active) {
    box-shadow: none;
    color: var(--ep-color-text-inverse);
    background: var(--ep-color-background-fill-active-primary)
}

.new-skin-symbol ion-datetime[data-v-33495e8d]::part(wheel-item active) {
    color: var(--ep-color-background-fill-active-primary)
}

.mystlight-blue ion-datetime[data-v-33495e8d],
.theme-24 ion-datetime[data-v-33495e8d] {
    --background: var(--ep-color-background-fill-surface-raised-L2);
    color: var(--ep-color-text-weak);
    --wheel-highlight-background: var(--ep-color-background-fill-surface-raised-L2);
    --wheel-fade-background-rgb: none;
    --wheel-highlight-border-radius: .5rem;
    --color: var(--ep-color-background-fill-active-primary);
    --ion-color-primary: var(--ep-color-background-fill-active-primary);
    --ion-color-step-300: var(--ep-color-text-weak);
    --ion-color-base: var(--ep-color-background-fill-active-primary)
}

.mystlight-blue ion-datetime[data-v-33495e8d]::part(month-year-button),
.theme-24 ion-datetime[data-v-33495e8d]::part(month-year-button) {
    --color: var(--ep-color-background-fill-active-primary);
    color: var(--ep-color-background-fill-active-primary);
    --ion-color-base: var(--ep-color-background-fill-active-primary);
    font-size: .875rem
}

.mystlight-blue ion-datetime[data-v-33495e8d]::part(calendar-day active),
.theme-24 ion-datetime[data-v-33495e8d]::part(calendar-day active) {
    box-shadow: none;
    color: var(--ep-color-text-inverse);
    background: var(--ep-color-background-fill-active-primary)
}

.mystlight-blue ion-datetime[data-v-33495e8d]::part(wheel-item active),
.theme-24 ion-datetime[data-v-33495e8d]::part(wheel-item active) {
    color: var(--ep-color-background-fill-active-primary)
}

.theme-24 ion-datetime[data-v-33495e8d] {
    --ion-color-step-200: rgba(255, 255, 255, .1)
}

.green-dark ion-datetime[data-v-33495e8d],
.yellow-dark ion-datetime[data-v-33495e8d] {
    --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: rgba(255, 255, 255, .6);
    --ion-color-step-300: rgba(255, 255, 255, .6);
    --ion-color-base: var(--color-primary-800)
}

.green-dark ion-datetime[data-v-33495e8d]::part(month-year-button),
.yellow-dark ion-datetime[data-v-33495e8d]::part(month-year-button) {
    --color: var(--color-primary-800);
    color: var(--color-primary-800);
    --ion-color-base: var(--color-primary-800);
    font-size: .875rem
}

.green-dark ion-datetime[data-v-33495e8d]::part(calendar-day active),
.yellow-dark ion-datetime[data-v-33495e8d]::part(calendar-day active) {
    box-shadow: none;
    color: #fff;
    background: var(--color-primary-800)
}

.green-dark ion-datetime[data-v-33495e8d]::part(wheel-item active),
.yellow-dark ion-datetime[data-v-33495e8d]::part(wheel-item active) {
    color: var(--color-primary-800)
}

.purple-light ion-datetime[data-v-33495e8d] {
    --background: transparent;
    color: var(--color-primary-800);
    --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: #4d4d4d;
    --ion-color-step-300: #4d4d4d;
    --ion-color-base: var(--color-primary-800)
}

.purple-light ion-datetime[data-v-33495e8d]::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
}

.purple-light ion-datetime[data-v-33495e8d]::part(calendar-day active) {
    box-shadow: none;
    color: #fff;
    background: var(--color-primary-800)
}

.purple-light ion-datetime[data-v-33495e8d]::part(wheel-item active) {
    color: var(--color-primary-800)
}

.amber-purple ion-datetime[data-v-33495e8d] {
    --background: transparent;
    color: #bdb8e1;
    --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: rgba(255, 255, 255, .6);
    --ion-color-base: var(--color-primary-800)
}

.amber-purple ion-datetime[data-v-33495e8d]::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
}

.amber-purple ion-datetime[data-v-33495e8d]::part(calendar-day active) {
    box-shadow: none;
    color: #fff;
    background: var(--color-primary-800)
}

.amber-purple ion-datetime[data-v-33495e8d]::part(wheel-item active) {
    color: var(--color-primary-800)
}

.blue-default ion-datetime[data-v-33495e8d] {
    --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: rgba(255, 255, 255, .6);
    --ion-color-base: var(--color-primary-800)
}

.blue-default ion-datetime[data-v-33495e8d]::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-33495e8d]::part(calendar-day active) {
    box-shadow: none;
    color: #fff;
    background: var(--color-primary-800)
}

.blue-default ion-datetime[data-v-33495e8d]::part(wheel-item active) {
    color: var(--color-primary-800)
}

.green-default ion-datetime[data-v-33495e8d] {
    --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: rgba(255, 255, 255, .6);
    --ion-color-base: var(--color-primary-800)
}

.green-default ion-datetime[data-v-33495e8d]::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
}

.green-default ion-datetime[data-v-33495e8d]::part(calendar-day active) {
    box-shadow: none;
    color: #fff;
    background: var(--color-primary-800)
}

.green-default ion-datetime[data-v-33495e8d]::part(wheel-item active) {
    color: var(--color-primary-800)
}

.forest-green ion-datetime[data-v-33495e8d] {
    --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: rgba(255, 255, 255, .6);
    --ion-color-step-300: rgba(255, 255, 255, .6);
    --ion-color-base: #009f76
}

.forest-green ion-datetime[data-v-33495e8d]::part(month-year-button) {
    --color: var(--ep-color-background-fill-active-primary);
    color: #009f76;
    --ion-color-base: #009f76;
    font-size: .875rem
}

.forest-green ion-datetime[data-v-33495e8d]::part(calendar-day active) {
    box-shadow: none;
    color: var(--ep-color-text-inverse);
    background: var(--color-primary-800)
}

.forest-green ion-datetime[data-v-33495e8d]::part(wheel-item active) {
    color: #009f76
}

.auroral-yellow ion-datetime[data-v-33495e8d] {
    --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: rgba(255, 255, 255, .6);
    --ion-color-base: var(--color-primary-800)
}

.auroral-yellow ion-datetime[data-v-33495e8d]::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
}

.auroral-yellow ion-datetime[data-v-33495e8d]::part(calendar-day active) {
    box-shadow: none;
    color: var(--ep-color-text-inverse);
    background: var(--color-primary-800)
}

.auroral-yellow ion-datetime[data-v-33495e8d]::part(wheel-item active) {
    color: var(--color-primary-800)
}

.phantom-blue ion-datetime[data-v-33495e8d] {
    --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: rgba(255, 255, 255, .6);
    --ion-color-base: var(--color-primary-800)
}

.phantom-blue ion-datetime[data-v-33495e8d]::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
}

.phantom-blue ion-datetime[data-v-33495e8d]::part(calendar-day active) {
    box-shadow: none;
    color: var(--ep-color-text-inverse);
    background: var(--color-primary-800)
}

.phantom-blue ion-datetime[data-v-33495e8d]::part(wheel-item active) {
    color: var(--color-primary-800)
}

.color-primary-600[data-v-59af2d56] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-59af2d56] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-59af2d56] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-59af2d56] {
    color: var(--color-primary-900)
}

.bg-100[data-v-59af2d56] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-59af2d56] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-59af2d56] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-59af2d56] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-59af2d56] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-59af2d56] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-59af2d56] {
    background-color: var(--color-warning)
}

.bg-link[data-v-59af2d56] {
    background-color: var(--color-link)
}

.bg-danger[data-v-59af2d56] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-59af2d56] {
    color: var(--color-text-100)
}

.color-text-80[data-v-59af2d56] {
    color: var(--color-text-80)
}

.color-text-50[data-v-59af2d56] {
    color: var(--color-text-50)
}

.color-text-40[data-v-59af2d56] {
    color: var(--color-text-40)
}

.color-text-20[data-v-59af2d56] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-59af2d56] {
    color: var(--color-currency)
}

.color-warning[data-v-59af2d56] {
    color: var(--color-warning)
}

.color-danger[data-v-59af2d56] {
    color: var(--color-danger)
}

.color-link[data-v-59af2d56] {
    color: var(--color-link)
}

.color-line[data-v-59af2d56] {
    color: var(--color-line)
}

.color-border[data-v-59af2d56] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-59af2d56] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-59af2d56] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-59af2d56] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-59af2d56] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-59af2d56] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-59af2d56] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-59af2d56] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-59af2d56] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-59af2d56] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-59af2d56] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-59af2d56] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-59af2d56] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-59af2d56] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-59af2d56] {
    display: flex;
    align-items: center
}

.flex-start[data-v-59af2d56] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-59af2d56] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-59af2d56] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-59af2d56] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-59af2d56] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-59af2d56] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-59af2d56] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-59af2d56] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-59af2d56] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-59af2d56] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-59af2d56] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-59af2d56] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-59af2d56] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-59af2d56] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-59af2d56] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-59af2d56] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-59af2d56] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-59af2d56] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-59af2d56] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-59af2d56] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-59af2d56] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-59af2d56] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-59af2d56] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-59af2d56] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-59af2d56],
.mlm-selected-item[data-v-59af2d56] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-59af2d56] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-59af2d56]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-59af2d56] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-59af2d56] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-59af2d56] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.date[data-v-59af2d56] {
    min-width: 11rem;
    border-radius: .25rem;
    padding: 0 .4375rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 2rem;
    background-color: var(--mlm-agent-date-bg-color)
}

.date span[data-v-59af2d56] {
    font-size: .75rem;
    font-weight: 500;
    color: var(--mlm-subdetail-item-name-color)
}

.date .timeChoose[data-v-59af2d56] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 700;
    flex: 1;
    margin-left: .3125rem
}

.date .timeChoose div[data-v-59af2d56] {
    font-size: .75rem;
    color: var(--mlm-selected-text-color)
}

.date .timeChoose ion-icon[data-v-59af2d56] {
    font-size: .875rem;
    margin-left: .25rem;
    color: var(--mlm-select-icon-text-color)
}

.new-skin-symbol .date[data-v-59af2d56] {
    background-color: var(--ep-color-background-fill-surface-raised-L1)
}

.new-skin-symbol .date span[data-v-59af2d56] {
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol .date .timeChoose div[data-v-59af2d56] {
    color: var(--ep-color-text-default)
}

.new-skin-symbol .date .timeChoose ion-icon[data-v-59af2d56] {
    color: var(--ep-color-icon-weaker)
}

[data-v-59af2d56] ion-popover {
    --width: 22rem;
    --max-width: 90vw
}

ion-datetime[data-v-59af2d56] {
    --wheel-fade-background-rgb: transparent;
    font-size: 1rem
}

ion-datetime[data-v-59af2d56]::part(month-year) {
    font-size: 1.125rem;
    font-weight: 500
}

ion-datetime[data-v-59af2d56]::part(calendar-day) {
    font-size: 1rem;
    width: 2.5rem;
    height: 2.5rem
}

ion-datetime[data-v-59af2d56]::part(button) {
    font-size: 1rem
}

ion-datetime[data-v-59af2d56]::part(calendar-day active) {
    box-shadow: none
}

.new-skin-symbol ion-datetime[data-v-59af2d56] {
    --background: var(--ep-color-background-fill-surface-raised-L2);
    color: var(--ep-color-text-weak);
    --wheel-highlight-background: var(--ep-color-background-fill-active-primary);
    --wheel-fade-background-rgb: none;
    --wheel-highlight-border-radius: .5rem;
    --color: var(--ep-color-background-fill-active-primary);
    --ion-color-primary: var(--ep-color-background-fill-active-primary);
    --ion-color-step-300: rgba(255, 255, 255, .6)
}

.new-skin-symbol ion-datetime[data-v-59af2d56]::part(month-year-button) {
    --color: var(--ep-color-background-fill-active-primary);
    color: var(--ep-color-background-fill-active-primary);
    --ion-color-base: var(--ep-color-background-fill-active-primary)
}

.new-skin-symbol ion-datetime[data-v-59af2d56]::part(calendar-day active) {
    box-shadow: none;
    color: var(--ep-color-text-inverse);
    background: var(--ep-color-background-fill-active-primary)
}

.green-dark ion-datetime[data-v-59af2d56],
.yellow-dark 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: rgba(255, 255, 255, .6);
    --ion-color-step-300: rgba(255, 255, 255, .6)
}

.green-dark ion-datetime[data-v-59af2d56]::part(month-year-button),
.yellow-dark ion-datetime[data-v-59af2d56]::part(month-year-button) {
    --color: var(--color-primary-800);
    color: var(--color-primary-800);
    --ion-color-base: var(--color-primary-800)
}

.green-dark ion-datetime[data-v-59af2d56]::part(calendar-day active),
.yellow-dark ion-datetime[data-v-59af2d56]::part(calendar-day active) {
    box-shadow: none;
    color: #fff;
    background: var(--color-primary-800)
}

.purple-light ion-datetime[data-v-59af2d56] {
    --background: var(--ep-color-background-fill-surface-raised-L2);
    color: var(--color-primary-800);
    --wheel-highlight-background: #fff;
    --wheel-fade-background-rgb: none;
    --wheel-highlight-border-radius: .5rem;
    --color: var(--ep-color-background-fill-active-primary);
    --ion-color-primary: #4d4d4d;
    --ion-color-step-300: #4d4d4d
}

.purple-light 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)
}

.purple-light ion-datetime[data-v-59af2d56]::part(calendar-day active) {
    box-shadow: none;
    color: #fff;
    background: var(--color-primary-800)
}

.amber-purple ion-datetime[data-v-59af2d56] {
    --background: var(--ep-color-background-fill-surface-raised-L2);
    color: #bdb8e1;
    --wheel-highlight-background: #7041f3;
    --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)
}

.amber-purple 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)
}

.amber-purple 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-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)
}

.green-default ion-datetime[data-v-59af2d56] {
    --background: var(--color-bg-commission-third);
    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)
}

.green-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)
}

.green-default ion-datetime[data-v-59af2d56]::part(calendar-day active) {
    box-shadow: none;
    color: #fff;
    background: var(--color-primary-800)
}

.forest-green ion-datetime[data-v-59af2d56] {
    --background: var(--color-bg-commission-third);
    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: #009f76;
    --ion-color-step-300: rgba(255, 255, 255, .6)
}

.forest-green ion-datetime[data-v-59af2d56]::part(month-year-button) {
    --color: var(--ep-color-background-fill-active-primary);
    color: #009f76;
    --ion-color-base: #009f76
}

.forest-green ion-datetime[data-v-59af2d56]::part(calendar-day active) {
    box-shadow: none;
    color: var(--ep-color-text-inverse);
    background: var(--color-primary-800)
}

.auroral-yellow ion-datetime[data-v-59af2d56] {
    --background: var(--color-bg-commission-third);
    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)
}

.auroral-yellow 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)
}

.auroral-yellow ion-datetime[data-v-59af2d56]::part(calendar-day active) {
    box-shadow: none;
    color: var(--ep-color-text-inverse);
    background: var(--color-primary-800)
}

.phantom-blue ion-datetime[data-v-59af2d56] {
    --background: #1a1f30;
    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)
}

.phantom-blue 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)
}

.phantom-blue ion-datetime[data-v-59af2d56]::part(calendar-day active) {
    box-shadow: none;
    color: var(--ep-color-text-inverse);
    background: var(--color-primary-800)
}

.color-primary-600[data-v-0a55ca9e] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-0a55ca9e] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-0a55ca9e] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-0a55ca9e] {
    color: var(--color-primary-900)
}

.bg-100[data-v-0a55ca9e] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-0a55ca9e] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-0a55ca9e] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-0a55ca9e] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-0a55ca9e] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-0a55ca9e] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-0a55ca9e] {
    background-color: var(--color-warning)
}

.bg-link[data-v-0a55ca9e] {
    background-color: var(--color-link)
}

.bg-danger[data-v-0a55ca9e] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-0a55ca9e] {
    color: var(--color-text-100)
}

.color-text-80[data-v-0a55ca9e] {
    color: var(--color-text-80)
}

.color-text-50[data-v-0a55ca9e] {
    color: var(--color-text-50)
}

.color-text-40[data-v-0a55ca9e] {
    color: var(--color-text-40)
}

.color-text-20[data-v-0a55ca9e] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-0a55ca9e] {
    color: var(--color-currency)
}

.color-warning[data-v-0a55ca9e] {
    color: var(--color-warning)
}

.color-danger[data-v-0a55ca9e] {
    color: var(--color-danger)
}

.color-link[data-v-0a55ca9e] {
    color: var(--color-link)
}

.color-line[data-v-0a55ca9e] {
    color: var(--color-line)
}

.color-border[data-v-0a55ca9e] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-0a55ca9e] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-0a55ca9e] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-0a55ca9e] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-0a55ca9e] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-0a55ca9e] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-0a55ca9e] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-0a55ca9e] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-0a55ca9e] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-0a55ca9e] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-0a55ca9e] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-0a55ca9e] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-0a55ca9e] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-0a55ca9e] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-0a55ca9e] {
    display: flex;
    align-items: center
}

.flex-start[data-v-0a55ca9e] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-0a55ca9e] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-0a55ca9e] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-0a55ca9e] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-0a55ca9e] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-0a55ca9e] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-0a55ca9e] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-0a55ca9e] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-0a55ca9e] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-0a55ca9e] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-0a55ca9e] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-0a55ca9e] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-0a55ca9e] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-0a55ca9e] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-0a55ca9e] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-0a55ca9e] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-0a55ca9e] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-0a55ca9e] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-0a55ca9e] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-0a55ca9e] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-0a55ca9e] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-0a55ca9e] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-0a55ca9e] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-0a55ca9e] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-0a55ca9e],
.mlm-selected-item[data-v-0a55ca9e] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-0a55ca9e] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-0a55ca9e]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-0a55ca9e] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-0a55ca9e] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-0a55ca9e] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.date[data-v-0a55ca9e] {
    min-width: 11rem;
    border-radius: .25rem;
    padding: 0 .4375rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 2rem;
    background-color: var(--mlm-agent-date-bg-color)
}

.date.ab-calendar2[data-v-0a55ca9e] {
    padding: .125rem .25rem
}

.date span[data-v-0a55ca9e] {
    font-size: .75rem;
    font-weight: 500;
    color: var(--mlm-subdetail-item-name-color)
}

.date .timeChoose[data-v-0a55ca9e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 700;
    flex: 1;
    margin-left: .3125rem
}

.date .timeChoose p[data-v-0a55ca9e] {
    font-size: .75rem;
    color: var(--mlm-selected-text-color);
    margin: 0
}

.date .timeChoose p.on[data-v-0a55ca9e] {
    border-bottom: 1px solid #38A8FA
}

.date .timeChoose .separator[data-v-0a55ca9e] {
    margin: 0 .25rem;
    font-size: .75rem;
    color: var(--mlm-selected-text-color)
}

.date .timeChoose ion-icon[data-v-0a55ca9e] {
    font-size: .875rem;
    margin-left: .25rem;
    color: var(--mlm-select-icon-text-color)
}

.new-skin-symbol .date[data-v-0a55ca9e] {
    background-color: var(--ep-color-background-fill-surface-raised-L1)
}

.new-skin-symbol .date span[data-v-0a55ca9e] {
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol .date .timeChoose p[data-v-0a55ca9e],
.new-skin-symbol .date .timeChoose .separator[data-v-0a55ca9e] {
    color: var(--ep-color-text-default)
}

.new-skin-symbol .date .timeChoose ion-icon[data-v-0a55ca9e] {
    color: var(--ep-color-icon-weaker)
}

[data-v-0a55ca9e] ion-popover {
    --width: 22rem;
    --max-width: 90vw
}

ion-datetime[data-v-0a55ca9e] {
    --wheel-fade-background-rgb: transparent;
    font-size: 1rem
}

ion-datetime[data-v-0a55ca9e]::part(month-year) {
    font-size: 1.125rem;
    font-weight: 500
}

ion-datetime[data-v-0a55ca9e]::part(calendar-day) {
    font-size: 1rem;
    width: 2.5rem;
    height: 2.5rem
}

ion-datetime[data-v-0a55ca9e]::part(button) {
    font-size: 1rem
}

ion-datetime[data-v-0a55ca9e]::part(calendar-day active) {
    box-shadow: none
}

.neo-blue ion-datetime[data-v-0a55ca9e],
.goldshine-green ion-datetime[data-v-0a55ca9e],
.stellar-dusk ion-datetime[data-v-0a55ca9e],
.prosperity-red ion-datetime[data-v-0a55ca9e] {
    --background: var(--ep-color-background-fill-surface-raised-L2);
    color: var(--ep-color-text-weak);
    --wheel-highlight-background: var(--ep-color-background-fill-active-primary);
    --wheel-fade-background-rgb: none;
    --wheel-highlight-border-radius: .5rem;
    --color: var(--ep-color-background-fill-active-primary);
    --ion-color-primary: var(--ep-color-background-fill-active-primary);
    --ion-color-step-300: rgba(255, 255, 255, .6)
}

.neo-blue ion-datetime[data-v-0a55ca9e]::part(month-year-button),
.goldshine-green ion-datetime[data-v-0a55ca9e]::part(month-year-button),
.stellar-dusk ion-datetime[data-v-0a55ca9e]::part(month-year-button),
.prosperity-red ion-datetime[data-v-0a55ca9e]::part(month-year-button) {
    --color: var(--ep-color-background-fill-active-primary);
    color: var(--ep-color-background-fill-active-primary);
    --ion-color-base: var(--ep-color-background-fill-active-primary)
}

.neo-blue ion-datetime[data-v-0a55ca9e]::part(calendar-day active),
.goldshine-green ion-datetime[data-v-0a55ca9e]::part(calendar-day active),
.stellar-dusk ion-datetime[data-v-0a55ca9e]::part(calendar-day active),
.prosperity-red ion-datetime[data-v-0a55ca9e]::part(calendar-day active) {
    box-shadow: none;
    color: var(--ep-color-text-inverse);
    background: var(--ep-color-background-fill-active-primary)
}

.green-dark ion-datetime[data-v-0a55ca9e],
.yellow-dark 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: rgba(255, 255, 255, .6);
    --ion-color-step-300: rgba(255, 255, 255, .6)
}

.green-dark ion-datetime[data-v-0a55ca9e]::part(month-year-button),
.yellow-dark ion-datetime[data-v-0a55ca9e]::part(month-year-button) {
    --color: var(--color-primary-800);
    color: var(--color-primary-800);
    --ion-color-base: var(--color-primary-800)
}

.green-dark ion-datetime[data-v-0a55ca9e]::part(calendar-day active),
.yellow-dark ion-datetime[data-v-0a55ca9e]::part(calendar-day active) {
    box-shadow: none;
    color: #fff;
    background: var(--color-primary-800)
}

.purple-light ion-datetime[data-v-0a55ca9e] {
    --background: var(--ep-color-background-fill-surface-raised-L2);
    color: var(--color-primary-800);
    --wheel-highlight-background: #fff;
    --wheel-fade-background-rgb: none;
    --wheel-highlight-border-radius: .5rem;
    --color: var(--ep-color-background-fill-active-primary);
    --ion-color-primary: #4d4d4d;
    --ion-color-step-300: #4d4d4d
}

.purple-light 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)
}

.purple-light ion-datetime[data-v-0a55ca9e]::part(calendar-day active) {
    box-shadow: none;
    color: #fff;
    background: var(--color-primary-800)
}

.amber-purple ion-datetime[data-v-0a55ca9e] {
    --background: var(--ep-color-background-fill-surface-raised-L2);
    color: #bdb8e1;
    --wheel-highlight-background: #7041f3;
    --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)
}

.amber-purple 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)
}

.amber-purple ion-datetime[data-v-0a55ca9e]::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)
}

.green-default ion-datetime[data-v-0a55ca9e] {
    --background: var(--color-bg-commission-third);
    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)
}

.green-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)
}

.green-default ion-datetime[data-v-0a55ca9e]::part(calendar-day active) {
    box-shadow: none;
    color: #fff;
    background: var(--color-primary-800)
}

.forest-green ion-datetime[data-v-0a55ca9e] {
    --background: var(--color-bg-commission-third);
    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: #009f76;
    --ion-color-step-300: rgba(255, 255, 255, .6)
}

.forest-green ion-datetime[data-v-0a55ca9e]::part(month-year-button) {
    --color: var(--ep-color-background-fill-active-primary);
    color: #009f76;
    --ion-color-base: #009f76
}

.forest-green ion-datetime[data-v-0a55ca9e]::part(calendar-day active) {
    box-shadow: none;
    color: var(--ep-color-text-inverse);
    background: var(--color-primary-800)
}

.auroral-yellow ion-datetime[data-v-0a55ca9e] {
    --background: var(--color-bg-commission-third);
    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)
}

.auroral-yellow 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)
}

.auroral-yellow ion-datetime[data-v-0a55ca9e]::part(calendar-day active) {
    box-shadow: none;
    color: var(--ep-color-text-inverse);
    background: var(--color-primary-800)
}

.phantom-blue ion-datetime[data-v-0a55ca9e] {
    --background: #1a1f30;
    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)
}

.phantom-blue 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)
}

.phantom-blue ion-datetime[data-v-0a55ca9e]::part(calendar-day active) {
    box-shadow: none;
    color: var(--ep-color-text-inverse);
    background: var(--color-primary-800)
}

.color-primary-600[data-v-5f2cbc0b] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-5f2cbc0b] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-5f2cbc0b] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-5f2cbc0b] {
    color: var(--color-primary-900)
}

.bg-100[data-v-5f2cbc0b] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-5f2cbc0b] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-5f2cbc0b] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-5f2cbc0b] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-5f2cbc0b] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-5f2cbc0b] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-5f2cbc0b] {
    background-color: var(--color-warning)
}

.bg-link[data-v-5f2cbc0b] {
    background-color: var(--color-link)
}

.bg-danger[data-v-5f2cbc0b] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-5f2cbc0b] {
    color: var(--color-text-100)
}

.color-text-80[data-v-5f2cbc0b] {
    color: var(--color-text-80)
}

.color-text-50[data-v-5f2cbc0b] {
    color: var(--color-text-50)
}

.color-text-40[data-v-5f2cbc0b] {
    color: var(--color-text-40)
}

.color-text-20[data-v-5f2cbc0b] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-5f2cbc0b] {
    color: var(--color-currency)
}

.color-warning[data-v-5f2cbc0b] {
    color: var(--color-warning)
}

.color-danger[data-v-5f2cbc0b] {
    color: var(--color-danger)
}

.color-link[data-v-5f2cbc0b] {
    color: var(--color-link)
}

.color-line[data-v-5f2cbc0b] {
    color: var(--color-line)
}

.color-border[data-v-5f2cbc0b] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-5f2cbc0b] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-5f2cbc0b] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-5f2cbc0b] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-5f2cbc0b] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-5f2cbc0b] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-5f2cbc0b] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-5f2cbc0b] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-5f2cbc0b] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-5f2cbc0b] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-5f2cbc0b] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-5f2cbc0b] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-5f2cbc0b] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-5f2cbc0b] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-5f2cbc0b] {
    display: flex;
    align-items: center
}

.flex-start[data-v-5f2cbc0b] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-5f2cbc0b] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-5f2cbc0b] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-5f2cbc0b] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-5f2cbc0b] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-5f2cbc0b] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-5f2cbc0b] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-5f2cbc0b] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-5f2cbc0b] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-5f2cbc0b] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-5f2cbc0b] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-5f2cbc0b] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-5f2cbc0b] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-5f2cbc0b] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-5f2cbc0b] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-5f2cbc0b] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-5f2cbc0b] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-5f2cbc0b] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-5f2cbc0b] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-5f2cbc0b] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-5f2cbc0b] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-5f2cbc0b] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-5f2cbc0b] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-5f2cbc0b] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-5f2cbc0b],
.mlm-selected-item[data-v-5f2cbc0b] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-5f2cbc0b] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-5f2cbc0b]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-5f2cbc0b] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-5f2cbc0b] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-5f2cbc0b] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.subordinateInfo .subordinate-info-time[data-v-5f2cbc0b] {
    display: flex;
    justify-content: space-between;
    font-size: .75rem;
    line-height: 2rem;
    border-radius: .25rem
}

.subordinateInfo .subordinate-info-time .level[data-v-5f2cbc0b] {
    width: 11rem;
    border-radius: .25rem;
    padding-left: .4375rem;
    padding-right: .4375rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.subordinateInfo .subordinate-info-time .level .type[data-v-5f2cbc0b] {
    margin-right: .5rem;
    font-size: .75rem;
    line-height: 1.125rem;
    font-weight: 700;
    white-space: nowrap
}

.subordinateInfo .subordinate-info-time .level ion-icon[data-v-5f2cbc0b] {
    width: .875rem;
    height: .875rem
}

.subordinateInfo .subordinate-info-time .date[data-v-5f2cbc0b] {
    min-width: 11rem;
    border-radius: .25rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 2rem
}

.subordinateInfo .subordinate-info-time .date span[data-v-5f2cbc0b] {
    font-size: .75rem;
    font-weight: 500
}

.subordinateInfo .subordinate-info-time .date .timeChoose[data-v-5f2cbc0b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 700;
    flex: 1;
    margin-left: .3125rem
}

.subordinateInfo .subordinate-info-time .date .timeChoose ion-icon[data-v-5f2cbc0b] {
    font-size: .875rem;
    margin-left: .25rem
}

.subordinateInfo .filter[data-v-5f2cbc0b] {
    margin-top: 1.4375rem;
    width: 100%;
    height: 2.25rem;
    border-radius: .25rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.subordinateInfo .filter ion-searchbar[data-v-5f2cbc0b] {
    flex: 1;
    padding-left: .125rem;
    font-size: .875rem
}

.subordinateInfo .filter ion-icon[data-v-5f2cbc0b] {
    margin-right: .8438rem;
    font-weight: 700;
    width: 1.5rem;
    height: 1.5rem
}

.subordinateInfo .perMes[data-v-5f2cbc0b] {
    margin-top: .9375rem
}

.subordinateInfo .perMes .perCard[data-v-5f2cbc0b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
    height: 8.9375rem;
    width: 100%;
    border-radius: .375rem;
    position: relative
}

.subordinateInfo .perMes .perCard .line[data-v-5f2cbc0b] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    opacity: .4;
    pointer-events: none;
    border-radius: .375rem
}

.subordinateInfo .perMes .perCard .perImg[data-v-5f2cbc0b] {
    width: 6.875rem;
    height: 8rem;
    padding-top: 1.7188rem
}

.subordinateInfo .perMes .perCard .perImg img[data-v-5f2cbc0b] {
    border-radius: 50%
}

.subordinateInfo .perMes .perCard .perImg .idMes[data-v-5f2cbc0b] {
    width: 100%;
    display: flex;
    align-items: center;
    padding-left: .3125rem
}

.subordinateInfo .perMes .perCard .perImg .idMes .idNum[data-v-5f2cbc0b] {
    font-size: .75rem;
    line-height: 1.3125rem;
    font-weight: 500
}

.subordinateInfo .perMes .perCard .perImg .idMes ion-icon[data-v-5f2cbc0b] {
    width: 1.125rem;
    height: 1.125rem
}

.subordinateInfo .perMes .perCard .mes[data-v-5f2cbc0b] {
    flex: 1;
    padding-top: .6875rem;
    padding-left: .6094rem;
    height: 100%
}

.subordinateInfo .perMes .perCard .mes .top[data-v-5f2cbc0b] {
    display: flex;
    font-weight: 500;
    font-size: .75rem;
    line-height: 1.125rem
}

.subordinateInfo .perMes .perCard .mes .top .left[data-v-5f2cbc0b] {
    width: 43%
}

.subordinateInfo .perMes .perCard .mes .top .right[data-v-5f2cbc0b] {
    flex: 1;
    padding-left: .375rem
}

.subordinateInfo .perMes .perCard .mes .bottom[data-v-5f2cbc0b] {
    display: flex;
    font-size: .625rem;
    line-height: .9375rem;
    margin-bottom: .625rem
}

.subordinateInfo .perMes .perCard .mes .bottom .left[data-v-5f2cbc0b] {
    width: 43%
}

.subordinateInfo .perMes .perCard .mes .bottom .right[data-v-5f2cbc0b] {
    flex: 1;
    padding-left: .375rem
}

.subordinateInfo .empty[data-v-5f2cbc0b] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.subordinateInfo .empty .img[data-v-5f2cbc0b] {
    width: 7.5rem;
    margin-top: 7.875rem;
    margin-bottom: 7.875rem
}

ion-datetime[data-v-5f2cbc0b] {
    --wheel-fade-background-rgb: transperent
}

ion-datetime[data-v-5f2cbc0b]::part(calendar-day active) {
    box-shadow: none
}

.perMes ion-img[data-v-5f2cbc0b]::part(image) {
    border-radius: 50% !important
}

ion-searchbar#search-agency[data-v-5f2cbc0b] {
    --background: transprant
}

[data-v-5f2cbc0b] ion-searchbar input {
    font-size: .875rem !important;
    box-shadow: none !important
}

ion-icon.on[data-v-5f2cbc0b] {
    transform: rotate(180deg)
}

ion-popover#statement-trigger-level[data-v-5f2cbc0b] {
    left: 1.75rem;
    --width: 7.5rem !important;
    --backdrop-opacity: 0;
    --box-shadow: none
}

ion-popover.level-popover[data-v-5f2cbc0b] {
    --backdrop-opacity: 0;
    --box-shadow: none
}

ion-popover.level-popover ion-row[data-v-5f2cbc0b] {
    min-width: 7.5rem;
    overflow: hidden;
    border-radius: .375rem;
    margin-top: .625rem
}

ion-popover.level-popover ion-row ion-col[data-v-5f2cbc0b] {
    padding: 0rem
}

ion-popover.level-popover ion-row p[data-v-5f2cbc0b] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .75rem;
    line-height: 1.125rem;
    height: 2.25rem;
    text-align: center;
    padding: .25rem .625rem
}

ion-popover.level-popover ion-row p.selected[data-v-5f2cbc0b] {
    border: none;
    font-weight: 700
}

ion-popover.level-popover ion-row p.unSelected[data-v-5f2cbc0b] {
    border: none;
    font-weight: 500
}

.subordinate-info[data-v-5f2cbc0b] {
    width: 100%;
    margin-top: .875rem;
    display: flex;
    flex-wrap: wrap;
    min-height: 10rem;
    padding: .6563rem .75rem .7813rem;
    border-radius: .375rem
}

.subordinate-info .subordinate-item[data-v-5f2cbc0b] {
    margin-bottom: .8125rem;
    margin-right: .8125rem;
    padding: .625rem 0;
    width: calc(33% - .5437rem);
    font-size: .625rem;
    line-height: .9375rem;
    border-radius: .25rem;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly
}

.subordinate-info .subordinate-item .sub-item-value[data-v-5f2cbc0b] {
    font-size: 1.125rem;
    line-height: 1.6875rem;
    font-weight: 700
}

.subordinate-info .subordinate-item .icon[data-v-5f2cbc0b] {
    flex: 1;
    display: flex;
    justify-content: center
}

.subordinate-info .subordinate-item .icon ion-icon[data-v-5f2cbc0b] {
    font-size: 1rem;
    margin-right: .125rem
}

.subordinate-info .subordinate-item-bottom[data-v-5f2cbc0b] {
    margin-bottom: 0
}

.subordinate-info .subordinate-item[data-v-5f2cbc0b]:nth-child(3),
.subordinate-info .subordinate-item[data-v-5f2cbc0b]:nth-child(3n) {
    margin-right: 0
}

ion-infinite-scroll-content[data-v-5f2cbc0b] {
    min-height: .625rem;
    font-size: .75rem
}

.amber-purple body div#app ion-router-outlet>div.ion-page[data-v-5f2cbc0b]:after,
.amber-purple body div#app ion-router-outlet>div.ion-page[data-v-5f2cbc0b]:before {
    width: 0;
    height: 0
}

.auroral-yellow ion-toolbar[data-v-5f2cbc0b] {
    --border-width: 0rem
}

.subordinateInfo .subordinate-info-time[data-v-5f2cbc0b] {
    color: var(--mlm-color-text-basic)
}

.subordinateInfo .subordinate-info-time .level[data-v-5f2cbc0b] {
    background-color: var(--mlm-agent-date-bg-color)
}

.subordinateInfo .subordinate-info-time .level .type[data-v-5f2cbc0b] {
    color: var(--mlm-selected-text-color)
}

.subordinateInfo .subordinate-info-time .level ion-icon[data-v-5f2cbc0b] {
    color: var(--mlm-select-icon-text-color)
}

.subordinateInfo .subordinate-info-time .date[data-v-5f2cbc0b] {
    background-color: var(--mlm-agent-date-bg-color)
}

.subordinateInfo .subordinate-info-time .date span[data-v-5f2cbc0b] {
    color: var(--mlm-subdetail-item-name-color)
}

.subordinateInfo .subordinate-info-time .date .timeChoose ion-icon[data-v-5f2cbc0b] {
    color: var(--mlm-select-icon-text-color)
}

.subordinateInfo .filter[data-v-5f2cbc0b] {
    background-color: var(--color-bg-commission-fourth);
    border: .0625rem solid var(--color-line-default)
}

.subordinateInfo .filter ion-icon[data-v-5f2cbc0b] {
    color: var(--mlm-searchbar-icon-color)
}

.subordinateInfo .perMes .perCard[data-v-5f2cbc0b] {
    background-color: var(--mlm-subdetail-box-bgc);
    border: .0625rem solid var(--mlm-subdetail-box-border-color)
}

.subordinateInfo .perMes .perCard .line[data-v-5f2cbc0b] {
    box-shadow: 0 .1875rem 0 0 var(--mlm-subdetail-top-bgc) inset
}

.subordinateInfo .perMes .perCard .perImg[data-v-5f2cbc0b] {
    border-right: .0625rem solid var(--mlm-subdetail-border-color)
}

.subordinateInfo .perMes .perCard .perImg .idMes .idNum[data-v-5f2cbc0b] {
    color: var(--mlm-subordinate-id-text-color)
}

.subordinateInfo .perMes .perCard .perImg .idMes ion-icon[data-v-5f2cbc0b] {
    color: var(--mlm-subdetail-item-name-color)
}

.subordinateInfo .perMes .perCard .mes .top[data-v-5f2cbc0b] {
    color: var(--color-text-100)
}

.subordinateInfo .perMes .perCard .mes .top .right[data-v-5f2cbc0b] {
    border-left: .0625rem solid var(--color-line-default)
}

.subordinateInfo .perMes .perCard .mes .bottom[data-v-5f2cbc0b] {
    color: var(--mlm-subdetail-item-name-color)
}

.subordinateInfo .perMes .perCard .mes .bottom .right[data-v-5f2cbc0b] {
    border-left: .0625rem solid var(--color-line-default)
}

ion-toolbar[data-v-5f2cbc0b] {
    --background: var(--mlm-toolbar-bg-color)
}

ion-datetime[data-v-5f2cbc0b] {
    --background: var(--color-bg-commission-third);
    --wheel-highlight-background: var(--color-primary-800)
}

ion-datetime[data-v-5f2cbc0b]::part(calendar-day active) {
    color: var(--agent-btn-color);
    background: var(--color-primary-800)
}

ion-datetime[data-v-5f2cbc0b]::part(month-year-button) {
    color: var(--color-primary-800)
}

ion-searchbar#search-agency[data-v-5f2cbc0b] {
    --placeholder-color: var(--mlm-searchbar-placeholder-color);
    color: var(--mlm-searchbar-enter-color)
}

ion-popover.level-popover ion-row p.selected[data-v-5f2cbc0b] {
    background: var(--activity-record-selected-item-bg);
    color: var(--mlm-selected-text-color)
}

ion-popover.level-popover ion-row p.unSelected[data-v-5f2cbc0b] {
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color)
}

.subordinate-info[data-v-5f2cbc0b] {
    background-color: var(--color-bg-commission-second)
}

.subordinate-info .subordinate-item[data-v-5f2cbc0b] {
    background: var(--color-bg-commission-third);
    color: var(--mlm-subdetail-item-name-color)
}

.subordinate-info .subordinate-item .sub-item-value[data-v-5f2cbc0b] {
    color: var(--color-text-basic)
}

.subordinate-info .subordinate-item .icon ion-icon[data-v-5f2cbc0b] {
    color: var(--mlm-subordinate-money-text-color)
}

ion-infinite-scroll-content[data-v-5f2cbc0b] {
    color: var(--color-text-40)
}

.yellow-dark .subordinateInfo .subordinate-info-time[data-v-5f2cbc0b],
.green-dark .subordinateInfo .subordinate-info-time[data-v-5f2cbc0b],
.purple-light .subordinateInfo .subordinate-info-time[data-v-5f2cbc0b],
.amber-purple .subordinateInfo .subordinate-info-time[data-v-5f2cbc0b],
.blue-default .subordinateInfo .subordinate-info-time[data-v-5f2cbc0b],
.forest-green .subordinateInfo .subordinate-info-time[data-v-5f2cbc0b],
.green-default .subordinateInfo .subordinate-info-time[data-v-5f2cbc0b],
.auroral-yellow .subordinateInfo .subordinate-info-time[data-v-5f2cbc0b] {
    color: var(--mlm-color-text-basic)
}

.yellow-dark .subordinateInfo .subordinate-info-time .level[data-v-5f2cbc0b],
.green-dark .subordinateInfo .subordinate-info-time .level[data-v-5f2cbc0b],
.purple-light .subordinateInfo .subordinate-info-time .level[data-v-5f2cbc0b],
.amber-purple .subordinateInfo .subordinate-info-time .level[data-v-5f2cbc0b],
.blue-default .subordinateInfo .subordinate-info-time .level[data-v-5f2cbc0b],
.forest-green .subordinateInfo .subordinate-info-time .level[data-v-5f2cbc0b],
.green-default .subordinateInfo .subordinate-info-time .level[data-v-5f2cbc0b],
.auroral-yellow .subordinateInfo .subordinate-info-time .level[data-v-5f2cbc0b] {
    background-color: var(--mlm-agent-date-bg-color)
}

.yellow-dark .subordinateInfo .subordinate-info-time .level .type[data-v-5f2cbc0b],
.green-dark .subordinateInfo .subordinate-info-time .level .type[data-v-5f2cbc0b],
.purple-light .subordinateInfo .subordinate-info-time .level .type[data-v-5f2cbc0b],
.amber-purple .subordinateInfo .subordinate-info-time .level .type[data-v-5f2cbc0b],
.blue-default .subordinateInfo .subordinate-info-time .level .type[data-v-5f2cbc0b],
.forest-green .subordinateInfo .subordinate-info-time .level .type[data-v-5f2cbc0b],
.green-default .subordinateInfo .subordinate-info-time .level .type[data-v-5f2cbc0b],
.auroral-yellow .subordinateInfo .subordinate-info-time .level .type[data-v-5f2cbc0b] {
    color: var(--mlm-selected-text-color)
}

.yellow-dark .subordinateInfo .subordinate-info-time .level ion-icon[data-v-5f2cbc0b],
.green-dark .subordinateInfo .subordinate-info-time .level ion-icon[data-v-5f2cbc0b],
.purple-light .subordinateInfo .subordinate-info-time .level ion-icon[data-v-5f2cbc0b],
.amber-purple .subordinateInfo .subordinate-info-time .level ion-icon[data-v-5f2cbc0b],
.blue-default .subordinateInfo .subordinate-info-time .level ion-icon[data-v-5f2cbc0b],
.forest-green .subordinateInfo .subordinate-info-time .level ion-icon[data-v-5f2cbc0b],
.green-default .subordinateInfo .subordinate-info-time .level ion-icon[data-v-5f2cbc0b],
.auroral-yellow .subordinateInfo .subordinate-info-time .level ion-icon[data-v-5f2cbc0b] {
    color: var(--mlm-select-icon-text-color)
}

.yellow-dark .subordinateInfo .subordinate-info-time .date[data-v-5f2cbc0b],
.green-dark .subordinateInfo .subordinate-info-time .date[data-v-5f2cbc0b],
.purple-light .subordinateInfo .subordinate-info-time .date[data-v-5f2cbc0b],
.amber-purple .subordinateInfo .subordinate-info-time .date[data-v-5f2cbc0b],
.blue-default .subordinateInfo .subordinate-info-time .date[data-v-5f2cbc0b],
.forest-green .subordinateInfo .subordinate-info-time .date[data-v-5f2cbc0b],
.green-default .subordinateInfo .subordinate-info-time .date[data-v-5f2cbc0b],
.auroral-yellow .subordinateInfo .subordinate-info-time .date[data-v-5f2cbc0b] {
    background-color: var(--mlm-agent-date-bg-color)
}

.yellow-dark .subordinateInfo .subordinate-info-time .date span[data-v-5f2cbc0b],
.green-dark .subordinateInfo .subordinate-info-time .date span[data-v-5f2cbc0b],
.purple-light .subordinateInfo .subordinate-info-time .date span[data-v-5f2cbc0b],
.amber-purple .subordinateInfo .subordinate-info-time .date span[data-v-5f2cbc0b],
.blue-default .subordinateInfo .subordinate-info-time .date span[data-v-5f2cbc0b],
.forest-green .subordinateInfo .subordinate-info-time .date span[data-v-5f2cbc0b],
.green-default .subordinateInfo .subordinate-info-time .date span[data-v-5f2cbc0b],
.auroral-yellow .subordinateInfo .subordinate-info-time .date span[data-v-5f2cbc0b] {
    color: var(--mlm-subdetail-item-name-color)
}

.yellow-dark .subordinateInfo .subordinate-info-time .date .timeChoose ion-icon[data-v-5f2cbc0b],
.green-dark .subordinateInfo .subordinate-info-time .date .timeChoose ion-icon[data-v-5f2cbc0b],
.purple-light .subordinateInfo .subordinate-info-time .date .timeChoose ion-icon[data-v-5f2cbc0b],
.amber-purple .subordinateInfo .subordinate-info-time .date .timeChoose ion-icon[data-v-5f2cbc0b],
.blue-default .subordinateInfo .subordinate-info-time .date .timeChoose ion-icon[data-v-5f2cbc0b],
.forest-green .subordinateInfo .subordinate-info-time .date .timeChoose ion-icon[data-v-5f2cbc0b],
.green-default .subordinateInfo .subordinate-info-time .date .timeChoose ion-icon[data-v-5f2cbc0b],
.auroral-yellow .subordinateInfo .subordinate-info-time .date .timeChoose ion-icon[data-v-5f2cbc0b] {
    color: var(--mlm-select-icon-text-color)
}

.yellow-dark .subordinateInfo .filter[data-v-5f2cbc0b],
.green-dark .subordinateInfo .filter[data-v-5f2cbc0b],
.purple-light .subordinateInfo .filter[data-v-5f2cbc0b],
.amber-purple .subordinateInfo .filter[data-v-5f2cbc0b],
.blue-default .subordinateInfo .filter[data-v-5f2cbc0b],
.forest-green .subordinateInfo .filter[data-v-5f2cbc0b],
.green-default .subordinateInfo .filter[data-v-5f2cbc0b],
.auroral-yellow .subordinateInfo .filter[data-v-5f2cbc0b] {
    background-color: var(--color-bg-commission-fourth);
    border: .0625rem solid var(--color-line-default)
}

.yellow-dark .subordinateInfo .filter ion-icon[data-v-5f2cbc0b],
.green-dark .subordinateInfo .filter ion-icon[data-v-5f2cbc0b],
.purple-light .subordinateInfo .filter ion-icon[data-v-5f2cbc0b],
.amber-purple .subordinateInfo .filter ion-icon[data-v-5f2cbc0b],
.blue-default .subordinateInfo .filter ion-icon[data-v-5f2cbc0b],
.forest-green .subordinateInfo .filter ion-icon[data-v-5f2cbc0b],
.green-default .subordinateInfo .filter ion-icon[data-v-5f2cbc0b],
.auroral-yellow .subordinateInfo .filter ion-icon[data-v-5f2cbc0b] {
    color: var(--mlm-searchbar-icon-color)
}

.yellow-dark .subordinateInfo .perMes .perCard[data-v-5f2cbc0b],
.green-dark .subordinateInfo .perMes .perCard[data-v-5f2cbc0b],
.purple-light .subordinateInfo .perMes .perCard[data-v-5f2cbc0b],
.amber-purple .subordinateInfo .perMes .perCard[data-v-5f2cbc0b],
.blue-default .subordinateInfo .perMes .perCard[data-v-5f2cbc0b],
.forest-green .subordinateInfo .perMes .perCard[data-v-5f2cbc0b],
.green-default .subordinateInfo .perMes .perCard[data-v-5f2cbc0b],
.auroral-yellow .subordinateInfo .perMes .perCard[data-v-5f2cbc0b] {
    background-color: var(--mlm-subdetail-box-bgc);
    border: .0625rem solid var(--mlm-subdetail-box-border-color)
}

.yellow-dark .subordinateInfo .perMes .perCard .line[data-v-5f2cbc0b],
.green-dark .subordinateInfo .perMes .perCard .line[data-v-5f2cbc0b],
.purple-light .subordinateInfo .perMes .perCard .line[data-v-5f2cbc0b],
.amber-purple .subordinateInfo .perMes .perCard .line[data-v-5f2cbc0b],
.blue-default .subordinateInfo .perMes .perCard .line[data-v-5f2cbc0b],
.forest-green .subordinateInfo .perMes .perCard .line[data-v-5f2cbc0b],
.green-default .subordinateInfo .perMes .perCard .line[data-v-5f2cbc0b],
.auroral-yellow .subordinateInfo .perMes .perCard .line[data-v-5f2cbc0b] {
    box-shadow: 0 .1875rem 0 0 var(--mlm-subdetail-top-bgc) inset
}

.yellow-dark .subordinateInfo .perMes .perCard .perImg[data-v-5f2cbc0b],
.green-dark .subordinateInfo .perMes .perCard .perImg[data-v-5f2cbc0b],
.purple-light .subordinateInfo .perMes .perCard .perImg[data-v-5f2cbc0b],
.amber-purple .subordinateInfo .perMes .perCard .perImg[data-v-5f2cbc0b],
.blue-default .subordinateInfo .perMes .perCard .perImg[data-v-5f2cbc0b],
.forest-green .subordinateInfo .perMes .perCard .perImg[data-v-5f2cbc0b],
.green-default .subordinateInfo .perMes .perCard .perImg[data-v-5f2cbc0b],
.auroral-yellow .subordinateInfo .perMes .perCard .perImg[data-v-5f2cbc0b] {
    border-right: .0625rem solid var(--mlm-subdetail-border-color)
}

.yellow-dark .subordinateInfo .perMes .perCard .perImg .idMes .idNum[data-v-5f2cbc0b],
.green-dark .subordinateInfo .perMes .perCard .perImg .idMes .idNum[data-v-5f2cbc0b],
.purple-light .subordinateInfo .perMes .perCard .perImg .idMes .idNum[data-v-5f2cbc0b],
.amber-purple .subordinateInfo .perMes .perCard .perImg .idMes .idNum[data-v-5f2cbc0b],
.blue-default .subordinateInfo .perMes .perCard .perImg .idMes .idNum[data-v-5f2cbc0b],
.forest-green .subordinateInfo .perMes .perCard .perImg .idMes .idNum[data-v-5f2cbc0b],
.green-default .subordinateInfo .perMes .perCard .perImg .idMes .idNum[data-v-5f2cbc0b],
.auroral-yellow .subordinateInfo .perMes .perCard .perImg .idMes .idNum[data-v-5f2cbc0b] {
    color: var(--mlm-subordinate-id-text-color)
}

.yellow-dark .subordinateInfo .perMes .perCard .perImg .idMes ion-icon[data-v-5f2cbc0b],
.green-dark .subordinateInfo .perMes .perCard .perImg .idMes ion-icon[data-v-5f2cbc0b],
.purple-light .subordinateInfo .perMes .perCard .perImg .idMes ion-icon[data-v-5f2cbc0b],
.amber-purple .subordinateInfo .perMes .perCard .perImg .idMes ion-icon[data-v-5f2cbc0b],
.blue-default .subordinateInfo .perMes .perCard .perImg .idMes ion-icon[data-v-5f2cbc0b],
.forest-green .subordinateInfo .perMes .perCard .perImg .idMes ion-icon[data-v-5f2cbc0b],
.green-default .subordinateInfo .perMes .perCard .perImg .idMes ion-icon[data-v-5f2cbc0b],
.auroral-yellow .subordinateInfo .perMes .perCard .perImg .idMes ion-icon[data-v-5f2cbc0b] {
    color: var(--mlm-subdetail-item-name-color)
}

.yellow-dark .subordinateInfo .perMes .perCard .mes .top[data-v-5f2cbc0b],
.green-dark .subordinateInfo .perMes .perCard .mes .top[data-v-5f2cbc0b],
.purple-light .subordinateInfo .perMes .perCard .mes .top[data-v-5f2cbc0b],
.amber-purple .subordinateInfo .perMes .perCard .mes .top[data-v-5f2cbc0b],
.blue-default .subordinateInfo .perMes .perCard .mes .top[data-v-5f2cbc0b],
.forest-green .subordinateInfo .perMes .perCard .mes .top[data-v-5f2cbc0b],
.green-default .subordinateInfo .perMes .perCard .mes .top[data-v-5f2cbc0b],
.auroral-yellow .subordinateInfo .perMes .perCard .mes .top[data-v-5f2cbc0b] {
    color: var(--color-text-100)
}

.yellow-dark .subordinateInfo .perMes .perCard .mes .top .right[data-v-5f2cbc0b],
.green-dark .subordinateInfo .perMes .perCard .mes .top .right[data-v-5f2cbc0b],
.purple-light .subordinateInfo .perMes .perCard .mes .top .right[data-v-5f2cbc0b],
.amber-purple .subordinateInfo .perMes .perCard .mes .top .right[data-v-5f2cbc0b],
.blue-default .subordinateInfo .perMes .perCard .mes .top .right[data-v-5f2cbc0b],
.forest-green .subordinateInfo .perMes .perCard .mes .top .right[data-v-5f2cbc0b],
.green-default .subordinateInfo .perMes .perCard .mes .top .right[data-v-5f2cbc0b],
.auroral-yellow .subordinateInfo .perMes .perCard .mes .top .right[data-v-5f2cbc0b] {
    border-left: .0625rem solid var(--color-line-default)
}

.yellow-dark .subordinateInfo .perMes .perCard .mes .bottom[data-v-5f2cbc0b],
.green-dark .subordinateInfo .perMes .perCard .mes .bottom[data-v-5f2cbc0b],
.purple-light .subordinateInfo .perMes .perCard .mes .bottom[data-v-5f2cbc0b],
.amber-purple .subordinateInfo .perMes .perCard .mes .bottom[data-v-5f2cbc0b],
.blue-default .subordinateInfo .perMes .perCard .mes .bottom[data-v-5f2cbc0b],
.forest-green .subordinateInfo .perMes .perCard .mes .bottom[data-v-5f2cbc0b],
.green-default .subordinateInfo .perMes .perCard .mes .bottom[data-v-5f2cbc0b],
.auroral-yellow .subordinateInfo .perMes .perCard .mes .bottom[data-v-5f2cbc0b] {
    color: var(--mlm-subdetail-item-name-color)
}

.yellow-dark .subordinateInfo .perMes .perCard .mes .bottom .right[data-v-5f2cbc0b],
.green-dark .subordinateInfo .perMes .perCard .mes .bottom .right[data-v-5f2cbc0b],
.purple-light .subordinateInfo .perMes .perCard .mes .bottom .right[data-v-5f2cbc0b],
.amber-purple .subordinateInfo .perMes .perCard .mes .bottom .right[data-v-5f2cbc0b],
.blue-default .subordinateInfo .perMes .perCard .mes .bottom .right[data-v-5f2cbc0b],
.forest-green .subordinateInfo .perMes .perCard .mes .bottom .right[data-v-5f2cbc0b],
.green-default .subordinateInfo .perMes .perCard .mes .bottom .right[data-v-5f2cbc0b],
.auroral-yellow .subordinateInfo .perMes .perCard .mes .bottom .right[data-v-5f2cbc0b] {
    border-left: .0625rem solid var(--color-line-default)
}

.yellow-dark ion-toolbar[data-v-5f2cbc0b],
.green-dark ion-toolbar[data-v-5f2cbc0b],
.purple-light ion-toolbar[data-v-5f2cbc0b],
.amber-purple ion-toolbar[data-v-5f2cbc0b],
.blue-default ion-toolbar[data-v-5f2cbc0b],
.forest-green ion-toolbar[data-v-5f2cbc0b],
.green-default ion-toolbar[data-v-5f2cbc0b],
.auroral-yellow ion-toolbar[data-v-5f2cbc0b] {
    --background: var(--mlm-toolbar-bg-color)
}

.yellow-dark ion-datetime[data-v-5f2cbc0b],
.green-dark ion-datetime[data-v-5f2cbc0b],
.purple-light ion-datetime[data-v-5f2cbc0b],
.amber-purple ion-datetime[data-v-5f2cbc0b],
.blue-default ion-datetime[data-v-5f2cbc0b],
.forest-green ion-datetime[data-v-5f2cbc0b],
.green-default ion-datetime[data-v-5f2cbc0b],
.auroral-yellow ion-datetime[data-v-5f2cbc0b] {
    --background: var(--color-bg-commission-third);
    --wheel-highlight-background: var(--color-primary-800)
}

.yellow-dark ion-datetime[data-v-5f2cbc0b]::part(calendar-day active),
.green-dark ion-datetime[data-v-5f2cbc0b]::part(calendar-day active),
.purple-light ion-datetime[data-v-5f2cbc0b]::part(calendar-day active),
.amber-purple ion-datetime[data-v-5f2cbc0b]::part(calendar-day active),
.blue-default ion-datetime[data-v-5f2cbc0b]::part(calendar-day active),
.forest-green ion-datetime[data-v-5f2cbc0b]::part(calendar-day active),
.green-default ion-datetime[data-v-5f2cbc0b]::part(calendar-day active),
.auroral-yellow ion-datetime[data-v-5f2cbc0b]::part(calendar-day active) {
    color: var(--agent-btn-color);
    background: var(--color-primary-800)
}

.yellow-dark ion-datetime[data-v-5f2cbc0b]::part(month-year-button),
.green-dark ion-datetime[data-v-5f2cbc0b]::part(month-year-button),
.purple-light ion-datetime[data-v-5f2cbc0b]::part(month-year-button),
.amber-purple ion-datetime[data-v-5f2cbc0b]::part(month-year-button),
.blue-default ion-datetime[data-v-5f2cbc0b]::part(month-year-button),
.forest-green ion-datetime[data-v-5f2cbc0b]::part(month-year-button),
.green-default ion-datetime[data-v-5f2cbc0b]::part(month-year-button),
.auroral-yellow ion-datetime[data-v-5f2cbc0b]::part(month-year-button) {
    color: var(--color-primary-800)
}

.yellow-dark ion-searchbar#search-agency[data-v-5f2cbc0b],
.green-dark ion-searchbar#search-agency[data-v-5f2cbc0b],
.purple-light ion-searchbar#search-agency[data-v-5f2cbc0b],
.amber-purple ion-searchbar#search-agency[data-v-5f2cbc0b],
.blue-default ion-searchbar#search-agency[data-v-5f2cbc0b],
.forest-green ion-searchbar#search-agency[data-v-5f2cbc0b],
.green-default ion-searchbar#search-agency[data-v-5f2cbc0b],
.auroral-yellow ion-searchbar#search-agency[data-v-5f2cbc0b] {
    --placeholder-color: var(--mlm-searchbar-placeholder-color);
    color: var(--mlm-searchbar-enter-color)
}

.yellow-dark ion-popover.level-popover ion-row p.selected[data-v-5f2cbc0b],
.green-dark ion-popover.level-popover ion-row p.selected[data-v-5f2cbc0b],
.purple-light ion-popover.level-popover ion-row p.selected[data-v-5f2cbc0b],
.amber-purple ion-popover.level-popover ion-row p.selected[data-v-5f2cbc0b],
.blue-default ion-popover.level-popover ion-row p.selected[data-v-5f2cbc0b],
.forest-green ion-popover.level-popover ion-row p.selected[data-v-5f2cbc0b],
.green-default ion-popover.level-popover ion-row p.selected[data-v-5f2cbc0b],
.auroral-yellow ion-popover.level-popover ion-row p.selected[data-v-5f2cbc0b] {
    background: var(--activity-record-selected-item-bg);
    color: var(--mlm-selected-text-color)
}

.yellow-dark ion-popover.level-popover ion-row p.unSelected[data-v-5f2cbc0b],
.green-dark ion-popover.level-popover ion-row p.unSelected[data-v-5f2cbc0b],
.purple-light ion-popover.level-popover ion-row p.unSelected[data-v-5f2cbc0b],
.amber-purple ion-popover.level-popover ion-row p.unSelected[data-v-5f2cbc0b],
.blue-default ion-popover.level-popover ion-row p.unSelected[data-v-5f2cbc0b],
.forest-green ion-popover.level-popover ion-row p.unSelected[data-v-5f2cbc0b],
.green-default ion-popover.level-popover ion-row p.unSelected[data-v-5f2cbc0b],
.auroral-yellow ion-popover.level-popover ion-row p.unSelected[data-v-5f2cbc0b] {
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color)
}

.yellow-dark .subordinate-info[data-v-5f2cbc0b],
.green-dark .subordinate-info[data-v-5f2cbc0b],
.purple-light .subordinate-info[data-v-5f2cbc0b],
.amber-purple .subordinate-info[data-v-5f2cbc0b],
.blue-default .subordinate-info[data-v-5f2cbc0b],
.forest-green .subordinate-info[data-v-5f2cbc0b],
.green-default .subordinate-info[data-v-5f2cbc0b],
.auroral-yellow .subordinate-info[data-v-5f2cbc0b] {
    background-color: var(--color-bg-commission-second)
}

.yellow-dark .subordinate-info .subordinate-item[data-v-5f2cbc0b],
.green-dark .subordinate-info .subordinate-item[data-v-5f2cbc0b],
.purple-light .subordinate-info .subordinate-item[data-v-5f2cbc0b],
.amber-purple .subordinate-info .subordinate-item[data-v-5f2cbc0b],
.blue-default .subordinate-info .subordinate-item[data-v-5f2cbc0b],
.forest-green .subordinate-info .subordinate-item[data-v-5f2cbc0b],
.green-default .subordinate-info .subordinate-item[data-v-5f2cbc0b],
.auroral-yellow .subordinate-info .subordinate-item[data-v-5f2cbc0b] {
    background: var(--color-bg-commission-third);
    color: var(--mlm-subdetail-item-name-color)
}

.yellow-dark .subordinate-info .subordinate-item .sub-item-value[data-v-5f2cbc0b],
.green-dark .subordinate-info .subordinate-item .sub-item-value[data-v-5f2cbc0b],
.purple-light .subordinate-info .subordinate-item .sub-item-value[data-v-5f2cbc0b],
.amber-purple .subordinate-info .subordinate-item .sub-item-value[data-v-5f2cbc0b],
.blue-default .subordinate-info .subordinate-item .sub-item-value[data-v-5f2cbc0b],
.forest-green .subordinate-info .subordinate-item .sub-item-value[data-v-5f2cbc0b],
.green-default .subordinate-info .subordinate-item .sub-item-value[data-v-5f2cbc0b],
.auroral-yellow .subordinate-info .subordinate-item .sub-item-value[data-v-5f2cbc0b] {
    color: var(--color-text-basic)
}

.yellow-dark .subordinate-info .subordinate-item .icon ion-icon[data-v-5f2cbc0b],
.green-dark .subordinate-info .subordinate-item .icon ion-icon[data-v-5f2cbc0b],
.purple-light .subordinate-info .subordinate-item .icon ion-icon[data-v-5f2cbc0b],
.amber-purple .subordinate-info .subordinate-item .icon ion-icon[data-v-5f2cbc0b],
.blue-default .subordinate-info .subordinate-item .icon ion-icon[data-v-5f2cbc0b],
.forest-green .subordinate-info .subordinate-item .icon ion-icon[data-v-5f2cbc0b],
.green-default .subordinate-info .subordinate-item .icon ion-icon[data-v-5f2cbc0b],
.auroral-yellow .subordinate-info .subordinate-item .icon ion-icon[data-v-5f2cbc0b] {
    color: var(--mlm-subordinate-money-text-color)
}

.yellow-dark ion-infinite-scroll-content[data-v-5f2cbc0b],
.green-dark ion-infinite-scroll-content[data-v-5f2cbc0b],
.purple-light ion-infinite-scroll-content[data-v-5f2cbc0b],
.amber-purple ion-infinite-scroll-content[data-v-5f2cbc0b],
.blue-default ion-infinite-scroll-content[data-v-5f2cbc0b],
.forest-green ion-infinite-scroll-content[data-v-5f2cbc0b],
.green-default ion-infinite-scroll-content[data-v-5f2cbc0b],
.auroral-yellow ion-infinite-scroll-content[data-v-5f2cbc0b] {
    color: var(--color-text-40)
}

.auroral-yellow .subordinateInfo .subordinate-info-time[data-v-5f2cbc0b] {
    color: var(--mlm-color-text-basic)
}

.auroral-yellow .subordinateInfo .subordinate-info-time .level[data-v-5f2cbc0b] {
    background-color: var(--mlm-agent-date-bg-color)
}

.auroral-yellow .subordinateInfo .subordinate-info-time .level .type[data-v-5f2cbc0b] {
    color: var(--mlm-selected-text-color)
}

.auroral-yellow .subordinateInfo .subordinate-info-time .level ion-icon[data-v-5f2cbc0b] {
    color: var(--mlm-select-icon-text-color)
}

.auroral-yellow .subordinateInfo .subordinate-info-time .date[data-v-5f2cbc0b] {
    background-color: var(--mlm-agent-date-bg-color)
}

.auroral-yellow .subordinateInfo .subordinate-info-time .date span[data-v-5f2cbc0b] {
    color: var(--color-text-gray-200)
}

.auroral-yellow .subordinateInfo .subordinate-info-time .date .timeChoose ion-icon[data-v-5f2cbc0b] {
    color: var(--mlm-select-icon-text-color)
}

.auroral-yellow .subordinateInfo .filter[data-v-5f2cbc0b] {
    background-color: var(--color-bg-400);
    border: .0625rem solid var(--color-line-default)
}

.auroral-yellow .subordinateInfo .filter ion-icon[data-v-5f2cbc0b] {
    color: var(--mlm-searchbar-icon-color)
}

.auroral-yellow .subordinateInfo .perMes .perCard[data-v-5f2cbc0b] {
    background-color: var(--color-bg-400);
    border: .0625rem solid var(--mlm-subdetail-box-border-color)
}

.auroral-yellow .subordinateInfo .perMes .perCard .line[data-v-5f2cbc0b] {
    box-shadow: 0 .1875rem 0 0 var(--theme-color-800) inset
}

.auroral-yellow .subordinateInfo .perMes .perCard .perImg[data-v-5f2cbc0b] {
    border-right: .0625rem solid var(--mlm-subdetail-border-color)
}

.auroral-yellow .subordinateInfo .perMes .perCard .perImg .idMes .idNum[data-v-5f2cbc0b] {
    color: var(--mlm-subordinate-id-text-color)
}

.auroral-yellow .subordinateInfo .perMes .perCard .perImg .idMes ion-icon[data-v-5f2cbc0b] {
    color: var(--mlm-subdetail-item-name-color)
}

.auroral-yellow .subordinateInfo .perMes .perCard .mes .top[data-v-5f2cbc0b] {
    color: var(--color-text-100)
}

.auroral-yellow .subordinateInfo .perMes .perCard .mes .top .right[data-v-5f2cbc0b] {
    border-left: .0625rem solid var(--color-line-default)
}

.auroral-yellow .subordinateInfo .perMes .perCard .mes .bottom[data-v-5f2cbc0b] {
    color: var(--mlm-subdetail-item-name-color)
}

.auroral-yellow .subordinateInfo .perMes .perCard .mes .bottom .right[data-v-5f2cbc0b] {
    border-left: .0625rem solid var(--color-line-default)
}

.auroral-yellow ion-toolbar[data-v-5f2cbc0b] {
    --background: var(--mlm-toolbar-bg-color)
}

.auroral-yellow ion-datetime[data-v-5f2cbc0b] {
    --background: var(--color-bg-commission-third);
    --wheel-highlight-background: var(--theme-color-800)
}

.auroral-yellow ion-datetime[data-v-5f2cbc0b]::part(calendar-day active) {
    color: var(--agent-btn-color);
    background: var(--theme-color-800)
}

.auroral-yellow ion-datetime[data-v-5f2cbc0b]::part(month-year-button) {
    color: var(--theme-color-800)
}

.auroral-yellow ion-searchbar#search-agency[data-v-5f2cbc0b] {
    --placeholder-color: var(--mlm-searchbar-placeholder-color);
    color: var(--mlm-searchbar-enter-color)
}

.auroral-yellow ion-popover.level-popover ion-row p.selected[data-v-5f2cbc0b] {
    background: var(--theme-color-800);
    color: var(--color-text-black-100)
}

.auroral-yellow ion-popover.level-popover ion-row p.unSelected[data-v-5f2cbc0b] {
    background: var(--activity-record-select-item-bg);
    color: var(--color-text-gray-200)
}

.auroral-yellow .subordinate-info[data-v-5f2cbc0b] {
    background-color: var(--color-bg-commission-second)
}

.auroral-yellow .subordinate-info .subordinate-item[data-v-5f2cbc0b] {
    background: var(--color-bg-commission-third);
    color: var(--mlm-subdetail-item-name-color)
}

.auroral-yellow .subordinate-info .subordinate-item .sub-item-value[data-v-5f2cbc0b] {
    color: var(--color-text-basic)
}

.auroral-yellow .subordinate-info .subordinate-item .icon ion-icon[data-v-5f2cbc0b] {
    color: var(--color-text-gray-200)
}

.auroral-yellow ion-infinite-scroll-content[data-v-5f2cbc0b] {
    color: var(--color-text-40)
}

.new-skin-symbol .subordinateInfo .subordinate-info-time[data-v-5f2cbc0b] {
    color: var(--ep-color-text-default)
}

.new-skin-symbol .subordinateInfo .subordinate-info-time .level[data-v-5f2cbc0b] {
    background-color: var(--ep-color-background-fill-surface-raised-L1)
}

.new-skin-symbol .subordinateInfo .subordinate-info-time .level .type[data-v-5f2cbc0b] {
    color: var(--ep-color-text-default)
}

.new-skin-symbol .subordinateInfo .subordinate-info-time .level ion-icon[data-v-5f2cbc0b] {
    color: var(--ep-color-icon-weaker)
}

.new-skin-symbol .subordinateInfo .subordinate-info-time .date[data-v-5f2cbc0b] {
    background-color: var(--ep-color-background-fill-surface-raised-L1)
}

.new-skin-symbol .subordinateInfo .subordinate-info-time .date span[data-v-5f2cbc0b] {
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol .subordinateInfo .subordinate-info-time .date .timeChoose ion-icon[data-v-5f2cbc0b] {
    color: var(--ep-color-icon-weaker)
}

.new-skin-symbol .subordinateInfo .filter[data-v-5f2cbc0b] {
    background-color: var(--ep-color-background-fill-surface-lowered);
    border: .0625rem solid var(--ep-color-border-default)
}

.new-skin-symbol .subordinateInfo .filter ion-icon[data-v-5f2cbc0b] {
    color: var(--ep-color-icon-weaker)
}

.new-skin-symbol .subordinateInfo .perMes .perCard[data-v-5f2cbc0b] {
    background-color: var(--ep-color-background-fill-surface-raised-L1);
    border: .0625rem solid var(--ep-color-border-default)
}

.new-skin-symbol .subordinateInfo .perMes .perCard .line[data-v-5f2cbc0b] {
    box-shadow: 0 .1875rem 0 0 var(--ep-color-background-fill-glow-primary-opacity-40) inset
}

.new-skin-symbol .subordinateInfo .perMes .perCard .perImg[data-v-5f2cbc0b] {
    border-right: .0625rem solid var(--ep-color-border-default)
}

.new-skin-symbol .subordinateInfo .perMes .perCard .perImg .idMes .idNum[data-v-5f2cbc0b] {
    color: var(--ep-color-text-default)
}

.new-skin-symbol .subordinateInfo .perMes .perCard .perImg .idMes ion-icon[data-v-5f2cbc0b] {
    color: var(--ep-color-icon-weaker)
}

.new-skin-symbol .subordinateInfo .perMes .perCard .mes .top[data-v-5f2cbc0b] {
    color: var(--ep-color-text-default)
}

.new-skin-symbol .subordinateInfo .perMes .perCard .mes .top .right[data-v-5f2cbc0b] {
    border-left: .0625rem solid var(--ep-color-border-default)
}

.new-skin-symbol .subordinateInfo .perMes .perCard .mes .bottom[data-v-5f2cbc0b] {
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol .subordinateInfo .perMes .perCard .mes .bottom .right[data-v-5f2cbc0b] {
    border-left: .0625rem solid var(--ep-color-border-default)
}

.new-skin-symbol ion-toolbar[data-v-5f2cbc0b] {
    --background: var(--ep-color-background-fill-top-nav-secondary)
}

.new-skin-symbol ion-datetime[data-v-5f2cbc0b] {
    --background: var(--ep-color-background-fill-surface-raised-L2);
    --wheel-highlight-background: var(--ep-color-background-fill-active-primary)
}

.new-skin-symbol ion-datetime[data-v-5f2cbc0b]::part(calendar-day active) {
    color: var(--ep-color-text-inverse);
    background: var(--ep-color-background-fill-active-primary)
}

.new-skin-symbol ion-datetime[data-v-5f2cbc0b]::part(month-year-button) {
    color: var(--ep-color-background-fill-active-primary)
}

.new-skin-symbol ion-searchbar#search-agency[data-v-5f2cbc0b] {
    --placeholder-color: var(--ep-color-text-weaker);
    color: var(--ep-color-text-default)
}

.new-skin-symbol ion-popover.level-popover ion-row p.selected[data-v-5f2cbc0b] {
    background: var(--ep-color-background-fill-surface-raised-L2);
    color: var(--ep-color-text-default)
}

.new-skin-symbol ion-popover.level-popover ion-row p.unSelected[data-v-5f2cbc0b] {
    background: var(--ep-color-background-fill-surface-raised-L1);
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol .subordinate-info[data-v-5f2cbc0b] {
    background-color: var(--ep-color-background-fill-surface-raised-L1)
}

.new-skin-symbol .subordinate-info .subordinate-item[data-v-5f2cbc0b] {
    background: var(--ep-color-background-fill-body-default);
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol .subordinate-info .subordinate-item .sub-item-value[data-v-5f2cbc0b] {
    color: var(--ep-color-text-highlight-white)
}

.new-skin-symbol .subordinate-info .subordinate-item .icon ion-icon[data-v-5f2cbc0b] {
    color: var(--ep-color-icon-warning)
}

.new-skin-symbol ion-infinite-scroll-content[data-v-5f2cbc0b] {
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol .subordinateInfo .subordinate-info-time[data-v-5f2cbc0b] {
    display: flex;
    justify-content: space-between;
    font-size: var(--ep-font-size-s);
    line-height: 2rem;
    border-radius: var(--ep-border-radius-s)
}

.new-skin-symbol .subordinateInfo .subordinate-info-time .level[data-v-5f2cbc0b] {
    width: 11rem;
    border-radius: var(--ep-border-radius-s);
    padding-left: .4375rem;
    padding-right: .4375rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.new-skin-symbol .subordinateInfo .subordinate-info-time .level .type[data-v-5f2cbc0b] {
    margin-right: .5rem;
    font-size: var(--ep-font-size-s);
    line-height: 1.125rem;
    font-weight: var(--ep-font-weight-bold);
    white-space: nowrap
}

.new-skin-symbol .subordinateInfo .subordinate-info-time .level ion-icon[data-v-5f2cbc0b] {
    width: .875rem;
    height: .875rem
}

.new-skin-symbol .subordinateInfo .subordinate-info-time .date[data-v-5f2cbc0b] {
    min-width: 11rem;
    border-radius: var(--ep-border-radius-s);
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 2rem
}

.new-skin-symbol .subordinateInfo .subordinate-info-time .date span[data-v-5f2cbc0b] {
    font-size: var(--ep-font-size-s);
    font-weight: var(--ep-font-weight-medium)
}

.new-skin-symbol .subordinateInfo .subordinate-info-time .date .timeChoose[data-v-5f2cbc0b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: var(--ep-font-weight-bold);
    flex: 1;
    margin-left: .3125rem
}

.new-skin-symbol .subordinateInfo .subordinate-info-time .date .timeChoose ion-icon[data-v-5f2cbc0b] {
    font-size: var(--ep-font-size-m);
    margin-left: .25rem
}

.new-skin-symbol .subordinateInfo .filter[data-v-5f2cbc0b] {
    margin-top: 1.4375rem;
    width: 100%;
    height: 2.25rem;
    border-radius: var(--ep-border-radius-s);
    display: flex;
    align-items: center;
    justify-content: space-between
}

.new-skin-symbol .subordinateInfo .filter ion-searchbar[data-v-5f2cbc0b] {
    flex: 1;
    padding-left: .125rem;
    font-size: var(--ep-font-size-m)
}

.new-skin-symbol .subordinateInfo .filter ion-icon[data-v-5f2cbc0b] {
    margin-right: .8438rem;
    font-weight: var(--ep-font-weight-bold);
    width: 1.5rem;
    height: 1.5rem
}

.new-skin-symbol .subordinateInfo .perMes[data-v-5f2cbc0b] {
    margin-top: .9375rem
}

.new-skin-symbol .subordinateInfo .perMes .perCard[data-v-5f2cbc0b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
    height: 8.9375rem;
    width: 100%;
    border-radius: var(--ep-border-radius-m);
    position: relative
}

.new-skin-symbol .subordinateInfo .perMes .perCard .line[data-v-5f2cbc0b] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    opacity: .4;
    pointer-events: none;
    border-radius: var(--ep-border-radius-m)
}

.new-skin-symbol .subordinateInfo .perMes .perCard .perImg[data-v-5f2cbc0b] {
    width: 6.875rem;
    height: 8rem;
    padding-top: 1.7188rem
}

.new-skin-symbol .subordinateInfo .perMes .perCard .perImg img[data-v-5f2cbc0b] {
    border-radius: var(--ep-border-radius-infinity)
}

.new-skin-symbol .subordinateInfo .perMes .perCard .perImg .idMes[data-v-5f2cbc0b] {
    width: 100%;
    display: flex;
    align-items: center;
    padding-left: .3125rem
}

.new-skin-symbol .subordinateInfo .perMes .perCard .perImg .idMes .idNum[data-v-5f2cbc0b] {
    font-size: var(--ep-font-size-s);
    line-height: 1.3125rem;
    font-weight: var(--ep-font-weight-medium)
}

.new-skin-symbol .subordinateInfo .perMes .perCard .perImg .idMes ion-icon[data-v-5f2cbc0b] {
    width: 1.125rem;
    height: 1.125rem
}

.new-skin-symbol .subordinateInfo .perMes .perCard .mes[data-v-5f2cbc0b] {
    flex: 1;
    padding-top: .6875rem;
    padding-left: .6094rem;
    height: 100%
}

.new-skin-symbol .subordinateInfo .perMes .perCard .mes .top[data-v-5f2cbc0b] {
    display: flex;
    font-weight: var(--ep-font-weight-medium);
    font-size: var(--ep-font-size-s);
    line-height: 1.125rem
}

.new-skin-symbol .subordinateInfo .perMes .perCard .mes .top .left[data-v-5f2cbc0b] {
    width: 43%
}

.new-skin-symbol .subordinateInfo .perMes .perCard .mes .top .right[data-v-5f2cbc0b] {
    flex: 1;
    padding-left: .375rem
}

.new-skin-symbol .subordinateInfo .perMes .perCard .mes .bottom[data-v-5f2cbc0b] {
    display: flex;
    font-size: var(--ep-font-size-xs);
    line-height: .9375rem;
    margin-bottom: .625rem
}

.new-skin-symbol .subordinateInfo .perMes .perCard .mes .bottom .left[data-v-5f2cbc0b] {
    width: 43%
}

.new-skin-symbol .subordinateInfo .perMes .perCard .mes .bottom .right[data-v-5f2cbc0b] {
    flex: 1;
    padding-left: .375rem
}

.new-skin-symbol .subordinateInfo .empty[data-v-5f2cbc0b] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.new-skin-symbol .subordinateInfo .empty .img[data-v-5f2cbc0b] {
    width: 7.5rem;
    margin: 7.875rem 0
}

.new-skin-symbol ion-datetime[data-v-5f2cbc0b] {
    --background: var(--ep-color-background-fill-surface-raised-L2);
    color: var(--ep-color-text-weak);
    --wheel-highlight-background: var(--ep-color-background-fill-active-primary)
}

.new-skin-symbol ion-datetime[data-v-5f2cbc0b]::part(calendar-day active) {
    box-shadow: none;
    color: var(--ep-color-text-inverse);
    background: var(--ep-color-background-fill-active-primary)
}

.new-skin-symbol ion-datetime[data-v-5f2cbc0b]::part(month-year-button) {
    --color: var(--ep-color-background-fill-active-primary)
}

.new-skin-symbol .perMes ion-img[data-v-5f2cbc0b]::part(image) {
    border-radius: 50% !important
}

.new-skin-symbol ion-searchbar#search-agency[data-v-5f2cbc0b] {
    --background: transprant
}

.new-skin-symbol[data-v-5f2cbc0b] ion-searchbar input {
    font-size: var(--ep-font-size-m) !important;
    box-shadow: none !important
}

.new-skin-symbol ion-icon.on[data-v-5f2cbc0b] {
    transform: rotate(180deg)
}

.new-skin-symbol ion-popover#statement-trigger-level[data-v-5f2cbc0b] {
    left: 1.75rem;
    --width: 7.5rem !important;
    --backdrop-opacity: 0;
    --box-shadow: none
}

.new-skin-symbol ion-popover.level-popover[data-v-5f2cbc0b] {
    --backdrop-opacity: 0;
    --box-shadow: none
}

.new-skin-symbol ion-popover.level-popover ion-row[data-v-5f2cbc0b] {
    min-width: 7.5rem;
    overflow: hidden;
    border-radius: var(--ep-border-radius-m);
    margin-top: .625rem
}

.new-skin-symbol ion-popover.level-popover ion-row ion-col[data-v-5f2cbc0b] {
    padding: 0rem
}

.new-skin-symbol ion-popover.level-popover ion-row p[data-v-5f2cbc0b] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--ep-font-size-s);
    line-height: 1.125rem;
    height: 2.25rem;
    text-align: center;
    padding: .25rem .625rem
}

.new-skin-symbol ion-popover.level-popover ion-row p.selected[data-v-5f2cbc0b] {
    border: none;
    font-weight: var(--ep-font-weight-bold)
}

.new-skin-symbol ion-popover.level-popover ion-row p.unSelected[data-v-5f2cbc0b] {
    border: none;
    font-weight: var(--ep-font-weight-medium)
}

.new-skin-symbol .subordinate-info[data-v-5f2cbc0b] {
    width: 100%;
    margin-top: .875rem;
    display: flex;
    flex-wrap: wrap;
    min-height: 10rem;
    padding: .6563rem .75rem .7813rem;
    border-radius: var(--ep-border-radius-m)
}

.new-skin-symbol .subordinate-info .subordinate-item[data-v-5f2cbc0b] {
    margin-bottom: .8125rem;
    margin-right: .8125rem;
    padding: .625rem 0;
    width: calc(33% - .5437rem);
    font-size: var(--ep-font-size-xs);
    line-height: .9375rem;
    border-radius: var(--ep-border-radius-s);
    display: flex;
    flex-direction: column;
    justify-content: space-evenly
}

.new-skin-symbol .subordinate-info .subordinate-item .sub-item-value[data-v-5f2cbc0b] {
    font-size: var(--ep-font-size-xl);
    color: var(--ep-color-text-default);
    line-height: 1.6875rem;
    font-weight: var(--ep-font-weight-bold)
}

.new-skin-symbol .subordinate-info .subordinate-item .icon[data-v-5f2cbc0b] {
    display: flex;
    align-items: center
}

.new-skin-symbol .subordinate-info .subordinate-item .icon ion-icon[data-v-5f2cbc0b] {
    font-size: var(--ep-font-size-l);
    margin-right: .125rem;
    margin-left: .125rem;
    text-align: center
}

.new-skin-symbol .subordinate-info .subordinate-item .icon.has-icon[data-v-5f2cbc0b] {
    white-space: nowrap
}

.new-skin-symbol .subordinate-info .subordinate-item-bottom[data-v-5f2cbc0b] {
    margin-bottom: 0
}

.new-skin-symbol .subordinate-info .subordinate-item[data-v-5f2cbc0b]:nth-child(3),
.new-skin-symbol .subordinate-info .subordinate-item[data-v-5f2cbc0b]:nth-child(3n) {
    margin-right: 0
}

.new-skin-symbol ion-infinite-scroll-content[data-v-5f2cbc0b] {
    min-height: .625rem;
    font-size: var(--ep-font-size-s)
}

.new-skin-symbol .amber-purple body div#app ion-router-outlet>div.ion-page[data-v-5f2cbc0b]:after,
.new-skin-symbol .amber-purple body div#app ion-router-outlet>div.ion-page[data-v-5f2cbc0b]:before {
    width: 0;
    height: 0
}

.new-skin-symbol .auroral-yellow ion-toolbar[data-v-5f2cbc0b] {
    --border-width: 0rem
}

.color-primary-600[data-v-9054d6d1] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-9054d6d1] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-9054d6d1] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-9054d6d1] {
    color: var(--color-primary-900)
}

.bg-100[data-v-9054d6d1] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-9054d6d1] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-9054d6d1] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-9054d6d1] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-9054d6d1] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-9054d6d1] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-9054d6d1] {
    background-color: var(--color-warning)
}

.bg-link[data-v-9054d6d1] {
    background-color: var(--color-link)
}

.bg-danger[data-v-9054d6d1] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-9054d6d1] {
    color: var(--color-text-100)
}

.color-text-80[data-v-9054d6d1] {
    color: var(--color-text-80)
}

.color-text-50[data-v-9054d6d1] {
    color: var(--color-text-50)
}

.color-text-40[data-v-9054d6d1] {
    color: var(--color-text-40)
}

.color-text-20[data-v-9054d6d1] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-9054d6d1] {
    color: var(--color-currency)
}

.color-warning[data-v-9054d6d1] {
    color: var(--color-warning)
}

.color-danger[data-v-9054d6d1] {
    color: var(--color-danger)
}

.color-link[data-v-9054d6d1] {
    color: var(--color-link)
}

.color-line[data-v-9054d6d1] {
    color: var(--color-line)
}

.color-border[data-v-9054d6d1] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-9054d6d1] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-9054d6d1] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-9054d6d1] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-9054d6d1] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-9054d6d1] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-9054d6d1] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-9054d6d1] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-9054d6d1] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-9054d6d1] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-9054d6d1] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-9054d6d1] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-9054d6d1] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-9054d6d1] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-9054d6d1] {
    display: flex;
    align-items: center
}

.flex-start[data-v-9054d6d1] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-9054d6d1] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-9054d6d1] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-9054d6d1] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-9054d6d1] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-9054d6d1] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-9054d6d1] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-9054d6d1] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-9054d6d1] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-9054d6d1] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-9054d6d1] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-9054d6d1] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-9054d6d1] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-9054d6d1] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-9054d6d1] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-9054d6d1] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-9054d6d1] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-9054d6d1] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-9054d6d1] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-9054d6d1] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-9054d6d1] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-9054d6d1] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-9054d6d1] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-9054d6d1] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-9054d6d1],
.mlm-selected-item[data-v-9054d6d1] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-9054d6d1] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-9054d6d1]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-9054d6d1] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-9054d6d1] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-9054d6d1] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.commission-detail .commission-detail-time[data-v-9054d6d1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: .75rem;
    line-height: 2rem;
    border-radius: .25rem
}

.commission-detail .commission-detail-time span[data-v-9054d6d1] {
    margin-right: .25rem
}

.commission-detail .commission-detail-time .timeChoose[data-v-9054d6d1] {
    display: flex;
    align-items: center;
    font-weight: 700;
    flex-grow: 1;
    justify-content: space-between
}

.commission-detail .commission-detail-time .timeChoose ion-icon[data-v-9054d6d1] {
    width: .875rem;
    height: .875rem
}

.commission-detail .commission-detail-time[data-v-9054d6d1] .date {
    width: 100%
}

.commission-detail .card[data-v-9054d6d1] {
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: .25rem;
    margin-top: .875rem;
    width: 100%;
    height: 5.625rem;
    padding-top: 2.1875rem;
    padding-left: .9331rem
}

.commission-detail .card ion-icon[data-v-9054d6d1] {
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    left: .6875rem;
    top: .375rem
}

.commission-detail .card .Earn[data-v-9054d6d1] {
    font-size: .75rem;
    line-height: 1rem;
    font-weight: 500
}

.commission-detail .card .money[data-v-9054d6d1] {
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1.6875rem
}

.commission-detail .card .right[data-v-9054d6d1] {
    position: absolute;
    width: 7.8rem;
    height: 6.210625rem;
    top: -.375rem;
    right: .4075rem
}

.commission-detail .card .right img[data-v-9054d6d1] {
    width: 100%;
    height: 100%
}

.commission-detail .filter[data-v-9054d6d1] {
    margin-top: 1.4375rem;
    width: 100%;
    height: 2.25rem;
    border-radius: .25rem;
    border-width: .0625rem;
    border-style: solid;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.commission-detail .filter ion-searchbar[data-v-9054d6d1] {
    flex-grow: 1;
    padding-left: .125rem;
    font-size: .875rem
}

.commission-detail .filter ion-icon[data-v-9054d6d1] {
    margin-right: .8438rem;
    width: 1.5rem;
    height: 1.5rem
}

.commission-detail .perMes[data-v-9054d6d1] {
    margin-top: .9375rem
}

.commission-detail .perMes .perCard[data-v-9054d6d1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
    height: 7.625rem;
    width: 100%;
    border-radius: .375rem;
    position: relative
}

.commission-detail .perMes .perCard .line[data-v-9054d6d1] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    opacity: .4;
    pointer-events: none;
    border-radius: .375rem
}

.commission-detail .perMes .perCard .perImg[data-v-9054d6d1] {
    width: 6.875rem;
    height: 6.5625rem;
    padding-top: 1rem
}

.commission-detail .perMes .perCard .perImg img[data-v-9054d6d1] {
    border-radius: 50%
}

.commission-detail .perMes .perCard .perImg .idMes[data-v-9054d6d1] {
    width: 100%;
    display: flex;
    align-items: center;
    padding-left: .3125rem
}

.commission-detail .perMes .perCard .perImg .idMes .idNum[data-v-9054d6d1] {
    font-size: .75rem;
    line-height: 1.3125rem;
    font-weight: 500;
    margin-right: .3906rem
}

.commission-detail .perMes .perCard .perImg .idMes ion-icon[data-v-9054d6d1] {
    width: 1.125rem;
    height: 1.125rem
}

.commission-detail .perMes .perCard .mes[data-v-9054d6d1] {
    flex: 1;
    padding-top: .6875rem;
    padding-left: .6094rem;
    height: 100%
}

.commission-detail .perMes .perCard .mes .top[data-v-9054d6d1] {
    display: flex;
    font-weight: 500;
    font-size: .75rem;
    line-height: 1.125rem
}

.commission-detail .perMes .perCard .mes .top .left[data-v-9054d6d1] {
    width: 43%
}

.commission-detail .perMes .perCard .mes .top .right[data-v-9054d6d1] {
    flex: 1;
    padding-left: .375rem
}

.commission-detail .perMes .perCard .mes .bottom[data-v-9054d6d1] {
    display: flex;
    font-size: .625rem;
    line-height: .9375rem;
    margin-bottom: .625rem
}

.commission-detail .perMes .perCard .mes .bottom .left[data-v-9054d6d1] {
    width: 43%
}

.commission-detail .perMes .perCard .mes .bottom .right[data-v-9054d6d1] {
    flex: 1;
    padding-left: .375rem
}

.commission-detail .empty[data-v-9054d6d1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.commission-detail .empty .img[data-v-9054d6d1] {
    width: 7.5rem;
    margin-top: 7.875rem;
    margin-bottom: 7.875rem
}

ion-datetime[data-v-9054d6d1] {
    --wheel-fade-background-rgb: transperent
}

ion-datetime[data-v-9054d6d1]::part(calendar-day active) {
    box-shadow: none
}

.perMes ion-img[data-v-9054d6d1]::part(image) {
    border-radius: 50% !important
}

ion-searchbar#search-agency[data-v-9054d6d1] {
    --background: transprant
}

[data-v-9054d6d1] ion-searchbar input {
    font-size: .875rem !important;
    box-shadow: none !important
}

.auroral-yellow ion-toolbar[data-v-9054d6d1] {
    --border-width: 0rem
}

.amber-purple body div#app ion-router-outlet>div.ion-page[data-v-9054d6d1]:after,
.amber-purple body div#app ion-router-outlet>div.ion-page[data-v-9054d6d1]:before {
    width: 0;
    height: 0
}

.commission-detail .commission-detail-time[data-v-9054d6d1] {
    background-color: var(--mlm-agent-date-bg-color)
}

.commission-detail .commission-detail-time span[data-v-9054d6d1] {
    color: var(--mlm-subdetail-item-name-color)
}

.commission-detail .commission-detail-time .timeChoose[data-v-9054d6d1] {
    color: var(--mlm-selected-text-color)
}

.commission-detail .commission-detail-time .timeChoose ion-icon[data-v-9054d6d1] {
    color: var(--mlm-subdetail-item-name-color)
}

.commission-detail .card[data-v-9054d6d1] {
    background-color: var(--mlm-commission-detail-bgc)
}

.commission-detail .card .Earn[data-v-9054d6d1] {
    color: var(--mlm-commission-detail-tips-tc)
}

.commission-detail .card .money[data-v-9054d6d1] {
    color: var(--mlm-commission-detail-money-tc)
}

.commission-detail .filter[data-v-9054d6d1] {
    color: var(--mlm-subdetail-item-name-color);
    background-color: var(--color-bg-commission-fourth);
    border-color: var(--color-line-default)
}

.commission-detail .filter ion-icon[data-v-9054d6d1] {
    color: var(--mlm-searchbar-icon-color)
}

.commission-detail .perMes .perCard[data-v-9054d6d1] {
    background-color: var(--mlm-subdetail-box-bgc);
    border: .0625rem solid var(--mlm-subdetail-box-border-color)
}

.commission-detail .perMes .perCard .line[data-v-9054d6d1] {
    box-shadow: 0 .1875rem 0 0 var(--mlm-subdetail-top-bgc) inset
}

.commission-detail .perMes .perCard .perImg[data-v-9054d6d1] {
    border-right: .0625rem solid var(--mlm-subdetail-border-color)
}

.commission-detail .perMes .perCard .perImg .idMes .idNum[data-v-9054d6d1] {
    color: var(--mlm-subordinate-id-text-color)
}

.commission-detail .perMes .perCard .perImg .idMes ion-icon[data-v-9054d6d1] {
    color: var(--mlm-subdetail-item-name-color)
}

.commission-detail .perMes .perCard .mes .top[data-v-9054d6d1] {
    color: var(--color-text-100)
}

.commission-detail .perMes .perCard .mes .top .left .card-left-amount[data-v-9054d6d1] {
    color: var(--mlm-commission-detail-account-money-tc)
}

.commission-detail .perMes .perCard .mes .top .right[data-v-9054d6d1] {
    border-left: .0625rem solid var(--color-line-default)
}

.commission-detail .perMes .perCard .mes .bottom[data-v-9054d6d1] {
    color: var(--mlm-subdetail-item-name-color)
}

.commission-detail .perMes .perCard .mes .bottom .right[data-v-9054d6d1] {
    border-left: .0625rem solid var(--color-line-default)
}

ion-toolbar[data-v-9054d6d1] {
    --background: var(--mlm-toolbar-bg-color)
}

ion-datetime[data-v-9054d6d1] {
    --background: var(--color-bg-300);
    --wheel-highlight-background: var(--color-primary-800)
}

ion-datetime[data-v-9054d6d1]::part(calendar-day active) {
    color: var(--agent-btn-color);
    background: var(--color-primary-800)
}

ion-datetime[data-v-9054d6d1]::part(month-year-button) {
    color: var(--color-primary-800)
}

ion-searchbar#search-agency[data-v-9054d6d1] {
    color: var(--mlm-searchbar-enter-color);
    --placeholder-color: var(--mlm-searchbar-placeholder-color)
}

.yellow-dark .commission-detail .commission-detail-time[data-v-9054d6d1],
.green-dark .commission-detail .commission-detail-time[data-v-9054d6d1],
.purple-light .commission-detail .commission-detail-time[data-v-9054d6d1],
.amber-purple .commission-detail .commission-detail-time[data-v-9054d6d1],
.blue-default .commission-detail .commission-detail-time[data-v-9054d6d1],
.forest-green .commission-detail .commission-detail-time[data-v-9054d6d1],
.green-default .commission-detail .commission-detail-time[data-v-9054d6d1],
.auroral-yellow .commission-detail .commission-detail-time[data-v-9054d6d1] {
    background-color: var(--mlm-agent-date-bg-color)
}

.yellow-dark .commission-detail .commission-detail-time span[data-v-9054d6d1],
.green-dark .commission-detail .commission-detail-time span[data-v-9054d6d1],
.purple-light .commission-detail .commission-detail-time span[data-v-9054d6d1],
.amber-purple .commission-detail .commission-detail-time span[data-v-9054d6d1],
.blue-default .commission-detail .commission-detail-time span[data-v-9054d6d1],
.forest-green .commission-detail .commission-detail-time span[data-v-9054d6d1],
.green-default .commission-detail .commission-detail-time span[data-v-9054d6d1],
.auroral-yellow .commission-detail .commission-detail-time span[data-v-9054d6d1] {
    color: var(--mlm-subdetail-item-name-color)
}

.yellow-dark .commission-detail .commission-detail-time .timeChoose[data-v-9054d6d1],
.green-dark .commission-detail .commission-detail-time .timeChoose[data-v-9054d6d1],
.purple-light .commission-detail .commission-detail-time .timeChoose[data-v-9054d6d1],
.amber-purple .commission-detail .commission-detail-time .timeChoose[data-v-9054d6d1],
.blue-default .commission-detail .commission-detail-time .timeChoose[data-v-9054d6d1],
.forest-green .commission-detail .commission-detail-time .timeChoose[data-v-9054d6d1],
.green-default .commission-detail .commission-detail-time .timeChoose[data-v-9054d6d1],
.auroral-yellow .commission-detail .commission-detail-time .timeChoose[data-v-9054d6d1] {
    color: var(--mlm-selected-text-color)
}

.yellow-dark .commission-detail .commission-detail-time .timeChoose ion-icon[data-v-9054d6d1],
.green-dark .commission-detail .commission-detail-time .timeChoose ion-icon[data-v-9054d6d1],
.purple-light .commission-detail .commission-detail-time .timeChoose ion-icon[data-v-9054d6d1],
.amber-purple .commission-detail .commission-detail-time .timeChoose ion-icon[data-v-9054d6d1],
.blue-default .commission-detail .commission-detail-time .timeChoose ion-icon[data-v-9054d6d1],
.forest-green .commission-detail .commission-detail-time .timeChoose ion-icon[data-v-9054d6d1],
.green-default .commission-detail .commission-detail-time .timeChoose ion-icon[data-v-9054d6d1],
.auroral-yellow .commission-detail .commission-detail-time .timeChoose ion-icon[data-v-9054d6d1] {
    color: var(--mlm-subdetail-item-name-color)
}

.yellow-dark .commission-detail .card[data-v-9054d6d1],
.green-dark .commission-detail .card[data-v-9054d6d1],
.purple-light .commission-detail .card[data-v-9054d6d1],
.amber-purple .commission-detail .card[data-v-9054d6d1],
.blue-default .commission-detail .card[data-v-9054d6d1],
.forest-green .commission-detail .card[data-v-9054d6d1],
.green-default .commission-detail .card[data-v-9054d6d1],
.auroral-yellow .commission-detail .card[data-v-9054d6d1] {
    background-color: var(--mlm-commission-detail-bgc)
}

.yellow-dark .commission-detail .card .Earn[data-v-9054d6d1],
.green-dark .commission-detail .card .Earn[data-v-9054d6d1],
.purple-light .commission-detail .card .Earn[data-v-9054d6d1],
.amber-purple .commission-detail .card .Earn[data-v-9054d6d1],
.blue-default .commission-detail .card .Earn[data-v-9054d6d1],
.forest-green .commission-detail .card .Earn[data-v-9054d6d1],
.green-default .commission-detail .card .Earn[data-v-9054d6d1],
.auroral-yellow .commission-detail .card .Earn[data-v-9054d6d1] {
    color: var(--mlm-commission-detail-tips-tc)
}

.yellow-dark .commission-detail .card .money[data-v-9054d6d1],
.green-dark .commission-detail .card .money[data-v-9054d6d1],
.purple-light .commission-detail .card .money[data-v-9054d6d1],
.amber-purple .commission-detail .card .money[data-v-9054d6d1],
.blue-default .commission-detail .card .money[data-v-9054d6d1],
.forest-green .commission-detail .card .money[data-v-9054d6d1],
.green-default .commission-detail .card .money[data-v-9054d6d1],
.auroral-yellow .commission-detail .card .money[data-v-9054d6d1] {
    color: var(--mlm-commission-detail-money-tc)
}

.yellow-dark .commission-detail .filter[data-v-9054d6d1],
.green-dark .commission-detail .filter[data-v-9054d6d1],
.purple-light .commission-detail .filter[data-v-9054d6d1],
.amber-purple .commission-detail .filter[data-v-9054d6d1],
.blue-default .commission-detail .filter[data-v-9054d6d1],
.forest-green .commission-detail .filter[data-v-9054d6d1],
.green-default .commission-detail .filter[data-v-9054d6d1],
.auroral-yellow .commission-detail .filter[data-v-9054d6d1] {
    color: var(--mlm-subdetail-item-name-color);
    background-color: var(--color-bg-commission-fourth);
    border-color: var(--color-line-default)
}

.yellow-dark .commission-detail .filter ion-icon[data-v-9054d6d1],
.green-dark .commission-detail .filter ion-icon[data-v-9054d6d1],
.purple-light .commission-detail .filter ion-icon[data-v-9054d6d1],
.amber-purple .commission-detail .filter ion-icon[data-v-9054d6d1],
.blue-default .commission-detail .filter ion-icon[data-v-9054d6d1],
.forest-green .commission-detail .filter ion-icon[data-v-9054d6d1],
.green-default .commission-detail .filter ion-icon[data-v-9054d6d1],
.auroral-yellow .commission-detail .filter ion-icon[data-v-9054d6d1] {
    color: var(--mlm-searchbar-icon-color)
}

.yellow-dark .commission-detail .perMes .perCard[data-v-9054d6d1],
.green-dark .commission-detail .perMes .perCard[data-v-9054d6d1],
.purple-light .commission-detail .perMes .perCard[data-v-9054d6d1],
.amber-purple .commission-detail .perMes .perCard[data-v-9054d6d1],
.blue-default .commission-detail .perMes .perCard[data-v-9054d6d1],
.forest-green .commission-detail .perMes .perCard[data-v-9054d6d1],
.green-default .commission-detail .perMes .perCard[data-v-9054d6d1],
.auroral-yellow .commission-detail .perMes .perCard[data-v-9054d6d1] {
    background-color: var(--mlm-subdetail-box-bgc);
    border: .0625rem solid var(--mlm-subdetail-box-border-color)
}

.yellow-dark .commission-detail .perMes .perCard .line[data-v-9054d6d1],
.green-dark .commission-detail .perMes .perCard .line[data-v-9054d6d1],
.purple-light .commission-detail .perMes .perCard .line[data-v-9054d6d1],
.amber-purple .commission-detail .perMes .perCard .line[data-v-9054d6d1],
.blue-default .commission-detail .perMes .perCard .line[data-v-9054d6d1],
.forest-green .commission-detail .perMes .perCard .line[data-v-9054d6d1],
.green-default .commission-detail .perMes .perCard .line[data-v-9054d6d1],
.auroral-yellow .commission-detail .perMes .perCard .line[data-v-9054d6d1] {
    box-shadow: 0 .1875rem 0 0 var(--mlm-subdetail-top-bgc) inset
}

.yellow-dark .commission-detail .perMes .perCard .perImg[data-v-9054d6d1],
.green-dark .commission-detail .perMes .perCard .perImg[data-v-9054d6d1],
.purple-light .commission-detail .perMes .perCard .perImg[data-v-9054d6d1],
.amber-purple .commission-detail .perMes .perCard .perImg[data-v-9054d6d1],
.blue-default .commission-detail .perMes .perCard .perImg[data-v-9054d6d1],
.forest-green .commission-detail .perMes .perCard .perImg[data-v-9054d6d1],
.green-default .commission-detail .perMes .perCard .perImg[data-v-9054d6d1],
.auroral-yellow .commission-detail .perMes .perCard .perImg[data-v-9054d6d1] {
    border-right: .0625rem solid var(--mlm-subdetail-border-color)
}

.yellow-dark .commission-detail .perMes .perCard .perImg .idMes .idNum[data-v-9054d6d1],
.green-dark .commission-detail .perMes .perCard .perImg .idMes .idNum[data-v-9054d6d1],
.purple-light .commission-detail .perMes .perCard .perImg .idMes .idNum[data-v-9054d6d1],
.amber-purple .commission-detail .perMes .perCard .perImg .idMes .idNum[data-v-9054d6d1],
.blue-default .commission-detail .perMes .perCard .perImg .idMes .idNum[data-v-9054d6d1],
.forest-green .commission-detail .perMes .perCard .perImg .idMes .idNum[data-v-9054d6d1],
.green-default .commission-detail .perMes .perCard .perImg .idMes .idNum[data-v-9054d6d1],
.auroral-yellow .commission-detail .perMes .perCard .perImg .idMes .idNum[data-v-9054d6d1] {
    color: var(--mlm-subordinate-id-text-color)
}

.yellow-dark .commission-detail .perMes .perCard .perImg .idMes ion-icon[data-v-9054d6d1],
.green-dark .commission-detail .perMes .perCard .perImg .idMes ion-icon[data-v-9054d6d1],
.purple-light .commission-detail .perMes .perCard .perImg .idMes ion-icon[data-v-9054d6d1],
.amber-purple .commission-detail .perMes .perCard .perImg .idMes ion-icon[data-v-9054d6d1],
.blue-default .commission-detail .perMes .perCard .perImg .idMes ion-icon[data-v-9054d6d1],
.forest-green .commission-detail .perMes .perCard .perImg .idMes ion-icon[data-v-9054d6d1],
.green-default .commission-detail .perMes .perCard .perImg .idMes ion-icon[data-v-9054d6d1],
.auroral-yellow .commission-detail .perMes .perCard .perImg .idMes ion-icon[data-v-9054d6d1] {
    color: var(--mlm-subdetail-item-name-color)
}

.yellow-dark .commission-detail .perMes .perCard .mes .top[data-v-9054d6d1],
.green-dark .commission-detail .perMes .perCard .mes .top[data-v-9054d6d1],
.purple-light .commission-detail .perMes .perCard .mes .top[data-v-9054d6d1],
.amber-purple .commission-detail .perMes .perCard .mes .top[data-v-9054d6d1],
.blue-default .commission-detail .perMes .perCard .mes .top[data-v-9054d6d1],
.forest-green .commission-detail .perMes .perCard .mes .top[data-v-9054d6d1],
.green-default .commission-detail .perMes .perCard .mes .top[data-v-9054d6d1],
.auroral-yellow .commission-detail .perMes .perCard .mes .top[data-v-9054d6d1] {
    color: var(--color-text-100)
}

.yellow-dark .commission-detail .perMes .perCard .mes .top .left .card-left-amount[data-v-9054d6d1],
.green-dark .commission-detail .perMes .perCard .mes .top .left .card-left-amount[data-v-9054d6d1],
.purple-light .commission-detail .perMes .perCard .mes .top .left .card-left-amount[data-v-9054d6d1],
.amber-purple .commission-detail .perMes .perCard .mes .top .left .card-left-amount[data-v-9054d6d1],
.blue-default .commission-detail .perMes .perCard .mes .top .left .card-left-amount[data-v-9054d6d1],
.forest-green .commission-detail .perMes .perCard .mes .top .left .card-left-amount[data-v-9054d6d1],
.green-default .commission-detail .perMes .perCard .mes .top .left .card-left-amount[data-v-9054d6d1],
.auroral-yellow .commission-detail .perMes .perCard .mes .top .left .card-left-amount[data-v-9054d6d1] {
    color: var(--mlm-commission-detail-account-money-tc)
}

.yellow-dark .commission-detail .perMes .perCard .mes .top .right[data-v-9054d6d1],
.green-dark .commission-detail .perMes .perCard .mes .top .right[data-v-9054d6d1],
.purple-light .commission-detail .perMes .perCard .mes .top .right[data-v-9054d6d1],
.amber-purple .commission-detail .perMes .perCard .mes .top .right[data-v-9054d6d1],
.blue-default .commission-detail .perMes .perCard .mes .top .right[data-v-9054d6d1],
.forest-green .commission-detail .perMes .perCard .mes .top .right[data-v-9054d6d1],
.green-default .commission-detail .perMes .perCard .mes .top .right[data-v-9054d6d1],
.auroral-yellow .commission-detail .perMes .perCard .mes .top .right[data-v-9054d6d1] {
    border-left: .0625rem solid var(--color-line-default)
}

.yellow-dark .commission-detail .perMes .perCard .mes .bottom[data-v-9054d6d1],
.green-dark .commission-detail .perMes .perCard .mes .bottom[data-v-9054d6d1],
.purple-light .commission-detail .perMes .perCard .mes .bottom[data-v-9054d6d1],
.amber-purple .commission-detail .perMes .perCard .mes .bottom[data-v-9054d6d1],
.blue-default .commission-detail .perMes .perCard .mes .bottom[data-v-9054d6d1],
.forest-green .commission-detail .perMes .perCard .mes .bottom[data-v-9054d6d1],
.green-default .commission-detail .perMes .perCard .mes .bottom[data-v-9054d6d1],
.auroral-yellow .commission-detail .perMes .perCard .mes .bottom[data-v-9054d6d1] {
    color: var(--mlm-subdetail-item-name-color)
}

.yellow-dark .commission-detail .perMes .perCard .mes .bottom .right[data-v-9054d6d1],
.green-dark .commission-detail .perMes .perCard .mes .bottom .right[data-v-9054d6d1],
.purple-light .commission-detail .perMes .perCard .mes .bottom .right[data-v-9054d6d1],
.amber-purple .commission-detail .perMes .perCard .mes .bottom .right[data-v-9054d6d1],
.blue-default .commission-detail .perMes .perCard .mes .bottom .right[data-v-9054d6d1],
.forest-green .commission-detail .perMes .perCard .mes .bottom .right[data-v-9054d6d1],
.green-default .commission-detail .perMes .perCard .mes .bottom .right[data-v-9054d6d1],
.auroral-yellow .commission-detail .perMes .perCard .mes .bottom .right[data-v-9054d6d1] {
    border-left: .0625rem solid var(--color-line-default)
}

.yellow-dark ion-toolbar[data-v-9054d6d1],
.green-dark ion-toolbar[data-v-9054d6d1],
.purple-light ion-toolbar[data-v-9054d6d1],
.amber-purple ion-toolbar[data-v-9054d6d1],
.blue-default ion-toolbar[data-v-9054d6d1],
.forest-green ion-toolbar[data-v-9054d6d1],
.green-default ion-toolbar[data-v-9054d6d1],
.auroral-yellow ion-toolbar[data-v-9054d6d1] {
    --background: var(--mlm-toolbar-bg-color)
}

.yellow-dark ion-datetime[data-v-9054d6d1],
.green-dark ion-datetime[data-v-9054d6d1],
.purple-light ion-datetime[data-v-9054d6d1],
.amber-purple ion-datetime[data-v-9054d6d1],
.blue-default ion-datetime[data-v-9054d6d1],
.forest-green ion-datetime[data-v-9054d6d1],
.green-default ion-datetime[data-v-9054d6d1],
.auroral-yellow ion-datetime[data-v-9054d6d1] {
    --background: var(--color-bg-300);
    --wheel-highlight-background: var(--color-primary-800)
}

.yellow-dark ion-datetime[data-v-9054d6d1]::part(calendar-day active),
.green-dark ion-datetime[data-v-9054d6d1]::part(calendar-day active),
.purple-light ion-datetime[data-v-9054d6d1]::part(calendar-day active),
.amber-purple ion-datetime[data-v-9054d6d1]::part(calendar-day active),
.blue-default ion-datetime[data-v-9054d6d1]::part(calendar-day active),
.forest-green ion-datetime[data-v-9054d6d1]::part(calendar-day active),
.green-default ion-datetime[data-v-9054d6d1]::part(calendar-day active),
.auroral-yellow ion-datetime[data-v-9054d6d1]::part(calendar-day active) {
    color: var(--agent-btn-color);
    background: var(--color-primary-800)
}

.yellow-dark ion-datetime[data-v-9054d6d1]::part(month-year-button),
.green-dark ion-datetime[data-v-9054d6d1]::part(month-year-button),
.purple-light ion-datetime[data-v-9054d6d1]::part(month-year-button),
.amber-purple ion-datetime[data-v-9054d6d1]::part(month-year-button),
.blue-default ion-datetime[data-v-9054d6d1]::part(month-year-button),
.forest-green ion-datetime[data-v-9054d6d1]::part(month-year-button),
.green-default ion-datetime[data-v-9054d6d1]::part(month-year-button),
.auroral-yellow ion-datetime[data-v-9054d6d1]::part(month-year-button) {
    color: var(--color-primary-800)
}

.yellow-dark ion-searchbar#search-agency[data-v-9054d6d1],
.green-dark ion-searchbar#search-agency[data-v-9054d6d1],
.purple-light ion-searchbar#search-agency[data-v-9054d6d1],
.amber-purple ion-searchbar#search-agency[data-v-9054d6d1],
.blue-default ion-searchbar#search-agency[data-v-9054d6d1],
.forest-green ion-searchbar#search-agency[data-v-9054d6d1],
.green-default ion-searchbar#search-agency[data-v-9054d6d1],
.auroral-yellow ion-searchbar#search-agency[data-v-9054d6d1] {
    color: var(--mlm-searchbar-enter-color);
    --placeholder-color: var(--mlm-searchbar-placeholder-color)
}

.auroral-yellow .commission-detail .commission-detail-time[data-v-9054d6d1] {
    background-color: var(--mlm-agent-date-bg-color)
}

.auroral-yellow .commission-detail .commission-detail-time span[data-v-9054d6d1] {
    color: var(--mlm-subdetail-item-name-color)
}

.auroral-yellow .commission-detail .commission-detail-time .timeChoose[data-v-9054d6d1] {
    color: var(--mlm-selected-text-color)
}

.auroral-yellow .commission-detail .commission-detail-time .timeChoose ion-icon[data-v-9054d6d1] {
    color: var(--mlm-subdetail-item-name-color)
}

.auroral-yellow .commission-detail .card[data-v-9054d6d1] {
    background-color: var(--mlm-commission-detail-bgc)
}

.auroral-yellow .commission-detail .card .Earn[data-v-9054d6d1] {
    color: var(--color-text-gray-200)
}

.auroral-yellow .commission-detail .card .money[data-v-9054d6d1] {
    color: var(--mlm-commission-detail-money-tc)
}

.auroral-yellow .commission-detail .filter[data-v-9054d6d1] {
    color: var(--mlm-subdetail-item-name-color);
    background-color: var(--color-bg-400);
    border-color: var(--color-line-default)
}

.auroral-yellow .commission-detail .filter ion-icon[data-v-9054d6d1] {
    color: var(--mlm-searchbar-icon-color)
}

.auroral-yellow .commission-detail .perMes .perCard[data-v-9054d6d1] {
    background-color: var(--color-bg-400);
    border: .0625rem solid var(--mlm-subdetail-box-border-color)
}

.auroral-yellow .commission-detail .perMes .perCard .line[data-v-9054d6d1] {
    box-shadow: 0 .1875rem 0 0 var(--theme-color-800) inset
}

.auroral-yellow .commission-detail .perMes .perCard .perImg[data-v-9054d6d1] {
    border-right: .0625rem solid var(--mlm-subdetail-border-color)
}

.auroral-yellow .commission-detail .perMes .perCard .perImg .idMes .idNum[data-v-9054d6d1] {
    color: var(--mlm-subordinate-id-text-color)
}

.auroral-yellow .commission-detail .perMes .perCard .perImg .idMes ion-icon[data-v-9054d6d1] {
    color: var(--mlm-subdetail-item-name-color)
}

.auroral-yellow .commission-detail .perMes .perCard .mes .top[data-v-9054d6d1] {
    color: var(--color-text-100)
}

.auroral-yellow .commission-detail .perMes .perCard .mes .top .left .card-left-amount[data-v-9054d6d1] {
    color: var(--mlm-commission-detail-account-money-tc)
}

.auroral-yellow .commission-detail .perMes .perCard .mes .top .right[data-v-9054d6d1] {
    border-left: .0625rem solid var(--color-line-default)
}

.auroral-yellow .commission-detail .perMes .perCard .mes .bottom[data-v-9054d6d1] {
    color: var(--mlm-subdetail-item-name-color)
}

.auroral-yellow .commission-detail .perMes .perCard .mes .bottom .right[data-v-9054d6d1] {
    border-left: .0625rem solid var(--color-line-default)
}

.auroral-yellow ion-toolbar[data-v-9054d6d1] {
    --background: var(--mlm-toolbar-bg-color)
}

.auroral-yellow ion-datetime[data-v-9054d6d1] {
    --background: var(--color-bg-300);
    --wheel-highlight-background: var(--theme-color-800)
}

.auroral-yellow ion-datetime[data-v-9054d6d1]::part(calendar-day active) {
    color: var(--agent-btn-color);
    background: var(--theme-color-800)
}

.auroral-yellow ion-datetime[data-v-9054d6d1]::part(month-year-button) {
    color: var(--theme-color-800)
}

.auroral-yellow ion-searchbar#search-agency[data-v-9054d6d1] {
    color: var(--mlm-searchbar-enter-color);
    --placeholder-color: var(--mlm-searchbar-placeholder-color)
}

.new-skin-symbol .commission-detail .commission-detail-time[data-v-9054d6d1] {
    background-color: var(--ep-color-background-fill-surface-raised-L1)
}

.new-skin-symbol .commission-detail .commission-detail-time span[data-v-9054d6d1] {
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol .commission-detail .commission-detail-time .timeChoose[data-v-9054d6d1] {
    color: var(--ep-color-text-default)
}

.new-skin-symbol .commission-detail .commission-detail-time .timeChoose ion-icon[data-v-9054d6d1] {
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol .commission-detail .card[data-v-9054d6d1] {
    background-color: var(--ep-color-background-fill-surface-raised-L1)
}

.new-skin-symbol .commission-detail .card .Earn[data-v-9054d6d1] {
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol .commission-detail .card .money[data-v-9054d6d1] {
    color: var(--ep-color-text-warning)
}

.new-skin-symbol .commission-detail .filter[data-v-9054d6d1] {
    color: var(--ep-color-text-default);
    background-color: var(--ep-color-background-fill-surface-lowered);
    border-color: var(--ep-color-border-default)
}

.new-skin-symbol .commission-detail .filter ion-icon[data-v-9054d6d1] {
    color: var(--ep-color-icon-weaker)
}

.new-skin-symbol .commission-detail .perMes .perCard[data-v-9054d6d1] {
    background-color: var(--ep-color-background-fill-surface-raised-L1);
    border: .0625rem solid var(--ep-color-border-default)
}

.new-skin-symbol .commission-detail .perMes .perCard .line[data-v-9054d6d1] {
    box-shadow: 0 .1875rem 0 0 var(--ep-color-background-fill-glow-primary-opacity-40) inset
}

.new-skin-symbol .commission-detail .perMes .perCard .perImg[data-v-9054d6d1] {
    border-right: .0625rem solid var(--ep-color-border-default)
}

.new-skin-symbol .commission-detail .perMes .perCard .perImg .idMes .idNum[data-v-9054d6d1] {
    color: var(--ep-color-text-default)
}

.new-skin-symbol .commission-detail .perMes .perCard .perImg .idMes ion-icon[data-v-9054d6d1] {
    color: var(--ep-color-icon-weaker)
}

.new-skin-symbol .commission-detail .perMes .perCard .mes .top[data-v-9054d6d1] {
    color: var(--ep-color-text-default)
}

.new-skin-symbol .commission-detail .perMes .perCard .mes .top .left .card-left-amount[data-v-9054d6d1] {
    color: var(--ep-color-text-warning)
}

.new-skin-symbol .commission-detail .perMes .perCard .mes .top .right[data-v-9054d6d1] {
    border-left: .0625rem solid var(--ep-color-border-default)
}

.new-skin-symbol .commission-detail .perMes .perCard .mes .bottom[data-v-9054d6d1] {
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol .commission-detail .perMes .perCard .mes .bottom .right[data-v-9054d6d1] {
    border-left: .0625rem solid var(--ep-color-border-default)
}

.new-skin-symbol ion-toolbar[data-v-9054d6d1] {
    --background: var(--ep-color-background-fill-top-nav-secondary)
}

.new-skin-symbol ion-datetime[data-v-9054d6d1] {
    --background: var(--ep-color-background-fill-surface-raised-L2);
    --wheel-highlight-background: var(--ep-color-background-fill-active-primary)
}

.new-skin-symbol ion-datetime[data-v-9054d6d1]::part(month-year-button) {
    color: var(--ep-color-background-fill-active-primary)
}

.new-skin-symbol ion-searchbar#search-agency[data-v-9054d6d1] {
    color: var(--ep-color-text-default);
    --placeholder-color: var(--ep-color-text-weak)
}

.new-skin-symbol .commission-detail .commission-detail-time[data-v-9054d6d1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: var(--ep-font-size-s);
    line-height: 2rem;
    border-radius: var(--ep-border-radius-s)
}

.new-skin-symbol .commission-detail .commission-detail-time span[data-v-9054d6d1] {
    margin-right: .25rem
}

.new-skin-symbol .commission-detail .commission-detail-time .timeChoose[data-v-9054d6d1] {
    display: flex;
    align-items: center;
    font-weight: var(--ep-font-weight-bold);
    flex-grow: 1;
    justify-content: space-between
}

.new-skin-symbol .commission-detail .commission-detail-time .timeChoose ion-icon[data-v-9054d6d1] {
    width: .875rem;
    height: .875rem
}

.new-skin-symbol .commission-detail .card[data-v-9054d6d1] {
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: var(--ep-border-radius-s);
    margin-top: .875rem;
    width: 100%;
    height: 5.625rem;
    padding-top: 2.1875rem;
    padding-left: .9331rem
}

.new-skin-symbol .commission-detail .card ion-icon[data-v-9054d6d1] {
    color: var(--ep-color-icon-weaker, rgba(255, 255, 255, .4));
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    left: .6875rem;
    top: .375rem
}

.new-skin-symbol .commission-detail .card .Earn[data-v-9054d6d1] {
    font-size: var(--ep-font-size-s);
    line-height: 1rem;
    font-weight: var(--ep-font-weight-medium)
}

.new-skin-symbol .commission-detail .card .money[data-v-9054d6d1] {
    font-weight: var(--ep-font-weight-bold);
    font-size: var(--ep-font-size-xl);
    line-height: 1.6875rem
}

.new-skin-symbol .commission-detail .card .right[data-v-9054d6d1] {
    position: absolute;
    width: 7.8rem;
    height: 6.210625rem;
    top: -.375rem;
    right: .4075rem
}

.new-skin-symbol .commission-detail .card .right img[data-v-9054d6d1] {
    width: 100%;
    height: 100%
}

.new-skin-symbol .commission-detail .filter[data-v-9054d6d1] {
    margin-top: 1.4375rem;
    width: 100%;
    height: 2.25rem;
    border-radius: var(--ep-border-radius-s);
    border-width: .0625rem;
    border-style: solid;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.new-skin-symbol .commission-detail .filter ion-searchbar[data-v-9054d6d1] {
    flex-grow: 1;
    padding-left: .125rem;
    font-size: var(--ep-font-size-m)
}

.new-skin-symbol .commission-detail .filter ion-icon[data-v-9054d6d1] {
    margin-right: .8438rem;
    width: 1.5rem;
    height: 1.5rem
}

.new-skin-symbol .commission-detail .perMes[data-v-9054d6d1] {
    margin-top: .9375rem
}

.new-skin-symbol .commission-detail .perMes .perCard[data-v-9054d6d1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
    height: 7.625rem;
    width: 100%;
    border-radius: var(--ep-border-radius-m);
    position: relative
}

.new-skin-symbol .commission-detail .perMes .perCard .line[data-v-9054d6d1] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    opacity: .4;
    pointer-events: none;
    border-radius: var(--ep-border-radius-m)
}

.new-skin-symbol .commission-detail .perMes .perCard .perImg[data-v-9054d6d1] {
    width: 6.875rem;
    height: 6.5625rem;
    padding-top: 1rem
}

.new-skin-symbol .commission-detail .perMes .perCard .perImg img[data-v-9054d6d1] {
    border-radius: var(--ep-border-radius-infinity)
}

.new-skin-symbol .commission-detail .perMes .perCard .perImg .idMes[data-v-9054d6d1] {
    width: 100%;
    display: flex;
    align-items: center;
    padding-left: .3125rem
}

.new-skin-symbol .commission-detail .perMes .perCard .perImg .idMes .idNum[data-v-9054d6d1] {
    font-size: var(--ep-font-size-s);
    line-height: 1.3125rem;
    font-weight: var(--ep-font-weight-medium);
    margin-right: .3906rem
}

.new-skin-symbol .commission-detail .perMes .perCard .perImg .idMes ion-icon[data-v-9054d6d1] {
    width: 1.125rem;
    height: 1.125rem
}

.new-skin-symbol .commission-detail .perMes .perCard .mes[data-v-9054d6d1] {
    flex: 1;
    padding-top: .6875rem;
    padding-left: .6094rem;
    height: 100%
}

.new-skin-symbol .commission-detail .perMes .perCard .mes .top[data-v-9054d6d1] {
    display: flex;
    font-weight: var(--ep-font-weight-medium);
    font-size: var(--ep-font-size-s);
    line-height: 1.125rem
}

.new-skin-symbol .commission-detail .perMes .perCard .mes .top .left[data-v-9054d6d1] {
    width: 43%
}

.new-skin-symbol .commission-detail .perMes .perCard .mes .top .right[data-v-9054d6d1] {
    flex: 1;
    padding-left: .375rem
}

.new-skin-symbol .commission-detail .perMes .perCard .mes .bottom[data-v-9054d6d1] {
    display: flex;
    font-size: var(--ep-font-size-xs);
    line-height: .9375rem;
    margin-bottom: .625rem
}

.new-skin-symbol .commission-detail .perMes .perCard .mes .bottom .left[data-v-9054d6d1] {
    width: 43%
}

.new-skin-symbol .commission-detail .perMes .perCard .mes .bottom .right[data-v-9054d6d1] {
    padding-left: .375rem
}

.new-skin-symbol .commission-detail .empty[data-v-9054d6d1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.new-skin-symbol .commission-detail .empty .img[data-v-9054d6d1] {
    width: 7.5rem;
    margin-top: 7.875rem;
    margin-bottom: 7.875rem
}

.new-skin-symbol ion-datetime[data-v-9054d6d1] {
    --background: var(--ep-color-background-fill-surface-raised-L2);
    color: var(--ep-color-text-weak);
    --wheel-highlight-background: var(--ep-color-background-fill-active-primary)
}

.new-skin-symbol ion-datetime[data-v-9054d6d1]::part(calendar-day active) {
    color: var(--ep-color-text-inverse);
    background: var(--ep-color-background-fill-active-primary)
}

.new-skin-symbol ion-datetime[data-v-9054d6d1]::part(month-year-button) {
    --color: var(--ep-color-background-fill-active-primary)
}

.new-skin-symbol .perMes ion-img[data-v-9054d6d1]::part(image) {
    border-radius: 50% !important
}

.new-skin-symbol ion-searchbar#search-agency[data-v-9054d6d1] {
    --background: transprant
}

.new-skin-symbol[data-v-9054d6d1] ion-searchbar input {
    font-size: .875rem !important;
    box-shadow: none !important
}

.new-skin-symbol .auroral-yellow ion-toolbar[data-v-9054d6d1] {
    --border-width: 0rem
}

.new-skin-symbol .amber-purple body div#app ion-router-outlet>div.ion-page[data-v-9054d6d1]:after,
.new-skin-symbol .amber-purple body div#app ion-router-outlet>div.ion-page[data-v-9054d6d1]:before {
    width: 0;
    height: 0
}

.color-primary-600[data-v-ef0a5ee6] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-ef0a5ee6] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-ef0a5ee6] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-ef0a5ee6] {
    color: var(--color-primary-900)
}

.bg-100[data-v-ef0a5ee6] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-ef0a5ee6] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-ef0a5ee6] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-ef0a5ee6] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-ef0a5ee6] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-ef0a5ee6] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-ef0a5ee6] {
    background-color: var(--color-warning)
}

.bg-link[data-v-ef0a5ee6] {
    background-color: var(--color-link)
}

.bg-danger[data-v-ef0a5ee6] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-ef0a5ee6] {
    color: var(--color-text-100)
}

.color-text-80[data-v-ef0a5ee6] {
    color: var(--color-text-80)
}

.color-text-50[data-v-ef0a5ee6] {
    color: var(--color-text-50)
}

.color-text-40[data-v-ef0a5ee6] {
    color: var(--color-text-40)
}

.color-text-20[data-v-ef0a5ee6] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-ef0a5ee6] {
    color: var(--color-currency)
}

.color-warning[data-v-ef0a5ee6] {
    color: var(--color-warning)
}

.color-danger[data-v-ef0a5ee6] {
    color: var(--color-danger)
}

.color-link[data-v-ef0a5ee6] {
    color: var(--color-link)
}

.color-line[data-v-ef0a5ee6] {
    color: var(--color-line)
}

.color-border[data-v-ef0a5ee6] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-ef0a5ee6] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-ef0a5ee6] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-ef0a5ee6] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-ef0a5ee6] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-ef0a5ee6] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-ef0a5ee6] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-ef0a5ee6] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-ef0a5ee6] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-ef0a5ee6] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-ef0a5ee6] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-ef0a5ee6] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-ef0a5ee6] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-ef0a5ee6] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-ef0a5ee6] {
    display: flex;
    align-items: center
}

.flex-start[data-v-ef0a5ee6] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-ef0a5ee6] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-ef0a5ee6] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-ef0a5ee6] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-ef0a5ee6] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-ef0a5ee6] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-ef0a5ee6] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-ef0a5ee6] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-ef0a5ee6] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-ef0a5ee6] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-ef0a5ee6] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-ef0a5ee6] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-ef0a5ee6] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-ef0a5ee6] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-ef0a5ee6] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-ef0a5ee6] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-ef0a5ee6] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-ef0a5ee6] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-ef0a5ee6] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-ef0a5ee6] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-ef0a5ee6] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-ef0a5ee6] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-ef0a5ee6] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-ef0a5ee6] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-ef0a5ee6],
.mlm-selected-item[data-v-ef0a5ee6] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-ef0a5ee6] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-ef0a5ee6]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-ef0a5ee6] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-ef0a5ee6] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-ef0a5ee6] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.top-img[data-v-ef0a5ee6] {
    height: 13.5625rem;
    background-size: 100% 100%
}

.rule-main[data-v-ef0a5ee6] {
    padding: 0 .75rem 2.875rem;
    font-size: .75rem;
    line-height: 1.125rem
}

.rule-main .item[data-v-ef0a5ee6] {
    position: relative
}

.rule-main .item .item-count[data-v-ef0a5ee6] {
    position: absolute;
    top: 1.375rem;
    right: 1.0625rem
}

.rule-main .rule-item[data-v-ef0a5ee6] {
    margin-bottom: .9375rem;
    position: relative
}

.rule-main .rule-item .item-count[data-v-ef0a5ee6] {
    position: absolute;
    top: 1.375rem;
    right: 1.0625rem
}

.rule-item[data-v-ef0a5ee6],
.custom-item[data-v-ef0a5ee6] {
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 6.75rem 4.625rem;
    padding: 2rem 2.8125rem 1.375rem 1.6875rem;
    border-radius: .375rem;
    min-height: 5.625rem
}

.item-count[data-v-ef0a5ee6] {
    font-size: 3rem;
    font-weight: 700
}

.rule-item[data-v-ef0a5ee6]:first-child {
    margin-top: -1rem
}

.rule-item[data-v-ef0a5ee6]:last-child {
    margin-bottom: 0
}

[data-v-ef0a5ee6] .custom-item p {
    margin-bottom: .9375rem
}

.amber-purple body div#app ion-router-outlet>div.ion-page[data-v-ef0a5ee6]:after,
.amber-purple body div#app ion-router-outlet>div.ion-page[data-v-ef0a5ee6]:before {
    width: 0;
    height: 0
}

.auroral-yellow ion-toolbar[data-v-ef0a5ee6] {
    --border-width: 0rem
}

ion-toolbar[data-v-ef0a5ee6] {
    --background: var(--mlm-toolbar-bg-color)
}

.rule-main[data-v-ef0a5ee6] {
    color: var(--color-text-40)
}

.rule-item[data-v-ef0a5ee6],
.custom-item[data-v-ef0a5ee6] {
    color: var(--mlm-rules-content-text-color);
    background-color: var(--mlm-agent-level-item-bgc)
}

.item-count[data-v-ef0a5ee6] {
    color: var(--mlm-agent-rule-item-count-textc)
}

.top-img[data-v-ef0a5ee6] {
    background: var(--af9d6978) no-repeat;
    background-size: 100% 100%
}

.rule-item[data-v-ef0a5ee6],
.custom-item[data-v-ef0a5ee6] {
    background-image: var(--2936fa81)
}

.yellow-dark ion-toolbar[data-v-ef0a5ee6],
.green-dark ion-toolbar[data-v-ef0a5ee6],
.purple-light ion-toolbar[data-v-ef0a5ee6],
.amber-purple ion-toolbar[data-v-ef0a5ee6],
.blue-default ion-toolbar[data-v-ef0a5ee6],
.forest-green ion-toolbar[data-v-ef0a5ee6],
.green-default ion-toolbar[data-v-ef0a5ee6],
.auroral-yellow ion-toolbar[data-v-ef0a5ee6] {
    --background: var(--mlm-toolbar-bg-color)
}

.yellow-dark .rule-main[data-v-ef0a5ee6],
.green-dark .rule-main[data-v-ef0a5ee6],
.purple-light .rule-main[data-v-ef0a5ee6],
.amber-purple .rule-main[data-v-ef0a5ee6],
.blue-default .rule-main[data-v-ef0a5ee6],
.forest-green .rule-main[data-v-ef0a5ee6],
.green-default .rule-main[data-v-ef0a5ee6],
.auroral-yellow .rule-main[data-v-ef0a5ee6] {
    color: var(--color-text-40)
}

.yellow-dark .rule-item[data-v-ef0a5ee6],
.green-dark .rule-item[data-v-ef0a5ee6],
.purple-light .rule-item[data-v-ef0a5ee6],
.amber-purple .rule-item[data-v-ef0a5ee6],
.blue-default .rule-item[data-v-ef0a5ee6],
.forest-green .rule-item[data-v-ef0a5ee6],
.green-default .rule-item[data-v-ef0a5ee6],
.auroral-yellow .rule-item[data-v-ef0a5ee6],
.yellow-dark .custom-item[data-v-ef0a5ee6],
.green-dark .custom-item[data-v-ef0a5ee6],
.purple-light .custom-item[data-v-ef0a5ee6],
.amber-purple .custom-item[data-v-ef0a5ee6],
.blue-default .custom-item[data-v-ef0a5ee6],
.forest-green .custom-item[data-v-ef0a5ee6],
.green-default .custom-item[data-v-ef0a5ee6],
.auroral-yellow .custom-item[data-v-ef0a5ee6] {
    color: var(--mlm-rules-content-text-color);
    background-color: var(--mlm-agent-level-item-bgc)
}

.yellow-dark .item-count[data-v-ef0a5ee6],
.green-dark .item-count[data-v-ef0a5ee6],
.purple-light .item-count[data-v-ef0a5ee6],
.amber-purple .item-count[data-v-ef0a5ee6],
.blue-default .item-count[data-v-ef0a5ee6],
.forest-green .item-count[data-v-ef0a5ee6],
.green-default .item-count[data-v-ef0a5ee6],
.auroral-yellow .item-count[data-v-ef0a5ee6] {
    color: var(--mlm-agent-rule-item-count-textc)
}

.auroral-yellow ion-toolbar[data-v-ef0a5ee6] {
    --background: var(--mlm-toolbar-bg-color)
}

.auroral-yellow .rule-main[data-v-ef0a5ee6] {
    color: var(--color-text-40)
}

.auroral-yellow .rule-item[data-v-ef0a5ee6],
.auroral-yellow .custom-item[data-v-ef0a5ee6] {
    color: var(--color-text-white-100);
    background-color: var(--mlm-agent-level-item-bgc)
}

.auroral-yellow .item-count[data-v-ef0a5ee6] {
    color: var(--text-color-white-20)
}

.new-skin-symbol ion-toolbar[data-v-ef0a5ee6] {
    --background: var(--ep-color-background-fill-top-nav-secondary)
}

.new-skin-symbol .rule-main[data-v-ef0a5ee6] {
    color: var(--ep-color-text-weakest)
}

.new-skin-symbol .rule-item[data-v-ef0a5ee6],
.new-skin-symbol .custom-item[data-v-ef0a5ee6] {
    color: var(--ep-color-text-default);
    background-color: var(--ep-color-background-fill-surface-raised-L1)
}

.new-skin-symbol .item-count[data-v-ef0a5ee6] {
    color: var(--ep-color-text-weakest)
}

.new-skin-symbol .top-img[data-v-ef0a5ee6] {
    height: 13.5625rem;
    background-size: 100% 100%
}

.new-skin-symbol .rule-main[data-v-ef0a5ee6] {
    padding: 0 .75rem 2.875rem;
    font-size: var(--ep-font-size-s);
    line-height: 1.125rem
}

.new-skin-symbol .rule-main .item[data-v-ef0a5ee6] {
    position: relative
}

.new-skin-symbol .rule-main .item .item-count[data-v-ef0a5ee6] {
    position: absolute;
    top: 1.375rem;
    right: 1.0625rem
}

.new-skin-symbol .rule-main .rule-item[data-v-ef0a5ee6] {
    margin-bottom: .9375rem;
    position: relative
}

.new-skin-symbol .rule-main .rule-item .item-count[data-v-ef0a5ee6] {
    position: absolute;
    top: 1.375rem;
    right: 1.0625rem
}

.new-skin-symbol .rule-item[data-v-ef0a5ee6],
.new-skin-symbol .custom-item[data-v-ef0a5ee6] {
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 6.75rem 4.625rem;
    padding: 2rem 2.8125rem 1.375rem 1.6875rem;
    border-radius: var(--ep-border-radius-m);
    min-height: 5.625rem
}

.new-skin-symbol .item-count[data-v-ef0a5ee6] {
    font-size: 3rem;
    font-weight: var(--ep-font-weight-bold)
}

.new-skin-symbol .rule-item[data-v-ef0a5ee6]:first-child {
    margin-top: -1rem
}

.new-skin-symbol .rule-item[data-v-ef0a5ee6]:last-child {
    margin-bottom: 0
}

.new-skin-symbol[data-v-ef0a5ee6] .custom-item p {
    margin-bottom: .9375rem
}

.new-skin-symbol .amber-purple body div#app ion-router-outlet>div.ion-page[data-v-ef0a5ee6]:after,
.new-skin-symbol .amber-purple body div#app ion-router-outlet>div.ion-page[data-v-ef0a5ee6]:before {
    width: 0;
    height: 0
}

.new-skin-symbol .auroral-yellow ion-toolbar[data-v-ef0a5ee6] {
    --border-width: 0rem
}

.color-primary-600[data-v-c7862b12] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-c7862b12] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-c7862b12] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-c7862b12] {
    color: var(--color-primary-900)
}

.bg-100[data-v-c7862b12] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-c7862b12] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-c7862b12] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-c7862b12] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-c7862b12] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-c7862b12] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-c7862b12] {
    background-color: var(--color-warning)
}

.bg-link[data-v-c7862b12] {
    background-color: var(--color-link)
}

.bg-danger[data-v-c7862b12] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-c7862b12] {
    color: var(--color-text-100)
}

.color-text-80[data-v-c7862b12] {
    color: var(--color-text-80)
}

.color-text-50[data-v-c7862b12] {
    color: var(--color-text-50)
}

.color-text-40[data-v-c7862b12] {
    color: var(--color-text-40)
}

.color-text-20[data-v-c7862b12] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-c7862b12] {
    color: var(--color-currency)
}

.color-warning[data-v-c7862b12] {
    color: var(--color-warning)
}

.color-danger[data-v-c7862b12] {
    color: var(--color-danger)
}

.color-link[data-v-c7862b12] {
    color: var(--color-link)
}

.color-line[data-v-c7862b12] {
    color: var(--color-line)
}

.color-border[data-v-c7862b12] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-c7862b12] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-c7862b12] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-c7862b12] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-c7862b12] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-c7862b12] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-c7862b12] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-c7862b12] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-c7862b12] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-c7862b12] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-c7862b12] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-c7862b12] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-c7862b12] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-c7862b12] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-c7862b12] {
    display: flex;
    align-items: center
}

.flex-start[data-v-c7862b12] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-c7862b12] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-c7862b12] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-c7862b12] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-c7862b12] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-c7862b12] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-c7862b12] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-c7862b12] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-c7862b12] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-c7862b12] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-c7862b12] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-c7862b12] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-c7862b12] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-c7862b12] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-c7862b12] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-c7862b12] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-c7862b12] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-c7862b12] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-c7862b12] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-c7862b12] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-c7862b12] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-c7862b12] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-c7862b12] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-c7862b12] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-c7862b12],
.mlm-selected-item[data-v-c7862b12] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-c7862b12] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-c7862b12]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-c7862b12] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-c7862b12] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-c7862b12] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.top-img[data-v-c7862b12] {
    height: 12.8125rem;
    background: url(/first/agent/agent-level.png) no-repeat;
    background-size: 100% 100%;
    width: 100%;
    z-index: 10
}

.agent-level-main[data-v-c7862b12] {
    padding: 0 .75rem .875rem;
    margin-top: -3.375rem;
    z-index: 20
}

.agent-level-item[data-v-c7862b12] {
    min-height: 7.125rem;
    padding: .75rem .6875rem;
    border-radius: .375rem;
    margin-bottom: 1.5rem
}

.agent-level-item .level-tips[data-v-c7862b12] {
    padding-top: 1.25rem;
    margin-left: 1rem
}

.agent-level-item .item-level-bottom[data-v-c7862b12] {
    margin-top: 1.25rem;
    padding: .25rem .5rem
}

.agent-level-item.lase-item[data-v-c7862b12] {
    margin-bottom: 1.3125rem
}

.item-level-border[data-v-c7862b12] {
    width: 2.828125rem;
    height: 2.828125rem
}

.item-level-border .current-level[data-v-c7862b12] {
    transform: translate(-50%, -50%) rotate(-45deg);
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2.070625rem;
    height: 2.070625rem
}

.item-level-bottom[data-v-c7862b12] {
    border-radius: .375rem
}

.item-level-bottom .level-item[data-v-c7862b12] {
    padding: .625rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: .75rem;
    line-height: 1.125rem
}

.item-level-bottom .level-item-left[data-v-c7862b12] {
    font-weight: 400
}

.item-level-bottom .level-item-right[data-v-c7862b12] {
    font-weight: 600
}

.item-level-bottom .level-item[data-v-c7862b12]:last-child {
    border-bottom: none !important
}

.agent-description .title[data-v-c7862b12] {
    font-size: .75rem;
    line-height: 1.125rem;
    font-weight: 500
}

.agent-description .description-content[data-v-c7862b12] {
    padding: .625rem 1.375rem .625rem .625rem;
    font-size: .75rem;
    line-height: 1.125rem;
    display: flex
}

.agent-description .description-content .point[data-v-c7862b12] {
    width: .375rem;
    height: .1875rem;
    margin-top: .4rem;
    margin-right: .5rem
}

.amber-purple body div#app ion-router-outlet>div.ion-page[data-v-c7862b12]:after,
.amber-purple body div#app ion-router-outlet>div.ion-page[data-v-c7862b12]:before {
    width: 0;
    height: 0
}

.auroral-yellow ion-toolbar[data-v-c7862b12] {
    --border-width: 0rem
}

ion-toolbar[data-v-c7862b12] {
    --background: var(--mlm-toolbar-bg-color)
}

.agent-level-item[data-v-c7862b12] {
    background-color: var(--mlm-agent-level-item-bgc)
}

.agent-level-item .level-tips[data-v-c7862b12] {
    color: var(--mlm-agent-my-agency-textc)
}

.item-level-bottom[data-v-c7862b12] {
    background: var(--color-bg-300)
}

.item-level-bottom .level-item[data-v-c7862b12] {
    border-bottom: .0625rem solid var(--color-line);
    color: var(--color-text-40)
}

.item-level-bottom .level-item-left[data-v-c7862b12] {
    color: var(--mlm-agent-my-agency-textc)
}

.item-level-bottom .level-item-right[data-v-c7862b12] {
    color: var(--mlm-rate-item-right-text-color)
}

.agent-description .title[data-v-c7862b12] {
    color: var(--mlm-description-content-title-color)
}

.agent-description .description-content[data-v-c7862b12] {
    color: var(--mlm-agent-report-icon-color)
}

.agent-description .description-content .point[data-v-c7862b12] {
    background: var(--mlm-agent-report-icon-color)
}

.item-level-border[data-v-c7862b12] {
    background: var(--ep-color-background-fill-body-default, var(--color-bg-300)) url(/assets/agent-level-border-DBNTrZrB.svg) no-repeat;
    background-size: 100% 100%;
    border-radius: 1rem;
    transform: rotate(45deg)
}

.yellow-dark ion-toolbar[data-v-c7862b12],
.green-dark ion-toolbar[data-v-c7862b12],
.purple-light ion-toolbar[data-v-c7862b12],
.amber-purple ion-toolbar[data-v-c7862b12],
.blue-default ion-toolbar[data-v-c7862b12],
.forest-green ion-toolbar[data-v-c7862b12],
.green-default ion-toolbar[data-v-c7862b12],
.auroral-yellow ion-toolbar[data-v-c7862b12] {
    --background: var(--mlm-toolbar-bg-color)
}

.yellow-dark .agent-level-item[data-v-c7862b12],
.green-dark .agent-level-item[data-v-c7862b12],
.purple-light .agent-level-item[data-v-c7862b12],
.amber-purple .agent-level-item[data-v-c7862b12],
.blue-default .agent-level-item[data-v-c7862b12],
.forest-green .agent-level-item[data-v-c7862b12],
.green-default .agent-level-item[data-v-c7862b12],
.auroral-yellow .agent-level-item[data-v-c7862b12] {
    background-color: var(--mlm-agent-level-item-bgc)
}

.yellow-dark .agent-level-item .level-tips[data-v-c7862b12],
.green-dark .agent-level-item .level-tips[data-v-c7862b12],
.purple-light .agent-level-item .level-tips[data-v-c7862b12],
.amber-purple .agent-level-item .level-tips[data-v-c7862b12],
.blue-default .agent-level-item .level-tips[data-v-c7862b12],
.forest-green .agent-level-item .level-tips[data-v-c7862b12],
.green-default .agent-level-item .level-tips[data-v-c7862b12],
.auroral-yellow .agent-level-item .level-tips[data-v-c7862b12] {
    color: var(--mlm-agent-my-agency-textc)
}

.yellow-dark .item-level-bottom[data-v-c7862b12],
.green-dark .item-level-bottom[data-v-c7862b12],
.purple-light .item-level-bottom[data-v-c7862b12],
.amber-purple .item-level-bottom[data-v-c7862b12],
.blue-default .item-level-bottom[data-v-c7862b12],
.forest-green .item-level-bottom[data-v-c7862b12],
.green-default .item-level-bottom[data-v-c7862b12],
.auroral-yellow .item-level-bottom[data-v-c7862b12] {
    background: var(--color-bg-300)
}

.yellow-dark .item-level-bottom .level-item[data-v-c7862b12],
.green-dark .item-level-bottom .level-item[data-v-c7862b12],
.purple-light .item-level-bottom .level-item[data-v-c7862b12],
.amber-purple .item-level-bottom .level-item[data-v-c7862b12],
.blue-default .item-level-bottom .level-item[data-v-c7862b12],
.forest-green .item-level-bottom .level-item[data-v-c7862b12],
.green-default .item-level-bottom .level-item[data-v-c7862b12],
.auroral-yellow .item-level-bottom .level-item[data-v-c7862b12] {
    border-bottom: .0625rem solid var(--color-line);
    color: var(--color-text-40)
}

.yellow-dark .item-level-bottom .level-item-left[data-v-c7862b12],
.green-dark .item-level-bottom .level-item-left[data-v-c7862b12],
.purple-light .item-level-bottom .level-item-left[data-v-c7862b12],
.amber-purple .item-level-bottom .level-item-left[data-v-c7862b12],
.blue-default .item-level-bottom .level-item-left[data-v-c7862b12],
.forest-green .item-level-bottom .level-item-left[data-v-c7862b12],
.green-default .item-level-bottom .level-item-left[data-v-c7862b12],
.auroral-yellow .item-level-bottom .level-item-left[data-v-c7862b12] {
    color: var(--mlm-agent-my-agency-textc)
}

.yellow-dark .item-level-bottom .level-item-right[data-v-c7862b12],
.green-dark .item-level-bottom .level-item-right[data-v-c7862b12],
.purple-light .item-level-bottom .level-item-right[data-v-c7862b12],
.amber-purple .item-level-bottom .level-item-right[data-v-c7862b12],
.blue-default .item-level-bottom .level-item-right[data-v-c7862b12],
.forest-green .item-level-bottom .level-item-right[data-v-c7862b12],
.green-default .item-level-bottom .level-item-right[data-v-c7862b12],
.auroral-yellow .item-level-bottom .level-item-right[data-v-c7862b12] {
    color: var(--mlm-rate-item-right-text-color)
}

.yellow-dark .agent-description .title[data-v-c7862b12],
.green-dark .agent-description .title[data-v-c7862b12],
.purple-light .agent-description .title[data-v-c7862b12],
.amber-purple .agent-description .title[data-v-c7862b12],
.blue-default .agent-description .title[data-v-c7862b12],
.forest-green .agent-description .title[data-v-c7862b12],
.green-default .agent-description .title[data-v-c7862b12],
.auroral-yellow .agent-description .title[data-v-c7862b12] {
    color: var(--mlm-description-content-title-color)
}

.yellow-dark .agent-description .description-content[data-v-c7862b12],
.green-dark .agent-description .description-content[data-v-c7862b12],
.purple-light .agent-description .description-content[data-v-c7862b12],
.amber-purple .agent-description .description-content[data-v-c7862b12],
.blue-default .agent-description .description-content[data-v-c7862b12],
.forest-green .agent-description .description-content[data-v-c7862b12],
.green-default .agent-description .description-content[data-v-c7862b12],
.auroral-yellow .agent-description .description-content[data-v-c7862b12] {
    color: var(--mlm-agent-report-icon-color)
}

.yellow-dark .agent-description .description-content .point[data-v-c7862b12],
.green-dark .agent-description .description-content .point[data-v-c7862b12],
.purple-light .agent-description .description-content .point[data-v-c7862b12],
.amber-purple .agent-description .description-content .point[data-v-c7862b12],
.blue-default .agent-description .description-content .point[data-v-c7862b12],
.forest-green .agent-description .description-content .point[data-v-c7862b12],
.green-default .agent-description .description-content .point[data-v-c7862b12],
.auroral-yellow .agent-description .description-content .point[data-v-c7862b12] {
    background: var(--mlm-agent-report-icon-color)
}

.auroral-yellow ion-toolbar[data-v-c7862b12] {
    --background: var(--mlm-toolbar-bg-color)
}

.auroral-yellow .agent-level-item[data-v-c7862b12] {
    background-color: var(--mlm-agent-level-item-bgc)
}

.auroral-yellow .agent-level-item .level-tips[data-v-c7862b12] {
    color: var(--color-text-white-100)
}

.auroral-yellow .item-level-bottom[data-v-c7862b12] {
    background: var(--color-bg-300)
}

.auroral-yellow .item-level-bottom .level-item[data-v-c7862b12] {
    border-bottom: .0625rem solid var(--color-line);
    color: var(--color-text-40)
}

.auroral-yellow .item-level-bottom .level-item-left[data-v-c7862b12] {
    color: var(--color-text-white-100)
}

.auroral-yellow .item-level-bottom .level-item-right[data-v-c7862b12] {
    color: var(--mlm-rate-item-right-text-color)
}

.auroral-yellow .agent-description .title[data-v-c7862b12] {
    color: var(--color-text-white-100)
}

.auroral-yellow .agent-description .description-content[data-v-c7862b12] {
    color: var(--mlm-agent-report-icon-color)
}

.auroral-yellow .agent-description .description-content .point[data-v-c7862b12] {
    background: var(--mlm-agent-report-icon-color)
}

.new-skin-symbol ion-toolbar[data-v-c7862b12] {
    --background: var(--ep-color-background-fill-top-nav-secondary)
}

.new-skin-symbol .agent-level-item[data-v-c7862b12] {
    background-color: var(--ep-color-background-fill-surface-raised-L1)
}

.new-skin-symbol .agent-level-item .level-tips[data-v-c7862b12] {
    color: var(--ep-color-text-default)
}

.new-skin-symbol .item-level-bottom[data-v-c7862b12] {
    background: var(--ep-color-background-fill-body-default)
}

.new-skin-symbol .item-level-bottom .level-item[data-v-c7862b12] {
    border-bottom: .0625rem solid var(--ep-color-border-default);
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol .item-level-bottom .level-item-left[data-v-c7862b12] {
    color: var(--ep-color-text-default)
}

.new-skin-symbol .item-level-bottom .level-item-right[data-v-c7862b12] {
    color: var(--ep-color-text-warning)
}

.new-skin-symbol .agent-description .title[data-v-c7862b12] {
    color: var(--ep-color-text-default)
}

.new-skin-symbol .agent-description .description-content[data-v-c7862b12] {
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol .agent-description .description-content .point[data-v-c7862b12] {
    background: var(--ep-color-text-weaker)
}

.new-skin-symbol .font-weight-bold[data-v-c7862b12] {
    font-weight: var(--ep-font-weight-bold)
}

.new-skin-symbol .top-img[data-v-c7862b12] {
    height: 12.8125rem;
    background: url(/first/agent/agent-level.png) no-repeat;
    background-size: 100% 100%;
    width: 100%;
    z-index: 10
}

.new-skin-symbol .agent-level-main[data-v-c7862b12] {
    padding: 0 .75rem .875rem;
    margin-top: -3.375rem;
    z-index: 20
}

.new-skin-symbol .agent-level-item[data-v-c7862b12] {
    min-height: 7.125rem;
    padding: .75rem .6875rem;
    border-radius: var(--ep-border-radius-m);
    margin-bottom: 1.5rem
}

.new-skin-symbol .agent-level-item .level-tips[data-v-c7862b12] {
    padding-top: 1.25rem;
    margin-left: 1rem
}

.new-skin-symbol .agent-level-item .item-level-bottom[data-v-c7862b12] {
    margin-top: 1.25rem;
    padding: .25rem .5rem
}

.new-skin-symbol .agent-level-item.lase-item[data-v-c7862b12] {
    margin-bottom: 1.3125rem
}

.new-skin-symbol .item-level-border[data-v-c7862b12] {
    width: 2.828125rem;
    height: 2.828125rem
}

.new-skin-symbol .item-level-border .current-level[data-v-c7862b12] {
    transform: translate(-50%, -50%) rotate(-45deg);
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2.070625rem;
    height: 2.070625rem
}

.new-skin-symbol .item-level-bottom[data-v-c7862b12] {
    border-radius: var(--ep-border-radius-m)
}

.new-skin-symbol .item-level-bottom .level-item[data-v-c7862b12] {
    padding: .625rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: var(--ep-font-size-s);
    line-height: 1.125rem
}

.new-skin-symbol .item-level-bottom .level-item-left[data-v-c7862b12] {
    font-weight: var(--ep-font-weight-regular)
}

.new-skin-symbol .item-level-bottom .level-item-right[data-v-c7862b12] {
    color: var(--ep-color-text-default);
    font-weight: var(--ep-font-weight-medium)
}

.new-skin-symbol .item-level-bottom .level-item[data-v-c7862b12]:last-child {
    border-bottom: none !important
}

.new-skin-symbol .agent-description .title[data-v-c7862b12] {
    font-size: var(--ep-font-size-s);
    line-height: 1.125rem;
    font-weight: var(--ep-font-weight-medium)
}

.new-skin-symbol .agent-description .description-content[data-v-c7862b12] {
    padding: .625rem 1.375rem .625rem .625rem;
    font-size: var(--ep-font-size-s);
    line-height: 1.125rem;
    display: flex
}

.new-skin-symbol .agent-description .description-content .point[data-v-c7862b12] {
    width: .375rem;
    height: .1875rem;
    margin-top: .4rem;
    margin-right: .5rem
}

.new-skin-symbol .amber-purple body div#app ion-router-outlet>div.ion-page[data-v-c7862b12]:after,
.new-skin-symbol .amber-purple body div#app ion-router-outlet>div.ion-page[data-v-c7862b12]:before {
    width: 0;
    height: 0
}

.new-skin-symbol .auroral-yellow ion-toolbar[data-v-c7862b12] {
    --border-width: 0rem
}

.color-primary-600[data-v-238b06de] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-238b06de] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-238b06de] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-238b06de] {
    color: var(--color-primary-900)
}

.bg-100[data-v-238b06de] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-238b06de] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-238b06de] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-238b06de] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-238b06de] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-238b06de] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-238b06de] {
    background-color: var(--color-warning)
}

.bg-link[data-v-238b06de] {
    background-color: var(--color-link)
}

.bg-danger[data-v-238b06de] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-238b06de] {
    color: var(--color-text-100)
}

.color-text-80[data-v-238b06de] {
    color: var(--color-text-80)
}

.color-text-50[data-v-238b06de] {
    color: var(--color-text-50)
}

.color-text-40[data-v-238b06de] {
    color: var(--color-text-40)
}

.color-text-20[data-v-238b06de] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-238b06de] {
    color: var(--color-currency)
}

.color-warning[data-v-238b06de] {
    color: var(--color-warning)
}

.color-danger[data-v-238b06de] {
    color: var(--color-danger)
}

.color-link[data-v-238b06de] {
    color: var(--color-link)
}

.color-line[data-v-238b06de] {
    color: var(--color-line)
}

.color-border[data-v-238b06de] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-238b06de] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-238b06de] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-238b06de] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-238b06de] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-238b06de] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-238b06de] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-238b06de] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-238b06de] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-238b06de] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-238b06de] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-238b06de] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-238b06de] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-238b06de] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-238b06de] {
    display: flex;
    align-items: center
}

.flex-start[data-v-238b06de] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-238b06de] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-238b06de] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-238b06de] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-238b06de] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-238b06de] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-238b06de] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-238b06de] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-238b06de] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-238b06de] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-238b06de] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-238b06de] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-238b06de] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-238b06de] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-238b06de] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-238b06de] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-238b06de] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-238b06de] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-238b06de] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-238b06de] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-238b06de] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-238b06de] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-238b06de] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-238b06de] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-238b06de],
.mlm-selected-item[data-v-238b06de] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-238b06de] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-238b06de]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-238b06de] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-238b06de] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-238b06de] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.top-img[data-v-238b06de] {
    height: 11.0131rem;
    background: url(/first/agent/commission-rate.png) no-repeat;
    background-size: 100% 100%
}

.level[data-v-238b06de] {
    margin-left: .375rem;
    margin-top: -1rem
}

.commission-rate-mes[data-v-238b06de] {
    padding-top: .6875rem;
    padding-bottom: 2.25rem
}

.current-level[data-v-238b06de] {
    transform: translate(-50%, -50%)
}

ion-segment.level-agent-se .item[data-v-238b06de] {
    width: 4rem;
    height: 4rem;
    position: relative
}

ion-segment.level-agent-se .item .current-level[data-v-238b06de] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2.070625rem;
    height: 2.070625rem
}

ion-segment-button.level-agent[data-v-238b06de] {
    --background-checked: none;
    --background-focused: none;
    --background-hover: none;
    --indicator-box-shadow: none;
    --indicator-transform: none;
    --indicator-transition: none;
    font-size: .75rem;
    line-height: 1.125rem;
    margin-right: .625rem;
    text-transform: none
}

ion-segment-button.level-agent[data-v-238b06de]::part(native) {
    padding: 0
}

ion-segment-button.level-agent.md[data-v-238b06de]::part(indicator-background) {
    background: none;
    height: 0
}

.rate-info[data-v-238b06de] {
    padding: .5rem .625rem;
    border-radius: .375rem
}

.rate-info .icon[data-v-238b06de] {
    display: flex;
    align-items: center
}

.rate-info .icon span[data-v-238b06de] {
    font-weight: 700;
    font-size: .875rem;
    line-height: 1.3125rem
}

.rate-info .rate-title[data-v-238b06de] {
    margin-left: .5625rem;
    margin-top: .699375rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: .75rem;
    line-height: 1.125rem
}

.rate-info .rate-box[data-v-238b06de] {
    margin-top: .449375rem
}

.rate-info .rate-box .rate-item[data-v-238b06de] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: .75rem;
    line-height: 1.125rem
}

.rate-info .rate-footer-tips[data-v-238b06de] {
    margin-bottom: 1.555625rem;
    text-align: center;
    font-size: .75rem;
    line-height: 1.125rem
}

.rate-box[data-v-238b06de] {
    border-radius: .375rem
}

.rate-box .rate-item[data-v-238b06de] {
    padding: 1.125rem 1.875rem
}

.rate-box .rate-item .rate-item-left[data-v-238b06de] {
    font-weight: 600
}

.rate-box .rate-item .rate-item-right[data-v-238b06de] {
    text-align: center;
    min-width: 3.125rem;
    font-weight: 700
}

.rate-box .rate-item[data-v-238b06de]:last-child {
    border-bottom: none !important
}

.game-type[data-v-238b06de] {
    padding-top: .625rem
}

ion-button.base-style[data-v-238b06de] {
    font-size: .875rem
}

ion-button.select-style[data-v-238b06de] {
    font-weight: 700
}

ion-segment.game-type-se.md[data-v-238b06de] {
    display: flex;
    justify-content: left
}

ion-segment-button.game-type-btn.md[data-v-238b06de]::part(indicator) {
    margin-left: auto;
    margin-right: auto
}

ion-segment-button.game-type-btn.md[data-v-238b06de] {
    min-height: 0rem
}

ion-segment-button.game-type-btn.md[data-v-238b06de]::part(indicator-background) {
    height: .0625rem
}

ion-segment-button.second-game-type[data-v-238b06de]::part(indicator-background) {
    height: .125rem !important
}

ion-segment-button.game-type-btn.md ion-button[data-v-238b06de] {
    text-transform: none;
    height: 2.625rem;
    margin: 0;
    --padding-top: 0rem;
    --padding-bottom: .3125rem;
    --padding-start: 0;
    --padding-end: 0;
    min-width: 0
}

.amber-purple body div#app ion-router-outlet>div.ion-page[data-v-238b06de]:after,
.amber-purple body div#app ion-router-outlet>div.ion-page[data-v-238b06de]:before {
    width: 0;
    height: 0
}

.auroral-yellow ion-toolbar[data-v-238b06de] {
    --border-width: 0rem
}

.level-icon[data-v-238b06de] {
    background: var(--678f5fd9) no-repeat;
    background-size: 100% 100%
}

ion-toolbar[data-v-238b06de] {
    --background: var(--mlm-toolbar-bg-color)
}

ion-segment.level-agent-se[data-v-238b06de] {
    background: var(--color-bg-300)
}

ion-segment-button.level-agent[data-v-238b06de] {
    --color: var(--mlm-rate-level-agent-segment-select-color);
    --color-checked: var(--mlm-level-agent-selected-text-color)
}

ion-segment-button.level-agent[data-v-238b06de]::part(native) {
    background: var(--color-bg-300)
}

.rate-info[data-v-238b06de] {
    background: var(--mlm-agent-rate-info-bgc)
}

.rate-info .icon span[data-v-238b06de] {
    color: var(--mlm-agent-my-agency-textc)
}

.rate-info .rate-box .rate-item[data-v-238b06de] {
    color: var(--color-text-40)
}

.rate-box[data-v-238b06de] {
    background: var(--color-bg-300)
}

.rate-box .rate-item[data-v-238b06de] {
    border-bottom: .0625rem solid var(--color-line)
}

.rate-box .rate-item .rate-item-left[data-v-238b06de] {
    color: var(--mlm-agent-my-agency-textc)
}

.rate-box .rate-item .rate-item-right[data-v-238b06de] {
    color: var(--mlm-rate-item-right-text-color)
}

.rate-title[data-v-238b06de] {
    color: var(--mlm-agent-report-icon-color)
}

.game-type[data-v-238b06de] {
    background: var(--mlm-commission-rate-game-type-bg)
}

.rate-footer-tips[data-v-238b06de] {
    color: var(--mlm-agent-report-icon-color)
}

ion-button.base-style[data-v-238b06de] {
    --color: var(--mlm-segment-select-text-color)
}

ion-button.select-style[data-v-238b06de] {
    --color: var(--mlm-segment-selected-text-color)
}

ion-segment-button.game-type-btn.md[data-v-238b06de]::part(indicator-background) {
    background: var(--mlm-segment-indicator-bg-color)
}

.yellow-dark ion-toolbar[data-v-238b06de],
.green-dark ion-toolbar[data-v-238b06de],
.purple-light ion-toolbar[data-v-238b06de],
.amber-purple ion-toolbar[data-v-238b06de],
.blue-default ion-toolbar[data-v-238b06de],
.forest-green ion-toolbar[data-v-238b06de],
.green-default ion-toolbar[data-v-238b06de],
.auroral-yellow ion-toolbar[data-v-238b06de] {
    --background: var(--mlm-toolbar-bg-color)
}

.yellow-dark ion-segment.level-agent-se[data-v-238b06de],
.green-dark ion-segment.level-agent-se[data-v-238b06de],
.purple-light ion-segment.level-agent-se[data-v-238b06de],
.amber-purple ion-segment.level-agent-se[data-v-238b06de],
.blue-default ion-segment.level-agent-se[data-v-238b06de],
.forest-green ion-segment.level-agent-se[data-v-238b06de],
.green-default ion-segment.level-agent-se[data-v-238b06de],
.auroral-yellow ion-segment.level-agent-se[data-v-238b06de] {
    background: var(--color-bg-300)
}

.yellow-dark ion-segment-button.level-agent[data-v-238b06de],
.green-dark ion-segment-button.level-agent[data-v-238b06de],
.purple-light ion-segment-button.level-agent[data-v-238b06de],
.amber-purple ion-segment-button.level-agent[data-v-238b06de],
.blue-default ion-segment-button.level-agent[data-v-238b06de],
.forest-green ion-segment-button.level-agent[data-v-238b06de],
.green-default ion-segment-button.level-agent[data-v-238b06de],
.auroral-yellow ion-segment-button.level-agent[data-v-238b06de] {
    --color: var(--mlm-rate-level-agent-segment-select-color);
    --color-checked: var(--mlm-level-agent-selected-text-color)
}

.yellow-dark ion-segment-button.level-agent[data-v-238b06de]::part(native),
.green-dark ion-segment-button.level-agent[data-v-238b06de]::part(native),
.purple-light ion-segment-button.level-agent[data-v-238b06de]::part(native),
.amber-purple ion-segment-button.level-agent[data-v-238b06de]::part(native),
.blue-default ion-segment-button.level-agent[data-v-238b06de]::part(native),
.forest-green ion-segment-button.level-agent[data-v-238b06de]::part(native),
.green-default ion-segment-button.level-agent[data-v-238b06de]::part(native),
.auroral-yellow ion-segment-button.level-agent[data-v-238b06de]::part(native) {
    background: var(--color-bg-300)
}

.yellow-dark .rate-info[data-v-238b06de],
.green-dark .rate-info[data-v-238b06de],
.purple-light .rate-info[data-v-238b06de],
.amber-purple .rate-info[data-v-238b06de],
.blue-default .rate-info[data-v-238b06de],
.forest-green .rate-info[data-v-238b06de],
.green-default .rate-info[data-v-238b06de],
.auroral-yellow .rate-info[data-v-238b06de] {
    background: var(--mlm-agent-rate-info-bgc)
}

.yellow-dark .rate-info .icon span[data-v-238b06de],
.green-dark .rate-info .icon span[data-v-238b06de],
.purple-light .rate-info .icon span[data-v-238b06de],
.amber-purple .rate-info .icon span[data-v-238b06de],
.blue-default .rate-info .icon span[data-v-238b06de],
.forest-green .rate-info .icon span[data-v-238b06de],
.green-default .rate-info .icon span[data-v-238b06de],
.auroral-yellow .rate-info .icon span[data-v-238b06de] {
    color: var(--mlm-agent-my-agency-textc)
}

.yellow-dark .rate-info .rate-box .rate-item[data-v-238b06de],
.green-dark .rate-info .rate-box .rate-item[data-v-238b06de],
.purple-light .rate-info .rate-box .rate-item[data-v-238b06de],
.amber-purple .rate-info .rate-box .rate-item[data-v-238b06de],
.blue-default .rate-info .rate-box .rate-item[data-v-238b06de],
.forest-green .rate-info .rate-box .rate-item[data-v-238b06de],
.green-default .rate-info .rate-box .rate-item[data-v-238b06de],
.auroral-yellow .rate-info .rate-box .rate-item[data-v-238b06de] {
    color: var(--color-text-40)
}

.yellow-dark .rate-box[data-v-238b06de],
.green-dark .rate-box[data-v-238b06de],
.purple-light .rate-box[data-v-238b06de],
.amber-purple .rate-box[data-v-238b06de],
.blue-default .rate-box[data-v-238b06de],
.forest-green .rate-box[data-v-238b06de],
.green-default .rate-box[data-v-238b06de],
.auroral-yellow .rate-box[data-v-238b06de] {
    background: var(--color-bg-300)
}

.yellow-dark .rate-box .rate-item[data-v-238b06de],
.green-dark .rate-box .rate-item[data-v-238b06de],
.purple-light .rate-box .rate-item[data-v-238b06de],
.amber-purple .rate-box .rate-item[data-v-238b06de],
.blue-default .rate-box .rate-item[data-v-238b06de],
.forest-green .rate-box .rate-item[data-v-238b06de],
.green-default .rate-box .rate-item[data-v-238b06de],
.auroral-yellow .rate-box .rate-item[data-v-238b06de] {
    border-bottom: .0625rem solid var(--color-line)
}

.yellow-dark .rate-box .rate-item .rate-item-left[data-v-238b06de],
.green-dark .rate-box .rate-item .rate-item-left[data-v-238b06de],
.purple-light .rate-box .rate-item .rate-item-left[data-v-238b06de],
.amber-purple .rate-box .rate-item .rate-item-left[data-v-238b06de],
.blue-default .rate-box .rate-item .rate-item-left[data-v-238b06de],
.forest-green .rate-box .rate-item .rate-item-left[data-v-238b06de],
.green-default .rate-box .rate-item .rate-item-left[data-v-238b06de],
.auroral-yellow .rate-box .rate-item .rate-item-left[data-v-238b06de] {
    color: var(--mlm-agent-my-agency-textc)
}

.yellow-dark .rate-box .rate-item .rate-item-right[data-v-238b06de],
.green-dark .rate-box .rate-item .rate-item-right[data-v-238b06de],
.purple-light .rate-box .rate-item .rate-item-right[data-v-238b06de],
.amber-purple .rate-box .rate-item .rate-item-right[data-v-238b06de],
.blue-default .rate-box .rate-item .rate-item-right[data-v-238b06de],
.forest-green .rate-box .rate-item .rate-item-right[data-v-238b06de],
.green-default .rate-box .rate-item .rate-item-right[data-v-238b06de],
.auroral-yellow .rate-box .rate-item .rate-item-right[data-v-238b06de] {
    color: var(--mlm-rate-item-right-text-color)
}

.yellow-dark .rate-title[data-v-238b06de],
.green-dark .rate-title[data-v-238b06de],
.purple-light .rate-title[data-v-238b06de],
.amber-purple .rate-title[data-v-238b06de],
.blue-default .rate-title[data-v-238b06de],
.forest-green .rate-title[data-v-238b06de],
.green-default .rate-title[data-v-238b06de],
.auroral-yellow .rate-title[data-v-238b06de] {
    color: var(--mlm-agent-report-icon-color)
}

.yellow-dark .game-type[data-v-238b06de],
.green-dark .game-type[data-v-238b06de],
.purple-light .game-type[data-v-238b06de],
.amber-purple .game-type[data-v-238b06de],
.blue-default .game-type[data-v-238b06de],
.forest-green .game-type[data-v-238b06de],
.green-default .game-type[data-v-238b06de],
.auroral-yellow .game-type[data-v-238b06de] {
    background: var(--mlm-commission-rate-game-type-bg)
}

.yellow-dark .rate-footer-tips[data-v-238b06de],
.green-dark .rate-footer-tips[data-v-238b06de],
.purple-light .rate-footer-tips[data-v-238b06de],
.amber-purple .rate-footer-tips[data-v-238b06de],
.blue-default .rate-footer-tips[data-v-238b06de],
.forest-green .rate-footer-tips[data-v-238b06de],
.green-default .rate-footer-tips[data-v-238b06de],
.auroral-yellow .rate-footer-tips[data-v-238b06de] {
    color: var(--mlm-agent-report-icon-color)
}

.yellow-dark ion-button.base-style[data-v-238b06de],
.green-dark ion-button.base-style[data-v-238b06de],
.purple-light ion-button.base-style[data-v-238b06de],
.amber-purple ion-button.base-style[data-v-238b06de],
.blue-default ion-button.base-style[data-v-238b06de],
.forest-green ion-button.base-style[data-v-238b06de],
.green-default ion-button.base-style[data-v-238b06de],
.auroral-yellow ion-button.base-style[data-v-238b06de] {
    --color: var(--mlm-segment-select-text-color)
}

.yellow-dark ion-button.select-style[data-v-238b06de],
.green-dark ion-button.select-style[data-v-238b06de],
.purple-light ion-button.select-style[data-v-238b06de],
.amber-purple ion-button.select-style[data-v-238b06de],
.blue-default ion-button.select-style[data-v-238b06de],
.forest-green ion-button.select-style[data-v-238b06de],
.green-default ion-button.select-style[data-v-238b06de],
.auroral-yellow ion-button.select-style[data-v-238b06de] {
    --color: var(--mlm-segment-selected-text-color)
}

.yellow-dark ion-segment-button.game-type-btn.md[data-v-238b06de]::part(indicator-background),
.green-dark ion-segment-button.game-type-btn.md[data-v-238b06de]::part(indicator-background),
.purple-light ion-segment-button.game-type-btn.md[data-v-238b06de]::part(indicator-background),
.amber-purple ion-segment-button.game-type-btn.md[data-v-238b06de]::part(indicator-background),
.blue-default ion-segment-button.game-type-btn.md[data-v-238b06de]::part(indicator-background),
.forest-green ion-segment-button.game-type-btn.md[data-v-238b06de]::part(indicator-background),
.green-default ion-segment-button.game-type-btn.md[data-v-238b06de]::part(indicator-background),
.auroral-yellow ion-segment-button.game-type-btn.md[data-v-238b06de]::part(indicator-background) {
    background: var(--mlm-segment-indicator-bg-color)
}

.new-skin-symbol ion-toolbar[data-v-238b06de] {
    --background: var(--ep-color-background-fill-top-nav-secondary)
}

.new-skin-symbol ion-segment.level-agent-se[data-v-238b06de] {
    background: var(--ep-color-background-fill-body-default)
}

.new-skin-symbol ion-segment-button.level-agent[data-v-238b06de] {
    --color: var(--ep-color-text-weaker);
    --color-checked: var(--ep-color-text-selected)
}

.new-skin-symbol ion-segment-button.level-agent[data-v-238b06de]::part(native) {
    background: var(--ep-color-background-fill-body-default)
}

.new-skin-symbol .rate-info[data-v-238b06de] {
    background: var(--ep-color-background-fill-surface-raised-L1)
}

.new-skin-symbol .rate-info .icon span[data-v-238b06de],
.new-skin-symbol .rate-info .rate-box .rate-item[data-v-238b06de] {
    color: var(--ep-color-text-default)
}

.new-skin-symbol .rate-box[data-v-238b06de] {
    background: var(--ep-color-background-fill-body-default)
}

.new-skin-symbol .rate-box .rate-item[data-v-238b06de] {
    border-bottom: .0625rem solid var(--ep-color-border-default)
}

.new-skin-symbol .rate-box .rate-item .rate-item-left[data-v-238b06de] {
    color: var(--ep-color-text-default)
}

.new-skin-symbol .rate-box .rate-item .rate-item-right[data-v-238b06de] {
    color: var(--ep-color-text-warning)
}

.new-skin-symbol .rate-title[data-v-238b06de] {
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol .game-type[data-v-238b06de] {
    background: var(--ep-color-background-fill-surface-lowered)
}

.new-skin-symbol .rate-footer-tips[data-v-238b06de] {
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol ion-button.base-style[data-v-238b06de] {
    --color: var(--ep-color-text-weaker)
}

.new-skin-symbol ion-button.select-style[data-v-238b06de] {
    --color: var(--ep-color-text-selected)
}

.new-skin-symbol ion-segment-button.game-type-btn.md[data-v-238b06de]::part(indicator-background) {
    background: var(--ep-color-border-selected)
}

.new-skin-symbol .top-img[data-v-238b06de] {
    height: 11.0131rem;
    background: url(/first/agent/commission-rate.png) no-repeat;
    background-size: 100% 100%
}

.new-skin-symbol .level[data-v-238b06de] {
    margin-left: .375rem;
    margin-top: -1rem
}

.new-skin-symbol .commission-rate-mes[data-v-238b06de] {
    padding-top: .6875rem;
    padding-bottom: 2.25rem
}

.new-skin-symbol .current-level[data-v-238b06de] {
    transform: translate(-50%, -50%)
}

.new-skin-symbol ion-segment.level-agent-se .item[data-v-238b06de] {
    width: 4rem;
    height: 4rem;
    position: relative
}

.new-skin-symbol ion-segment.level-agent-se .item .current-level[data-v-238b06de] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2.070625rem;
    height: 2.070625rem
}

.new-skin-symbol ion-segment-button.level-agent[data-v-238b06de] {
    --background-checked: none;
    --background-focused: none;
    --background-hover: none;
    --indicator-box-shadow: none;
    --indicator-transform: none;
    --indicator-transition: none;
    font-size: var(--ep-font-size-s);
    line-height: 1.125rem;
    margin-right: .625rem;
    text-transform: none
}

.new-skin-symbol ion-segment-button.level-agent[data-v-238b06de]::part(native) {
    padding: 0
}

.new-skin-symbol ion-segment-button.level-agent.md[data-v-238b06de]::part(indicator-background) {
    background: none;
    height: 0
}

.new-skin-symbol .rate-info[data-v-238b06de] {
    padding: .5rem .625rem;
    border-radius: var(--ep-border-radius-m)
}

.new-skin-symbol .rate-info .icon[data-v-238b06de] {
    display: flex;
    align-items: center
}

.new-skin-symbol .rate-info .icon span[data-v-238b06de] {
    font-weight: var(--ep-font-weight-bold);
    font-size: var(--ep-font-size-m);
    line-height: 1.3125rem
}

.new-skin-symbol .rate-info .rate-title[data-v-238b06de] {
    margin-left: .5625rem;
    margin-top: .699375rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: var(--ep-font-size-s);
    line-height: 1.125rem
}

.new-skin-symbol .rate-info .rate-box[data-v-238b06de] {
    margin-top: .449375rem
}

.new-skin-symbol .rate-info .rate-box .rate-item[data-v-238b06de] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: var(--ep-font-size-s);
    line-height: 1.125rem
}

.new-skin-symbol .rate-info .rate-footer-tips[data-v-238b06de] {
    margin-bottom: 1.555625rem;
    text-align: center;
    font-size: var(--ep-font-size-s);
    line-height: 1.125rem
}

.new-skin-symbol .rate-box[data-v-238b06de] {
    border-radius: var(--ep-border-radius-m)
}

.new-skin-symbol .rate-box .rate-item[data-v-238b06de] {
    padding: 1.125rem 1.875rem
}

.new-skin-symbol .rate-box .rate-item .rate-item-left[data-v-238b06de] {
    font-weight: var(--ep-font-weight-medium)
}

.new-skin-symbol .rate-box .rate-item .rate-item-right[data-v-238b06de] {
    text-align: center;
    min-width: 3.125rem;
    font-weight: var(--ep-font-weight-bold)
}

.new-skin-symbol .rate-box .rate-item[data-v-238b06de]:last-child {
    border-bottom: none !important
}

.new-skin-symbol .game-type[data-v-238b06de] {
    padding-top: .625rem
}

.new-skin-symbol ion-button.base-style[data-v-238b06de] {
    font-size: var(--ep-font-size-m)
}

.new-skin-symbol ion-button.select-style[data-v-238b06de] {
    font-weight: 700
}

.new-skin-symbol ion-segment.game-type-se.md[data-v-238b06de] {
    display: flex;
    justify-content: left
}

.new-skin-symbol ion-segment-button.game-type-btn.md[data-v-238b06de]::part(indicator) {
    margin-left: auto;
    margin-right: auto
}

.new-skin-symbol ion-segment-button.game-type-btn.md[data-v-238b06de] {
    min-height: 0rem
}

.new-skin-symbol ion-segment-button.game-type-btn.md[data-v-238b06de]::part(indicator-background) {
    height: .0625rem
}

.new-skin-symbol ion-segment-button.second-game-type[data-v-238b06de]::part(indicator-background) {
    height: .125rem !important
}

.new-skin-symbol ion-segment-button.game-type-btn.md ion-button[data-v-238b06de] {
    text-transform: none;
    height: 2.625rem;
    margin: 0;
    --padding-top: 0rem;
    --padding-bottom: .3125rem;
    --padding-start: 0;
    --padding-end: 0;
    min-width: 0
}

.new-skin-symbol .amber-purple body div#app ion-router-outlet>div.ion-page[data-v-238b06de]:after,
.new-skin-symbol .amber-purple body div#app ion-router-outlet>div.ion-page[data-v-238b06de]:before {
    width: 0;
    height: 0
}

.new-skin-symbol .auroral-yellow ion-toolbar[data-v-238b06de] {
    --border-width: 0rem
}

.color-primary-600[data-v-276358b5] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-276358b5] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-276358b5] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-276358b5] {
    color: var(--color-primary-900)
}

.bg-100[data-v-276358b5] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-276358b5] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-276358b5] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-276358b5] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-276358b5] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-276358b5] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-276358b5] {
    background-color: var(--color-warning)
}

.bg-link[data-v-276358b5] {
    background-color: var(--color-link)
}

.bg-danger[data-v-276358b5] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-276358b5] {
    color: var(--color-text-100)
}

.color-text-80[data-v-276358b5] {
    color: var(--color-text-80)
}

.color-text-50[data-v-276358b5] {
    color: var(--color-text-50)
}

.color-text-40[data-v-276358b5] {
    color: var(--color-text-40)
}

.color-text-20[data-v-276358b5] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-276358b5] {
    color: var(--color-currency)
}

.color-warning[data-v-276358b5] {
    color: var(--color-warning)
}

.color-danger[data-v-276358b5] {
    color: var(--color-danger)
}

.color-link[data-v-276358b5] {
    color: var(--color-link)
}

.color-line[data-v-276358b5] {
    color: var(--color-line)
}

.color-border[data-v-276358b5] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-276358b5] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-276358b5] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-276358b5] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-276358b5] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-276358b5] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-276358b5] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-276358b5] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-276358b5] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-276358b5] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-276358b5] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-276358b5] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-276358b5] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-276358b5] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-276358b5] {
    display: flex;
    align-items: center
}

.flex-start[data-v-276358b5] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-276358b5] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-276358b5] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-276358b5] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-276358b5] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-276358b5] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-276358b5] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-276358b5] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-276358b5] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-276358b5] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-276358b5] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-276358b5] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-276358b5] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-276358b5] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-276358b5] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-276358b5] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-276358b5] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-276358b5] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-276358b5] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-276358b5] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-276358b5] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-276358b5] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-276358b5] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-276358b5] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-276358b5],
.mlm-selected-item[data-v-276358b5] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-276358b5] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-276358b5]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-276358b5] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-276358b5] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-276358b5] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.leader-board-top[data-v-276358b5] {
    min-height: 17.875rem;
    padding: .8125rem 1.3731rem .0794rem 1.2744rem
}

.leader-board-tab[data-v-276358b5] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 2.1875rem
}

.leader-board-tab .tab-item[data-v-276358b5] {
    min-width: 6.25rem;
    padding: .6875rem .325rem;
    border-radius: .25rem;
    margin-right: .625rem;
    text-align: center;
    font-size: .75rem;
    line-height: 1.125rem
}

.leader-board-tab .tab-item[data-v-276358b5]:last-child {
    margin-right: 0
}

.leader-board-tab .selected-board[data-v-276358b5] {
    font-weight: 700
}

.other[data-v-276358b5] {
    padding-bottom: 1.75rem
}

.other .board-table-title[data-v-276358b5] {
    margin-top: .840625rem;
    font-size: .75rem;
    line-height: 1.125rem;
    display: flex;
    align-items: center
}

.other .empty[data-v-276358b5] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    margin-top: 4rem
}

.empty[data-v-276358b5] {
    height: 100%
}

.top-three-box[data-v-276358b5] {
    height: 12.1775rem;
    background-image: url(/first/agent/topThreeBg.png);
    background-repeat: no-repeat;
    background-size: 100% 4.99rem;
    background-position: left bottom
}

.top-three-box .top-board-item[data-v-276358b5] {
    max-width: 5.375rem;
    height: 6.75rem
}

.top-three-box .top-one[data-v-276358b5] {
    left: 41%;
    top: -.625rem
}

.top-three-box .top-two[data-v-276358b5] {
    left: 1.25rem;
    top: .75rem
}

.top-three-box .top-three[data-v-276358b5] {
    right: 1.5rem;
    top: 1.5rem
}

.top-three-box[data-v-276358b5] {
    width: 100%;
    display: flex;
    position: relative
}

.top-three-box .top-board-item[data-v-276358b5] {
    position: absolute;
    display: flex;
    align-items: center;
    flex-direction: column
}

.top-three-box .top-board-item .mlm-user-bg[data-v-276358b5] {
    z-index: 20;
    width: 4.125rem;
    height: 4.125rem;
    margin-bottom: .1875rem
}

.top-three-box .top-board-item .mlm-user-avatar[data-v-276358b5] {
    z-index: 10;
    position: absolute;
    top: .75rem;
    border-radius: 50%;
    width: 3.125rem;
    height: 3.125rem
}

.top-three-box .top-board-item .middle-text-white[data-v-276358b5] {
    display: flex;
    align-items: center;
    font-size: .875rem;
    line-height: 1.3125rem
}

.top-three-box .top-board-item .middle-text-white ion-icon[data-v-276358b5] {
    font-size: 1rem;
    margin-right: .125rem
}

.user-phone[data-v-276358b5] {
    font-size: .75rem;
    line-height: 1.125rem;
    font-weight: 600
}

.board-title[data-v-276358b5] {
    padding: 0 .625rem 0 1.25rem
}

.board-title .rank-board[data-v-276358b5] {
    width: 4.75rem
}

.board-title .userInfo-board[data-v-276358b5],
.board-title .comission-board[data-v-276358b5] {
    flex: 1
}

.board-title .userInfo-board[data-v-276358b5] {
    text-align: center
}

.board-title .comission-board[data-v-276358b5] {
    text-align: right
}

.board-item[data-v-276358b5] {
    padding: .75rem .625rem .75rem 1.25rem;
    border-radius: .375rem;
    margin-top: .25rem;
    margin-bottom: .5625rem;
    display: flex;
    align-items: center
}

.board-item .rank-board[data-v-276358b5] {
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.5rem
}

.board-item .userInfo-board[data-v-276358b5] {
    text-align: left;
    font-weight: 600;
    margin-left: 1rem;
    display: flex;
    align-items: center;
    font-size: .75rem;
    line-height: 1.125rem
}

.board-item .userInfo-board .user[data-v-276358b5] {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    overflow: hidden;
    margin-right: .25rem
}

.board-item .userInfo-board .user img[data-v-276358b5] {
    width: 100%;
    height: 100%
}

.board-item .comission-board[data-v-276358b5] {
    justify-content: end;
    display: flex;
    align-items: center
}

.board-item .comission-board ion-icon[data-v-276358b5] {
    font-size: 1rem;
    margin-right: .125rem
}

.amber-purple body div#app ion-router-outlet>div.ion-page[data-v-276358b5]:after,
.amber-purple body div#app ion-router-outlet>div.ion-page[data-v-276358b5]:before {
    width: 0;
    height: 0
}

.auroral-yellow ion-toolbar[data-v-276358b5] {
    --border-width: 0rem
}

ion-toolbar[data-v-276358b5] {
    --background: var(--mlm-toolbar-bg-color)
}

.leader-board-top-bg[data-v-276358b5] {
    pointer-events: none;
    background: linear-gradient(180deg, var(--mlm-leader-bord-top-bgc) 0%, rgba(0, 0, 0, 0) 87.94%)
}

.leader-board-tab .tab-item[data-v-276358b5] {
    border: .0625rem solid var(--mlm-board-tab-border-color);
    color: var(--mlm-bord-tab-item-select-tc);
    background: var(--mlm-bord-tab-item-select-bgc)
}

.leader-board-tab .selected-board[data-v-276358b5] {
    background: var(--mlm-bord-tab-item-selected-bgc);
    color: var(--mlm-bord-tab-item-selected-tc);
    border: .0625rem solid var(--mlm-board-tab-border-color)
}

.top-three-box .top-board-item .middle-text-white ion-icon[data-v-276358b5] {
    color: var(--mlm-leader-bord-money-text-color)
}

.user-phone[data-v-276358b5] {
    color: var(--mlm-bord-userid-text-color)
}

.middle-text-white[data-v-276358b5] {
    color: var(--mlm-leader-bord-money-text-color)
}

.board-item[data-v-276358b5] {
    background: var(--mlm-bord-item-bgc)
}

.board-item .rank-board[data-v-276358b5] {
    color: var(--mlm-subdetail-item-name-color)
}

.board-item .userInfo-board[data-v-276358b5] {
    color: var(--mlm-bord-userid-text-color)
}

.board-item .userInfo-board .user[data-v-276358b5] {
    background-color: var(--color-bg-100)
}

.board-item .comission-board[data-v-276358b5] {
    color: var(--mlm-bord-userid-text-color)
}

.board-item .comission-board ion-icon[data-v-276358b5] {
    color: var(--mlm-leader-bord-money-text-color)
}

.board-table-title[data-v-276358b5] {
    color: var(--mlm-subdetail-item-name-color)
}

.yellow-dark ion-toolbar[data-v-276358b5],
.green-dark ion-toolbar[data-v-276358b5],
.purple-light ion-toolbar[data-v-276358b5],
.amber-purple ion-toolbar[data-v-276358b5],
.blue-default ion-toolbar[data-v-276358b5],
.forest-green ion-toolbar[data-v-276358b5],
.green-default ion-toolbar[data-v-276358b5],
.auroral-yellow ion-toolbar[data-v-276358b5] {
    --background: var(--mlm-toolbar-bg-color)
}

.yellow-dark .leader-board-top-bg[data-v-276358b5],
.green-dark .leader-board-top-bg[data-v-276358b5],
.purple-light .leader-board-top-bg[data-v-276358b5],
.amber-purple .leader-board-top-bg[data-v-276358b5],
.blue-default .leader-board-top-bg[data-v-276358b5],
.forest-green .leader-board-top-bg[data-v-276358b5],
.green-default .leader-board-top-bg[data-v-276358b5],
.auroral-yellow .leader-board-top-bg[data-v-276358b5] {
    pointer-events: none;
    background: linear-gradient(180deg, var(--mlm-leader-bord-top-bgc) 0%, rgba(0, 0, 0, 0) 87.94%)
}

.yellow-dark .leader-board-tab .tab-item[data-v-276358b5],
.green-dark .leader-board-tab .tab-item[data-v-276358b5],
.purple-light .leader-board-tab .tab-item[data-v-276358b5],
.amber-purple .leader-board-tab .tab-item[data-v-276358b5],
.blue-default .leader-board-tab .tab-item[data-v-276358b5],
.forest-green .leader-board-tab .tab-item[data-v-276358b5],
.green-default .leader-board-tab .tab-item[data-v-276358b5],
.auroral-yellow .leader-board-tab .tab-item[data-v-276358b5] {
    border: .0625rem solid var(--mlm-board-tab-border-color);
    color: var(--mlm-bord-tab-item-select-tc);
    background: var(--mlm-bord-tab-item-select-bgc)
}

.yellow-dark .leader-board-tab .selected-board[data-v-276358b5],
.green-dark .leader-board-tab .selected-board[data-v-276358b5],
.purple-light .leader-board-tab .selected-board[data-v-276358b5],
.amber-purple .leader-board-tab .selected-board[data-v-276358b5],
.blue-default .leader-board-tab .selected-board[data-v-276358b5],
.forest-green .leader-board-tab .selected-board[data-v-276358b5],
.green-default .leader-board-tab .selected-board[data-v-276358b5],
.auroral-yellow .leader-board-tab .selected-board[data-v-276358b5] {
    background: var(--mlm-bord-tab-item-selected-bgc);
    color: var(--mlm-bord-tab-item-selected-tc);
    border: .0625rem solid var(--mlm-board-tab-border-color)
}

.yellow-dark .top-three-box .top-board-item .middle-text-white ion-icon[data-v-276358b5],
.green-dark .top-three-box .top-board-item .middle-text-white ion-icon[data-v-276358b5],
.purple-light .top-three-box .top-board-item .middle-text-white ion-icon[data-v-276358b5],
.amber-purple .top-three-box .top-board-item .middle-text-white ion-icon[data-v-276358b5],
.blue-default .top-three-box .top-board-item .middle-text-white ion-icon[data-v-276358b5],
.forest-green .top-three-box .top-board-item .middle-text-white ion-icon[data-v-276358b5],
.green-default .top-three-box .top-board-item .middle-text-white ion-icon[data-v-276358b5],
.auroral-yellow .top-three-box .top-board-item .middle-text-white ion-icon[data-v-276358b5] {
    color: var(--mlm-leader-bord-money-text-color)
}

.yellow-dark .user-phone[data-v-276358b5],
.green-dark .user-phone[data-v-276358b5],
.purple-light .user-phone[data-v-276358b5],
.amber-purple .user-phone[data-v-276358b5],
.blue-default .user-phone[data-v-276358b5],
.forest-green .user-phone[data-v-276358b5],
.green-default .user-phone[data-v-276358b5],
.auroral-yellow .user-phone[data-v-276358b5] {
    color: var(--mlm-bord-userid-text-color)
}

.yellow-dark .middle-text-white[data-v-276358b5],
.green-dark .middle-text-white[data-v-276358b5],
.purple-light .middle-text-white[data-v-276358b5],
.amber-purple .middle-text-white[data-v-276358b5],
.blue-default .middle-text-white[data-v-276358b5],
.forest-green .middle-text-white[data-v-276358b5],
.green-default .middle-text-white[data-v-276358b5],
.auroral-yellow .middle-text-white[data-v-276358b5] {
    color: var(--mlm-leader-bord-money-text-color)
}

.yellow-dark .board-item[data-v-276358b5],
.green-dark .board-item[data-v-276358b5],
.purple-light .board-item[data-v-276358b5],
.amber-purple .board-item[data-v-276358b5],
.blue-default .board-item[data-v-276358b5],
.forest-green .board-item[data-v-276358b5],
.green-default .board-item[data-v-276358b5],
.auroral-yellow .board-item[data-v-276358b5] {
    background: var(--mlm-bord-item-bgc)
}

.yellow-dark .board-item .rank-board[data-v-276358b5],
.green-dark .board-item .rank-board[data-v-276358b5],
.purple-light .board-item .rank-board[data-v-276358b5],
.amber-purple .board-item .rank-board[data-v-276358b5],
.blue-default .board-item .rank-board[data-v-276358b5],
.forest-green .board-item .rank-board[data-v-276358b5],
.green-default .board-item .rank-board[data-v-276358b5],
.auroral-yellow .board-item .rank-board[data-v-276358b5] {
    color: var(--mlm-subdetail-item-name-color)
}

.yellow-dark .board-item .userInfo-board[data-v-276358b5],
.green-dark .board-item .userInfo-board[data-v-276358b5],
.purple-light .board-item .userInfo-board[data-v-276358b5],
.amber-purple .board-item .userInfo-board[data-v-276358b5],
.blue-default .board-item .userInfo-board[data-v-276358b5],
.forest-green .board-item .userInfo-board[data-v-276358b5],
.green-default .board-item .userInfo-board[data-v-276358b5],
.auroral-yellow .board-item .userInfo-board[data-v-276358b5] {
    color: var(--mlm-bord-userid-text-color)
}

.yellow-dark .board-item .userInfo-board .user[data-v-276358b5],
.green-dark .board-item .userInfo-board .user[data-v-276358b5],
.purple-light .board-item .userInfo-board .user[data-v-276358b5],
.amber-purple .board-item .userInfo-board .user[data-v-276358b5],
.blue-default .board-item .userInfo-board .user[data-v-276358b5],
.forest-green .board-item .userInfo-board .user[data-v-276358b5],
.green-default .board-item .userInfo-board .user[data-v-276358b5],
.auroral-yellow .board-item .userInfo-board .user[data-v-276358b5] {
    background-color: var(--color-bg-100)
}

.yellow-dark .board-item .comission-board[data-v-276358b5],
.green-dark .board-item .comission-board[data-v-276358b5],
.purple-light .board-item .comission-board[data-v-276358b5],
.amber-purple .board-item .comission-board[data-v-276358b5],
.blue-default .board-item .comission-board[data-v-276358b5],
.forest-green .board-item .comission-board[data-v-276358b5],
.green-default .board-item .comission-board[data-v-276358b5],
.auroral-yellow .board-item .comission-board[data-v-276358b5] {
    color: var(--mlm-bord-userid-text-color)
}

.yellow-dark .board-item .comission-board ion-icon[data-v-276358b5],
.green-dark .board-item .comission-board ion-icon[data-v-276358b5],
.purple-light .board-item .comission-board ion-icon[data-v-276358b5],
.amber-purple .board-item .comission-board ion-icon[data-v-276358b5],
.blue-default .board-item .comission-board ion-icon[data-v-276358b5],
.forest-green .board-item .comission-board ion-icon[data-v-276358b5],
.green-default .board-item .comission-board ion-icon[data-v-276358b5],
.auroral-yellow .board-item .comission-board ion-icon[data-v-276358b5] {
    color: var(--mlm-leader-bord-money-text-color)
}

.yellow-dark .board-table-title[data-v-276358b5],
.green-dark .board-table-title[data-v-276358b5],
.purple-light .board-table-title[data-v-276358b5],
.amber-purple .board-table-title[data-v-276358b5],
.blue-default .board-table-title[data-v-276358b5],
.forest-green .board-table-title[data-v-276358b5],
.green-default .board-table-title[data-v-276358b5],
.auroral-yellow .board-table-title[data-v-276358b5] {
    color: var(--mlm-subdetail-item-name-color)
}

.new-skin-symbol ion-toolbar[data-v-276358b5] {
    --background: var(--ep-color-background-fill-top-nav-secondary)
}

.new-skin-symbol .leader-board-top-bg[data-v-276358b5] {
    pointer-events: none;
    background: linear-gradient(180deg, var(--ep-color-background-fill-glow-primary-opacity-40) 0%, rgba(0, 0, 0, 0) 87.94%)
}

.new-skin-symbol .leader-board-tab .tab-item[data-v-276358b5] {
    border: .0625rem solid var(--ep-color-border-default);
    color: var(--ep-color-text-default);
    background: var(--ep-color-background-fill-surface-raised-L1)
}

.new-skin-symbol .leader-board-tab .selected-board[data-v-276358b5] {
    background: var(--ep-color-background-fill-glow-primary-opacity-40);
    color: var(--ep-color-text-selected);
    border: .0625rem solid var(--ep-color-border-selected)
}

.new-skin-symbol .top-three-box .top-board-item .middle-text-white ion-icon[data-v-276358b5] {
    color: var(--ep-color-icon-warning)
}

.new-skin-symbol .user-phone[data-v-276358b5] {
    color: var(--ep-color-text-default)
}

.new-skin-symbol .middle-text-white[data-v-276358b5] {
    color: var(--ep-color-text-warning)
}

.new-skin-symbol .board-item[data-v-276358b5] {
    background: var(--ep-color-background-fill-surface-raised-L1)
}

.new-skin-symbol .board-item .rank-board[data-v-276358b5] {
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol .board-item .userInfo-board[data-v-276358b5] {
    color: var(--ep-color-text-default)
}

.new-skin-symbol .board-item .userInfo-board .user[data-v-276358b5] {
    background-color: var(--ep-color-background-fill-surface-raised-L1)
}

.new-skin-symbol .board-item .comission-board[data-v-276358b5] {
    color: var(--ep-color-text-default)
}

.new-skin-symbol .board-item .comission-board ion-icon[data-v-276358b5] {
    color: var(--ep-color-icon-warning)
}

.new-skin-symbol .board-table-title[data-v-276358b5] {
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol .commission-detail .commission-detail-time[data-v-276358b5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: var(--ep-font-size-s);
    line-height: 2rem;
    border-radius: var(--ep-border-radius-s)
}

.new-skin-symbol .commission-detail .commission-detail-time span[data-v-276358b5] {
    margin-right: .25rem
}

.new-skin-symbol .commission-detail .commission-detail-time .timeChoose[data-v-276358b5] {
    display: flex;
    align-items: center;
    font-weight: var(--ep-font-weight-bold);
    flex-grow: 1;
    justify-content: space-between
}

.new-skin-symbol .commission-detail .commission-detail-time .timeChoose ion-icon[data-v-276358b5] {
    width: .875rem;
    height: .875rem
}

.new-skin-symbol .commission-detail .card[data-v-276358b5] {
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: var(--ep-border-radius-s);
    margin-top: .875rem;
    width: 100%;
    height: 5.625rem;
    padding-top: 2.1875rem;
    padding-left: .9331rem
}

.new-skin-symbol .commission-detail .card ion-icon[data-v-276358b5] {
    color: var(--ep-color-icon-weaker, rgba(255, 255, 255, .4));
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    left: .6875rem;
    top: .375rem
}

.new-skin-symbol .commission-detail .card .Earn[data-v-276358b5] {
    font-size: var(--ep-font-size-s);
    line-height: 1rem;
    font-weight: var(--ep-font-weight-medium)
}

.new-skin-symbol .commission-detail .card .money[data-v-276358b5] {
    font-weight: var(--ep-font-weight-bold);
    font-size: var(--ep-font-size-xl);
    line-height: 1.6875rem
}

.new-skin-symbol .commission-detail .card .right[data-v-276358b5] {
    position: absolute;
    width: 7.8rem;
    height: 6.210625rem;
    top: -.375rem;
    right: .4075rem
}

.new-skin-symbol .commission-detail .card .right img[data-v-276358b5] {
    width: 100%;
    height: 100%
}

.new-skin-symbol .commission-detail .filter[data-v-276358b5] {
    margin-top: 1.4375rem;
    width: 100%;
    height: 2.25rem;
    border-radius: var(--ep-border-radius-s);
    border-width: .0625rem;
    border-style: solid;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.new-skin-symbol .commission-detail .filter ion-searchbar[data-v-276358b5] {
    flex-grow: 1;
    padding-left: .125rem;
    font-size: var(--ep-font-size-m)
}

.new-skin-symbol .commission-detail .filter ion-icon[data-v-276358b5] {
    margin-right: .8438rem;
    width: 1.5rem;
    height: 1.5rem
}

.new-skin-symbol .commission-detail .perMes[data-v-276358b5] {
    margin-top: .9375rem
}

.new-skin-symbol .commission-detail .perMes .perCard[data-v-276358b5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
    height: 7.625rem;
    width: 100%;
    border-radius: var(--ep-border-radius-m);
    position: relative
}

.new-skin-symbol .commission-detail .perMes .perCard .line[data-v-276358b5] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    opacity: .4;
    pointer-events: none;
    border-radius: var(--ep-border-radius-m)
}

.new-skin-symbol .commission-detail .perMes .perCard .perImg[data-v-276358b5] {
    width: 6.875rem;
    height: 6.5625rem;
    padding-top: 1rem
}

.new-skin-symbol .commission-detail .perMes .perCard .perImg img[data-v-276358b5] {
    border-radius: var(--ep-border-radius-infinity)
}

.new-skin-symbol .commission-detail .perMes .perCard .perImg .idMes[data-v-276358b5] {
    width: 100%;
    display: flex;
    align-items: center;
    padding-left: .3125rem
}

.new-skin-symbol .commission-detail .perMes .perCard .perImg .idMes .idNum[data-v-276358b5] {
    font-size: var(--ep-font-size-s);
    line-height: 1.3125rem;
    font-weight: var(--ep-font-weight-medium);
    margin-right: .3906rem
}

.new-skin-symbol .commission-detail .perMes .perCard .perImg .idMes ion-icon[data-v-276358b5] {
    width: 1.125rem;
    height: 1.125rem
}

.new-skin-symbol .commission-detail .perMes .perCard .mes[data-v-276358b5] {
    flex: 1;
    padding-top: .6875rem;
    padding-left: .6094rem;
    height: 100%
}

.new-skin-symbol .commission-detail .perMes .perCard .mes .top[data-v-276358b5] {
    display: flex;
    font-weight: var(--ep-font-weight-medium);
    font-size: var(--ep-font-size-s);
    line-height: 1.125rem
}

.new-skin-symbol .commission-detail .perMes .perCard .mes .top .left[data-v-276358b5] {
    width: 43%
}

.new-skin-symbol .commission-detail .perMes .perCard .mes .top .right[data-v-276358b5] {
    flex: 1;
    padding-left: .375rem
}

.new-skin-symbol .commission-detail .perMes .perCard .mes .bottom[data-v-276358b5] {
    display: flex;
    font-size: var(--ep-font-size-xs);
    line-height: .9375rem;
    margin-bottom: .625rem
}

.new-skin-symbol .commission-detail .perMes .perCard .mes .bottom .left[data-v-276358b5] {
    width: 43%
}

.new-skin-symbol .commission-detail .perMes .perCard .mes .bottom .right[data-v-276358b5] {
    padding-left: .375rem
}

.new-skin-symbol .commission-detail .empty[data-v-276358b5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.new-skin-symbol .commission-detail .empty .img[data-v-276358b5] {
    width: 7.5rem;
    margin-top: 7.875rem;
    margin-bottom: 7.875rem
}

.new-skin-symbol ion-datetime[data-v-276358b5] {
    --background: var(--ep-color-background-fill-surface-raised-L2);
    color: var(--ep-color-text-weak);
    --wheel-highlight-background: var(--ep-color-background-fill-active-primary)
}

.new-skin-symbol ion-datetime[data-v-276358b5]::part(calendar-day active) {
    color: var(--ep-color-text-inverse);
    background: var(--ep-color-background-fill-active-primary)
}

.new-skin-symbol ion-datetime[data-v-276358b5]::part(month-year-button) {
    --color: var(--ep-color-background-fill-active-primary)
}

.new-skin-symbol .perMes ion-img[data-v-276358b5]::part(image) {
    border-radius: 50% !important
}

.new-skin-symbol ion-searchbar#search-agency[data-v-276358b5] {
    --background: transprant
}

.new-skin-symbol[data-v-276358b5] ion-searchbar input {
    font-size: .875rem !important;
    box-shadow: none !important
}

.new-skin-symbol .auroral-yellow ion-toolbar[data-v-276358b5] {
    --border-width: 0rem
}

.new-skin-symbol .amber-purple body div#app ion-router-outlet>div.ion-page[data-v-276358b5]:after,
.new-skin-symbol .amber-purple body div#app ion-router-outlet>div.ion-page[data-v-276358b5]:before {
    width: 0;
    height: 0
}

.new-skin-symbol .leader-board-top .leader-board-tab .tab-item[data-v-276358b5],
.new-skin-symbol .leader-board-top .leader-board-tab .selected-board[data-v-276358b5] {
    background: transparent
}

.new-skin-symbol .leader-board-top .leader-board-top-bg[data-v-276358b5] {
    opacity: .3;
    pointer-events: none
}

.ion-page ion-content .leader-board-top .top-three-box.legacy-theme .top-three-box-bg[data-v-276358b5] {
    display: none
}

.ion-page ion-content .leader-board-top .top-three-box.modern-theme[data-v-276358b5] {
    background: none
}

.ion-page ion-content .leader-board-top .top-three-box .top-three-index-bg[data-v-276358b5] {
    border-top-left-radius: .625rem;
    border-top-right-radius: .625rem;
    background: linear-gradient(90deg, var(--ep-color-background-fill-gradients-secondary-a, var(--ep-compat-color-background-fill-gradients-secondary-a)) 0%, var(--ep-color-background-fill-gradients-secondary-b, var(--ep-compat-color-background-fill-gradients-secondary-b)) 118.75%)
}

.ion-page ion-content .leader-board-top .top-three-box .top-three-box-bg[data-v-276358b5] {
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: flex-end;
    font-size: 2.375rem;
    line-height: 3.75rem;
    font-weight: 700
}

.ion-page ion-content .leader-board-top .top-three-box .top-three-box-bg span[data-v-276358b5] {
    background: linear-gradient(90deg, var(--ep-color-background-fill-gradients-tertiary-a) 20%, var(--ep-color-background-fill-gradients-tertiary-b) 120%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px #474747CC;
    text-shadow: -1px -1px 0 #BDB9B121, 1px -1px 0 #BDB9B121, -1px 1px 0 #BDB9B121, 1px 1px 0 #BDB9B121
}

.ion-page ion-content .leader-board-top .top-three-box .top-three-box-bg .top-first-wrap[data-v-276358b5] {
    font-size: 3.5rem;
    line-height: 5rem
}

.color-primary-600[data-v-a525392e] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-a525392e] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-a525392e] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-a525392e] {
    color: var(--color-primary-900)
}

.bg-100[data-v-a525392e] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-a525392e] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-a525392e] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-a525392e] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-a525392e] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-a525392e] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-a525392e] {
    background-color: var(--color-warning)
}

.bg-link[data-v-a525392e] {
    background-color: var(--color-link)
}

.bg-danger[data-v-a525392e] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-a525392e] {
    color: var(--color-text-100)
}

.color-text-80[data-v-a525392e] {
    color: var(--color-text-80)
}

.color-text-50[data-v-a525392e] {
    color: var(--color-text-50)
}

.color-text-40[data-v-a525392e] {
    color: var(--color-text-40)
}

.color-text-20[data-v-a525392e] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-a525392e] {
    color: var(--color-currency)
}

.color-warning[data-v-a525392e] {
    color: var(--color-warning)
}

.color-danger[data-v-a525392e] {
    color: var(--color-danger)
}

.color-link[data-v-a525392e] {
    color: var(--color-link)
}

.color-line[data-v-a525392e] {
    color: var(--color-line)
}

.color-border[data-v-a525392e] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-a525392e] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-a525392e] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-a525392e] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-a525392e] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-a525392e] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-a525392e] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-a525392e] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-a525392e] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-a525392e] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-a525392e] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-a525392e] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-a525392e] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-a525392e] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-a525392e] {
    display: flex;
    align-items: center
}

.flex-start[data-v-a525392e] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-a525392e] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-a525392e] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-a525392e] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-a525392e] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-a525392e] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-a525392e] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-a525392e] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-a525392e] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-a525392e] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-a525392e] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-a525392e] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-a525392e] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-a525392e] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-a525392e] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-a525392e] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-a525392e] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-a525392e] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-a525392e] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-a525392e] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-a525392e] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-a525392e] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-a525392e] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-a525392e] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-a525392e],
.mlm-selected-item[data-v-a525392e] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-a525392e] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-a525392e]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-a525392e] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-a525392e] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-a525392e] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-content[data-v-a525392e] {
    --background: var(--color-bg-300)
}

.tab-box[data-v-a525392e] {
    background: var(--color-bg-400);
    border-bottom: 1px solid var(--color-line)
}

ion-segment.md[data-v-a525392e] {
    display: flex;
    justify-content: left;
    margin-bottom: -1px
}

ion-segment-button.md[data-v-a525392e]::part(indicator) {
    margin-left: auto;
    margin-right: auto
}

ion-segment-button.md[data-v-a525392e]::part(indicator-background) {
    background: none
}

ion-segment-button.md ion-button[data-v-a525392e] {
    text-transform: none;
    height: 2.625rem;
    margin: 0;
    --padding-top: 0px;
    --padding-bottom: 5px;
    --padding-start: 0;
    --padding-end: 0;
    min-width: 0
}

ion-button.base-style[data-v-a525392e] {
    --color: var(--my-card-detail-color);
    font-size: var(--font-size-14);
    white-space: nowrap;
    padding: 0 1rem
}

ion-button.select-style[data-v-a525392e] {
    font-weight: 700;
    white-space: nowrap;
    --color: var(--color-primary-800);
    background: var(--spread-segment-btn-bg);
    border-radius: var(--rounded-small) var(--rounded-small) 0px 0px;
    border-bottom: 1px solid var(--color-primary-800)
}

ion-segment-button[data-v-a525392e]::part(native) {
    padding: 0
}

.new-skin-symbol ion-content[data-v-a525392e] {
    --background: var(--ep-color-background-fill-body-default)
}

.new-skin-symbol .tab-box[data-v-a525392e] {
    background: var(--ep-color-background-fill-surface-lowered);
    border-bottom: 1px solid var(--ep-color-border-default)
}

.new-skin-symbol ion-button.base-style[data-v-a525392e] {
    --color: var(--ep-color-text-weaker);
    font-size: var(--ep-font-size-m)
}

.new-skin-symbol ion-button.select-style[data-v-a525392e] {
    font-weight: var(--ep-font-weight-bold);
    --color: var(--ep-color-text-selected);
    background: var(--ep-color-background-fill-surface-raised-L1);
    border-radius: .25rem .25rem 0px 0px;
    border-bottom: 2px solid var(--ep-color-border-selected)
}

.color-primary-600[data-v-1eb97732] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-1eb97732] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-1eb97732] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-1eb97732] {
    color: var(--color-primary-900)
}

.bg-100[data-v-1eb97732] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-1eb97732] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-1eb97732] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-1eb97732] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-1eb97732] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-1eb97732] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-1eb97732] {
    background-color: var(--color-warning)
}

.bg-link[data-v-1eb97732] {
    background-color: var(--color-link)
}

.bg-danger[data-v-1eb97732] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-1eb97732] {
    color: var(--color-text-100)
}

.color-text-80[data-v-1eb97732] {
    color: var(--color-text-80)
}

.color-text-50[data-v-1eb97732] {
    color: var(--color-text-50)
}

.color-text-40[data-v-1eb97732] {
    color: var(--color-text-40)
}

.color-text-20[data-v-1eb97732] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-1eb97732] {
    color: var(--color-currency)
}

.color-warning[data-v-1eb97732] {
    color: var(--color-warning)
}

.color-danger[data-v-1eb97732] {
    color: var(--color-danger)
}

.color-link[data-v-1eb97732] {
    color: var(--color-link)
}

.color-line[data-v-1eb97732] {
    color: var(--color-line)
}

.color-border[data-v-1eb97732] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-1eb97732] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-1eb97732] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-1eb97732] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-1eb97732] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-1eb97732] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-1eb97732] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-1eb97732] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-1eb97732] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-1eb97732] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-1eb97732] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-1eb97732] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-1eb97732] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-1eb97732] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-1eb97732] {
    display: flex;
    align-items: center
}

.flex-start[data-v-1eb97732] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-1eb97732] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-1eb97732] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-1eb97732] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-1eb97732] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-1eb97732] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-1eb97732] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-1eb97732] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-1eb97732] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-1eb97732] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-1eb97732] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-1eb97732] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-1eb97732] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-1eb97732] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-1eb97732] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-1eb97732] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-1eb97732] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-1eb97732] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-1eb97732] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-1eb97732] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-1eb97732] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-1eb97732] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-1eb97732] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-1eb97732] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-1eb97732],
.mlm-selected-item[data-v-1eb97732] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-1eb97732] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-1eb97732]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-1eb97732] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-1eb97732] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-1eb97732] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.warpper[data-v-1eb97732] {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .2);
    display: flex;
    justify-content: center;
    align-items: center
}

.warpper .content[data-v-1eb97732] {
    width: 21.25rem;
    height: 21.5625rem;
    background-color: var(--color-bg-200);
    border-radius: var(--rounded-large);
    padding: 1rem
}

.warpper .content .title[data-v-1eb97732] {
    text-align: center;
    font-size: 1.125rem;
    font-weight: var(--font-weight-bold);
    color: var(--color-text-100)
}

.warpper .content .ruleText[data-v-1eb97732] {
    margin-top: 1.5rem;
    margin-bottom: 2rem
}

.warpper .content .ruleText p[data-v-1eb97732] {
    font-size: .75rem;
    color: var(--color-text-40);
    line-height: 1.5;
    margin-bottom: 1rem
}

.color-primary-600[data-v-e9a517d5] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-e9a517d5] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-e9a517d5] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-e9a517d5] {
    color: var(--color-primary-900)
}

.bg-100[data-v-e9a517d5] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-e9a517d5] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-e9a517d5] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-e9a517d5] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-e9a517d5] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-e9a517d5] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-e9a517d5] {
    background-color: var(--color-warning)
}

.bg-link[data-v-e9a517d5] {
    background-color: var(--color-link)
}

.bg-danger[data-v-e9a517d5] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-e9a517d5] {
    color: var(--color-text-100)
}

.color-text-80[data-v-e9a517d5] {
    color: var(--color-text-80)
}

.color-text-50[data-v-e9a517d5] {
    color: var(--color-text-50)
}

.color-text-40[data-v-e9a517d5] {
    color: var(--color-text-40)
}

.color-text-20[data-v-e9a517d5] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-e9a517d5] {
    color: var(--color-currency)
}

.color-warning[data-v-e9a517d5] {
    color: var(--color-warning)
}

.color-danger[data-v-e9a517d5] {
    color: var(--color-danger)
}

.color-link[data-v-e9a517d5] {
    color: var(--color-link)
}

.color-line[data-v-e9a517d5] {
    color: var(--color-line)
}

.color-border[data-v-e9a517d5] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-e9a517d5] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-e9a517d5] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-e9a517d5] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-e9a517d5] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-e9a517d5] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-e9a517d5] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-e9a517d5] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-e9a517d5] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-e9a517d5] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-e9a517d5] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-e9a517d5] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-e9a517d5] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-e9a517d5] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-e9a517d5] {
    display: flex;
    align-items: center
}

.flex-start[data-v-e9a517d5] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-e9a517d5] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-e9a517d5] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-e9a517d5] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-e9a517d5] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-e9a517d5] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-e9a517d5] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-e9a517d5] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-e9a517d5] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-e9a517d5] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-e9a517d5] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-e9a517d5] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-e9a517d5] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-e9a517d5] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-e9a517d5] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-e9a517d5] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-e9a517d5] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-e9a517d5] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-e9a517d5] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-e9a517d5] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-e9a517d5] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-e9a517d5] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-e9a517d5] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-e9a517d5] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-e9a517d5],
.mlm-selected-item[data-v-e9a517d5] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-e9a517d5] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-e9a517d5]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-e9a517d5] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-e9a517d5] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-e9a517d5] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.swiper-wrap .swiper[data-v-e9a517d5] {
    --swiper-pagination-bottom: 0
}

.swiper-wrap .swiper[data-v-e9a517d5] .swiper-pagination .swiper-pagination-bullet {
    --swiper-pagination-bullet-inactive-color: var(--ep-color-text-weaker, var(--ep-compat-color-text-weaker));
    --swiper-pagination-bullet-size: .5rem;
    --swiper-pagination-bullet-height: .25rem
}

.swiper-wrap .swiper[data-v-e9a517d5] .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: var(--ep-agent-color-highlight-primary, var(--ep-color-icon-selected, var(--ep-compat-color-icon-selected))) !important;
    --swiper-pagination-bullet-width: 1.25rem;
    --swiper-pagination-bullet-border-radius: 1rem
}

.swiper-wrap .swiper .team-wrap[data-v-e9a517d5] {
    font-size: .625rem;
    padding: 0 0 1.25rem .625rem
}

.swiper-wrap .swiper .team-wrap.last[data-v-e9a517d5] {
    margin-right: .625rem
}

.swiper-wrap .swiper .team-wrap.last .reward-wrap[data-v-e9a517d5] {
    margin-top: -.125rem
}

.swiper-wrap .swiper .team-wrap .team-info[data-v-e9a517d5] {
    z-index: 1;
    width: 100%;
    display: flex;
    color: #fff;
    height: 8rem;
    text-align: center;
    position: relative;
    flex-direction: column;
    padding: .125rem .75rem 0;
    justify-content: space-between
}

.swiper-wrap .swiper .team-wrap .team-info .team-title[data-v-e9a517d5] {
    font-weight: 600;
    font-size: .875rem;
    padding: 0 3rem
}

.swiper-wrap .swiper .team-wrap .team-info .team-level-wrap[data-v-e9a517d5] {
    gap: .75rem;
    display: flex;
    text-align: left;
    align-items: center
}

.swiper-wrap .swiper .team-wrap .team-info .team-level-wrap .team-level-logo[data-v-e9a517d5] {
    width: 4.25rem;
    padding: .8125rem;
    background: url(/svg/agent/level-icon-bg.svg) no-repeat;
    background-size: 100% 100%
}

.swiper-wrap .swiper .team-wrap .team-info .team-level-wrap .team-level-content[data-v-e9a517d5] {
    flex: 1
}

.swiper-wrap .swiper .team-wrap .team-info .team-level-wrap .team-level-content .team-level[data-v-e9a517d5] {
    display: flex;
    align-items: center;
    padding: .5rem 0;
    font-size: .875rem;
    border-bottom: 1px solid #ffffff1A
}

.swiper-wrap .swiper .team-wrap .team-info .team-level-wrap .team-level-content .team-level .team-value[data-v-e9a517d5] {
    flex: 1;
    font-weight: 600;
    padding-left: .25rem;
    color: var(--ep-color-text-success, var(--ep-compat-color-text-success))
}

.swiper-wrap .swiper .team-wrap .team-info .team-level-wrap .team-level-content .team-level .team-detail[data-v-e9a517d5] {
    gap: .25rem;
    display: flex;
    cursor: pointer;
    align-items: center;
    border-radius: 999rem;
    padding-right: .75rem;
    color: var(--ep-color-text-info, var(--ep-compat-color-text-info))
}

.swiper-wrap .swiper .team-wrap .team-info .team-level-wrap .team-level-content .team-level .team-detail .chevron-forward[data-v-e9a517d5] {
    font-size: 1.25rem
}

.swiper-wrap .swiper .team-wrap .team-info .team-level-wrap .team-level-content .team-current-text[data-v-e9a517d5] {
    height: 3.375rem;
    line-height: 3.375rem;
    color: var(--ep-color-text-weak, var(--ep-compat-color-text-weak))
}

.swiper-wrap .swiper .team-wrap .team-info .team-level-wrap .team-level-content .team-progress[data-v-e9a517d5] {
    gap: 1rem;
    display: flex;
    padding: .25rem 0 .5rem;
    align-items: center;
    color: rgba(255, 255, 255, .6)
}

.swiper-wrap .swiper .team-wrap .team-info .team-level-wrap .team-level-content .team-progress .team-content[data-v-e9a517d5] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    width: 50%;
    padding-right: .5rem
}

.swiper-wrap .swiper .team-wrap .team-info .team-level-wrap .team-level-content .team-progress .team-content .team-label[data-v-e9a517d5] {
    color: rgba(255, 255, 255, .4)
}

.swiper-wrap .swiper .team-wrap .team-info .team-level-wrap .team-level-content .team-progress .team-content ion-progress-bar[data-v-e9a517d5] {
    border-radius: 999px;
    --background: #ffffff33;
    --progress-background: var(--ep-color-progress-bar-pivot, var(--ep-color-icon-brand-primary, var(--ep-compat-color-icon-brand-primary)));
    height: .375rem
}

.swiper-wrap .swiper .team-wrap .reward-wrap[data-v-e9a517d5] {
    display: flex;
    position: relative;
    margin: -.0625rem 1.25rem;
    padding: 1rem .5rem .5rem;
    justify-content: space-between;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
    background: var(--ep-color-background-fill-surface-raised-L1, var(--ep-compat-color-background-fill-surface-raised-L1))
}

.swiper-wrap .swiper .team-wrap .reward-wrap .rebate-info[data-v-e9a517d5] {
    display: flex;
    text-align: center;
    align-items: center;
    flex-direction: column;
    color: var(--ep-color-text-weaker, var(--ep-compat-color-text-weaker))
}

.swiper-wrap .swiper .team-wrap .reward-wrap .rebate-info[data-v-e9a517d5]:first-child {
    padding-right: .4375rem
}

.swiper-wrap .swiper .team-wrap .reward-wrap .rebate-info[data-v-e9a517d5]:nth-child(3) {
    padding: 0 .4375rem
}

.swiper-wrap .swiper .team-wrap .reward-wrap .rebate-info[data-v-e9a517d5]:last-child {
    padding-left: .4375rem
}

.swiper-wrap .swiper .team-wrap .reward-wrap .rebate-info .rebate-value[data-v-e9a517d5] {
    font-weight: 600;
    color: var(--ep-color-text-success, var(--ep-compat-color-text-success))
}

.swiper-wrap .swiper .team-wrap .reward-wrap .rebate-line-wrap[data-v-e9a517d5] {
    flex: 1;
    display: flex;
    text-align: center;
    justify-content: center
}

.swiper-wrap .swiper .team-wrap .reward-wrap .rebate-line-wrap .rebate-line[data-v-e9a517d5] {
    width: 1px;
    height: 100%;
    background: var(--ep-color-border-default, var(--ep-compat-color-border-default))
}

.color-primary-600[data-v-2551b020] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-2551b020] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-2551b020] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-2551b020] {
    color: var(--color-primary-900)
}

.bg-100[data-v-2551b020] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-2551b020] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-2551b020] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-2551b020] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-2551b020] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-2551b020] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-2551b020] {
    background-color: var(--color-warning)
}

.bg-link[data-v-2551b020] {
    background-color: var(--color-link)
}

.bg-danger[data-v-2551b020] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-2551b020] {
    color: var(--color-text-100)
}

.color-text-80[data-v-2551b020] {
    color: var(--color-text-80)
}

.color-text-50[data-v-2551b020] {
    color: var(--color-text-50)
}

.color-text-40[data-v-2551b020] {
    color: var(--color-text-40)
}

.color-text-20[data-v-2551b020] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-2551b020] {
    color: var(--color-currency)
}

.color-warning[data-v-2551b020] {
    color: var(--color-warning)
}

.color-danger[data-v-2551b020] {
    color: var(--color-danger)
}

.color-link[data-v-2551b020] {
    color: var(--color-link)
}

.color-line[data-v-2551b020] {
    color: var(--color-line)
}

.color-border[data-v-2551b020] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-2551b020] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-2551b020] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-2551b020] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-2551b020] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-2551b020] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-2551b020] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-2551b020] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-2551b020] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-2551b020] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-2551b020] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-2551b020] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-2551b020] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-2551b020] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-2551b020] {
    display: flex;
    align-items: center
}

.flex-start[data-v-2551b020] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-2551b020] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-2551b020] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-2551b020] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-2551b020] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-2551b020] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-2551b020] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-2551b020] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-2551b020] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-2551b020] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-2551b020] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-2551b020] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-2551b020] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-2551b020] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-2551b020] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-2551b020] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-2551b020] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-2551b020] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-2551b020] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-2551b020] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-2551b020] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-2551b020] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-2551b020] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-2551b020] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-2551b020],
.mlm-selected-item[data-v-2551b020] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-2551b020] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-2551b020]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-2551b020] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-2551b020] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-2551b020] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.agent-level[data-v-2551b020] {
    padding: 1.06rem .875rem
}

.agent-level .agent-level-left[data-v-2551b020] {
    margin-right: 2.6025rem;
    margin-top: .5rem;
    display: flex;
    align-items: center;
    flex-direction: column;
    font-size: .75rem;
    line-height: 1.125rem
}

.agent-level .agent-level-left .level-icon[data-v-2551b020] {
    width: 4.6rem;
    height: 4.6rem
}

.agent-level .agent-level-left .level-icon .current-level[data-v-2551b020] {
    position: absolute;
    height: 4rem;
    top: 50%;
    left: 50%;
    width: 4rem;
    transform: translate(-50%, -50%)
}

.agent-level .agent-level-left .level-tips[data-v-2551b020] {
    min-width: 6.25rem;
    text-align: center;
    font-weight: 700
}

.agent-level .agent-level-right[data-v-2551b020] {
    display: flex;
    align-items: center;
    flex-direction: column;
    font-size: .75rem;
    line-height: 1.125rem
}

.agent-level .agent-level-right .top[data-v-2551b020] {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: .32rem
}

.agent-level .agent-level-right .agent-money-right[data-v-2551b020] {
    transform: rotateY(180deg)
}

.agent-level .agent-level-right .claim-commisson[data-v-2551b020] {
    font-size: 1.5rem;
    line-height: 2.25rem;
    margin-bottom: .495rem;
    display: flex;
    align-items: center;
    font-weight: 700
}

.agent-level .agent-level-right .claim-commisson ion-img[data-v-2551b020] {
    width: 1.965625rem;
    height: 1.965625rem
}

.agent-level .agent-level-right .claim-commisson .agent-money[data-v-2551b020] {
    font-size: 1.875rem
}

.agent-level .agent-level-right .btn[data-v-2551b020] {
    display: flex;
    align-items: center
}

.agent-level .agent-level-right .receive-rule[data-v-2551b020] {
    padding: 0 4rem .57875rem
}

.agent-level .agent-level-right .receive-rule .rule-btn[data-v-2551b020] {
    position: absolute;
    right: .5rem;
    top: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .125rem .3125rem;
    border-radius: .25rem
}

.mlm-agent-info[data-v-2551b020] {
    margin: .75rem .75rem 2rem
}

.subordinate-info[data-v-2551b020]:first-child {
    margin-right: .8125rem
}

.subordinate-info[data-v-2551b020] {
    width: 11rem;
    min-height: 14.6875rem;
    padding: .625rem;
    border-radius: .375rem
}

.subordinate-info .left[data-v-2551b020] {
    width: 100%;
    margin-bottom: .75rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.subordinate-info .dataItem-info[data-v-2551b020] {
    margin-bottom: .625rem
}

.subordinate-info .dataItem-info .dataItem-title[data-v-2551b020] {
    display: flex;
    align-items: center
}

.subordinate-info .dataItem-info .dataItem-title ion-icon[data-v-2551b020] {
    font-size: .75rem;
    margin-right: .125rem
}

.subordinate-info .dataItem-info .num[data-v-2551b020] {
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 500
}

.subordinate-info .direct-title[data-v-2551b020],
.subordinate-info .team-title[data-v-2551b020] {
    min-height: 1.875rem;
    padding: .375rem 0;
    border-radius: .25rem;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 500
}

.subordinate-info .direct-title ion-icon[data-v-2551b020],
.subordinate-info .team-title ion-icon[data-v-2551b020] {
    font-size: 1.125rem;
    margin-right: .1875rem
}

.subordinate-info .dataItem-info[data-v-2551b020]:last-child {
    margin: 0
}

.subordinate-info .dataItem-title[data-v-2551b020] {
    font-size: .625rem;
    line-height: .9375rem
}

.jump-item[data-v-2551b020] {
    height: 3rem;
    border-radius: .375rem;
    background-repeat: no-repeat;
    background-size: 16.375rem 100%;
    background-position: right center;
    width: 100%;
    margin-bottom: 1rem;
    padding-left: .65625rem;
    padding-right: .65625rem;
    font-size: .75rem;
    line-height: 1.125rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.jump-item ion-icon[data-v-2551b020] {
    font-size: 1.09375rem
}

.jump-item[data-v-2551b020]:last-child {
    margin-bottom: 0
}

.agent-info-datail[data-v-2551b020] {
    padding: .5938rem .75rem;
    border-radius: .375rem
}

.agent-info-datail .header[data-v-2551b020] {
    margin-bottom: .555625rem;
    display: flex;
    align-items: center;
    font-size: .875rem;
    line-height: 1.3125rem
}

.agent-info-datail .header ion-icon[data-v-2551b020] {
    font-size: 1rem;
    margin-right: .375rem
}

.agent-info-datail .item[data-v-2551b020] {
    flex-wrap: wrap;
    justify-content: space-between;
    display: flex;
    align-items: center
}

.agent-info-datail .detail-item[data-v-2551b020] {
    width: calc(50% - .4063rem);
    padding: .625rem 0;
    margin-right: .8125rem;
    font-size: .625rem;
    line-height: .9375rem;
    border-radius: .25rem;
    text-align: center
}

.agent-info-datail .detail-item .count-info[data-v-2551b020] {
    font-size: 1.125rem;
    line-height: 1.6875rem;
    font-weight: 700
}

.agent-info-datail .detail-item .des[data-v-2551b020] {
    display: flex;
    align-items: center;
    justify-content: center
}

.agent-info-datail .detail-item .des ion-icon[data-v-2551b020] {
    font-size: .625rem;
    margin-right: .0625rem
}

.agent-info-datail .detail-item.up[data-v-2551b020] {
    margin-bottom: .8125rem
}

.agent-info-datail .detail-item[data-v-2551b020]:nth-child(2),
.agent-info-datail .detail-item[data-v-2551b020]:nth-child(2n) {
    margin-right: 0
}

ion-button.mlm-agent-btn[data-v-2551b020] {
    margin: 0 .625rem 0 0;
    min-height: 1.625rem;
    width: 5.9375rem;
    --border-radius: .25rem
}

ion-button.mlm-agent-btn[data-v-2551b020]::part(native) {
    padding: .25rem 1.0938rem;
    font-size: .75rem;
    line-height: 1.125rem;
    font-weight: 500
}

ion-button.claim-btn[data-v-2551b020] {
    margin: 0
}

.amber-purple body div#app ion-router-outlet>div.ion-page[data-v-2551b020]:after,
.amber-purple body div#app ion-router-outlet>div.ion-page[data-v-2551b020]:before {
    width: 0;
    height: 0
}

ion-content[data-v-2551b020] {
    --padding-top: 1rem
}

ion-content[data-v-2551b020] .time-highlight {
    color: var(--ep-color-text-default)
}

ion-toolbar[data-v-2551b020] {
    --background: var(--color-bg-200)
}

ion-toolbar ion-icon[data-v-2551b020] {
    color: var(--text-color-white-100)
}

.agent-level[data-v-2551b020] {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(254, 184, 5, .153) 118.45%)
}

.agent-level .agent-level-left[data-v-2551b020] {
    color: var(--color-text-40)
}

.agent-level .agent-level-left .level-tips[data-v-2551b020] {
    color: var(--color-text-80)
}

.agent-level .agent-level-right[data-v-2551b020] {
    color: var(--color-text-40)
}

.agent-level .agent-level-right .top[data-v-2551b020] {
    color: var(--color-text-100)
}

.agent-level .agent-level-right .claim-commisson[data-v-2551b020],
.agent-level .agent-level-right .claim-commisson .agent-money[data-v-2551b020] {
    color: var(--theme-color-800)
}

.agent-level .agent-level-right .receive-rule .rule-btn[data-v-2551b020] {
    background: rgba(255, 255, 255, .1);
    color: var(--accent-color-blue)
}

.subordinate-info[data-v-2551b020] {
    background: var(--color-bg-200)
}

.subordinate-info .dataItem-info .dataItem-title ion-icon[data-v-2551b020] {
    color: var(--accent-color-orange)
}

.subordinate-info .dataItem-info .num[data-v-2551b020] {
    color: var(--color-text-100)
}

.subordinate-info .direct-title[data-v-2551b020],
.subordinate-info .team-title[data-v-2551b020] {
    background: var(--color-bg-100);
    color: var(--accent-color-blue)
}

.subordinate-info .direct-title ion-icon[data-v-2551b020],
.subordinate-info .team-title ion-icon[data-v-2551b020] {
    color: var(--accent-color-blue)
}

.subordinate-info .team-title[data-v-2551b020] {
    color: var(--accent-color-green)
}

.subordinate-info .team-title ion-icon[data-v-2551b020] {
    color: var(--accent-color-green)
}

.subordinate-info .dataItem-title[data-v-2551b020] {
    color: var(--color-text-40)
}

.jump-item[data-v-2551b020] {
    background: var(--color-bg-100);
    color: var(--color-text-40)
}

.jump-item .text[data-v-2551b020] {
    font-weight: 600;
    color: var(--color-text-100)
}

.agent-info-datail[data-v-2551b020] {
    background: var(--color-bg-200)
}

.agent-info-datail .header[data-v-2551b020] {
    color: var(--color-text-100)
}

.agent-info-datail .detail-item[data-v-2551b020] {
    background: var(--color-bg-300);
    color: var(--color-text-40)
}

.agent-info-datail .detail-item .count-info[data-v-2551b020] {
    color: var(--color-text-100)
}

.agent-info-datail .detail-item .des[data-v-2551b020] {
    font-size: .625rem;
    color: var(--text-color-white-40)
}

.agent-info-datail .detail-item .des ion-icon[data-v-2551b020] {
    color: var(--accent-color-orange)
}

.agent-info-datail .my-agency[data-v-2551b020] {
    color: var(--color-text-80)
}

.agent-info-datail .agent-report-icon[data-v-2551b020] {
    color: var(--text-color-white-40)
}

ion-button.mlm-agent-btn[data-v-2551b020] {
    --background: var(--color-bg-100);
    --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)
}

ion-button.claim-btn[data-v-2551b020] {
    --background: var(--theme-color-800);
    --color: var(--color-text-secondary-1, 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)
}

ion-button.claim-dis[data-v-2551b020] {
    --background: var(--color-primary-btn-disable);
    --color: var(--color-mlm-btn-text-disable)
}

.agent-level .agent-level-left .level-icon[data-v-2551b020] {
    background: var(--20c1d412) no-repeat;
    background-size: 100% 100%
}

.agent-level .agent-level-right[data-v-2551b020] {
    text-align: center
}

.yellow-dark ion-toolbar[data-v-2551b020],
.auroral-yellow ion-toolbar[data-v-2551b020] {
    --background: var(--color-bg-200)
}

.yellow-dark ion-toolbar ion-icon[data-v-2551b020],
.auroral-yellow ion-toolbar ion-icon[data-v-2551b020] {
    color: var(--text-color-white-100)
}

.yellow-dark .agent-level[data-v-2551b020],
.auroral-yellow .agent-level[data-v-2551b020] {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(254, 184, 5, .153) 118.45%)
}

.yellow-dark .agent-level .agent-level-left[data-v-2551b020],
.auroral-yellow .agent-level .agent-level-left[data-v-2551b020] {
    color: var(--color-text-40)
}

.yellow-dark .agent-level .agent-level-left .level-tips[data-v-2551b020],
.auroral-yellow .agent-level .agent-level-left .level-tips[data-v-2551b020] {
    color: var(--color-text-80)
}

.yellow-dark .agent-level .agent-level-right[data-v-2551b020],
.auroral-yellow .agent-level .agent-level-right[data-v-2551b020] {
    color: var(--color-text-40)
}

.yellow-dark .agent-level .agent-level-right .top[data-v-2551b020],
.auroral-yellow .agent-level .agent-level-right .top[data-v-2551b020] {
    color: var(--color-text-100)
}

.yellow-dark .agent-level .agent-level-right .claim-commisson[data-v-2551b020],
.auroral-yellow .agent-level .agent-level-right .claim-commisson[data-v-2551b020],
.yellow-dark .agent-level .agent-level-right .claim-commisson .agent-money[data-v-2551b020],
.auroral-yellow .agent-level .agent-level-right .claim-commisson .agent-money[data-v-2551b020] {
    color: var(--theme-color-800)
}

.yellow-dark .agent-level .agent-level-right .receive-rule .rule-btn[data-v-2551b020],
.auroral-yellow .agent-level .agent-level-right .receive-rule .rule-btn[data-v-2551b020] {
    background: rgba(255, 255, 255, .1);
    color: var(--accent-color-blue)
}

.yellow-dark .subordinate-info[data-v-2551b020],
.auroral-yellow .subordinate-info[data-v-2551b020] {
    background: var(--color-bg-200)
}

.yellow-dark .subordinate-info .dataItem-info .dataItem-title ion-icon[data-v-2551b020],
.auroral-yellow .subordinate-info .dataItem-info .dataItem-title ion-icon[data-v-2551b020] {
    color: var(--accent-color-orange)
}

.yellow-dark .subordinate-info .dataItem-info .num[data-v-2551b020],
.auroral-yellow .subordinate-info .dataItem-info .num[data-v-2551b020] {
    color: var(--color-text-100)
}

.yellow-dark .subordinate-info .direct-title[data-v-2551b020],
.auroral-yellow .subordinate-info .direct-title[data-v-2551b020],
.yellow-dark .subordinate-info .team-title[data-v-2551b020],
.auroral-yellow .subordinate-info .team-title[data-v-2551b020] {
    background: var(--color-bg-100);
    color: var(--accent-color-blue)
}

.yellow-dark .subordinate-info .direct-title ion-icon[data-v-2551b020],
.auroral-yellow .subordinate-info .direct-title ion-icon[data-v-2551b020],
.yellow-dark .subordinate-info .team-title ion-icon[data-v-2551b020],
.auroral-yellow .subordinate-info .team-title ion-icon[data-v-2551b020] {
    color: var(--accent-color-blue)
}

.yellow-dark .subordinate-info .team-title[data-v-2551b020],
.auroral-yellow .subordinate-info .team-title[data-v-2551b020] {
    color: var(--accent-color-green)
}

.yellow-dark .subordinate-info .team-title ion-icon[data-v-2551b020],
.auroral-yellow .subordinate-info .team-title ion-icon[data-v-2551b020] {
    color: var(--accent-color-green)
}

.yellow-dark .subordinate-info .dataItem-title[data-v-2551b020],
.auroral-yellow .subordinate-info .dataItem-title[data-v-2551b020] {
    color: var(--color-text-40)
}

.yellow-dark .jump-item[data-v-2551b020],
.auroral-yellow .jump-item[data-v-2551b020] {
    background: var(--color-bg-100);
    color: var(--color-text-40)
}

.yellow-dark .jump-item .text[data-v-2551b020],
.auroral-yellow .jump-item .text[data-v-2551b020] {
    font-weight: 600;
    color: var(--color-text-100)
}

.yellow-dark .agent-info-datail[data-v-2551b020],
.auroral-yellow .agent-info-datail[data-v-2551b020] {
    background: var(--color-bg-200)
}

.yellow-dark .agent-info-datail .header[data-v-2551b020],
.auroral-yellow .agent-info-datail .header[data-v-2551b020] {
    color: var(--color-text-100)
}

.yellow-dark .agent-info-datail .detail-item[data-v-2551b020],
.auroral-yellow .agent-info-datail .detail-item[data-v-2551b020] {
    background: var(--color-bg-300);
    color: var(--color-text-40)
}

.yellow-dark .agent-info-datail .detail-item .count-info[data-v-2551b020],
.auroral-yellow .agent-info-datail .detail-item .count-info[data-v-2551b020] {
    color: var(--color-text-100)
}

.yellow-dark .agent-info-datail .detail-item .des[data-v-2551b020],
.auroral-yellow .agent-info-datail .detail-item .des[data-v-2551b020] {
    font-size: .625rem;
    color: var(--text-color-white-40)
}

.yellow-dark .agent-info-datail .detail-item .des ion-icon[data-v-2551b020],
.auroral-yellow .agent-info-datail .detail-item .des ion-icon[data-v-2551b020] {
    color: var(--accent-color-orange)
}

.yellow-dark .agent-info-datail .my-agency[data-v-2551b020],
.auroral-yellow .agent-info-datail .my-agency[data-v-2551b020] {
    color: var(--color-text-80)
}

.yellow-dark .agent-info-datail .agent-report-icon[data-v-2551b020],
.auroral-yellow .agent-info-datail .agent-report-icon[data-v-2551b020] {
    color: var(--text-color-white-40)
}

.yellow-dark ion-button.mlm-agent-btn[data-v-2551b020],
.auroral-yellow ion-button.mlm-agent-btn[data-v-2551b020] {
    --background: var(--color-bg-100);
    --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)
}

.yellow-dark ion-button.claim-btn[data-v-2551b020],
.auroral-yellow ion-button.claim-btn[data-v-2551b020] {
    --background: var(--theme-color-800);
    --color: var(--color-text-secondary-1, 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)
}

.yellow-dark ion-button.claim-dis[data-v-2551b020],
.auroral-yellow ion-button.claim-dis[data-v-2551b020] {
    --background: var(--color-primary-btn-disable);
    --color: var(--color-mlm-btn-text-disable)
}

.green-dark ion-toolbar[data-v-2551b020] {
    --background: var(--color-bg-200)
}

.green-dark ion-toolbar ion-icon[data-v-2551b020] {
    color: var(--text-color-white-100)
}

.green-dark .agent-level[data-v-2551b020] {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(254, 184, 5, .153) 118.45%)
}

.green-dark .agent-level .agent-level-left[data-v-2551b020] {
    color: var(--color-text-40)
}

.green-dark .agent-level .agent-level-left .level-tips[data-v-2551b020] {
    color: var(--color-text-80)
}

.green-dark .agent-level .agent-level-right[data-v-2551b020] {
    color: var(--color-text-40)
}

.green-dark .agent-level .agent-level-right .top[data-v-2551b020] {
    color: var(--color-text-100)
}

.green-dark .agent-level .agent-level-right .claim-commisson[data-v-2551b020],
.green-dark .agent-level .agent-level-right .claim-commisson .agent-money[data-v-2551b020] {
    color: var(--accent-color-orange-1)
}

.green-dark .agent-level .agent-level-right .receive-rule .rule-btn[data-v-2551b020] {
    background: rgba(255, 255, 255, .1);
    color: var(--mlm-receive-rule-text-color)
}

.green-dark .subordinate-info[data-v-2551b020] {
    background: var(--color-bg-200)
}

.green-dark .subordinate-info .dataItem-info .dataItem-title ion-icon[data-v-2551b020] {
    color: var(--accent-color-orange)
}

.green-dark .subordinate-info .dataItem-info .num[data-v-2551b020] {
    color: var(--color-text-100)
}

.green-dark .subordinate-info .direct-title[data-v-2551b020],
.green-dark .subordinate-info .team-title[data-v-2551b020] {
    background: var(--color-bg-100);
    color: var(--accent-color-blue)
}

.green-dark .subordinate-info .direct-title ion-icon[data-v-2551b020],
.green-dark .subordinate-info .team-title ion-icon[data-v-2551b020] {
    color: var(--accent-color-blue)
}

.green-dark .subordinate-info .team-title[data-v-2551b020] {
    color: var(--accent-color-green)
}

.green-dark .subordinate-info .team-title ion-icon[data-v-2551b020] {
    color: var(--theme-color-800)
}

.green-dark .subordinate-info .dataItem-title[data-v-2551b020] {
    color: var(--color-text-40)
}

.green-dark .jump-item[data-v-2551b020] {
    background: var(--color-bg-200);
    color: var(--color-text-40)
}

.green-dark .jump-item .text[data-v-2551b020] {
    font-weight: 600;
    color: var(--color-text-100)
}

.green-dark .agent-info-datail[data-v-2551b020] {
    background: var(--color-bg-200)
}

.green-dark .agent-info-datail .header[data-v-2551b020] {
    color: var(--color-text-100)
}

.green-dark .agent-info-datail .detail-item[data-v-2551b020] {
    background: var(--color-bg-300);
    color: var(--color-text-40)
}

.green-dark .agent-info-datail .detail-item .count-info[data-v-2551b020] {
    color: var(--color-text-100)
}

.green-dark .agent-info-datail .detail-item .des[data-v-2551b020] {
    font-size: .625rem;
    color: var(--text-color-white-40)
}

.green-dark .agent-info-datail .detail-item .des ion-icon[data-v-2551b020] {
    color: var(--accent-color-orange)
}

.green-dark .agent-info-datail .my-agency[data-v-2551b020] {
    color: var(--mlm-agent-my-agency-textc)
}

.green-dark .agent-info-datail .agent-report-icon[data-v-2551b020] {
    color: var(--text-color-white-40)
}

.green-dark ion-button.mlm-agent-btn[data-v-2551b020] {
    --background: var(--color-bg-100);
    --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)
}

.green-dark ion-button.claim-btn[data-v-2551b020] {
    --background: var(--theme-color-800);
    --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)
}

.green-dark ion-button.claim-dis[data-v-2551b020] {
    --background: var(--color-primary-btn-disable);
    --color: var(--color-text-20)
}

.purple-light ion-toolbar[data-v-2551b020] {
    --background: var(--theme-color-800)
}

.purple-light ion-toolbar ion-icon[data-v-2551b020] {
    color: var(--text-color-white-100)
}

.purple-light .agent-level[data-v-2551b020] {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(254, 184, 5, .153) 118.45%)
}

.purple-light .agent-level .agent-level-left[data-v-2551b020] {
    color: var(--color-text-40)
}

.purple-light .agent-level .agent-level-left .level-tips[data-v-2551b020] {
    color: var(--text-color-black-80)
}

.purple-light .agent-level .agent-level-right[data-v-2551b020] {
    color: var(--text-color-black-40)
}

.purple-light .agent-level .agent-level-right .top[data-v-2551b020] {
    color: var(--text-color-black-100)
}

.purple-light .agent-level .agent-level-right .claim-commisson[data-v-2551b020],
.purple-light .agent-level .agent-level-right .claim-commisson .agent-money[data-v-2551b020] {
    color: var(--accent-color-orange)
}

.purple-light .agent-level .agent-level-right .receive-rule .rule-btn[data-v-2551b020] {
    background: rgba(255, 255, 255, .1);
    color: var(--mlm-receive-rule-text-color)
}

.purple-light .subordinate-info[data-v-2551b020] {
    background: var(--color-bg-200)
}

.purple-light .subordinate-info .dataItem-info .dataItem-title ion-icon[data-v-2551b020] {
    color: var(--accent-color-orange)
}

.purple-light .subordinate-info .dataItem-info .num[data-v-2551b020] {
    color: var(--text-color-black-100)
}

.purple-light .subordinate-info .direct-title[data-v-2551b020],
.purple-light .subordinate-info .team-title[data-v-2551b020] {
    background: var(--color-bg-100);
    color: var(--accent-color-blue)
}

.purple-light .subordinate-info .direct-title ion-icon[data-v-2551b020],
.purple-light .subordinate-info .team-title ion-icon[data-v-2551b020] {
    color: var(--accent-color-blue)
}

.purple-light .subordinate-info .team-title[data-v-2551b020] {
    color: var(--accent-color-green)
}

.purple-light .subordinate-info .team-title ion-icon[data-v-2551b020] {
    color: var(--accent-color-green)
}

.purple-light .subordinate-info .dataItem-title[data-v-2551b020] {
    color: var(--text-color-black-40)
}

.purple-light .jump-item[data-v-2551b020] {
    background: var(--color-bg-100);
    color: var(--text-color-black-40)
}

.purple-light .jump-item .text[data-v-2551b020] {
    font-weight: 600;
    color: var(--text-color-black-100)
}

.purple-light .agent-info-datail[data-v-2551b020] {
    background: var(--color-bg-500)
}

.purple-light .agent-info-datail .header[data-v-2551b020] {
    color: var(--text-color-black-100)
}

.purple-light .agent-info-datail .detail-item[data-v-2551b020] {
    background: var(--color-bg-300);
    color: var(--text-color-black-40)
}

.purple-light .agent-info-datail .detail-item .count-info[data-v-2551b020] {
    color: var(--text-color-black-100)
}

.purple-light .agent-info-datail .detail-item .des[data-v-2551b020] {
    font-size: .625rem;
    color: var(--mlm-agent-report-icon-color)
}

.purple-light .agent-info-datail .detail-item .des ion-icon[data-v-2551b020] {
    color: var(--accent-color-orange)
}

.purple-light .agent-info-datail .my-agency[data-v-2551b020] {
    color: var(--text-color-black-100)
}

.purple-light .agent-info-datail .agent-report-icon[data-v-2551b020] {
    color: var(--mlm-agent-report-icon-color)
}

.purple-light ion-button.mlm-agent-btn[data-v-2551b020] {
    --background: var(--mlm-agent-history-bgc);
    --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)
}

.purple-light ion-button.claim-btn[data-v-2551b020] {
    --background: var(--theme-color-800);
    --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)
}

.purple-light ion-button.claim-dis[data-v-2551b020] {
    --background: var(--color-primary-btn-disable);
    --color: var(--text-color-white-60)
}

.new-skin-symbol ion-toolbar[data-v-2551b020] {
    --background: var(--ep-color-background-fill-top-nav-secondary)
}

.new-skin-symbol ion-toolbar ion-icon[data-v-2551b020] {
    color: var(--ep-color-icon-default)
}

.new-skin-symbol .agent-level[data-v-2551b020] {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(254, 184, 5, .153) 118.45%)
}

.new-skin-symbol .agent-level .agent-level-left[data-v-2551b020],
.new-skin-symbol .agent-level .agent-level-left .level-tips[data-v-2551b020] {
    color: var(--ep-color-text-default)
}

.new-skin-symbol .agent-level .agent-level-right[data-v-2551b020] {
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol .agent-level .agent-level-right .top[data-v-2551b020] {
    color: var(--ep-color-text-highlight-white)
}

.new-skin-symbol .agent-level .agent-level-right .claim-commisson[data-v-2551b020],
.new-skin-symbol .agent-level .agent-level-right .claim-commisson .agent-money[data-v-2551b020] {
    color: var(--ep-color-text-highlight)
}

.new-skin-symbol .agent-level .agent-level-right .receive-rule .rule-btn[data-v-2551b020] {
    background: rgba(255, 255, 255, .1);
    color: var(--ep-color-text-info)
}

.new-skin-symbol .subordinate-info[data-v-2551b020] {
    background: var(--ep-color-background-fill-surface-raised-L1)
}

.new-skin-symbol .subordinate-info .dataItem-info .dataItem-title ion-icon[data-v-2551b020] {
    color: var(--ep-color-icon-warning)
}

.new-skin-symbol .subordinate-info .dataItem-info .num[data-v-2551b020] {
    color: var(--ep-color-text-highlight-white)
}

.new-skin-symbol .subordinate-info .direct-title[data-v-2551b020],
.new-skin-symbol .subordinate-info .team-title[data-v-2551b020] {
    background: var(--ep-color-background-fill-surface-raised-L2);
    color: var(--ep-color-text-info)
}

.new-skin-symbol .subordinate-info .direct-title ion-icon[data-v-2551b020],
.new-skin-symbol .subordinate-info .team-title ion-icon[data-v-2551b020] {
    color: var(--ep-color-icon-info)
}

.new-skin-symbol .subordinate-info .team-title[data-v-2551b020] {
    color: var(--ep-color-text-success)
}

.new-skin-symbol .subordinate-info .team-title ion-icon[data-v-2551b020] {
    color: var(--ep-color-icon-success)
}

.new-skin-symbol .subordinate-info .dataItem-title[data-v-2551b020] {
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol .jump-item[data-v-2551b020] {
    background: var(--ep-color-background-fill-surface-raised-L2);
    color: var(--ep-color-icon-weaker)
}

.new-skin-symbol .jump-item .text[data-v-2551b020] {
    font-weight: 600;
    color: var(--ep-color-text-default)
}

.new-skin-symbol .agent-info-datail[data-v-2551b020] {
    background: var(--ep-color-background-fill-surface-raised-L1)
}

.new-skin-symbol .agent-info-datail .header[data-v-2551b020] {
    color: var(--ep-color-text-default)
}

.new-skin-symbol .agent-info-datail .detail-item[data-v-2551b020] {
    background: var(--ep-color-background-fill-body-default);
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol .agent-info-datail .detail-item .count-info[data-v-2551b020] {
    color: var(--ep-color-text-highlight-white)
}

.new-skin-symbol .agent-info-datail .detail-item .des[data-v-2551b020] {
    font-size: .625rem;
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol .agent-info-datail .detail-item .des ion-icon[data-v-2551b020] {
    color: var(--ep-color-icon-warning)
}

.new-skin-symbol .agent-info-datail .my-agency[data-v-2551b020] {
    color: var(--ep-color-text-default)
}

.new-skin-symbol .agent-info-datail .agent-report-icon[data-v-2551b020] {
    color: var(--ep-color-icon-weaker)
}

.new-skin-symbol ion-button.mlm-agent-btn[data-v-2551b020] {
    --background: var(--ep-color-background-fill-surface-raised-L2);
    --color: var(--ep-color-text-default);
    --background-focused: var(--ep-color-background-fill-surface-raised-L2);
    --background-hover: var(--ep-color-background-fill-surface-raised-L2);
    --background-activated: var(--ep-color-background-fill-surface-raised-L2)
}

.new-skin-symbol ion-button.claim-btn[data-v-2551b020] {
    --background: var(--ep-color-background-fill-active-primary);
    --color: var(--ep-color-text-inverse, var(--color-primary-btn-text-active));
    --background-hover: var(--ep-color-background-fill-active-primary);
    --background-activated: var(--ep-color-background-fill-active-primary);
    --background-focused: var(--ep-color-background-fill-active-primary)
}

.new-skin-symbol ion-button.claim-dis[data-v-2551b020] {
    --background: var(--ep-color-background-fill-active-disabled);
    --color: var(--ep-color-text-inverse-disabled)
}

.amber-purple ion-toolbar[data-v-2551b020] {
    --background: var(--color-bg-200)
}

.amber-purple ion-toolbar ion-icon[data-v-2551b020] {
    color: var(--text-color-light-purple-1-100)
}

.amber-purple .agent-level[data-v-2551b020] {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(254, 184, 5, .153) 118.45%)
}

.amber-purple .agent-level .agent-level-left[data-v-2551b020] {
    color: var(--color-text-40)
}

.amber-purple .agent-level .agent-level-left .level-tips[data-v-2551b020] {
    color: var(--mlm-level-tips-text-color)
}

.amber-purple .agent-level .agent-level-right[data-v-2551b020] {
    color: var(--color-text-40)
}

.amber-purple .agent-level .agent-level-right .top[data-v-2551b020] {
    color: var(--color-text-100)
}

.amber-purple .agent-level .agent-level-right .claim-commisson[data-v-2551b020],
.amber-purple .agent-level .agent-level-right .claim-commisson .agent-money[data-v-2551b020] {
    color: var(--mlm-agent-claim-commisson-textc)
}

.amber-purple .agent-level .agent-level-right .receive-rule .rule-btn[data-v-2551b020] {
    background: rgba(255, 255, 255, .1);
    color: var(--mlm-receive-rule-text-color)
}

.amber-purple .subordinate-info[data-v-2551b020] {
    background: var(--color-bg-200)
}

.amber-purple .subordinate-info .dataItem-info .dataItem-title ion-icon[data-v-2551b020] {
    color: var(--mlm-agent-home-money-icon-color)
}

.amber-purple .subordinate-info .dataItem-info .num[data-v-2551b020] {
    color: var(--text-color-light-purple-1-100)
}

.amber-purple .subordinate-info .direct-title[data-v-2551b020],
.amber-purple .subordinate-info .team-title[data-v-2551b020] {
    background: var(--color-bg-100);
    color: var(--mlm-agent-direct-text-color)
}

.amber-purple .subordinate-info .direct-title ion-icon[data-v-2551b020],
.amber-purple .subordinate-info .team-title ion-icon[data-v-2551b020] {
    color: var(--mlm-agent-direct-icon-text-color)
}

.amber-purple .subordinate-info .team-title[data-v-2551b020] {
    color: var(--mlm-agent-team-text-color)
}

.amber-purple .subordinate-info .team-title ion-icon[data-v-2551b020] {
    color: var(--mlm-agent-team-icon-text-color)
}

.amber-purple .subordinate-info .dataItem-title[data-v-2551b020] {
    color: var(--text-color-light-purple-2-100)
}

.amber-purple .jump-item[data-v-2551b020] {
    background: var(--color-bg-100);
    color: var(--text-color-light-purple-2-100)
}

.amber-purple .jump-item .text[data-v-2551b020] {
    font-weight: 600;
    color: var(--text-color-light-purple-1-100)
}

.amber-purple .agent-info-datail[data-v-2551b020] {
    background: var(--color-bg-200)
}

.amber-purple .agent-info-datail .header[data-v-2551b020] {
    color: var(--text-color-light-purple-1-100)
}

.amber-purple .agent-info-datail .detail-item[data-v-2551b020] {
    background: var(--color-bg-300);
    color: var(--text-color-light-purple-2-100)
}

.amber-purple .agent-info-datail .detail-item .count-info[data-v-2551b020] {
    color: var(--text-color-light-purple-1-100)
}

.amber-purple .agent-info-datail .detail-item .des[data-v-2551b020] {
    font-size: .625rem;
    color: var(--mlm-agent-report-icon-color)
}

.amber-purple .agent-info-datail .detail-item .des ion-icon[data-v-2551b020] {
    color: var(--mlm-agent-home-money-icon-color)
}

.amber-purple .agent-info-datail .my-agency[data-v-2551b020] {
    color: var(--text-color-light-purple-1-100)
}

.amber-purple .agent-info-datail .agent-report-icon[data-v-2551b020] {
    color: var(--text-color-light-purple-2-100)
}

.amber-purple ion-button.mlm-agent-btn[data-v-2551b020] {
    --background: var(--mlm-agent-history-bgc);
    --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)
}

.amber-purple ion-button.claim-btn[data-v-2551b020] {
    --background: var(--mlm-agent-claim-bg-color);
    --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)
}

.amber-purple ion-button.claim-dis[data-v-2551b020] {
    --background: var(--color-mlm-btn-bg-disable);
    --color: var(--color-mlm-btn-text-disable)
}

.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)
}

.green-default ion-toolbar[data-v-2551b020] {
    --background: var(--color-bg-200)
}

.green-default ion-toolbar ion-icon[data-v-2551b020] {
    color: var(--color-text-gray-100)
}

.green-default .agent-level[data-v-2551b020] {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(254, 184, 5, .153) 118.45%)
}

.green-default .agent-level .agent-level-left[data-v-2551b020] {
    color: var(--color-text-gray-200)
}

.green-default .agent-level .agent-level-left .level-tips[data-v-2551b020] {
    color: var(--color-text-gray-100)
}

.green-default .agent-level .agent-level-right[data-v-2551b020] {
    color: var(--color-text-gray-200)
}

.green-default .agent-level .agent-level-right .top[data-v-2551b020] {
    color: var(--color-text-gray-100)
}

.green-default .agent-level .agent-level-right .claim-commisson[data-v-2551b020],
.green-default .agent-level .agent-level-right .claim-commisson .agent-money[data-v-2551b020] {
    color: var(--accent-color-orange-1)
}

.green-default .agent-level .agent-level-right .receive-rule .rule-btn[data-v-2551b020] {
    background: rgba(255, 255, 255, .1);
    color: var(--mlm-agent-direct-text-color)
}

.green-default .subordinate-info[data-v-2551b020] {
    background: var(--color-bg-200)
}

.green-default .subordinate-info .dataItem-info .dataItem-title ion-icon[data-v-2551b020] {
    color: var(--accent-color-orange)
}

.green-default .subordinate-info .dataItem-info .num[data-v-2551b020] {
    color: var(--color-text-gray-100)
}

.green-default .subordinate-info .direct-title[data-v-2551b020],
.green-default .subordinate-info .team-title[data-v-2551b020] {
    background: var(--color-bg-100);
    color: var(--mlm-agent-direct-text-color)
}

.green-default .subordinate-info .direct-title ion-icon[data-v-2551b020],
.green-default .subordinate-info .team-title ion-icon[data-v-2551b020] {
    color: var(--mlm-agent-direct-icon-text-color)
}

.green-default .subordinate-info .team-title[data-v-2551b020] {
    color: var(--mlm-agent-team-text-color)
}

.green-default .subordinate-info .team-title ion-icon[data-v-2551b020] {
    color: var(--mlm-agent-team-icon-text-color)
}

.green-default .subordinate-info .dataItem-title[data-v-2551b020] {
    color: var(--color-text-gray-200)
}

.green-default .jump-item[data-v-2551b020] {
    background: var(--color-bg-100);
    color: var(--color-text-gray-200)
}

.green-default .jump-item .text[data-v-2551b020] {
    font-weight: 600;
    color: var(--color-text-gray-100)
}

.green-default .agent-info-datail[data-v-2551b020] {
    background: var(--color-bg-200)
}

.green-default .agent-info-datail .header[data-v-2551b020] {
    color: var(--color-text-gray-100)
}

.green-default .agent-info-datail .detail-item[data-v-2551b020] {
    background: var(--color-bg-300);
    color: var(--color-text-gray-200)
}

.green-default .agent-info-datail .detail-item .count-info[data-v-2551b020] {
    color: var(--color-text-gray-100)
}

.green-default .agent-info-datail .detail-item .des[data-v-2551b020] {
    font-size: .625rem;
    color: var(--color-text-gray-200)
}

.green-default .agent-info-datail .detail-item .des ion-icon[data-v-2551b020] {
    color: var(--accent-color-orange)
}

.green-default .agent-info-datail .my-agency[data-v-2551b020] {
    color: var(--color-text-gray-100)
}

.green-default .agent-info-datail .agent-report-icon[data-v-2551b020] {
    color: var(--color-text-gray-200)
}

.green-default ion-button.mlm-agent-btn[data-v-2551b020] {
    --background: var(--theme-color-gradient-100);
    --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)
}

.green-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)
}

.green-default ion-button.claim-dis[data-v-2551b020] {
    --background: var(--theme-color-gradient-400);
    --color: var(--color-text-white-40)
}

.forest-green ion-toolbar[data-v-2551b020] {
    --background: var(--color-bg-200)
}

.forest-green ion-toolbar ion-icon[data-v-2551b020] {
    color: var(--color-text-white-100)
}

.forest-green .agent-level[data-v-2551b020] {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(254, 184, 5, .153) 118.45%)
}

.forest-green .agent-level .agent-level-left[data-v-2551b020] {
    color: var(--color-text-gray-200)
}

.forest-green .agent-level .agent-level-left .level-tips[data-v-2551b020] {
    color: var(--color-text-gray-100)
}

.forest-green .agent-level .agent-level-right[data-v-2551b020] {
    color: var(--color-text-gray-200)
}

.forest-green .agent-level .agent-level-right .top[data-v-2551b020] {
    color: var(--color-text-gray-100)
}

.forest-green .agent-level .agent-level-right .claim-commisson[data-v-2551b020],
.forest-green .agent-level .agent-level-right .claim-commisson .agent-money[data-v-2551b020] {
    color: var(--accent-color-orange-1)
}

.forest-green .agent-level .agent-level-right .receive-rule .rule-btn[data-v-2551b020] {
    background: rgba(255, 255, 255, .1);
    color: var(--mlm-agent-direct-text-color)
}

.forest-green .subordinate-info[data-v-2551b020] {
    background: var(--color-bg-200)
}

.forest-green .subordinate-info .dataItem-info .dataItem-title ion-icon[data-v-2551b020] {
    color: var(--accent-color-orange)
}

.forest-green .subordinate-info .dataItem-info .num[data-v-2551b020] {
    color: var(--color-text-gray-100)
}

.forest-green .subordinate-info .direct-title[data-v-2551b020],
.forest-green .subordinate-info .team-title[data-v-2551b020] {
    background: var(--color-bg-100);
    color: var(--mlm-agent-direct-text-color)
}

.forest-green .subordinate-info .direct-title ion-icon[data-v-2551b020],
.forest-green .subordinate-info .team-title ion-icon[data-v-2551b020] {
    color: var(--mlm-agent-direct-icon-text-color)
}

.forest-green .subordinate-info .team-title[data-v-2551b020] {
    color: var(--mlm-agent-team-text-color)
}

.forest-green .subordinate-info .team-title ion-icon[data-v-2551b020] {
    color: var(--mlm-agent-team-icon-text-color)
}

.forest-green .subordinate-info .dataItem-title[data-v-2551b020] {
    color: var(--color-text-gray-200)
}

.forest-green .jump-item[data-v-2551b020] {
    background: var(--color-bg-100);
    color: var(--color-text-gray-200)
}

.forest-green .jump-item .text[data-v-2551b020] {
    font-weight: 600;
    color: var(--color-text-gray-100)
}

.forest-green .agent-info-datail[data-v-2551b020] {
    background: var(--color-bg-200)
}

.forest-green .agent-info-datail .header[data-v-2551b020] {
    color: var(--color-text-gray-100)
}

.forest-green .agent-info-datail .detail-item[data-v-2551b020] {
    background: var(--color-bg-300);
    color: var(--color-text-gray-200)
}

.forest-green .agent-info-datail .detail-item .count-info[data-v-2551b020] {
    color: var(--color-text-gray-100)
}

.forest-green .agent-info-datail .detail-item .des[data-v-2551b020] {
    font-size: .625rem;
    color: var(--color-text-gray-200)
}

.forest-green .agent-info-datail .detail-item .des ion-icon[data-v-2551b020] {
    color: var(--accent-color-orange)
}

.forest-green .agent-info-datail .my-agency[data-v-2551b020] {
    color: var(--color-text-gray-100)
}

.forest-green .agent-info-datail .agent-report-icon[data-v-2551b020] {
    color: var(--color-text-white-40)
}

.forest-green ion-button.mlm-agent-btn[data-v-2551b020] {
    --background: var(--theme-color-gradient-100);
    --color: var(--color-text-white-100);
    --background-focused: var(--mlmagent-history-focused-bgc);
    --background-hover: var(--mlmagent-history-hover-bgc);
    --background-activated: var(--mlmagent-history-focused-bgc)
}

.forest-green ion-button.claim-btn[data-v-2551b020] {
    --background: var(--theme-color-gradient-200);
    --color: var(--color-text-gray-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)
}

.forest-green ion-button.claim-dis[data-v-2551b020] {
    --background: var(--theme-color-gradient-400);
    --color: var(--color-text-white-40)
}

.auroral-yellow ion-toolbar[data-v-2551b020] {
    --background: var(--color-bg-200)
}

.auroral-yellow ion-toolbar ion-icon[data-v-2551b020] {
    color: var(--text-color-white-100)
}

.auroral-yellow .agent-level[data-v-2551b020] {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(254, 184, 5, .153) 118.45%)
}

.auroral-yellow .agent-level .agent-level-left[data-v-2551b020] {
    color: var(--color-text-40)
}

.auroral-yellow .agent-level .agent-level-left .level-tips[data-v-2551b020] {
    color: var(--color-text-80)
}

.auroral-yellow .agent-level .agent-level-right[data-v-2551b020] {
    color: var(--color-text-40)
}

.auroral-yellow .agent-level .agent-level-right .top[data-v-2551b020] {
    color: var(--color-text-100)
}

.auroral-yellow .agent-level .agent-level-right .claim-commisson[data-v-2551b020],
.auroral-yellow .agent-level .agent-level-right .claim-commisson .agent-money[data-v-2551b020] {
    color: var(--theme-color-800)
}

.auroral-yellow .agent-level .agent-level-right .receive-rule .rule-btn[data-v-2551b020] {
    background: rgba(255, 255, 255, .1);
    color: var(--accent-color-blue)
}

.auroral-yellow .subordinate-info[data-v-2551b020] {
    background: var(--color-bg-200)
}

.auroral-yellow .subordinate-info .dataItem-info .dataItem-title ion-icon[data-v-2551b020] {
    color: var(--accent-color-orange)
}

.auroral-yellow .subordinate-info .dataItem-info .num[data-v-2551b020] {
    color: var(--color-text-100)
}

.auroral-yellow .subordinate-info .direct-title[data-v-2551b020],
.auroral-yellow .subordinate-info .team-title[data-v-2551b020] {
    background: var(--color-bg-100);
    color: var(--accent-color-blue)
}

.auroral-yellow .subordinate-info .direct-title ion-icon[data-v-2551b020],
.auroral-yellow .subordinate-info .team-title ion-icon[data-v-2551b020] {
    color: var(--accent-color-blue)
}

.auroral-yellow .subordinate-info .team-title[data-v-2551b020] {
    color: var(--accent-color-green)
}

.auroral-yellow .subordinate-info .team-title ion-icon[data-v-2551b020] {
    color: var(--accent-color-green)
}

.auroral-yellow .subordinate-info .dataItem-title[data-v-2551b020] {
    color: var(--color-text-gray-200)
}

.auroral-yellow .jump-item[data-v-2551b020] {
    background: var(--color-bg-100);
    color: var(--color-text-40)
}

.auroral-yellow .jump-item .text[data-v-2551b020] {
    font-weight: 600;
    color: var(--color-text-100)
}

.auroral-yellow .agent-info-datail[data-v-2551b020] {
    background: var(--color-bg-200)
}

.auroral-yellow .agent-info-datail .header[data-v-2551b020] {
    color: var(--color-text-100)
}

.auroral-yellow .agent-info-datail .detail-item[data-v-2551b020] {
    background: var(--color-bg-300);
    color: var(--color-text-40)
}

.auroral-yellow .agent-info-datail .detail-item .count-info[data-v-2551b020] {
    color: var(--color-text-100)
}

.auroral-yellow .agent-info-datail .detail-item .des[data-v-2551b020] {
    font-size: .625rem;
    color: var(--color-text-gray-200)
}

.auroral-yellow .agent-info-datail .detail-item .des ion-icon[data-v-2551b020] {
    color: var(--accent-color-orange)
}

.auroral-yellow .agent-info-datail .my-agency[data-v-2551b020] {
    color: var(--color-text-80)
}

.auroral-yellow .agent-info-datail .agent-report-icon[data-v-2551b020] {
    color: var(--text-color-white-40)
}

.auroral-yellow ion-button.mlm-agent-btn[data-v-2551b020] {
    --background: var(--color-bg-100);
    --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)
}

.auroral-yellow ion-button.claim-btn[data-v-2551b020] {
    --background: var(--theme-color-800);
    --color: var(--color-text-secondary-1, 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)
}

.auroral-yellow ion-button.claim-dis[data-v-2551b020] {
    --background: var(--color-primary-btn-disable);
    --color: var(--color-mlm-btn-text-disable)
}

.new-skin-symbol .agent-level[data-v-2551b020] {
    padding: 1.06rem .875rem 0
}

.new-skin-symbol .agent-level .agent-level-left[data-v-2551b020] {
    margin-right: 2.6025rem;
    margin-top: .5rem;
    display: flex;
    align-items: center;
    flex-direction: column;
    font-size: var(--ep-font-size-s);
    line-height: 1.125rem
}

.new-skin-symbol .agent-level .agent-level-left .level-icon[data-v-2551b020] {
    width: 4.6rem;
    height: 4.6rem
}

.new-skin-symbol .agent-level .agent-level-left .level-icon .current-level[data-v-2551b020] {
    position: absolute;
    height: 4rem;
    top: 50%;
    left: 50%;
    width: 4rem;
    transform: translate(-50%, -50%)
}

.new-skin-symbol .agent-level .agent-level-left .level-tips[data-v-2551b020] {
    min-width: 6.25rem;
    text-align: center;
    font-weight: var(--ep-font-weight-bold)
}

.new-skin-symbol .agent-level .agent-level-right[data-v-2551b020] {
    display: flex;
    align-items: center;
    flex-direction: column;
    font-size: var(--ep-font-size-s);
    line-height: 1.125rem
}

.new-skin-symbol .agent-level .agent-level-right .top[data-v-2551b020] {
    font-size: var(--ep-font-size-l);
    color: var(--ep-color-text-default);
    line-height: 1.5rem;
    margin-bottom: .32rem
}

.new-skin-symbol .agent-level .agent-level-right .agent-money-right[data-v-2551b020] {
    transform: rotateY(180deg)
}

.new-skin-symbol .agent-level .agent-level-right .claim-commisson[data-v-2551b020] {
    margin-bottom: .495rem;
    display: flex;
    align-items: center;
    font-size: var(--ep-font-size-xxl);
    line-height: 2.25rem;
    font-weight: var(--ep-font-weight-bold)
}

.new-skin-symbol .agent-level .agent-level-right .claim-commisson ion-img[data-v-2551b020] {
    width: 1.965625rem;
    height: 1.965625rem
}

.new-skin-symbol .agent-level .agent-level-right .claim-commisson .agent-money[data-v-2551b020] {
    font-size: 1.875rem
}

.new-skin-symbol .agent-level .agent-level-right .btn[data-v-2551b020] {
    margin-bottom: .57875rem;
    display: flex;
    align-items: center
}

.new-skin-symbol .agent-level .agent-level-right .receive-rule .rule-btn[data-v-2551b020] {
    position: absolute;
    right: .5rem;
    top: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .125rem .3125rem;
    border-radius: var(--ep-border-radius-s)
}

.new-skin-symbol .mlm-agent-info[data-v-2551b020] {
    margin: .75rem .75rem 2rem
}

.new-skin-symbol .subordinate-info[data-v-2551b020]:first-child {
    margin-right: .8125rem
}

.new-skin-symbol .subordinate-info[data-v-2551b020] {
    width: 11rem;
    min-height: 14.6875rem;
    padding: .625rem;
    border-radius: var(--ep-border-radius-m)
}

.new-skin-symbol .subordinate-info .left[data-v-2551b020] {
    width: 100%;
    margin-bottom: .75rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.new-skin-symbol .subordinate-info .dataItem-info[data-v-2551b020] {
    margin-bottom: .625rem
}

.new-skin-symbol .subordinate-info .dataItem-info .dataItem-title[data-v-2551b020] {
    display: flex;
    align-items: center
}

.new-skin-symbol .subordinate-info .dataItem-info .dataItem-title ion-icon[data-v-2551b020] {
    font-size: var(--ep-font-size-s);
    margin-right: .125rem
}

.new-skin-symbol .subordinate-info .dataItem-info .num[data-v-2551b020] {
    font-size: var(--ep-font-size-m);
    color: var(--ep-color-text-default);
    line-height: 1.3125rem;
    font-weight: var(--ep-font-weight-medium)
}

.new-skin-symbol .subordinate-info .direct-title[data-v-2551b020],
.new-skin-symbol .subordinate-info .team-title[data-v-2551b020] {
    min-height: 1.875rem;
    padding: .375rem 0;
    line-height: 1.3125rem;
    border-radius: var(--ep-border-radius-s);
    font-size: var(--ep-font-size-m);
    font-weight: var(--ep-font-weight-medium)
}

.new-skin-symbol .subordinate-info .direct-title ion-icon[data-v-2551b020],
.new-skin-symbol .subordinate-info .team-title ion-icon[data-v-2551b020] {
    font-size: var(--ep-font-size-xl);
    margin-right: .1875rem
}

.new-skin-symbol .subordinate-info .dataItem-info[data-v-2551b020]:last-child {
    margin: 0
}

.new-skin-symbol .subordinate-info .dataItem-title[data-v-2551b020] {
    font-size: var(--ep-font-size-xs);
    line-height: .9375rem
}

.new-skin-symbol .jump-item[data-v-2551b020] {
    height: 3rem;
    background-repeat: no-repeat;
    background-size: 16.375rem 100%;
    background-position: right center;
    width: 100%;
    margin-bottom: 1rem;
    padding-left: .65625rem;
    padding-right: .65625rem;
    border-radius: var(--ep-border-radius-m);
    font-size: var(--ep-font-size-s);
    line-height: 1.125rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.new-skin-symbol .jump-item ion-icon[data-v-2551b020] {
    font-size: 1.09375rem
}

.new-skin-symbol .jump-item[data-v-2551b020]:last-child {
    margin-bottom: 0
}

.new-skin-symbol .agent-info-datail[data-v-2551b020] {
    padding: .5938rem .75rem;
    border-radius: var(--ep-border-radius-m)
}

.new-skin-symbol .agent-info-datail .header[data-v-2551b020] {
    margin-bottom: .555625rem;
    display: flex;
    align-items: center;
    font-size: var(--ep-values-14);
    line-height: 1.3125rem
}

.new-skin-symbol .agent-info-datail .header ion-icon[data-v-2551b020] {
    font-size: var(--ep-font-size-l);
    margin-right: .375rem
}

.new-skin-symbol .agent-info-datail .item[data-v-2551b020] {
    flex-wrap: wrap;
    justify-content: space-between;
    display: flex;
    align-items: center
}

.new-skin-symbol .agent-info-datail .detail-item[data-v-2551b020] {
    width: calc(50% - .4063rem);
    padding: .625rem 0;
    margin-right: .8125rem;
    font-size: var(--ep-font-size-xs);
    line-height: .9375rem;
    border-radius: var(--ep-border-radius-s);
    text-align: center
}

.new-skin-symbol .agent-info-datail .detail-item .count-info[data-v-2551b020] {
    font-size: var(--ep-font-size-xl);
    color: var(--ep-color-text-default);
    line-height: 1.6875rem;
    font-weight: var(--ep-font-weight-bold)
}

.new-skin-symbol .agent-info-datail .detail-item .des[data-v-2551b020] {
    display: flex;
    align-items: center;
    justify-content: center
}

.new-skin-symbol .agent-info-datail .detail-item .des ion-icon[data-v-2551b020] {
    font-size: var(--ep-font-size-xs);
    margin-right: .0625rem
}

.new-skin-symbol .agent-info-datail .detail-item.up[data-v-2551b020] {
    margin-bottom: .8125rem
}

.new-skin-symbol .agent-info-datail .detail-item[data-v-2551b020]:nth-child(2),
.new-skin-symbol .agent-info-datail .detail-item[data-v-2551b020]:nth-child(2n) {
    margin-right: 0
}

.new-skin-symbol ion-button.mlm-agent-btn[data-v-2551b020] {
    margin: 0 .625rem 0 0;
    min-height: 1.625rem;
    width: 5.9375rem;
    --border-radius: var(--ep-border-radius-s)
}

.new-skin-symbol ion-button.mlm-agent-btn[data-v-2551b020]::part(native) {
    padding: .25rem 1.0938rem;
    font-size: var(--ep-font-size-s);
    line-height: 1.125rem;
    font-weight: var(--ep-font-weight-medium)
}

.new-skin-symbol ion-button.claim-btn[data-v-2551b020] {
    margin: 0;
    --background: var(--ep-color-background-fill-active-primary)
}

.new-skin-symbol .amber-purple body div#app ion-router-outlet>div.ion-page[data-v-2551b020]:after,
.new-skin-symbol .amber-purple body div#app ion-router-outlet>div.ion-page[data-v-2551b020]:before {
    width: 0;
    height: 0
}

.no-select[data-v-2551b020] {
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent
}

.color-primary-600[data-v-06b0c37a] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-06b0c37a] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-06b0c37a] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-06b0c37a] {
    color: var(--color-primary-900)
}

.bg-100[data-v-06b0c37a] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-06b0c37a] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-06b0c37a] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-06b0c37a] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-06b0c37a] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-06b0c37a] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-06b0c37a] {
    background-color: var(--color-warning)
}

.bg-link[data-v-06b0c37a] {
    background-color: var(--color-link)
}

.bg-danger[data-v-06b0c37a] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-06b0c37a] {
    color: var(--color-text-100)
}

.color-text-80[data-v-06b0c37a] {
    color: var(--color-text-80)
}

.color-text-50[data-v-06b0c37a] {
    color: var(--color-text-50)
}

.color-text-40[data-v-06b0c37a] {
    color: var(--color-text-40)
}

.color-text-20[data-v-06b0c37a] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-06b0c37a] {
    color: var(--color-currency)
}

.color-warning[data-v-06b0c37a] {
    color: var(--color-warning)
}

.color-danger[data-v-06b0c37a] {
    color: var(--color-danger)
}

.color-link[data-v-06b0c37a] {
    color: var(--color-link)
}

.color-line[data-v-06b0c37a] {
    color: var(--color-line)
}

.color-border[data-v-06b0c37a] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-06b0c37a] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-06b0c37a] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-06b0c37a] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-06b0c37a] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-06b0c37a] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-06b0c37a] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-06b0c37a] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-06b0c37a] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-06b0c37a] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-06b0c37a] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-06b0c37a] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-06b0c37a] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-06b0c37a] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-06b0c37a] {
    display: flex;
    align-items: center
}

.flex-start[data-v-06b0c37a] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-06b0c37a] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-06b0c37a] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-06b0c37a] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-06b0c37a] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-06b0c37a] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-06b0c37a] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-06b0c37a] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-06b0c37a] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-06b0c37a] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-06b0c37a] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-06b0c37a] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-06b0c37a] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-06b0c37a] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-06b0c37a] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-06b0c37a] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-06b0c37a] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-06b0c37a] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-06b0c37a] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-06b0c37a] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-06b0c37a] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-06b0c37a] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-06b0c37a] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-06b0c37a] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-06b0c37a],
.mlm-selected-item[data-v-06b0c37a] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-06b0c37a] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-06b0c37a]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-06b0c37a] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-06b0c37a] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-06b0c37a] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.get-reward-wrap[data-v-06b0c37a] {
    gap: 1rem;
    display: flex;
    padding: 1rem;
    position: relative;
    text-align: center;
    align-items: center;
    border-radius: .5rem;
    flex-direction: column;
    background: var(--ep-color-background-fill-surface-raised-L1, var(--ep-compat-color-background-fill-surface-raised-L1))
}

.get-reward-wrap .get-reward-tip[data-v-06b0c37a] {
    top: 1.3125rem;
    right: 1rem;
    font-size: .875rem;
    position: absolute;
    color: var(--ep-color-text-weaker, var(--ep-compat-color-text-weaker))
}

.get-reward-wrap .get-reward-explain-warp[data-v-06b0c37a] {
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column
}

.get-reward-wrap .get-reward-explain-warp .get-reward-title[data-v-06b0c37a] {
    width: 100%;
    text-align: start
}

.get-reward-wrap .get-reward-explain-warp .get-reward-amount[data-v-06b0c37a] {
    width: 100%;
    font-weight: 600;
    font-size: 1.5rem;
    text-align: start;
    color: var(--ep-color-text-highlight, var(--ep-compat-color-text-highlight))
}

.get-reward-wrap .get-reward-explain-warp .get-reward-steps[data-v-06b0c37a] {
    cursor: grab;
    display: flex;
    margin: 1rem 0 0;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100%;
    overflow-x: auto;
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.get-reward-wrap .get-reward-explain-warp .get-reward-steps[data-v-06b0c37a]::-webkit-scrollbar {
    display: none
}

.get-reward-wrap .get-reward-explain-warp .get-reward-steps[data-v-06b0c37a]:active {
    cursor: grabbing
}

.get-reward-wrap .get-reward-explain-warp .get-reward-steps .get-reward-steps-warp[data-v-06b0c37a] {
    display: flex;
    position: relative;
    z-index: 1
}

.get-reward-wrap .get-reward-explain-warp .get-reward-steps .get-reward-steps-warp .get-reward-steps-item[data-v-06b0c37a] {
    z-index: 3;
    gap: .5rem;
    display: flex;
    min-width: 4.125rem;
    width: 4.125rem;
    position: relative;
    align-items: center;
    flex-direction: column
}

.get-reward-wrap .get-reward-explain-warp .get-reward-steps .get-reward-steps-warp .get-reward-steps-item .get-reward-steps-icon[data-v-06b0c37a] {
    width: 3.375rem;
    height: 3.375rem
}

.get-reward-wrap .get-reward-explain-warp .get-reward-steps .get-reward-steps-warp .get-reward-steps-item .get-reward-steps-amount[data-v-06b0c37a] {
    font-size: .75rem;
    color: var(--ep-color-text-warning, var(--color-currency))
}

.get-reward-wrap .get-reward-explain-warp .get-reward-steps .get-reward-steps-warp .get-reward-steps-item .get-reward-steps-circle[data-v-06b0c37a] {
    width: 100%;
    margin: auto;
    display: flex;
    height: .625rem;
    align-items: center;
    justify-content: center
}

.get-reward-wrap .get-reward-explain-warp .get-reward-steps .get-reward-steps-warp .get-reward-steps-item .get-reward-steps-circle .get-reward-steps-circle-inner[data-v-06b0c37a] {
    width: .25rem;
    height: .25rem;
    border-radius: 100rem;
    color: var(--ep-agent-color-progress-indicator);
    background: var(--ep-agent-color-progress-indicator, var(--ep-color-text-default, var(--ep-compat-color-text-default)))
}

.get-reward-wrap .get-reward-explain-warp .get-reward-steps .get-reward-steps-warp .get-reward-steps-item .get-reward-steps-circle .get-reward-steps-circle-inner.collected[data-v-06b0c37a] {
    background: var(--ep-color-text-success, var(--ep-compat-color-text-success))
}

.get-reward-wrap .get-reward-explain-warp .get-reward-steps .get-reward-steps-warp .get-reward-steps-item .get-reward-steps-progress[data-v-06b0c37a] {
    gap: .125rem;
    display: flex;
    font-size: .625rem;
    align-items: center;
    flex-direction: column
}

.get-reward-wrap .get-reward-explain-warp .get-reward-steps .get-reward-steps-warp .get-reward-steps-item .get-reward-steps-progress ion-icon[data-v-06b0c37a] {
    width: 1rem;
    height: 1rem;
    color: var(--ep-color-text-weaker, var(--ep-compat-color-text-weaker))
}

.get-reward-wrap .get-reward-explain-warp .get-reward-steps .get-reward-steps-warp .get-reward-steps-item .get-reward-steps-progress .get-reward-steps-progress-total[data-v-06b0c37a] {
    color: var(--ep-color-text-weaker, var(--ep-compat-color-text-weaker))
}

.get-reward-wrap .get-reward-explain-warp .get-reward-steps .get-reward-steps-warp .get-reward-steps-item .get-reward-steps-light-claim[data-v-06b0c37a] {
    display: none
}

.get-reward-wrap .get-reward-explain-warp .get-reward-steps .get-reward-steps-warp .get-reward-steps-item .get-reward-steps-light-claim.pending[data-v-06b0c37a] {
    top: 0;
    width: 100%;
    z-index: -1;
    display: block;
    aspect-ratio: 1/1;
    position: absolute;
    animation: spin-06b0c37a 5s linear infinite;
    background: url(/assets/light-claim-DJNAV8np.png) no-repeat;
    background-size: 100% 100%
}

.get-reward-wrap .get-reward-explain-warp .get-reward-steps .get-reward-steps-warp .get-reward-steps-item.active .get-reward-steps-circle .get-reward-steps-circle-inner.collected[data-v-06b0c37a] {
    display: block;
    width: 100%;
    border-radius: 0;
    height: .5rem;
    padding: .0625rem 0;
    background: transparent
}

.get-reward-wrap .get-reward-explain-warp .get-reward-steps .get-reward-steps-warp .get-reward-steps-item.active .get-reward-steps-progress[data-v-06b0c37a] {
    color: var(--ep-color-text-success, var(--ep-compat-color-text-success))
}

.get-reward-wrap .get-reward-explain-warp .get-reward-steps .get-reward-steps-warp .get-reward-steps-item.active .get-reward-steps-progress ion-icon[data-v-06b0c37a] {
    color: var(--ep-color-text-default, var(--ep-compat-color-text-default))
}

.get-reward-wrap .get-reward-explain-warp .get-reward-steps .get-reward-steps-warp .get-reward-steps-item.active .get-reward-steps-progress .get-reward-steps-progress-total[data-v-06b0c37a] {
    color: var(--ep-color-text-success, var(--ep-compat-color-text-success))
}

.get-reward-wrap .get-reward-explain-warp .get-reward-steps .get-reward-steps-warp .get-reward-steps-progress-warp[data-v-06b0c37a] {
    position: absolute;
    bottom: 2.5625rem;
    z-index: -1;
    width: 100%;
    height: .625rem
}

.get-reward-wrap .get-reward-explain-warp .get-reward-steps .get-reward-steps-warp .get-reward-steps-progress-warp .get-reward-steps-progress-bar[data-v-06b0c37a] {
    height: 100%;
    border-radius: 100rem;
    background: var(--ep-color-background-fill-body-default, var(--ep-compat-color-background-fill-body-default))
}

.get-reward-wrap .get-reward-explain-warp .get-reward-steps .get-reward-steps-warp .get-reward-steps-progress-warp .get-reward-steps-progress-bar .get-reward-steps-progress-bar-inner[data-v-06b0c37a] {
    width: 0%;
    height: 100%;
    border-radius: 100rem;
    background: var(--ep-color-text-success, var(--ep-compat-color-text-success))
}

.get-reward-wrap .get-reward-explain-warp .get-reward-btn-warp[data-v-06b0c37a] {
    width: 100%;
    padding: 0 1rem
}

.get-reward-wrap .get-reward-explain-warp .get-reward-btn-warp .get-reward-btn[data-v-06b0c37a] {
    margin: 2rem 0 1rem
}

@keyframes spin-06b0c37a {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.color-primary-600[data-v-811bd6bc] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-811bd6bc] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-811bd6bc] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-811bd6bc] {
    color: var(--color-primary-900)
}

.bg-100[data-v-811bd6bc] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-811bd6bc] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-811bd6bc] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-811bd6bc] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-811bd6bc] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-811bd6bc] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-811bd6bc] {
    background-color: var(--color-warning)
}

.bg-link[data-v-811bd6bc] {
    background-color: var(--color-link)
}

.bg-danger[data-v-811bd6bc] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-811bd6bc] {
    color: var(--color-text-100)
}

.color-text-80[data-v-811bd6bc] {
    color: var(--color-text-80)
}

.color-text-50[data-v-811bd6bc] {
    color: var(--color-text-50)
}

.color-text-40[data-v-811bd6bc] {
    color: var(--color-text-40)
}

.color-text-20[data-v-811bd6bc] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-811bd6bc] {
    color: var(--color-currency)
}

.color-warning[data-v-811bd6bc] {
    color: var(--color-warning)
}

.color-danger[data-v-811bd6bc] {
    color: var(--color-danger)
}

.color-link[data-v-811bd6bc] {
    color: var(--color-link)
}

.color-line[data-v-811bd6bc] {
    color: var(--color-line)
}

.color-border[data-v-811bd6bc] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-811bd6bc] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-811bd6bc] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-811bd6bc] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-811bd6bc] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-811bd6bc] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-811bd6bc] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-811bd6bc] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-811bd6bc] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-811bd6bc] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-811bd6bc] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-811bd6bc] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-811bd6bc] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-811bd6bc] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-811bd6bc] {
    display: flex;
    align-items: center
}

.flex-start[data-v-811bd6bc] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-811bd6bc] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-811bd6bc] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-811bd6bc] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-811bd6bc] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-811bd6bc] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-811bd6bc] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-811bd6bc] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-811bd6bc] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-811bd6bc] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-811bd6bc] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-811bd6bc] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-811bd6bc] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-811bd6bc] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-811bd6bc] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-811bd6bc] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-811bd6bc] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-811bd6bc] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-811bd6bc] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-811bd6bc] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-811bd6bc] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-811bd6bc] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-811bd6bc] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-811bd6bc] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-811bd6bc],
.mlm-selected-item[data-v-811bd6bc] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-811bd6bc] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-811bd6bc]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-811bd6bc] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-811bd6bc] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-811bd6bc] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.reward-wrap[data-v-811bd6bc] {
    gap: .75rem;
    display: flex;
    justify-content: space-between
}

.reward-wrap .reward-item[data-v-811bd6bc] {
    flex: 1;
    gap: .5rem;
    display: flex;
    cursor: pointer;
    align-items: center;
    border-radius: .375rem;
    flex-direction: column;
    justify-content: center;
    padding: .375rem .25rem;
    box-shadow: 0 4px 12px -4px rgba(0, 0, 0, .15);
    background: var(--ep-color-background-fill-surface-raised-L1, var(--ep-compat-color-background-fill-surface-raised-L1));
    border-top: 1px solid var(--ep-color-border-default, var(--ep-compat-color-border-default))
}

.reward-wrap .reward-item .reward-content[data-v-811bd6bc] {
    width: 100%;
    display: flex;
    height: 4.25rem;
    font-weight: var(--ep-font-weight-medium, 600);
    font-size: var(--ep-font-size-xxl, 1.5rem);
    text-align: center;
    align-items: center;
    border-radius: .25rem;
    justify-content: center;
    background: var(--ep-color-background-fill-body-default, var(--ep-compat-color-background-fill-body-default))
}

.reward-wrap .reward-item .reward-title[data-v-811bd6bc] {
    width: 100%;
    display: flex;
    font-size: .75rem;
    padding: 0 .125rem;
    align-items: center;
    justify-content: space-between;
    color: var(--ep-color-text-weaker, var(--ep-compat-color-text-weaker))
}

.reward-wrap .reward-item .reward-amount[data-v-811bd6bc] {
    display: flex;
    align-items: center;
    gap: .25rem
}

.reward-wrap .reward-item .reward-amount ion-icon[data-v-811bd6bc] {
    width: 1rem;
    height: 1rem;
    color: var(--ep-color-text-success, var(--ep-compat-color-text-success))
}

.color-primary-600[data-v-632f7826] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-632f7826] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-632f7826] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-632f7826] {
    color: var(--color-primary-900)
}

.bg-100[data-v-632f7826] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-632f7826] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-632f7826] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-632f7826] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-632f7826] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-632f7826] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-632f7826] {
    background-color: var(--color-warning)
}

.bg-link[data-v-632f7826] {
    background-color: var(--color-link)
}

.bg-danger[data-v-632f7826] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-632f7826] {
    color: var(--color-text-100)
}

.color-text-80[data-v-632f7826] {
    color: var(--color-text-80)
}

.color-text-50[data-v-632f7826] {
    color: var(--color-text-50)
}

.color-text-40[data-v-632f7826] {
    color: var(--color-text-40)
}

.color-text-20[data-v-632f7826] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-632f7826] {
    color: var(--color-currency)
}

.color-warning[data-v-632f7826] {
    color: var(--color-warning)
}

.color-danger[data-v-632f7826] {
    color: var(--color-danger)
}

.color-link[data-v-632f7826] {
    color: var(--color-link)
}

.color-line[data-v-632f7826] {
    color: var(--color-line)
}

.color-border[data-v-632f7826] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-632f7826] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-632f7826] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-632f7826] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-632f7826] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-632f7826] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-632f7826] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-632f7826] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-632f7826] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-632f7826] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-632f7826] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-632f7826] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-632f7826] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-632f7826] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-632f7826] {
    display: flex;
    align-items: center
}

.flex-start[data-v-632f7826] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-632f7826] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-632f7826] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-632f7826] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-632f7826] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-632f7826] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-632f7826] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-632f7826] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-632f7826] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-632f7826] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-632f7826] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-632f7826] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-632f7826] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-632f7826] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-632f7826] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-632f7826] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-632f7826] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-632f7826] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-632f7826] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-632f7826] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-632f7826] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-632f7826] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-632f7826] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-632f7826] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-632f7826],
.mlm-selected-item[data-v-632f7826] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-632f7826] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-632f7826]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-632f7826] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-632f7826] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-632f7826] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.invite-wrap[data-v-632f7826] {
    gap: 1rem;
    padding: 3.75rem 1rem 1rem;
    display: flex;
    position: relative;
    text-align: center;
    align-items: center;
    margin-top: 1.25rem;
    border-radius: .5rem;
    flex-direction: column;
    background: var(--ep-color-background-fill-surface-raised-L1, var(--ep-compat-color-background-fill-surface-raised-L1))
}

.invite-wrap .title-img[data-v-632f7826] {
    position: absolute;
    top: -1.75rem;
    height: 5rem;
    width: 8.125rem;
    background: url(/assets/title-reward-DB5CabpM.png) no-repeat center center;
    background-size: 100% 100%
}

.invite-wrap .invite-tip[data-v-632f7826] {
    top: 1.3125rem;
    right: 1rem;
    font-size: .875rem;
    position: absolute;
    color: var(--ep-color-text-weaker, var(--ep-compat-color-text-weaker))
}

.invite-wrap .invite-title-warp[data-v-632f7826] {
    width: 100%
}

.invite-wrap .invite-title-warp .invite-reward[data-v-632f7826] {
    font-size: 1.5rem;
    font-weight: 600;
    margin-top: 2rem;
    color: var(--ep-color-text-highlight, var(--ep-compat-color-text-highlight))
}

.invite-wrap .invite-title-warp .invited-reward[data-v-632f7826] {
    font-size: .75rem;
    color: var(--ep-color-text-weaker, var(--ep-compat-color-text-weaker))
}

.invite-wrap .invite-title-warp .invited-reward .invited-reward-amount[data-v-632f7826] {
    color: var(--ep-color-text-warning, var(--color-currency))
}

.invite-wrap .invite-title-warp .invite-btn[data-v-632f7826] {
    margin: 2rem 0 1rem
}

.invite-wrap .invite-title-warp .invite-limit[data-v-632f7826] {
    font-size: .75rem
}

.invite-wrap .invite-title-warp .invite-limit .invite-limit-text[data-v-632f7826] {
    color: var(--ep-color-text-weaker, var(--ep-compat-color-text-weaker))
}

.color-primary-600[data-v-474268e2] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-474268e2] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-474268e2] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-474268e2] {
    color: var(--color-primary-900)
}

.bg-100[data-v-474268e2] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-474268e2] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-474268e2] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-474268e2] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-474268e2] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-474268e2] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-474268e2] {
    background-color: var(--color-warning)
}

.bg-link[data-v-474268e2] {
    background-color: var(--color-link)
}

.bg-danger[data-v-474268e2] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-474268e2] {
    color: var(--color-text-100)
}

.color-text-80[data-v-474268e2] {
    color: var(--color-text-80)
}

.color-text-50[data-v-474268e2] {
    color: var(--color-text-50)
}

.color-text-40[data-v-474268e2] {
    color: var(--color-text-40)
}

.color-text-20[data-v-474268e2] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-474268e2] {
    color: var(--color-currency)
}

.color-warning[data-v-474268e2] {
    color: var(--color-warning)
}

.color-danger[data-v-474268e2] {
    color: var(--color-danger)
}

.color-link[data-v-474268e2] {
    color: var(--color-link)
}

.color-line[data-v-474268e2] {
    color: var(--color-line)
}

.color-border[data-v-474268e2] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-474268e2] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-474268e2] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-474268e2] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-474268e2] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-474268e2] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-474268e2] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-474268e2] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-474268e2] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-474268e2] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-474268e2] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-474268e2] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-474268e2] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-474268e2] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-474268e2] {
    display: flex;
    align-items: center
}

.flex-start[data-v-474268e2] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-474268e2] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-474268e2] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-474268e2] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-474268e2] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-474268e2] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-474268e2] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-474268e2] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-474268e2] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-474268e2] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-474268e2] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-474268e2] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-474268e2] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-474268e2] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-474268e2] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-474268e2] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-474268e2] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-474268e2] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-474268e2] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-474268e2] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-474268e2] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-474268e2] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-474268e2] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-474268e2] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-474268e2],
.mlm-selected-item[data-v-474268e2] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-474268e2] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-474268e2]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-474268e2] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-474268e2] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-474268e2] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.reward-page[data-v-474268e2] {
    --color: var(--ep-color-text-default, var(--ep-compat-color-text-default));
    --padding-end: .75rem;
    --padding-start: .75rem;
    --padding-top: .75rem
}

.reward-page[data-v-474268e2]::part(scroll) {
    gap: 1rem;
    display: flex;
    flex-direction: column
}

.color-primary-600[data-v-13dc87e7] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-13dc87e7] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-13dc87e7] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-13dc87e7] {
    color: var(--color-primary-900)
}

.bg-100[data-v-13dc87e7] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-13dc87e7] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-13dc87e7] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-13dc87e7] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-13dc87e7] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-13dc87e7] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-13dc87e7] {
    background-color: var(--color-warning)
}

.bg-link[data-v-13dc87e7] {
    background-color: var(--color-link)
}

.bg-danger[data-v-13dc87e7] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-13dc87e7] {
    color: var(--color-text-100)
}

.color-text-80[data-v-13dc87e7] {
    color: var(--color-text-80)
}

.color-text-50[data-v-13dc87e7] {
    color: var(--color-text-50)
}

.color-text-40[data-v-13dc87e7] {
    color: var(--color-text-40)
}

.color-text-20[data-v-13dc87e7] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-13dc87e7] {
    color: var(--color-currency)
}

.color-warning[data-v-13dc87e7] {
    color: var(--color-warning)
}

.color-danger[data-v-13dc87e7] {
    color: var(--color-danger)
}

.color-link[data-v-13dc87e7] {
    color: var(--color-link)
}

.color-line[data-v-13dc87e7] {
    color: var(--color-line)
}

.color-border[data-v-13dc87e7] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-13dc87e7] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-13dc87e7] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-13dc87e7] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-13dc87e7] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-13dc87e7] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-13dc87e7] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-13dc87e7] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-13dc87e7] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-13dc87e7] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-13dc87e7] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-13dc87e7] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-13dc87e7] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-13dc87e7] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-13dc87e7] {
    display: flex;
    align-items: center
}

.flex-start[data-v-13dc87e7] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-13dc87e7] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-13dc87e7] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-13dc87e7] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-13dc87e7] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-13dc87e7] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-13dc87e7] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-13dc87e7] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-13dc87e7] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-13dc87e7] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-13dc87e7] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-13dc87e7] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-13dc87e7] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-13dc87e7] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-13dc87e7] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-13dc87e7] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-13dc87e7] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-13dc87e7] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-13dc87e7] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-13dc87e7] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-13dc87e7] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-13dc87e7] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-13dc87e7] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-13dc87e7] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-13dc87e7],
.mlm-selected-item[data-v-13dc87e7] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-13dc87e7] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-13dc87e7]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-13dc87e7] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-13dc87e7] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-13dc87e7] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.ion-page[data-v-13dc87e7] {
    background-color: var(--mlm-toolbar-bg-color)
}

.nav-icon[data-v-13dc87e7] {
    font-size: 3.125rem;
    color: var(--ep-color-icon-default)
}

.agent-reward-tab[data-v-13dc87e7] {
    background-color: var(--ep-color-background-fill-surface-lowered, var(--ep-compat-color-background-fill-surface-lowered));
    padding-left: .25rem;
    padding-right: .25rem
}

.agent-reward-tab ion-segment-button.md[data-v-13dc87e7]::part(indicator-background) {
    background: var(--ep-color-text-selected, var(--ep-compat-color-text-selected));
    height: 1px
}

.agent-reward-tab ion-segment-button.md ion-button.base-style[data-v-13dc87e7] {
    --color: var(--ep-color-text-weaker, var(--ep-compat-color-text-weaker));
    font-size: .875rem
}

.agent-reward-tab ion-segment-button.md ion-button.select-style[data-v-13dc87e7] {
    font-weight: 700;
    --color: var(--ep-color-text-selected, var(--ep-compat-color-text-selected))
}

.color-primary-600[data-v-e2c17577] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-e2c17577] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-e2c17577] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-e2c17577] {
    color: var(--color-primary-900)
}

.bg-100[data-v-e2c17577] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-e2c17577] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-e2c17577] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-e2c17577] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-e2c17577] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-e2c17577] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-e2c17577] {
    background-color: var(--color-warning)
}

.bg-link[data-v-e2c17577] {
    background-color: var(--color-link)
}

.bg-danger[data-v-e2c17577] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-e2c17577] {
    color: var(--color-text-100)
}

.color-text-80[data-v-e2c17577] {
    color: var(--color-text-80)
}

.color-text-50[data-v-e2c17577] {
    color: var(--color-text-50)
}

.color-text-40[data-v-e2c17577] {
    color: var(--color-text-40)
}

.color-text-20[data-v-e2c17577] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-e2c17577] {
    color: var(--color-currency)
}

.color-warning[data-v-e2c17577] {
    color: var(--color-warning)
}

.color-danger[data-v-e2c17577] {
    color: var(--color-danger)
}

.color-link[data-v-e2c17577] {
    color: var(--color-link)
}

.color-line[data-v-e2c17577] {
    color: var(--color-line)
}

.color-border[data-v-e2c17577] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-e2c17577] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-e2c17577] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-e2c17577] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-e2c17577] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-e2c17577] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-e2c17577] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-e2c17577] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-e2c17577] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-e2c17577] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-e2c17577] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-e2c17577] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-e2c17577] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-e2c17577] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-e2c17577] {
    display: flex;
    align-items: center
}

.flex-start[data-v-e2c17577] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-e2c17577] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-e2c17577] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-e2c17577] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-e2c17577] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-e2c17577] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-e2c17577] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-e2c17577] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-e2c17577] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-e2c17577] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-e2c17577] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-e2c17577] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-e2c17577] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-e2c17577] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-e2c17577] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-e2c17577] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-e2c17577] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-e2c17577] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-e2c17577] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-e2c17577] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-e2c17577] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-e2c17577] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-e2c17577] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-e2c17577] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-e2c17577],
.mlm-selected-item[data-v-e2c17577] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-e2c17577] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-e2c17577]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-e2c17577] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-e2c17577] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-e2c17577] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.ion-page[data-v-e2c17577] {
    background-color: var(--mlm-toolbar-bg-color)
}

.commission-page[data-v-e2c17577] {
    gap: 1rem;
    display: flex;
    flex-direction: column;
    padding: .75rem;
    color: var(--ep-color-text-default, var(--ep-compat-color-text-default));
    background: var(--ion-background-color)
}

.commission-page .search-wrap[data-v-e2c17577] {
    padding: .375rem;
    border: 1px solid var(--ep-color-border-default, var(--ep-compat-color-border-default));
    border-radius: var(--ep-border-radius-m, .375rem);
    background: var(--ep-compat-color-background-fill-surface-lowered, --ep-color-background-fill-surface-rowered)
}

.commission-page .search-wrap ion-searchbar#search-agency[data-v-e2c17577] {
    color: var(--ep-color-text-weaker);
    padding-inline-start: 0;
    --background: transparent;
    --box-shadow: none
}

.commission-page .select-item[data-v-e2c17577] {
    width: 50%;
    display: flex;
    border-radius: var(--ep-border-radius-m);
    font-size: var(--ep-font-size-s, .75rem);
    background: var(--ep-compat-color-background-fill-surface-raised-L1, var(--ep-color-background-fill-surface-raised-L1))
}

ion-content[data-v-e2c17577] {
    --color: var(--ep-color-text-default, var(--ep-compat-color-text-default));
    --padding-start: .75rem;
    --padding-end: .75rem;
    --padding-bottom: .75rem
}

ion-content[data-v-e2c17577]::part(scroll) {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

ion-content .invite-reward-card[data-v-e2c17577] {
    padding: .625rem;
    border-radius: var(--ep-border-radius-m, .375rem);
    background: var(--ep-color-background-fill-surface-raised-L1, var(--ep-compat-color-background-fill-surface-raised-L1));
    font-size: var(--ep-font-size-s, .75rem)
}

ion-content .invite-reward-card .invite-reward-wrap[data-v-e2c17577] {
    padding-bottom: .625rem;
    border-bottom: 1px solid var(--ep-color-border-default, var(--ep-compat-color-border-default));
    font-size: var(--ep-font-size-m, .875rem);
    display: flex;
    justify-content: space-between;
    align-items: center
}

ion-content .invite-reward-card .invite-reward-amount[data-v-e2c17577] {
    color: var(--ep-color-text-warning, var(--color-currency));
    font-weight: 600
}

ion-content .invite-reward-card ion-row[data-v-e2c17577] {
    padding-top: .625rem
}

ion-content .invite-reward-card ion-row ion-col[data-v-e2c17577] {
    gap: .25rem;
    display: flex;
    padding-inline-end: 0;
    flex-direction: column;
    padding-inline-start: 0
}

ion-content .invite-reward-card ion-row ion-col[data-v-e2c17577] :first-child {
    color: var(--ep-color-text-weakest, var(--ep-compat-color-text-weakest))
}

ion-content .invite-reward-card ion-row ion-col[data-v-e2c17577] :last-child {
    gap: .125rem;
    display: flex;
    align-items: center;
    color: var(--ep-report-color-text-value, var(--ep-compat-color-text-weak))
}

ion-content .invite-reward-card ion-row ion-col :last-child ion-icon[data-v-e2c17577] {
    font-size: 1.125rem
}

.color-primary-600[data-v-06b7bc7a] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-06b7bc7a] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-06b7bc7a] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-06b7bc7a] {
    color: var(--color-primary-900)
}

.bg-100[data-v-06b7bc7a] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-06b7bc7a] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-06b7bc7a] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-06b7bc7a] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-06b7bc7a] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-06b7bc7a] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-06b7bc7a] {
    background-color: var(--color-warning)
}

.bg-link[data-v-06b7bc7a] {
    background-color: var(--color-link)
}

.bg-danger[data-v-06b7bc7a] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-06b7bc7a] {
    color: var(--color-text-100)
}

.color-text-80[data-v-06b7bc7a] {
    color: var(--color-text-80)
}

.color-text-50[data-v-06b7bc7a] {
    color: var(--color-text-50)
}

.color-text-40[data-v-06b7bc7a] {
    color: var(--color-text-40)
}

.color-text-20[data-v-06b7bc7a] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-06b7bc7a] {
    color: var(--color-currency)
}

.color-warning[data-v-06b7bc7a] {
    color: var(--color-warning)
}

.color-danger[data-v-06b7bc7a] {
    color: var(--color-danger)
}

.color-link[data-v-06b7bc7a] {
    color: var(--color-link)
}

.color-line[data-v-06b7bc7a] {
    color: var(--color-line)
}

.color-border[data-v-06b7bc7a] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-06b7bc7a] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-06b7bc7a] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-06b7bc7a] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-06b7bc7a] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-06b7bc7a] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-06b7bc7a] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-06b7bc7a] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-06b7bc7a] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-06b7bc7a] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-06b7bc7a] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-06b7bc7a] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-06b7bc7a] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-06b7bc7a] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-06b7bc7a] {
    display: flex;
    align-items: center
}

.flex-start[data-v-06b7bc7a] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-06b7bc7a] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-06b7bc7a] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-06b7bc7a] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-06b7bc7a] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-06b7bc7a] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-06b7bc7a] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-06b7bc7a] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-06b7bc7a] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-06b7bc7a] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-06b7bc7a] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-06b7bc7a] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-06b7bc7a] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-06b7bc7a] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-06b7bc7a] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-06b7bc7a] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-06b7bc7a] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-06b7bc7a] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-06b7bc7a] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-06b7bc7a] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-06b7bc7a] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-06b7bc7a] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-06b7bc7a] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-06b7bc7a] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-06b7bc7a],
.mlm-selected-item[data-v-06b7bc7a] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-06b7bc7a] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-06b7bc7a]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-06b7bc7a] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-06b7bc7a] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-06b7bc7a] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.invite-reward-detail-page[data-v-06b7bc7a] {
    height: 100%;
    display: flex;
    flex-direction: column;
    color: var(--ep-color-text-default, var(--ep-compat-color-text-default))
}

.invite-reward-detail-page .commission-page[data-v-06b7bc7a] {
    padding: .625rem .625rem 0;
    margin-bottom: .75rem;
    background: var(--ion-background-color)
}

.invite-reward-detail-page .commission-page .select-item[data-v-06b7bc7a] {
    width: 50%;
    display: flex;
    border-radius: var(--ep-border-radius-m, .375rem);
    font-size: var(--ep-font-size-s, .75rem);
    background: var(--ep-color-background-fill-surface-raised-L1, var(--ep-compat-color-background-fill-surface-raised-L1))
}

.invite-reward-detail-page .commission-page .select-item .date-select-wrapper[data-v-06b7bc7a] {
    width: 100%
}

.invite-reward-detail-page .commission-page .select-item .date-select-wrapper[data-v-06b7bc7a] .date {
    padding: .5rem;
    min-width: auto;
    height: auto;
    background: transparent
}

.invite-reward-detail-page .commission-page .select-item .date-select-wrapper[data-v-06b7bc7a] .date .timeChoose {
    width: 100%;
    justify-content: space-between
}

.invite-reward-detail-page .commission-page .select-item .date-select-wrapper[data-v-06b7bc7a] .date .timeChoose div {
    font-weight: 700;
    color: var(--ep-color-text-default)
}

.invite-reward-detail-page .commission-page .select-item .date-select-wrapper[data-v-06b7bc7a] .date .timeChoose ion-icon {
    font-size: .875rem;
    color: var(--ep-color-text-default)
}

.invite-reward-detail-page ion-content[data-v-06b7bc7a] {
    --color: var(--ep-color-text-default, var(--ep-compat-color-text-default));
    --padding-start: .75rem;
    --padding-end: .75rem;
    --padding-bottom: .75rem
}

.invite-reward-detail-page ion-content[data-v-06b7bc7a]::part(scroll) {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.invite-reward-detail-page ion-content .invite-reward-card[data-v-06b7bc7a] {
    padding: .625rem;
    border-radius: var(--ep-border-radius-m, .375rem);
    background: var(--ep-color-background-fill-surface-raised-L1, var(--ep-compat-color-background-fill-surface-raised-L1));
    font-size: var(--ep-font-size-s, .75rem)
}

.invite-reward-detail-page ion-content .invite-reward-card .invite-reward-wrap[data-v-06b7bc7a] {
    padding-bottom: .625rem;
    border-bottom: 1px solid var(--ep-color-border-default, var(--ep-compat-color-border-default));
    font-size: var(--ep-font-size-m, .875rem);
    display: flex;
    justify-content: space-between;
    align-items: center
}

.invite-reward-detail-page ion-content .invite-reward-card .invite-reward-amount[data-v-06b7bc7a] {
    color: var(--ep-color-text-warning, var(--color-currency));
    font-weight: 600
}

.invite-reward-detail-page ion-content .invite-reward-card ion-row[data-v-06b7bc7a] {
    padding-top: .625rem
}

.invite-reward-detail-page ion-content .invite-reward-card ion-row ion-col[data-v-06b7bc7a] {
    gap: .25rem;
    display: flex;
    padding-inline-end: 0;
    flex-direction: column;
    padding-inline-start: 0
}

.invite-reward-detail-page ion-content .invite-reward-card ion-row ion-col[data-v-06b7bc7a] :first-child {
    color: var(--ep-color-text-weakest, var(--ep-compat-color-text-weakest))
}

.invite-reward-detail-page ion-content .invite-reward-card ion-row ion-col[data-v-06b7bc7a] :last-child {
    color: var(--ep-report-color-text-value, var(--ep-compat-color-text-weak))
}

.color-primary-600[data-v-6195a5f0] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-6195a5f0] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-6195a5f0] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-6195a5f0] {
    color: var(--color-primary-900)
}

.bg-100[data-v-6195a5f0] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-6195a5f0] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-6195a5f0] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-6195a5f0] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-6195a5f0] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-6195a5f0] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-6195a5f0] {
    background-color: var(--color-warning)
}

.bg-link[data-v-6195a5f0] {
    background-color: var(--color-link)
}

.bg-danger[data-v-6195a5f0] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-6195a5f0] {
    color: var(--color-text-100)
}

.color-text-80[data-v-6195a5f0] {
    color: var(--color-text-80)
}

.color-text-50[data-v-6195a5f0] {
    color: var(--color-text-50)
}

.color-text-40[data-v-6195a5f0] {
    color: var(--color-text-40)
}

.color-text-20[data-v-6195a5f0] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-6195a5f0] {
    color: var(--color-currency)
}

.color-warning[data-v-6195a5f0] {
    color: var(--color-warning)
}

.color-danger[data-v-6195a5f0] {
    color: var(--color-danger)
}

.color-link[data-v-6195a5f0] {
    color: var(--color-link)
}

.color-line[data-v-6195a5f0] {
    color: var(--color-line)
}

.color-border[data-v-6195a5f0] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-6195a5f0] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-6195a5f0] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-6195a5f0] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-6195a5f0] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-6195a5f0] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-6195a5f0] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-6195a5f0] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-6195a5f0] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-6195a5f0] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-6195a5f0] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-6195a5f0] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-6195a5f0] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-6195a5f0] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-6195a5f0] {
    display: flex;
    align-items: center
}

.flex-start[data-v-6195a5f0] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-6195a5f0] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-6195a5f0] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-6195a5f0] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-6195a5f0] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-6195a5f0] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-6195a5f0] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-6195a5f0] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-6195a5f0] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-6195a5f0] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-6195a5f0] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-6195a5f0] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-6195a5f0] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-6195a5f0] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-6195a5f0] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-6195a5f0] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-6195a5f0] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-6195a5f0] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-6195a5f0] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-6195a5f0] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-6195a5f0] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-6195a5f0] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-6195a5f0] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-6195a5f0] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-6195a5f0],
.mlm-selected-item[data-v-6195a5f0] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-6195a5f0] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-6195a5f0]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-6195a5f0] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-6195a5f0] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-6195a5f0] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.invite-reward-detail-page[data-v-6195a5f0] {
    height: 100%;
    display: flex;
    flex-direction: column;
    color: var(--ep-color-text-default, var(--ep-compat-color-text-default))
}

.invite-reward-detail-page .commission-page[data-v-6195a5f0] {
    gap: 1rem;
    display: flex;
    flex-direction: column;
    padding: .75rem .75rem 0;
    margin-bottom: .75rem;
    background: var(--ion-background-color)
}

.invite-reward-detail-page .commission-page .search-wrap[data-v-6195a5f0] {
    padding: .375rem;
    border: 1px solid var(--ep-color-border-default, var(--ep-compat-color-border-default));
    border-radius: var(--ep-border-radius-m, .375rem);
    background: var(--ep-color-background-fill-surface-lowered, var(--ep-compat-color-background-fill-surface-lowered))
}

.invite-reward-detail-page .commission-page .search-wrap ion-searchbar#search-agency[data-v-6195a5f0] {
    color: var(--ep-color-text-weaker, var(--ep-compat-color-text-weaker));
    padding-inline-start: 0;
    --background: transparent;
    --box-shadow: none
}

.invite-reward-detail-page .commission-page .select-item[data-v-6195a5f0] {
    width: 50%;
    display: flex;
    border-radius: var(--ep-border-radius-m, .375rem);
    font-size: var(--ep-font-size-s, .75rem);
    background: var(--ep-color-background-fill-surface-raised-L1, var(--ep-compat-color-background-fill-surface-raised-L1))
}

.invite-reward-detail-page ion-content[data-v-6195a5f0] {
    --color: var(--ep-color-text-default, var(--ep-compat-color-text-default));
    --padding-start: .75rem;
    --padding-end: .75rem;
    --padding-bottom: .75rem
}

.invite-reward-detail-page ion-content[data-v-6195a5f0]::part(scroll) {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.invite-reward-detail-page ion-content .invite-reward-card[data-v-6195a5f0] {
    padding: .625rem;
    border-radius: var(--ep-border-radius-m, .375rem);
    background: var(--ep-color-background-fill-surface-raised-L1, var(--ep-compat-color-background-fill-surface-raised-L1));
    font-size: var(--ep-font-size-s, .75rem)
}

.invite-reward-detail-page ion-content .invite-reward-card .invite-reward-wrap[data-v-6195a5f0] {
    padding-bottom: .625rem;
    border-bottom: 1px solid var(--ep-color-border-default, var(--ep-compat-color-border-default));
    font-size: var(--ep-font-size-m, .875rem);
    display: flex;
    justify-content: space-between;
    align-items: center
}

.invite-reward-detail-page ion-content .invite-reward-card .invite-reward-amount[data-v-6195a5f0] {
    color: var(--ep-color-text-warning, var(--color-currency));
    font-weight: 600
}

.invite-reward-detail-page ion-content .invite-reward-card ion-row[data-v-6195a5f0] {
    padding-top: .625rem
}

.invite-reward-detail-page ion-content .invite-reward-card ion-row ion-col[data-v-6195a5f0] {
    gap: .25rem;
    display: flex;
    padding-inline-end: 0;
    flex-direction: column;
    padding-inline-start: 0
}

.invite-reward-detail-page ion-content .invite-reward-card ion-row ion-col[data-v-6195a5f0]:nth-child(2) :last-child {
    color: var(--ep-color-text-warning, var(--color-currency))
}

.invite-reward-detail-page ion-content .invite-reward-card ion-row ion-col[data-v-6195a5f0] :first-child {
    color: var(--ep-color-text-weakest, var(--ep-compat-color-text-weakest))
}

.invite-reward-detail-page ion-content .invite-reward-card ion-row ion-col[data-v-6195a5f0] :last-child {
    gap: .125rem;
    display: flex;
    align-items: center;
    color: var(--ep-report-color-text-value, var(--ep-compat-color-text-weak))
}

.invite-reward-detail-page ion-content .invite-reward-card ion-row ion-col :last-child ion-icon[data-v-6195a5f0] {
    font-size: 1.125rem
}

.color-primary-600[data-v-3713e10e] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-3713e10e] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-3713e10e] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-3713e10e] {
    color: var(--color-primary-900)
}

.bg-100[data-v-3713e10e] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-3713e10e] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-3713e10e] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-3713e10e] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-3713e10e] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-3713e10e] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-3713e10e] {
    background-color: var(--color-warning)
}

.bg-link[data-v-3713e10e] {
    background-color: var(--color-link)
}

.bg-danger[data-v-3713e10e] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-3713e10e] {
    color: var(--color-text-100)
}

.color-text-80[data-v-3713e10e] {
    color: var(--color-text-80)
}

.color-text-50[data-v-3713e10e] {
    color: var(--color-text-50)
}

.color-text-40[data-v-3713e10e] {
    color: var(--color-text-40)
}

.color-text-20[data-v-3713e10e] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-3713e10e] {
    color: var(--color-currency)
}

.color-warning[data-v-3713e10e] {
    color: var(--color-warning)
}

.color-danger[data-v-3713e10e] {
    color: var(--color-danger)
}

.color-link[data-v-3713e10e] {
    color: var(--color-link)
}

.color-line[data-v-3713e10e] {
    color: var(--color-line)
}

.color-border[data-v-3713e10e] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-3713e10e] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-3713e10e] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-3713e10e] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-3713e10e] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-3713e10e] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-3713e10e] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-3713e10e] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-3713e10e] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-3713e10e] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-3713e10e] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-3713e10e] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-3713e10e] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-3713e10e] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-3713e10e] {
    display: flex;
    align-items: center
}

.flex-start[data-v-3713e10e] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-3713e10e] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-3713e10e] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-3713e10e] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-3713e10e] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-3713e10e] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-3713e10e] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-3713e10e] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-3713e10e] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-3713e10e] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-3713e10e] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-3713e10e] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-3713e10e] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-3713e10e] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-3713e10e] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-3713e10e] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-3713e10e] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-3713e10e] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-3713e10e] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-3713e10e] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-3713e10e] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-3713e10e] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-3713e10e] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-3713e10e] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-3713e10e],
.mlm-selected-item[data-v-3713e10e] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-3713e10e] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-3713e10e]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-3713e10e] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-3713e10e] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-3713e10e] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.ion-page[data-v-3713e10e] {
    background-color: var(--mlm-toolbar-bg-color)
}

.agent-reward-tab[data-v-3713e10e] {
    background-color: var(--ep-color-background-fill-surface-lowered, var(--ep-compat-color-background-fill-surface-lowered));
    padding-left: .25rem;
    padding-right: .25rem
}

.agent-reward-tab ion-segment-button.md[data-v-3713e10e]::part(indicator-background) {
    background: var(--ep-agent-color-highlight-primary, var(--ep-color-text-selected, var(--ep-compat-color-text-selected)));
    height: 1px
}

.agent-reward-tab ion-segment-button.md[data-v-3713e10e]::part(native) {
    --padding-start: 0;
    --padding-end: 0
}

.agent-reward-tab ion-segment-button.md ion-button.base-style[data-v-3713e10e] {
    --color: var(--ep-color-text-weaker, var(--ep-compat-color-text-weaker));
    font-size: .875rem
}

.agent-reward-tab ion-segment-button.md ion-button.select-style[data-v-3713e10e] {
    font-weight: 700;
    --color: var(--ep-agent-color-highlight-primary, var(--ep-color-text-selected, var(--ep-compat-color-text-selected)))
}

.color-primary-600[data-v-f03fc891] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-f03fc891] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-f03fc891] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-f03fc891] {
    color: var(--color-primary-900)
}

.bg-100[data-v-f03fc891] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-f03fc891] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-f03fc891] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-f03fc891] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-f03fc891] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-f03fc891] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-f03fc891] {
    background-color: var(--color-warning)
}

.bg-link[data-v-f03fc891] {
    background-color: var(--color-link)
}

.bg-danger[data-v-f03fc891] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-f03fc891] {
    color: var(--color-text-100)
}

.color-text-80[data-v-f03fc891] {
    color: var(--color-text-80)
}

.color-text-50[data-v-f03fc891] {
    color: var(--color-text-50)
}

.color-text-40[data-v-f03fc891] {
    color: var(--color-text-40)
}

.color-text-20[data-v-f03fc891] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-f03fc891] {
    color: var(--color-currency)
}

.color-warning[data-v-f03fc891] {
    color: var(--color-warning)
}

.color-danger[data-v-f03fc891] {
    color: var(--color-danger)
}

.color-link[data-v-f03fc891] {
    color: var(--color-link)
}

.color-line[data-v-f03fc891] {
    color: var(--color-line)
}

.color-border[data-v-f03fc891] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-f03fc891] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-f03fc891] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-f03fc891] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-f03fc891] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-f03fc891] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-f03fc891] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-f03fc891] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-f03fc891] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-f03fc891] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-f03fc891] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-f03fc891] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-f03fc891] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-f03fc891] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-f03fc891] {
    display: flex;
    align-items: center
}

.flex-start[data-v-f03fc891] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-f03fc891] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-f03fc891] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-f03fc891] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-f03fc891] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-f03fc891] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-f03fc891] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-f03fc891] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-f03fc891] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-f03fc891] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-f03fc891] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-f03fc891] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-f03fc891] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-f03fc891] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-f03fc891] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-f03fc891] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-f03fc891] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-f03fc891] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-f03fc891] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-f03fc891] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-f03fc891] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-f03fc891] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-f03fc891] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-f03fc891] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-f03fc891],
.mlm-selected-item[data-v-f03fc891] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-f03fc891] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-f03fc891]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-f03fc891] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-f03fc891] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-f03fc891] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.ion-page[data-v-f03fc891] {
    background-color: var(--mlm-toolbar-bg-color)
}

.color-primary-600[data-v-cdb0ee4b] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-cdb0ee4b] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-cdb0ee4b] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-cdb0ee4b] {
    color: var(--color-primary-900)
}

.bg-100[data-v-cdb0ee4b] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-cdb0ee4b] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-cdb0ee4b] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-cdb0ee4b] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-cdb0ee4b] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-cdb0ee4b] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-cdb0ee4b] {
    background-color: var(--color-warning)
}

.bg-link[data-v-cdb0ee4b] {
    background-color: var(--color-link)
}

.bg-danger[data-v-cdb0ee4b] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-cdb0ee4b] {
    color: var(--color-text-100)
}

.color-text-80[data-v-cdb0ee4b] {
    color: var(--color-text-80)
}

.color-text-50[data-v-cdb0ee4b] {
    color: var(--color-text-50)
}

.color-text-40[data-v-cdb0ee4b] {
    color: var(--color-text-40)
}

.color-text-20[data-v-cdb0ee4b] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-cdb0ee4b] {
    color: var(--color-currency)
}

.color-warning[data-v-cdb0ee4b] {
    color: var(--color-warning)
}

.color-danger[data-v-cdb0ee4b] {
    color: var(--color-danger)
}

.color-link[data-v-cdb0ee4b] {
    color: var(--color-link)
}

.color-line[data-v-cdb0ee4b] {
    color: var(--color-line)
}

.color-border[data-v-cdb0ee4b] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-cdb0ee4b] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-cdb0ee4b] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-cdb0ee4b] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-cdb0ee4b] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-cdb0ee4b] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-cdb0ee4b] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-cdb0ee4b] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-cdb0ee4b] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-cdb0ee4b] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-cdb0ee4b] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-cdb0ee4b] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-cdb0ee4b] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-cdb0ee4b] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-cdb0ee4b] {
    display: flex;
    align-items: center
}

.flex-start[data-v-cdb0ee4b] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-cdb0ee4b] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-cdb0ee4b] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-cdb0ee4b] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-cdb0ee4b] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-cdb0ee4b] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-cdb0ee4b] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-cdb0ee4b] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-cdb0ee4b] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-cdb0ee4b] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-cdb0ee4b] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-cdb0ee4b] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-cdb0ee4b] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-cdb0ee4b] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-cdb0ee4b] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-cdb0ee4b] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-cdb0ee4b] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-cdb0ee4b] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-cdb0ee4b] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-cdb0ee4b] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-cdb0ee4b] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-cdb0ee4b] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-cdb0ee4b] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-cdb0ee4b] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-cdb0ee4b],
.mlm-selected-item[data-v-cdb0ee4b] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-cdb0ee4b] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-cdb0ee4b]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-cdb0ee4b] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-cdb0ee4b] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-cdb0ee4b] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-item[data-v-cdb0ee4b] {
    --min-height: 0;
    --padding-end: 0;
    --padding-top: .75rem;
    --padding-bottom: .75rem;
    --padding-start: 0;
    --background: transparent
}

ion-item[data-v-cdb0ee4b]::part(detail-icon) {
    font-size: .875rem;
    color: var(--my-card-detail-color)
}

ion-item ion-icon[data-v-cdb0ee4b] {
    color: var(--security-item-icon-color)
}

ion-item ion-label[data-v-cdb0ee4b] {
    font-size: var(--font-size-12) !important;
    line-height: 1.125rem;
    margin: 0
}

ion-item ion-label.item-name[data-v-cdb0ee4b] {
    color: #686299;
    font-weight: var(--font-weight-medium)
}

ion-item ion-label.item-info[data-v-cdb0ee4b] {
    color: #bdb8e1
}

.card-bg-gradient[data-v-cdb0ee4b] {
    background: var(--my-card-bg-gradient)
}

.amber-purple body div#app ion-router-outlet>div.ion-page[data-v-cdb0ee4b]:before {
    z-index: 10;
    pointer-events: none
}

.color-primary-600[data-v-ce0e9032] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-ce0e9032] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-ce0e9032] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-ce0e9032] {
    color: var(--color-primary-900)
}

.bg-100[data-v-ce0e9032] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-ce0e9032] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-ce0e9032] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-ce0e9032] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-ce0e9032] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-ce0e9032] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-ce0e9032] {
    background-color: var(--color-warning)
}

.bg-link[data-v-ce0e9032] {
    background-color: var(--color-link)
}

.bg-danger[data-v-ce0e9032] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-ce0e9032] {
    color: var(--color-text-100)
}

.color-text-80[data-v-ce0e9032] {
    color: var(--color-text-80)
}

.color-text-50[data-v-ce0e9032] {
    color: var(--color-text-50)
}

.color-text-40[data-v-ce0e9032] {
    color: var(--color-text-40)
}

.color-text-20[data-v-ce0e9032] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-ce0e9032] {
    color: var(--color-currency)
}

.color-warning[data-v-ce0e9032] {
    color: var(--color-warning)
}

.color-danger[data-v-ce0e9032] {
    color: var(--color-danger)
}

.color-link[data-v-ce0e9032] {
    color: var(--color-link)
}

.color-line[data-v-ce0e9032] {
    color: var(--color-line)
}

.color-border[data-v-ce0e9032] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-ce0e9032] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-ce0e9032] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-ce0e9032] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-ce0e9032] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-ce0e9032] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-ce0e9032] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-ce0e9032] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-ce0e9032] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-ce0e9032] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-ce0e9032] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-ce0e9032] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-ce0e9032] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-ce0e9032] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-ce0e9032] {
    display: flex;
    align-items: center
}

.flex-start[data-v-ce0e9032] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-ce0e9032] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-ce0e9032] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-ce0e9032] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-ce0e9032] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-ce0e9032] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-ce0e9032] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-ce0e9032] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-ce0e9032] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-ce0e9032] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-ce0e9032] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-ce0e9032] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-ce0e9032] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-ce0e9032] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-ce0e9032] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-ce0e9032] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-ce0e9032] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-ce0e9032] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-ce0e9032] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-ce0e9032] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-ce0e9032] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-ce0e9032] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-ce0e9032] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-ce0e9032] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-ce0e9032],
.mlm-selected-item[data-v-ce0e9032] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-ce0e9032] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-ce0e9032]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-ce0e9032] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-ce0e9032] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-ce0e9032] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

[data-v-ce0e9032] .mask {
    background: var(--color-bg-mask)
}

[data-v-ce0e9032] .content_footer_pwa {
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    background: url(/images/bg-pwa-footer.svg), var(--pwa-dialog-bg);
    background-size: cover;
    color: var(--text-color-white-60);
    font-weight: 300
}

[data-v-ce0e9032] .content_footer_pwa ion-button.solid {
    --color: #fff
}

[data-v-ce0e9032] .content_footer_pwa .install {
    --button-font-size: .875rem;
    --button-font-weight: 500
}

[data-v-ce0e9032] .content_footer_pwa .cancel {
    --color: var(--text-color-white-20)
}

.color-primary-600[data-v-6f4f413f] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-6f4f413f] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-6f4f413f] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-6f4f413f] {
    color: var(--color-primary-900)
}

.bg-100[data-v-6f4f413f] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-6f4f413f] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-6f4f413f] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-6f4f413f] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-6f4f413f] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-6f4f413f] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-6f4f413f] {
    background-color: var(--color-warning)
}

.bg-link[data-v-6f4f413f] {
    background-color: var(--color-link)
}

.bg-danger[data-v-6f4f413f] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-6f4f413f] {
    color: var(--color-text-100)
}

.color-text-80[data-v-6f4f413f] {
    color: var(--color-text-80)
}

.color-text-50[data-v-6f4f413f] {
    color: var(--color-text-50)
}

.color-text-40[data-v-6f4f413f] {
    color: var(--color-text-40)
}

.color-text-20[data-v-6f4f413f] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-6f4f413f] {
    color: var(--color-currency)
}

.color-warning[data-v-6f4f413f] {
    color: var(--color-warning)
}

.color-danger[data-v-6f4f413f] {
    color: var(--color-danger)
}

.color-link[data-v-6f4f413f] {
    color: var(--color-link)
}

.color-line[data-v-6f4f413f] {
    color: var(--color-line)
}

.color-border[data-v-6f4f413f] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-6f4f413f] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-6f4f413f] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-6f4f413f] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-6f4f413f] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-6f4f413f] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-6f4f413f] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-6f4f413f] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-6f4f413f] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-6f4f413f] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-6f4f413f] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-6f4f413f] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-6f4f413f] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-6f4f413f] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-6f4f413f] {
    display: flex;
    align-items: center
}

.flex-start[data-v-6f4f413f] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-6f4f413f] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-6f4f413f] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-6f4f413f] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-6f4f413f] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-6f4f413f] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-6f4f413f] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-6f4f413f] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-6f4f413f] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-6f4f413f] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-6f4f413f] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-6f4f413f] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-6f4f413f] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-6f4f413f] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-6f4f413f] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-6f4f413f] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-6f4f413f] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-6f4f413f] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-6f4f413f] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-6f4f413f] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-6f4f413f] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-6f4f413f] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-6f4f413f] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-6f4f413f] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-6f4f413f],
.mlm-selected-item[data-v-6f4f413f] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-6f4f413f] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-6f4f413f]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-6f4f413f] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-6f4f413f] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-6f4f413f] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-menu[data-v-6f4f413f] {
    --max-width: 16.5rem;
    --width: 16.5rem;
    background: transparent
}

ion-icon.close[data-v-6f4f413f] {
    color: var(--menu-close-color)
}

ion-menu ion-content[data-v-6f4f413f] {
    --padding-top: .75rem;
    --padding-start: .75rem;
    --padding-end: .75rem
}

ion-menu-button[data-v-6f4f413f] {
    --padding-start: 5px;
    --padding-end: 5px;
    width: auto
}

ion-menu-button[data-v-6f4f413f]::part(native) {
    font-size: 24px
}

ion-menu-toggle.on[data-v-6f4f413f] {
    animation: fadeToTransparent-6f4f413f .2s linear forwards
}

ion-menu-toggle.records[data-v-6f4f413f] {
    background: linear-gradient(0deg, #0167ca -13.77%, #38a8fa 102.34%)
}

ion-menu ion-header ion-toolbar[data-v-6f4f413f] {
    --background: var(--menu-bar-bg)
}

div.card[data-v-6f4f413f] {
    display: flex;
    flex-flow: wrap;
    gap: .5rem
}

div.card ion-menu-toggle[data-v-6f4f413f] {
    flex: .5;
    font-size: .75rem;
    line-height: 1.5;
    font-weight: 600;
    border-radius: .625rem;
    background: var(--menu-card-bg);
    box-shadow: var(--color-bar-bg-shadow)
}

div.card ion-menu-toggle[data-v-6f4f413f]:last-child:nth-child(2n-1) {
    flex: 0 0 48.7%
}

div.card .sort-icon[data-v-6f4f413f] {
    font-size: 1.5rem;
    color: var(--menu-card-label-icon)
}

div.card .card-title[data-v-6f4f413f] {
    color: var(--menu-card-label-title)
}

ion-menu-toggle.card[data-v-6f4f413f] {
    box-shadow: var(--color-bar-bg-shadow)
}

ion-menu-toggle.support-card[data-v-6f4f413f] {
    background: var(--menu-support-card-bg)
}

ion-menu-toggle.support-card .support[data-v-6f4f413f] {
    border-radius: .5rem;
    background: var(--color-button-bg-support-bg);
    box-shadow: 0 4px 6.8px rgba(0, 0, 0, .25), 0 -2px 4px rgba(0, 0, 0, .11) inset
}

ion-menu-toggle.support-card .support-text[data-v-6f4f413f] {
    font-size: .875rem;
    font-weight: 600;
    color: var(--support-text-color)
}

ion-menu-toggle.assets[data-v-6f4f413f] {
    overflow: hidden;
    position: relative;
    border-radius: .625rem;
    background: var(--color-btn-bg-toggle);
    border: 1px solid var(--line-color);
    padding: .4375rem .9375rem .5rem .875rem
}

ion-menu-toggle.assets[data-v-6f4f413f]:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 40%;
    background-image: linear-gradient(to bottom, rgba(213, 192, 253, 0), rgba(213, 192, 253, .1))
}

ion-menu-toggle.assets ion-icon[data-v-6f4f413f] {
    color: var(--color-svg-icon-primary)
}

ion-menu-toggle.assets ion-label[data-v-6f4f413f] {
    color: var(--color-svg-icon-primary);
    font-size: .875rem;
    line-height: 1.5;
    font-weight: 600
}

@keyframes fadeToTransparent-6f4f413f {
    0% {
        background: #343947
    }

    to {
        background: rgba(255, 0, 0, 0)
    }
}

.game-used[data-v-0dfffd3e] {
    height: 4.5rem;
    width: 24.375rem;
    background: #ededed;
    position: relative;
    z-index: -1;
    opacity: .7
}

ion-tab-bar[data-v-0dfffd3e] {
    height: 66px;
    --background: linear-gradient(to bottom, transparent 10px, var(--color-bar-bg-100) 10px)
}

ion-tab-button[data-v-0dfffd3e] {
    --background: transparent;
    --color-selected: #ffffff;
    --color: #566488 --ripple-color: transparent
}

div.deposit[data-v-0dfffd3e] {
    border-radius: 41px;
    border: 1px solid var(--color-primary-border-light);
    background: var(--color-primary-btn-main);
    box-shadow: var(--color-primary-btn-main-shadow);
    margin-bottom: env(safe-area-inset-bottom)
}

div.drawer-backdrop[data-v-0dfffd3e] {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background: rgba(0, 0, 0, .1)
}

.tab-img[data-v-0dfffd3e] {
    color: var(--tab-image-color)
}

.tab-img.on[data-v-0dfffd3e] {
    animation: buttonAnimation-0dfffd3e .5s;
    color: var(--tab-image-active-color)
}

.tab-img.tab-main[data-v-0dfffd3e],
.tab-main-text[data-v-0dfffd3e] {
    color: var(--color-text-tab-main)
}

.redPoint[data-v-0dfffd3e] {
    animation: breathing-0dfffd3e 3s infinite
}

@keyframes buttonAnimation-0dfffd3e {
    0% {
        transform: scale(0)
    }

    50% {
        transform: scale(1.2)
    }

    to {
        transform: scale(1)
    }
}

@keyframes breathing-0dfffd3e {
    0% {
        opacity: .5;
        transform: scale(1)
    }

    50% {
        opacity: 1;
        transform: scale(1.2)
    }

    to {
        opacity: .5;
        transform: scale(1)
    }
}

.color-primary-600[data-v-efd3a0df] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-efd3a0df] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-efd3a0df] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-efd3a0df] {
    color: var(--color-primary-900)
}

.bg-100[data-v-efd3a0df] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-efd3a0df] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-efd3a0df] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-efd3a0df] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-efd3a0df] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-efd3a0df] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-efd3a0df] {
    background-color: var(--color-warning)
}

.bg-link[data-v-efd3a0df] {
    background-color: var(--color-link)
}

.bg-danger[data-v-efd3a0df] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-efd3a0df] {
    color: var(--color-text-100)
}

.color-text-80[data-v-efd3a0df] {
    color: var(--color-text-80)
}

.color-text-50[data-v-efd3a0df] {
    color: var(--color-text-50)
}

.color-text-40[data-v-efd3a0df] {
    color: var(--color-text-40)
}

.color-text-20[data-v-efd3a0df] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-efd3a0df] {
    color: var(--color-currency)
}

.color-warning[data-v-efd3a0df] {
    color: var(--color-warning)
}

.color-danger[data-v-efd3a0df] {
    color: var(--color-danger)
}

.color-link[data-v-efd3a0df] {
    color: var(--color-link)
}

.color-line[data-v-efd3a0df] {
    color: var(--color-line)
}

.color-border[data-v-efd3a0df] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-efd3a0df] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-efd3a0df] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-efd3a0df] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-efd3a0df] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-efd3a0df] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-efd3a0df] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-efd3a0df] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-efd3a0df] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-efd3a0df] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-efd3a0df] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-efd3a0df] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-efd3a0df] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-efd3a0df] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-efd3a0df] {
    display: flex;
    align-items: center
}

.flex-start[data-v-efd3a0df] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-efd3a0df] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-efd3a0df] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-efd3a0df] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-efd3a0df] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-efd3a0df] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-efd3a0df] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-efd3a0df] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-efd3a0df] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-efd3a0df] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-efd3a0df] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-efd3a0df] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-efd3a0df] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-efd3a0df] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-efd3a0df] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-efd3a0df] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-efd3a0df] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-efd3a0df] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-efd3a0df] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-efd3a0df] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-efd3a0df] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-efd3a0df] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-efd3a0df] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-efd3a0df] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-efd3a0df],
.mlm-selected-item[data-v-efd3a0df] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-efd3a0df] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-efd3a0df]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-efd3a0df] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-efd3a0df] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-efd3a0df] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-content[data-v-efd3a0df] {
    --background: var(--color-bg-300);
    --padding-start: 1rem;
    --padding-end: 1rem
}

ion-select[data-v-efd3a0df] {
    --padding-start: 14px;
    --padding-end: 10px;
    --border-color: white;
    --border-radius: 10px;
    --border-width: 1px;
    min-height: 26px
}

div.select-scroll[data-v-efd3a0df]::-webkit-scrollbar {
    display: none
}

ion-infinite-scroll-content[data-v-efd3a0df] {
    min-height: 10px;
    font-size: var(--font-size-12);
    color: #686299
}

ion-row.footer-count[data-v-efd3a0df] {
    border-top: 1px solid var(--report-select-item-border-color);
    background: var(--color-bg-100)
}

ion-row.footer-count .footer-count-title[data-v-efd3a0df] {
    color: #bdb8e1
}

ion-popover[data-v-efd3a0df] {
    --backdrop-opacity: 0;
    --box-shadow: none
}

ion-popover ion-row[data-v-efd3a0df] {
    background: var(--report-select-item-box-bg)
}

ion-popover ion-button[data-v-efd3a0df] {
    margin-top: 0;
    margin-bottom: 0
}

ion-popover ion-button[data-v-efd3a0df]::part(native) {
    --padding-start: .375rem;
    --padding-end: .375rem;
    --padding-top: 0;
    --padding-bottom: 0
}

ion-icon[data-v-efd3a0df] {
    transition: transform .1s linear
}

ion-icon.on[data-v-efd3a0df] {
    transform: rotate(180deg)
}

ion-col.select-col[data-v-efd3a0df] {
    line-height: .75rem;
    padding: 0 .3125rem .3125rem 0
}

ion-col.select-col[data-v-efd3a0df]:nth-child(3),
ion-col.select-col[data-v-efd3a0df]:nth-child(3n) {
    padding: 0 0 .3125rem
}

ion-col.lang-col[data-v-efd3a0df] {
    font-size: .5rem
}

.primary-800[data-v-efd3a0df] {
    color: var(--color-success)
}

.select-box[data-v-efd3a0df] {
    background: var(--report-select-bg);
    border: 1px solid #5F588C
}

.select-box ion-icon[data-v-efd3a0df] {
    color: var(--color-report-select-icon)
}

.record-item-bottom[data-v-efd3a0df] {
    color: var(--my-card-detail-color)
}

.record-item-bottom ion-icon[data-v-efd3a0df] {
    color: var(--my-card-detail-color)
}

.report-selected-item[data-v-efd3a0df] {
    border: 1px solid var(--report-select-item-border-color)
}

.change-two-type[data-v-efd3a0df] {
    color: #bdb8e1
}

.color-primary-600[data-v-75e764af] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-75e764af] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-75e764af] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-75e764af] {
    color: var(--color-primary-900)
}

.bg-100[data-v-75e764af] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-75e764af] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-75e764af] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-75e764af] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-75e764af] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-75e764af] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-75e764af] {
    background-color: var(--color-warning)
}

.bg-link[data-v-75e764af] {
    background-color: var(--color-link)
}

.bg-danger[data-v-75e764af] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-75e764af] {
    color: var(--color-text-100)
}

.color-text-80[data-v-75e764af] {
    color: var(--color-text-80)
}

.color-text-50[data-v-75e764af] {
    color: var(--color-text-50)
}

.color-text-40[data-v-75e764af] {
    color: var(--color-text-40)
}

.color-text-20[data-v-75e764af] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-75e764af] {
    color: var(--color-currency)
}

.color-warning[data-v-75e764af] {
    color: var(--color-warning)
}

.color-danger[data-v-75e764af] {
    color: var(--color-danger)
}

.color-link[data-v-75e764af] {
    color: var(--color-link)
}

.color-line[data-v-75e764af] {
    color: var(--color-line)
}

.color-border[data-v-75e764af] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-75e764af] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-75e764af] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-75e764af] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-75e764af] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-75e764af] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-75e764af] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-75e764af] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-75e764af] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-75e764af] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-75e764af] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-75e764af] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-75e764af] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-75e764af] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-75e764af] {
    display: flex;
    align-items: center
}

.flex-start[data-v-75e764af] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-75e764af] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-75e764af] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-75e764af] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-75e764af] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-75e764af] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-75e764af] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-75e764af] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-75e764af] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-75e764af] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-75e764af] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-75e764af] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-75e764af] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-75e764af] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-75e764af] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-75e764af] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-75e764af] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-75e764af] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-75e764af] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-75e764af] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-75e764af] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-75e764af] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-75e764af] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-75e764af] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-75e764af],
.mlm-selected-item[data-v-75e764af] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-75e764af] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-75e764af]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-75e764af] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-75e764af] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-75e764af] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-select[data-v-75e764af] {
    --padding-start: 14px;
    --padding-end: 10px;
    --border-color: white;
    --border-radius: 10px;
    --border-width: 1px;
    min-height: 26px
}

ion-content[data-v-75e764af] {
    --padding-start: 1rem;
    --padding-end: 1rem;
    --background: var(--color-bg-300)
}

div.select-scroll[data-v-75e764af]::-webkit-scrollbar {
    display: none
}

ion-row.footer-count[data-v-75e764af] {
    border-top: 1px solid var(--report-select-item-border-color);
    background: var(--color-bg-100)
}

ion-row.footer-count .footer-count-title[data-v-75e764af] {
    color: #bdb8e1
}

ion-row.footer-count .footer-counts[data-v-75e764af] {
    color: var(--text-color-white-100)
}

ion-infinite-scroll-content[data-v-75e764af] {
    min-height: 10px;
    font-size: var(--font-size-12);
    color: var(--color-text-40)
}

ion-popover[data-v-75e764af] {
    --backdrop-opacity: 0;
    --box-shadow: none
}

ion-popover ion-row[data-v-75e764af] {
    background: var(--report-select-item-box-bg)
}

ion-popover ion-button[data-v-75e764af] {
    margin-top: 0;
    margin-bottom: 0
}

ion-popover ion-button[data-v-75e764af]::part(native) {
    --padding-start: .375rem;
    --padding-end: .375rem;
    --padding-top: 0;
    --padding-bottom: 0
}

ion-icon[data-v-75e764af] {
    transition: transform .1s linear
}

ion-icon.on[data-v-75e764af] {
    transform: rotate(180deg)
}

ion-col.select-col[data-v-75e764af] {
    line-height: .75rem;
    padding: 0 .3125rem .3125rem 0
}

ion-col.select-col[data-v-75e764af]:nth-child(3),
ion-col.select-col[data-v-75e764af]:nth-child(3n) {
    padding: 0 0 .3125rem
}

ion-col.lang-col[data-v-75e764af] {
    font-size: .5rem
}

.primary-800[data-v-75e764af] {
    color: var(--color-success)
}

.select-box[data-v-75e764af] {
    background: var(--report-select-bg)
}

.select-box ion-icon[data-v-75e764af] {
    color: var(--color-report-select-icon)
}

.record-item-bottom[data-v-75e764af] {
    color: var(--my-card-detail-color)
}

.report-selected-item[data-v-75e764af] {
    border: 1px solid var(--report-select-item-border-color)
}

.change-two-type[data-v-75e764af] {
    color: #bdb8e1
}

.color-primary-600[data-v-beef846a] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-beef846a] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-beef846a] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-beef846a] {
    color: var(--color-primary-900)
}

.bg-100[data-v-beef846a] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-beef846a] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-beef846a] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-beef846a] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-beef846a] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-beef846a] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-beef846a] {
    background-color: var(--color-warning)
}

.bg-link[data-v-beef846a] {
    background-color: var(--color-link)
}

.bg-danger[data-v-beef846a] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-beef846a] {
    color: var(--color-text-100)
}

.color-text-80[data-v-beef846a] {
    color: var(--color-text-80)
}

.color-text-50[data-v-beef846a] {
    color: var(--color-text-50)
}

.color-text-40[data-v-beef846a] {
    color: var(--color-text-40)
}

.color-text-20[data-v-beef846a] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-beef846a] {
    color: var(--color-currency)
}

.color-warning[data-v-beef846a] {
    color: var(--color-warning)
}

.color-danger[data-v-beef846a] {
    color: var(--color-danger)
}

.color-link[data-v-beef846a] {
    color: var(--color-link)
}

.color-line[data-v-beef846a] {
    color: var(--color-line)
}

.color-border[data-v-beef846a] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-beef846a] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-beef846a] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-beef846a] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-beef846a] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-beef846a] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-beef846a] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-beef846a] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-beef846a] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-beef846a] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-beef846a] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-beef846a] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-beef846a] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-beef846a] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-beef846a] {
    display: flex;
    align-items: center
}

.flex-start[data-v-beef846a] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-beef846a] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-beef846a] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-beef846a] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-beef846a] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-beef846a] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-beef846a] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-beef846a] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-beef846a] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-beef846a] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-beef846a] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-beef846a] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-beef846a] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-beef846a] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-beef846a] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-beef846a] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-beef846a] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-beef846a] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-beef846a] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-beef846a] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-beef846a] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-beef846a] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-beef846a] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-beef846a] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-beef846a],
.mlm-selected-item[data-v-beef846a] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-beef846a] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-beef846a]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-beef846a] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-beef846a] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-beef846a] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-select[data-v-beef846a] {
    --padding-start: 14px;
    --padding-end: 10px;
    --border-color: white;
    --border-radius: 10px;
    --border-width: 1px;
    min-height: 26px
}

ion-content[data-v-beef846a] {
    --background: var(--color-bg-300);
    --padding-start: 1rem;
    --padding-end: 1rem
}

div.select-scroll[data-v-beef846a]::-webkit-scrollbar {
    display: none
}

ion-infinite-scroll-content[data-v-beef846a] {
    min-height: 10px;
    font-size: var(--font-size-12);
    color: #686299
}

ion-popover[data-v-beef846a] {
    --backdrop-opacity: 0;
    --box-shadow: none
}

ion-popover ion-row[data-v-beef846a] {
    background: var(--report-select-item-box-bg)
}

ion-popover ion-button[data-v-beef846a] {
    margin-top: 0;
    margin-bottom: 0
}

ion-popover ion-button[data-v-beef846a]::part(native) {
    --padding-start: .375rem;
    --padding-end: .375rem;
    --padding-top: 0;
    --padding-bottom: 0
}

ion-icon[data-v-beef846a] {
    transition: transform .1s linear
}

ion-icon.on[data-v-beef846a] {
    transform: rotate(180deg)
}

ion-col.select-col[data-v-beef846a] {
    line-height: .75rem;
    padding: 0 .3125rem .3125rem 0
}

ion-col.select-col[data-v-beef846a]:nth-child(3),
ion-col.select-col[data-v-beef846a]:nth-child(3n) {
    padding: 0 0 .3125rem
}

ion-col.lang-col[data-v-beef846a] {
    font-size: .5rem
}

.empty-box[data-v-beef846a] {
    height: calc(100% - 4.875rem)
}

.primary-800[data-v-beef846a] {
    color: var(--color-success)
}

.select-box[data-v-beef846a] {
    background: var(--report-select-bg)
}

.select-box ion-icon[data-v-beef846a] {
    color: var(--color-report-select-icon)
}

.record-item-bottom[data-v-beef846a] {
    color: var(--my-card-detail-color)
}

.record-item-bottom ion-icon[data-v-beef846a] {
    color: var(--my-card-detail-color)
}

.report-selected-item[data-v-beef846a] {
    border: 1px solid var(--report-select-item-border-color)
}

.change-two-type[data-v-beef846a] {
    color: #bdb8e1
}

.color-primary-600[data-v-313a91ba] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-313a91ba] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-313a91ba] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-313a91ba] {
    color: var(--color-primary-900)
}

.bg-100[data-v-313a91ba] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-313a91ba] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-313a91ba] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-313a91ba] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-313a91ba] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-313a91ba] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-313a91ba] {
    background-color: var(--color-warning)
}

.bg-link[data-v-313a91ba] {
    background-color: var(--color-link)
}

.bg-danger[data-v-313a91ba] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-313a91ba] {
    color: var(--color-text-100)
}

.color-text-80[data-v-313a91ba] {
    color: var(--color-text-80)
}

.color-text-50[data-v-313a91ba] {
    color: var(--color-text-50)
}

.color-text-40[data-v-313a91ba] {
    color: var(--color-text-40)
}

.color-text-20[data-v-313a91ba] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-313a91ba] {
    color: var(--color-currency)
}

.color-warning[data-v-313a91ba] {
    color: var(--color-warning)
}

.color-danger[data-v-313a91ba] {
    color: var(--color-danger)
}

.color-link[data-v-313a91ba] {
    color: var(--color-link)
}

.color-line[data-v-313a91ba] {
    color: var(--color-line)
}

.color-border[data-v-313a91ba] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-313a91ba] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-313a91ba] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-313a91ba] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-313a91ba] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-313a91ba] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-313a91ba] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-313a91ba] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-313a91ba] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-313a91ba] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-313a91ba] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-313a91ba] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-313a91ba] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-313a91ba] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-313a91ba] {
    display: flex;
    align-items: center
}

.flex-start[data-v-313a91ba] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-313a91ba] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-313a91ba] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-313a91ba] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-313a91ba] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-313a91ba] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-313a91ba] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-313a91ba] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-313a91ba] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-313a91ba] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-313a91ba] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-313a91ba] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-313a91ba] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-313a91ba] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-313a91ba] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-313a91ba] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-313a91ba] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-313a91ba] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-313a91ba] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-313a91ba] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-313a91ba] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-313a91ba] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-313a91ba] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-313a91ba] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-313a91ba],
.mlm-selected-item[data-v-313a91ba] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-313a91ba] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-313a91ba]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-313a91ba] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-313a91ba] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-313a91ba] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-select[data-v-313a91ba] {
    --padding-start: 14px;
    --padding-end: 10px;
    --border-color: white;
    --border-radius: 10px;
    --border-width: 1px;
    min-height: 26px
}

ion-content[data-v-313a91ba] {
    --background: var(--color-bg-300);
    --padding-start: 1rem;
    --padding-end: 1rem
}

div.select-scroll[data-v-313a91ba]::-webkit-scrollbar {
    display: none
}

ion-infinite-scroll-content[data-v-313a91ba] {
    min-height: 10px;
    font-size: var(--font-size-12);
    color: #686299
}

ion-popover[data-v-313a91ba] {
    --backdrop-opacity: 0;
    --box-shadow: none
}

ion-popover ion-row[data-v-313a91ba] {
    background: var(--report-select-item-box-bg)
}

ion-popover ion-button[data-v-313a91ba] {
    margin-top: 0;
    margin-bottom: 0
}

ion-popover ion-button[data-v-313a91ba]::part(native) {
    --padding-start: .375rem;
    --padding-end: .375rem;
    --padding-top: 0;
    --padding-bottom: 0
}

ion-icon[data-v-313a91ba] {
    transition: transform .1s linear
}

ion-icon.on[data-v-313a91ba] {
    transform: rotate(180deg)
}

ion-col.select-col[data-v-313a91ba] {
    line-height: .75rem;
    padding: 0 .3125rem .3125rem 0
}

ion-col.select-col[data-v-313a91ba]:nth-child(3),
ion-col.select-col[data-v-313a91ba]:nth-child(3n) {
    padding: 0 0 .3125rem
}

ion-col.lang-col[data-v-313a91ba] {
    font-size: .5rem
}

.empty-box[data-v-313a91ba] {
    height: calc(100% - 4.875rem)
}

.primary-800[data-v-313a91ba] {
    color: var(--color-success)
}

.select-box[data-v-313a91ba] {
    background: var(--report-select-bg)
}

.select-box ion-icon[data-v-313a91ba] {
    color: var(--color-report-select-icon)
}

.record-item-bottom[data-v-313a91ba] {
    color: var(--my-card-detail-color)
}

.record-item-bottom ion-icon[data-v-313a91ba] {
    color: var(--my-card-detail-color)
}

.report-selected-item[data-v-313a91ba] {
    border: 1px solid var(--report-select-item-border-color)
}

.change-two-type[data-v-313a91ba] {
    color: #bdb8e1
}

.color-primary-600[data-v-6e9fde26] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-6e9fde26] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-6e9fde26] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-6e9fde26] {
    color: var(--color-primary-900)
}

.bg-100[data-v-6e9fde26] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-6e9fde26] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-6e9fde26] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-6e9fde26] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-6e9fde26] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-6e9fde26] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-6e9fde26] {
    background-color: var(--color-warning)
}

.bg-link[data-v-6e9fde26] {
    background-color: var(--color-link)
}

.bg-danger[data-v-6e9fde26] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-6e9fde26] {
    color: var(--color-text-100)
}

.color-text-80[data-v-6e9fde26] {
    color: var(--color-text-80)
}

.color-text-50[data-v-6e9fde26] {
    color: var(--color-text-50)
}

.color-text-40[data-v-6e9fde26] {
    color: var(--color-text-40)
}

.color-text-20[data-v-6e9fde26] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-6e9fde26] {
    color: var(--color-currency)
}

.color-warning[data-v-6e9fde26] {
    color: var(--color-warning)
}

.color-danger[data-v-6e9fde26] {
    color: var(--color-danger)
}

.color-link[data-v-6e9fde26] {
    color: var(--color-link)
}

.color-line[data-v-6e9fde26] {
    color: var(--color-line)
}

.color-border[data-v-6e9fde26] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-6e9fde26] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-6e9fde26] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-6e9fde26] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-6e9fde26] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-6e9fde26] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-6e9fde26] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-6e9fde26] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-6e9fde26] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-6e9fde26] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-6e9fde26] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-6e9fde26] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-6e9fde26] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-6e9fde26] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-6e9fde26] {
    display: flex;
    align-items: center
}

.flex-start[data-v-6e9fde26] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-6e9fde26] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-6e9fde26] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-6e9fde26] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-6e9fde26] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-6e9fde26] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-6e9fde26] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-6e9fde26] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-6e9fde26] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-6e9fde26] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-6e9fde26] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-6e9fde26] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-6e9fde26] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-6e9fde26] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-6e9fde26] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-6e9fde26] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-6e9fde26] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-6e9fde26] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-6e9fde26] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-6e9fde26] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-6e9fde26] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-6e9fde26] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-6e9fde26] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-6e9fde26] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-6e9fde26],
.mlm-selected-item[data-v-6e9fde26] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-6e9fde26] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-6e9fde26]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-6e9fde26] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-6e9fde26] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-6e9fde26] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-content[data-v-6e9fde26] {
    --background: var(--color-bg-300);
    --padding-start: 1rem;
    --padding-end: 1rem
}

ion-select[data-v-6e9fde26] {
    --padding-start: 14px;
    --padding-end: 10px;
    --border-color: white;
    --border-radius: 10px;
    --border-width: 1px;
    min-height: 26px
}

div.select-scroll[data-v-6e9fde26]::-webkit-scrollbar {
    display: none
}

ion-infinite-scroll-content[data-v-6e9fde26] {
    min-height: 10px;
    font-size: var(--font-size-12);
    color: #686299
}

ion-row.footer-count[data-v-6e9fde26] {
    border-top: 1px solid var(--report-select-item-border-color);
    background: var(--color-bg-100)
}

ion-row.footer-count .footer-count-title[data-v-6e9fde26] {
    color: #bdb8e1
}

ion-popover[data-v-6e9fde26] {
    --backdrop-opacity: 0;
    --box-shadow: none
}

ion-popover ion-row[data-v-6e9fde26] {
    background: var(--report-select-item-box-bg)
}

ion-popover ion-button[data-v-6e9fde26] {
    margin-top: 0;
    margin-bottom: 0
}

ion-popover ion-button[data-v-6e9fde26]::part(native) {
    --padding-start: .375rem;
    --padding-end: .375rem;
    --padding-top: 0;
    --padding-bottom: 0
}

ion-icon[data-v-6e9fde26] {
    transition: transform .1s linear
}

ion-icon.on[data-v-6e9fde26] {
    transform: rotate(180deg)
}

ion-col.select-col[data-v-6e9fde26] {
    line-height: .75rem;
    padding: 0 .3125rem .3125rem 0
}

ion-col.select-col[data-v-6e9fde26]:nth-child(3),
ion-col.select-col[data-v-6e9fde26]:nth-child(3n) {
    padding: 0 0 .3125rem
}

ion-col.lang-col[data-v-6e9fde26] {
    font-size: .5rem
}

.primary-800[data-v-6e9fde26] {
    color: var(--color-success)
}

.select-box[data-v-6e9fde26] {
    background: var(--report-select-bg);
    border: 1px solid #5F588C
}

.select-box ion-icon[data-v-6e9fde26] {
    color: var(--color-report-select-icon)
}

.record-item-bottom[data-v-6e9fde26] {
    color: var(--my-card-detail-color)
}

.record-item-bottom ion-icon[data-v-6e9fde26] {
    color: var(--my-card-detail-color)
}

.report-selected-item[data-v-6e9fde26] {
    border: 1px solid var(--report-select-item-border-color)
}

.change-two-type[data-v-6e9fde26] {
    color: #bdb8e1
}

ion-toolbar[data-v-978327a6] {
    --background: var(--mlm-toolbar-bg-color)
}

.tab-box[data-v-978327a6] {
    background-color: var(--color-bg-300);
    border-bottom: 1px solid var(--line-color)
}

ion-segment-button.md[data-v-978327a6] {
    width: max-content
}

ion-segment-button.md[data-v-978327a6]::part(indicator) {
    margin-left: auto;
    margin-right: auto
}

ion-segment-button.md[data-v-978327a6]::part(indicator-background) {
    background: linear-gradient(90deg, #eabd5b 2.63%, #7546ee);
    height: .125rem
}

ion-segment-button.md ion-label[data-v-978327a6] {
    text-transform: none;
    height: 2.625rem;
    margin: 0;
    padding: 0 0 5px;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

ion-label.base-style[data-v-978327a6] {
    color: #686299;
    font-size: var(--font-1size-14)
}

ion-label.select-style[data-v-978327a6] {
    font-weight: 700;
    color: #bdb8e1
}

ion-content[data-v-978327a6] {
    --background: var(--color-bg-300)
}

.amber-purple body div#app ion-router-outlet>div.ion-page[data-v-978327a6]:after,
.amber-purple body div#app ion-router-outlet>div.ion-page[data-v-978327a6]:before {
    width: 0;
    height: 0
}

.color-primary-600[data-v-831a4440] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-831a4440] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-831a4440] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-831a4440] {
    color: var(--color-primary-900)
}

.bg-100[data-v-831a4440] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-831a4440] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-831a4440] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-831a4440] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-831a4440] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-831a4440] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-831a4440] {
    background-color: var(--color-warning)
}

.bg-link[data-v-831a4440] {
    background-color: var(--color-link)
}

.bg-danger[data-v-831a4440] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-831a4440] {
    color: var(--color-text-100)
}

.color-text-80[data-v-831a4440] {
    color: var(--color-text-80)
}

.color-text-50[data-v-831a4440] {
    color: var(--color-text-50)
}

.color-text-40[data-v-831a4440] {
    color: var(--color-text-40)
}

.color-text-20[data-v-831a4440] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-831a4440] {
    color: var(--color-currency)
}

.color-warning[data-v-831a4440] {
    color: var(--color-warning)
}

.color-danger[data-v-831a4440] {
    color: var(--color-danger)
}

.color-link[data-v-831a4440] {
    color: var(--color-link)
}

.color-line[data-v-831a4440] {
    color: var(--color-line)
}

.color-border[data-v-831a4440] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-831a4440] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-831a4440] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-831a4440] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-831a4440] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-831a4440] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-831a4440] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-831a4440] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-831a4440] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-831a4440] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-831a4440] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-831a4440] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-831a4440] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-831a4440] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-831a4440] {
    display: flex;
    align-items: center
}

.flex-start[data-v-831a4440] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-831a4440] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-831a4440] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-831a4440] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-831a4440] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-831a4440] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-831a4440] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-831a4440] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-831a4440] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-831a4440] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-831a4440] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-831a4440] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-831a4440] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-831a4440] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-831a4440] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-831a4440] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-831a4440] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-831a4440] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-831a4440] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-831a4440] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-831a4440] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-831a4440] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-831a4440] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-831a4440] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-831a4440],
.mlm-selected-item[data-v-831a4440] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-831a4440] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-831a4440]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-831a4440] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-831a4440] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-831a4440] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-item.shiny[data-v-831a4440] {
    position: relative;
    overflow: hidden
}

ion-item.shiny[data-v-831a4440]:before {
    content: "";
    animation: shiny-831a4440 6s ease-in-out infinite;
    background: #fff;
    display: inline-block;
    height: 100%;
    left: 0;
    position: absolute;
    top: -180px;
    width: 30px;
    z-index: 100
}

ion-content#main[data-v-831a4440] {
    --padding-start: 15px;
    --padding-end: 15px;
    --padding-top: 10px
}

ion-content#main ion-item[data-v-831a4440] {
    --background: transparent;
    --inner-padding-end: 0px;
    --border-radius: 10px;
    --padding-start: 15px;
    --padding-end: 15px;
    --padding-top: 0;
    --padding-bottom: 0;
    --inner-border-width: 0px;
    --min-height: 7.5rem;
    --height: 7.5rem;
    --max-height: 7.5rem
}

.rounded-top[data-v-831a4440] {
    border-radius: var(--rounded-large) var(--rounded-large) 0 0
}

.rounded-bottom[data-v-831a4440] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.intro-text-color[data-v-831a4440] {
    color: var(--color-primary-btn-text-active)
}

.name-text-color[data-v-831a4440] {
    color: var(--color-text-first)
}

@keyframes shiny-831a4440 {
    0% {
        opacity: 0;
        transform: scale(0) rotate(45deg)
    }

    50% {
        opacity: .3;
        transform: scale(0) rotate(45deg)
    }

    81% {
        opacity: .6;
        transform: scale(4) rotate(45deg)
    }

    to {
        opacity: 0;
        transform: scale(50) rotate(45deg)
    }
}

ion-item.rebate[data-v-898b1bbb] {
    --detail-icon-opacity: 1;
    --detail-icon-font-size: 1rem;
    --detail-icon-color: var(--color-icon-right);
    --background: var(--color-bg-second);
    --min-height: 3.75rem;
    --height: 3.75rem;
    --max-height: 3.75rem;
    border-radius: .625rem
}

ion-item.rebate[data-v-898b1bbb]::part(native) {
    padding-inline-start: .625rem;
    --inner-padding-end: 0
}

ion-item[data-v-898b1bbb]::part(detail-icon) {
    margin-inline-end: 0;
    height: 1.0625rem;
    width: 1.4375rem
}

ion-progress-bar[data-v-898b1bbb] {
    --background: var(--color-bg-third);
    --progress-background: var(--color-bg-progress);
    border-radius: .3125rem
}

.main-rebate[data-v-898b1bbb] {
    width: 100%;
    height: 100%;
    padding-top: .3125rem;
    display: flex;
    flex-direction: column
}

.top-rebate[data-v-898b1bbb],
.bottom-rebate[data-v-898b1bbb] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.top-rebate-left[data-v-898b1bbb],
.bottom-rebate-left[data-v-898b1bbb] {
    position: relative
}

.rebate-right[data-v-898b1bbb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: right;
    max-width: 7.5rem
}

.rebate-ratio[data-v-898b1bbb] {
    margin-left: .25rem;
    margin-right: .1875rem;
    text-align: left;
    color: var(--color-text-second)
}

.overflow-content[data-v-898b1bbb] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.top-rebate-left[data-v-898b1bbb] {
    justify-content: start
}

div ion-icon.logo[data-v-898b1bbb] {
    color: var(--color-icon-platform-rebate)
}

ion-modal[data-v-4f550ccd] {
    --height: fit-content;
    --border-radius: 16px;
    --max-height: none
}

ion-item[data-v-4f550ccd] {
    --background: transparent;
    --padding-bottom: 0px;
    --padding-end: 0;
    --padding-start: 0;
    --padding-top: 0;
    --inner-padding-end: 0;
    --inner-border-width: 0px
}

ion-segment[data-v-1c5e2448] {
    --background: transparent
}

ion-segment-button.segment[data-v-1c5e2448] {
    min-height: 4.375rem;
    --border-radius: .625rem
}

ion-segment-button.ios[data-v-1c5e2448] {
    --background: var(--color-bg-segment-ios);
    --indicator-color: var(--color-bg-third);
    --padding-start: 0;
    --padding-end: 0;
    --padding-top: 0;
    --padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 1rem;
    text-transform: capitalize;
    min-width: 0
}

.main-left[data-v-1c5e2448],
.main-right[data-v-1c5e2448] {
    height: calc(100% - 33.2px)
}

.main-content[data-v-1c5e2448] {
    margin-top: 3.125rem
}

.un-zh-left[data-v-1c5e2448] {
    height: calc(100% - 50px)
}

.color-primary-600[data-v-66f5276e] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-66f5276e] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-66f5276e] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-66f5276e] {
    color: var(--color-primary-900)
}

.bg-100[data-v-66f5276e] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-66f5276e] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-66f5276e] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-66f5276e] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-66f5276e] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-66f5276e] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-66f5276e] {
    background-color: var(--color-warning)
}

.bg-link[data-v-66f5276e] {
    background-color: var(--color-link)
}

.bg-danger[data-v-66f5276e] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-66f5276e] {
    color: var(--color-text-100)
}

.color-text-80[data-v-66f5276e] {
    color: var(--color-text-80)
}

.color-text-50[data-v-66f5276e] {
    color: var(--color-text-50)
}

.color-text-40[data-v-66f5276e] {
    color: var(--color-text-40)
}

.color-text-20[data-v-66f5276e] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-66f5276e] {
    color: var(--color-currency)
}

.color-warning[data-v-66f5276e] {
    color: var(--color-warning)
}

.color-danger[data-v-66f5276e] {
    color: var(--color-danger)
}

.color-link[data-v-66f5276e] {
    color: var(--color-link)
}

.color-line[data-v-66f5276e] {
    color: var(--color-line)
}

.color-border[data-v-66f5276e] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-66f5276e] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-66f5276e] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-66f5276e] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-66f5276e] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-66f5276e] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-66f5276e] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-66f5276e] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-66f5276e] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-66f5276e] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-66f5276e] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-66f5276e] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-66f5276e] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-66f5276e] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-66f5276e] {
    display: flex;
    align-items: center
}

.flex-start[data-v-66f5276e] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-66f5276e] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-66f5276e] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-66f5276e] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-66f5276e] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-66f5276e] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-66f5276e] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-66f5276e] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-66f5276e] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-66f5276e] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-66f5276e] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-66f5276e] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-66f5276e] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-66f5276e] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-66f5276e] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-66f5276e] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-66f5276e] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-66f5276e] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-66f5276e] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-66f5276e] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-66f5276e] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-66f5276e] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-66f5276e] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-66f5276e] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-66f5276e],
.mlm-selected-item[data-v-66f5276e] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-66f5276e] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-66f5276e]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-66f5276e] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-66f5276e] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-66f5276e] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.footer[data-v-66f5276e] {
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: var(--color-activity-footer-bg);
    box-shadow: 0 .5px 0 0 var(--color-border) inset;
    width: 100%;
    height: 5rem;
    margin: 0 auto;
    padding: 1.25rem .75rem
}

.footer .btn[data-v-66f5276e-s] {
    width: 17.5rem;
    margin: 0 auto
}

.color-primary-600[data-v-0670dd3c] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-0670dd3c] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-0670dd3c] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-0670dd3c] {
    color: var(--color-primary-900)
}

.bg-100[data-v-0670dd3c] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-0670dd3c] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-0670dd3c] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-0670dd3c] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-0670dd3c] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-0670dd3c] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-0670dd3c] {
    background-color: var(--color-warning)
}

.bg-link[data-v-0670dd3c] {
    background-color: var(--color-link)
}

.bg-danger[data-v-0670dd3c] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-0670dd3c] {
    color: var(--color-text-100)
}

.color-text-80[data-v-0670dd3c] {
    color: var(--color-text-80)
}

.color-text-50[data-v-0670dd3c] {
    color: var(--color-text-50)
}

.color-text-40[data-v-0670dd3c] {
    color: var(--color-text-40)
}

.color-text-20[data-v-0670dd3c] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-0670dd3c] {
    color: var(--color-currency)
}

.color-warning[data-v-0670dd3c] {
    color: var(--color-warning)
}

.color-danger[data-v-0670dd3c] {
    color: var(--color-danger)
}

.color-link[data-v-0670dd3c] {
    color: var(--color-link)
}

.color-line[data-v-0670dd3c] {
    color: var(--color-line)
}

.color-border[data-v-0670dd3c] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-0670dd3c] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-0670dd3c] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-0670dd3c] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-0670dd3c] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-0670dd3c] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-0670dd3c] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-0670dd3c] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-0670dd3c] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-0670dd3c] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-0670dd3c] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-0670dd3c] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-0670dd3c] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-0670dd3c] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-0670dd3c] {
    display: flex;
    align-items: center
}

.flex-start[data-v-0670dd3c] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-0670dd3c] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-0670dd3c] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-0670dd3c] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-0670dd3c] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-0670dd3c] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-0670dd3c] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-0670dd3c] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-0670dd3c] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-0670dd3c] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-0670dd3c] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-0670dd3c] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-0670dd3c] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-0670dd3c] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-0670dd3c] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-0670dd3c] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-0670dd3c] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-0670dd3c] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-0670dd3c] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-0670dd3c] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-0670dd3c] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-0670dd3c] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-0670dd3c] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-0670dd3c] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-0670dd3c],
.mlm-selected-item[data-v-0670dd3c] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-0670dd3c] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-0670dd3c]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-0670dd3c] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-0670dd3c] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-0670dd3c] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-content[data-v-0670dd3c] {
    --padding-start: .75rem;
    --padding-end: .75rem
}

.menu[data-v-0670dd3c] {
    color: var(--color-text-100)
}

.claimButtonEnabled[data-v-0670dd3c] {
    background: var(--color-vip-active-bg);
    color: var(--color-primary-btn-text-active)
}

.claimButtonDisabled[data-v-0670dd3c] {
    background: var(--color-vip-disable-bg);
    color: var(--color-primary-btn-text-disable)
}

.my-vip[data-v-0670dd3c] {
    height: 11.8125rem;
    background: var(--6988da8a) no-repeat;
    background-position: bottom 0 left 0;
    background-size: 100% 11.25rem;
    padding: 1.6rem .8125rem .7731rem;
    font-family: Saira
}

.my-vip .vip-detail[data-v-0670dd3c] {
    width: 7rem;
    height: 2.875rem;
    padding: 0 .625rem;
    font-size: var(--font-size-12);
    font-weight: var(--font-weight-bold);
    border-radius: 1.4375rem
}

.my-vip .vip-detail.enabled[data-v-0670dd3c] {
    background: var(--gradients-orange-purple)
}

.my-vip .vip-detail.enabled .btn[data-v-0670dd3c] {
    background: var(--gradients-orange-purple);
    -webkit-background-clip: text;
    background-clip: text;
    color: var(--color-vip-enable-text)
}

.my-vip .vip-detail.disabled[data-v-0670dd3c] {
    background: var(--color-vip-disable-bg)
}

.my-vip .vip-detail.disabled .btn[data-v-0670dd3c] {
    background: var(--color-vip-disable-bg);
    color: var(--color-vip-disable-text)
}

.current-vip-level[data-v-0670dd3c] {
    font-size: var(--font-size-12);
    margin-left: -1.125rem;
    text-shadow: 0rem .0938rem .1875rem rgba(0, 0, 0, .25)
}

.level-point[data-v-0670dd3c] {
    position: absolute;
    transform: translate(-50%, -47.5%)
}

.need-recharge[data-v-0670dd3c],
.need-bets[data-v-0670dd3c] {
    color: var(--text-color-white-40)
}

.need-recharge p[data-v-0670dd3c],
.need-bets p[data-v-0670dd3c] {
    width: .1875rem;
    height: .1875rem;
    border-radius: 50%;
    background: var(--text-color-white-40);
    margin-right: .625rem
}

.need-recharge span[data-v-0670dd3c],
.need-bets span[data-v-0670dd3c] {
    color: var(--text-color-white-80)
}

.current-recharge[data-v-0670dd3c] {
    color: var(--color-currency);
    margin-right: .375rem
}

.next-current-vip-level[data-v-0670dd3c] {
    font-size: var(--font-size-10);
    margin-left: -.6875rem;
    text-shadow: 0rem .0592rem .1184rem rgba(0, 0, 0, .25)
}

.max-level[data-v-0670dd3c] {
    font-size: var(--font-size-12);
    line-height: 1.125rem;
    color: var(--color-text-80)
}

.condition-info[data-v-0670dd3c] {
    margin-top: .9rem
}

.vipLevelList[data-v-0670dd3c] {
    height: calc(100% - 5rem)
}

table[data-v-0670dd3c] {
    border-collapse: collapse;
    background-color: transparent
}

table th[data-v-0670dd3c],
table td[data-v-0670dd3c] {
    border: 1px solid var(--color-border);
    font-weight: var(--font-weight-bold);
    color: var(--color-currency);
    width: 33.33%;
    text-align: center;
    border-right: none
}

table thead th[data-v-0670dd3c] {
    color: var(--color-text-40);
    height: 2.5rem;
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-12);
    background-color: var(--color-bg-second)
}

table tbody td[data-v-0670dd3c]:first-child {
    color: var(--color-text-80)
}

table tbody td[data-v-0670dd3c]:last-child {
    color: var(--color-currency)
}

table.table th[data-v-0670dd3c],
table.table td[data-v-0670dd3c] {
    line-height: 1.5625rem;
    width: 12.5%
}

.unZhTable thead tr th[data-v-0670dd3c] {
    height: 2.6rem;
    line-height: .9rem
}

table th[data-v-0670dd3c]:first-child,
table td[data-v-0670dd3c]:first-child {
    border-left: none
}

table th[data-v-0670dd3c]:last-child,
table td[data-v-0670dd3c]:last-child {
    border-right: none
}

table thead tr:first-child th[data-v-0670dd3c],
table thead tr:first-child td[data-v-0670dd3c] {
    border-top: none
}

table tr:last-child th[data-v-0670dd3c],
table tr:last-child td[data-v-0670dd3c] {
    border-bottom: none
}

ion-toolbar[data-v-0670dd3c] {
    --min-height: 3.125rem
}

ion-progress-bar[data-v-0670dd3c] {
    --background: var(--progress-base-bg);
    border-radius: 1rem
}

ion-list ion-progress-bar[data-v-0670dd3c] {
    --progress-background: var(--color-bg-progress);
    height: .2604rem
}

ion-list[data-v-0670dd3c] {
    padding-top: 0
}

.progress-bar[data-v-0670dd3c] {
    width: 17.1875rem;
    height: .25rem;
    --progress-background: var(--progress-bg)
}

ion-segment-button[data-v-0670dd3c] {
    --background-checked: var(--color-bg-third);
    --color: var(--color-text-second);
    --color-checked: var(--color-text-first);
    --indicator-color: var(--color-primary-800);
    border-top-left-radius: var(--rounded-middle);
    border-top-right-radius: var(--rounded-middle);
    border-bottom: .0625rem solid var(--color-text-second);
    text-transform: none
}

ion-segment-button[data-v-0670dd3c]::part(indicator-background) {
    background: var(--gradients-indicatorLine);
    z-index: 11
}

ion-label.active[data-v-0670dd3c] {
    font-weight: var(--font-weight-bold)
}

.content-base[data-v-0670dd3c] {
    padding: 2px;
    line-height: 13px
}

.share-vip[data-v-0670dd3c] {
    padding: 0 2rem
}

.current-level[data-v-0670dd3c] {
    position: absolute;
    top: 0;
    left: 0;
    font-size: .6rem;
    font-weight: 700
}

.vip-text-40[data-v-0670dd3c] {
    color: var(--vip-info-text-color-40)
}

.vip-info-max[data-v-0670dd3c] {
    color: var(--vip-max-text-color);
    font-size: var(--ep-font-size-xs, .625rem)
}

.rule-content[data-v-0670dd3c] {
    color: var(--color-text-second)
}

.normal-text[data-v-0670dd3c] {
    color: var(--color-text-first)
}

.shiny[data-v-0670dd3c] {
    position: relative;
    overflow: hidden
}

.shiny[data-v-0670dd3c]:before {
    content: "";
    animation: shiny-0670dd3c 6s ease-in-out infinite;
    background: #fff;
    display: inline-block;
    height: 100%;
    left: 0;
    position: absolute;
    top: -180px;
    width: 30px
}

.bottomBtn[data-v-0670dd3c] {
    background: var(--color-gradients-btn);
    box-shadow: var(--color-shadow-bottom-btn)
}

.bottomBtn[data-v-0670dd3c]:active {
    background: var(--color-gradients-btn);
    box-shadow: none;
    height: 2.8rem
}

.disabledBtn[data-v-0670dd3c] {
    opacity: .4;
    pointer-events: none
}

@keyframes shiny-0670dd3c {
    0% {
        opacity: 0;
        transform: scale(0) rotate(45deg)
    }

    80% {
        opacity: .5;
        transform: scale(0) rotate(45deg)
    }

    81% {
        opacity: 1;
        transform: scale(4) rotate(45deg)
    }

    to {
        opacity: 0;
        transform: scale(50) rotate(45deg)
    }
}

.rule-text[data-v-2fa2fe42] {
    color: var(--color-activity-rule)
}

ion-input.redeemSearch[data-v-2fa2fe42] {
    --padding-start: .75rem !important;
    --border-width: .0625rem;
    --border-radius: .25rem;
    --color: var(--color-text-first);
    --placeholder-color: var(--color-text-second);
    min-height: 2.625rem !important;
    font-size: .875rem;
    box-shadow: none;
    overflow: hidden;
    --background: var(--color-bg-fifth)
}

.btn[data-v-2fa2fe42] {
    background: var(--color-gradients-btn);
    box-shadow: var(--color-shadow-bottom-btn)
}

.btn[data-v-2fa2fe42]:active {
    background: var(--color-gradients-btn);
    box-shadow: none;
    height: 2.8rem
}

ion-input.redeemSearch.ion-invalid[data-v-2fa2fe42] {
    border-color: var(--color-danger) !important
}

.rule-text[data-v-2fa2fe42] {
    color: var(--color-text-second)
}

.color-primary-600[data-v-d8204a93] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-d8204a93] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-d8204a93] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-d8204a93] {
    color: var(--color-primary-900)
}

.bg-100[data-v-d8204a93] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-d8204a93] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-d8204a93] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-d8204a93] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-d8204a93] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-d8204a93] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-d8204a93] {
    background-color: var(--color-warning)
}

.bg-link[data-v-d8204a93] {
    background-color: var(--color-link)
}

.bg-danger[data-v-d8204a93] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-d8204a93] {
    color: var(--color-text-100)
}

.color-text-80[data-v-d8204a93] {
    color: var(--color-text-80)
}

.color-text-50[data-v-d8204a93] {
    color: var(--color-text-50)
}

.color-text-40[data-v-d8204a93] {
    color: var(--color-text-40)
}

.color-text-20[data-v-d8204a93] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-d8204a93] {
    color: var(--color-currency)
}

.color-warning[data-v-d8204a93] {
    color: var(--color-warning)
}

.color-danger[data-v-d8204a93] {
    color: var(--color-danger)
}

.color-link[data-v-d8204a93] {
    color: var(--color-link)
}

.color-line[data-v-d8204a93] {
    color: var(--color-line)
}

.color-border[data-v-d8204a93] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-d8204a93] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-d8204a93] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-d8204a93] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-d8204a93] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-d8204a93] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-d8204a93] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-d8204a93] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-d8204a93] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-d8204a93] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-d8204a93] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-d8204a93] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-d8204a93] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-d8204a93] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-d8204a93] {
    display: flex;
    align-items: center
}

.flex-start[data-v-d8204a93] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-d8204a93] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-d8204a93] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-d8204a93] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-d8204a93] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-d8204a93] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-d8204a93] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-d8204a93] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-d8204a93] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-d8204a93] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-d8204a93] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-d8204a93] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-d8204a93] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-d8204a93] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-d8204a93] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-d8204a93] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-d8204a93] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-d8204a93] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-d8204a93] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-d8204a93] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-d8204a93] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-d8204a93] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-d8204a93] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-d8204a93] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-d8204a93],
.mlm-selected-item[data-v-d8204a93] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-d8204a93] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-d8204a93]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-d8204a93] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-d8204a93] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-d8204a93] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-infinite-scroll-content[data-v-d8204a93] {
    min-height: .625rem;
    font-size: var(--font-size-12);
    color: var(--color-text-40)
}

ion-popover[data-v-d8204a93] {
    left: 1.75rem;
    --width: 7.5rem !important;
    --backdrop-opacity: 0;
    --box-shadow: none
}

ion-icon[data-v-d8204a93] {
    transition: transform .1s linear
}

ion-icon.on[data-v-d8204a93] {
    transform: rotate(180deg)
}

.empty-height[data-v-d8204a93] {
    height: calc(100% - 3.5rem)
}

ion-grid.table-title-bg[data-v-d8204a93] {
    background: var(--color-bg-100);
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

ion-grid ion-row.table-item-bg[data-v-d8204a93] {
    min-height: 2.625rem
}

ion-grid ion-row.table-item-bg[data-v-d8204a93]:nth-child(2n) {
    background: var(--color-bg-400)
}

ion-grid ion-row.table-item[data-v-d8204a93] {
    color: var(--color-text-80) !important
}

.select-box[data-v-d8204a93] {
    background: var(--spread-commission-select-box-bg)
}

.select-box ion-icon[data-v-d8204a93] {
    color: var(--color-report-select-icon)
}

.date-tips[data-v-d8204a93] {
    color: var(--my-card-detail-color)
}

.table-item-color[data-v-d8204a93] {
    color: var(--my-card-detail-color) !important
}

ion-infinite-scroll[data-v-a4d6fa00] {
    min-height: 4.375rem
}

ion-infinite-scroll-content[data-v-a4d6fa00] {
    min-height: .625rem;
    font-size: var(--font-size-12);
    color: var(--color-text-40)
}

ion-grid.table-title-bg[data-v-a4d6fa00] {
    background: var(--color-bg-100);
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

ion-grid ion-row.table-item-bg[data-v-a4d6fa00] {
    min-height: 2.625rem
}

ion-grid ion-row.table-item-bg[data-v-a4d6fa00]:nth-child(2n) {
    background: var(--color-bg-400)
}

ion-grid ion-row.table-item[data-v-a4d6fa00] {
    color: var(--color-text-80) !important
}

.table-item-color[data-v-a4d6fa00] {
    color: var(--my-card-detail-color) !important
}

.btn[data-v-a4d6fa00] {
    background: var(--color-gradients-btn);
    box-shadow: var(--color-shadow-bottom-btn)
}

.btn[data-v-a4d6fa00]:active {
    background: var(--color-gradients-btn);
    box-shadow: none;
    height: 2.8rem
}

.disabledBtn[data-v-a4d6fa00] {
    opacity: .4;
    pointer-events: none
}

ion-toolbar[data-v-5d2e3be8] {
    margin-top: -.125rem
}

ion-label.active[data-v-5d2e3be8] {
    color: var(--color-text-first);
    font-weight: var(--font-weight-bold)
}

ion-label.inactive[data-v-5d2e3be8] {
    color: var(--color-text-second)
}

ion-label[data-v-5d2e3be8] {
    line-height: 1.3125rem
}

ion-toolbar[data-v-5d2e3be8] {
    --padding-top: 0;
    --padding-bottom: 0;
    --padding-start: .9375rem
}

ion-toolbar ion-segment.md[data-v-5d2e3be8] {
    display: flex;
    justify-content: left
}

ion-toolbar ion-segment-button.md[data-v-5d2e3be8]::part(native) {
    --padding-start: .625rem;
    --padding-end: .625rem;
    --padding-top: .5rem
}

ion-toolbar ion-segment-button.md[data-v-5d2e3be8]::part(indicator) {
    margin-left: auto;
    margin-right: auto
}

ion-toolbar ion-segment-button.md[data-v-5d2e3be8]::part(indicator-background) {
    height: .125rem;
    background: var(--color-segment-md-indicator)
}

ion-toolbar ion-segment-button.md ion-label[data-v-5d2e3be8] {
    margin-top: 0;
    margin-bottom: 0;
    text-transform: none
}

ion-content.side[data-v-5d2e3be8] {
    --padding-start: .875rem;
    --padding-top: .625rem;
    max-width: 5.3125rem
}

ion-content.side ion-segment[data-v-5d2e3be8] {
    --background: transparent
}

ion-content.side ion-segment-button.ios[data-v-5d2e3be8] {
    --background: var(--color-bg-segment-ios);
    --indicator-color: var(--color-bg-third);
    --padding-start: 0;
    --padding-end: 0;
    --padding-top: 2px;
    --padding-bottom: 2px;
    margin-top: 0;
    margin-bottom: 6px;
    text-transform: capitalize;
    min-width: 0;
    min-height: 3.5rem
}

ion-content#main[data-v-5d2e3be8] {
    --padding-start: 12px;
    --padding-end: 12px;
    --padding-top: 10px
}

ion-content#main ion-item[data-v-5d2e3be8] {
    --background: transparent;
    --inner-padding-end: 0px;
    --border-radius: 10px;
    --padding-start: 15px;
    --padding-end: 15px;
    --padding-top: 0;
    --padding-bottom: 0;
    --inner-border-width: 0px;
    --min-height: 7.5rem;
    --height: 7.5rem;
    --max-height: 7.5rem
}

ion-item[data-v-5d2e3be8]::part(native) {
    padding-inline-end: 0px;
    background-repeat: no-repeat;
    background-size: 100%
}

.color-primary-600[data-v-c410502a] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-c410502a] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-c410502a] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-c410502a] {
    color: var(--color-primary-900)
}

.bg-100[data-v-c410502a] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-c410502a] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-c410502a] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-c410502a] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-c410502a] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-c410502a] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-c410502a] {
    background-color: var(--color-warning)
}

.bg-link[data-v-c410502a] {
    background-color: var(--color-link)
}

.bg-danger[data-v-c410502a] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-c410502a] {
    color: var(--color-text-100)
}

.color-text-80[data-v-c410502a] {
    color: var(--color-text-80)
}

.color-text-50[data-v-c410502a] {
    color: var(--color-text-50)
}

.color-text-40[data-v-c410502a] {
    color: var(--color-text-40)
}

.color-text-20[data-v-c410502a] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-c410502a] {
    color: var(--color-currency)
}

.color-warning[data-v-c410502a] {
    color: var(--color-warning)
}

.color-danger[data-v-c410502a] {
    color: var(--color-danger)
}

.color-link[data-v-c410502a] {
    color: var(--color-link)
}

.color-line[data-v-c410502a] {
    color: var(--color-line)
}

.color-border[data-v-c410502a] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-c410502a] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-c410502a] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-c410502a] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-c410502a] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-c410502a] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-c410502a] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-c410502a] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-c410502a] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-c410502a] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-c410502a] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-c410502a] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-c410502a] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-c410502a] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-c410502a] {
    display: flex;
    align-items: center
}

.flex-start[data-v-c410502a] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-c410502a] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-c410502a] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-c410502a] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-c410502a] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-c410502a] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-c410502a] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-c410502a] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-c410502a] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-c410502a] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-c410502a] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-c410502a] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-c410502a] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-c410502a] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-c410502a] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-c410502a] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-c410502a] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-c410502a] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-c410502a] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-c410502a] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-c410502a] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-c410502a] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-c410502a] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-c410502a] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-c410502a],
.mlm-selected-item[data-v-c410502a] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-c410502a] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-c410502a]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-c410502a] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-c410502a] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-c410502a] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-col[data-v-c410502a] {
    padding-inline-start: 0;
    padding-inline-end: 0;
    padding-top: 0;
    padding-bottom: 0
}

.label[data-v-c410502a] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.label .title[data-v-c410502a] {
    font-family: Nunito;
    font-size: 2rem;
    line-height: 1;
    font-weight: 900;
    background: var(--footer-title-color);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.label .sub[data-v-c410502a] {
    color: var(--footer-sub-color);
    font-size: .75rem;
    font-weight: 600;
    line-height: 1.5
}

div.content[data-v-c410502a] {
    color: var(--footer-content-color);
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.5
}

div.left[data-v-599c890e] {
    background: linear-gradient(90deg, var(--color-bg-300) 46.36%, rgba(28, 35, 52, 0) 100%)
}

div.right[data-v-599c890e] {
    background: linear-gradient(270deg, var(--color-bg-300), rgba(28, 35, 52, 0) 100%)
}

.marquee[data-v-599c890e] {
    color: var(--marquee-color);
    font-weight: var(--marquee-weight);
    font-size: var(--marquee-size);
    flex: 1;
    overflow: hidden
}

.marquee-box[data-v-599c890e] {
    box-sizing: border-box;
    background: var(--color-bg-200)
}

.color-primary-600[data-v-6fc88dd9] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-6fc88dd9] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-6fc88dd9] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-6fc88dd9] {
    color: var(--color-primary-900)
}

.bg-100[data-v-6fc88dd9] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-6fc88dd9] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-6fc88dd9] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-6fc88dd9] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-6fc88dd9] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-6fc88dd9] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-6fc88dd9] {
    background-color: var(--color-warning)
}

.bg-link[data-v-6fc88dd9] {
    background-color: var(--color-link)
}

.bg-danger[data-v-6fc88dd9] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-6fc88dd9] {
    color: var(--color-text-100)
}

.color-text-80[data-v-6fc88dd9] {
    color: var(--color-text-80)
}

.color-text-50[data-v-6fc88dd9] {
    color: var(--color-text-50)
}

.color-text-40[data-v-6fc88dd9] {
    color: var(--color-text-40)
}

.color-text-20[data-v-6fc88dd9] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-6fc88dd9] {
    color: var(--color-currency)
}

.color-warning[data-v-6fc88dd9] {
    color: var(--color-warning)
}

.color-danger[data-v-6fc88dd9] {
    color: var(--color-danger)
}

.color-link[data-v-6fc88dd9] {
    color: var(--color-link)
}

.color-line[data-v-6fc88dd9] {
    color: var(--color-line)
}

.color-border[data-v-6fc88dd9] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-6fc88dd9] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-6fc88dd9] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-6fc88dd9] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-6fc88dd9] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-6fc88dd9] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-6fc88dd9] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-6fc88dd9] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-6fc88dd9] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-6fc88dd9] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-6fc88dd9] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-6fc88dd9] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-6fc88dd9] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-6fc88dd9] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-6fc88dd9] {
    display: flex;
    align-items: center
}

.flex-start[data-v-6fc88dd9] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-6fc88dd9] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-6fc88dd9] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-6fc88dd9] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-6fc88dd9] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-6fc88dd9] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-6fc88dd9] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-6fc88dd9] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-6fc88dd9] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-6fc88dd9] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-6fc88dd9] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-6fc88dd9] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-6fc88dd9] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-6fc88dd9] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-6fc88dd9] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-6fc88dd9] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-6fc88dd9] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-6fc88dd9] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-6fc88dd9] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-6fc88dd9] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-6fc88dd9] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-6fc88dd9] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-6fc88dd9] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-6fc88dd9] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-6fc88dd9],
.mlm-selected-item[data-v-6fc88dd9] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-6fc88dd9] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-6fc88dd9]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-6fc88dd9] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-6fc88dd9] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-6fc88dd9] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.activity-bar[data-v-6fc88dd9] {
    margin-top: 1rem
}

.color-primary-600[data-v-02655b1c] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-02655b1c] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-02655b1c] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-02655b1c] {
    color: var(--color-primary-900)
}

.bg-100[data-v-02655b1c] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-02655b1c] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-02655b1c] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-02655b1c] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-02655b1c] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-02655b1c] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-02655b1c] {
    background-color: var(--color-warning)
}

.bg-link[data-v-02655b1c] {
    background-color: var(--color-link)
}

.bg-danger[data-v-02655b1c] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-02655b1c] {
    color: var(--color-text-100)
}

.color-text-80[data-v-02655b1c] {
    color: var(--color-text-80)
}

.color-text-50[data-v-02655b1c] {
    color: var(--color-text-50)
}

.color-text-40[data-v-02655b1c] {
    color: var(--color-text-40)
}

.color-text-20[data-v-02655b1c] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-02655b1c] {
    color: var(--color-currency)
}

.color-warning[data-v-02655b1c] {
    color: var(--color-warning)
}

.color-danger[data-v-02655b1c] {
    color: var(--color-danger)
}

.color-link[data-v-02655b1c] {
    color: var(--color-link)
}

.color-line[data-v-02655b1c] {
    color: var(--color-line)
}

.color-border[data-v-02655b1c] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-02655b1c] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-02655b1c] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-02655b1c] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-02655b1c] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-02655b1c] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-02655b1c] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-02655b1c] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-02655b1c] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-02655b1c] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-02655b1c] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-02655b1c] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-02655b1c] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-02655b1c] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-02655b1c] {
    display: flex;
    align-items: center
}

.flex-start[data-v-02655b1c] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-02655b1c] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-02655b1c] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-02655b1c] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-02655b1c] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-02655b1c] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-02655b1c] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-02655b1c] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-02655b1c] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-02655b1c] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-02655b1c] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-02655b1c] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-02655b1c] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-02655b1c] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-02655b1c] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-02655b1c] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-02655b1c] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-02655b1c] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-02655b1c] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-02655b1c] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-02655b1c] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-02655b1c] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-02655b1c] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-02655b1c] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-02655b1c],
.mlm-selected-item[data-v-02655b1c] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-02655b1c] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-02655b1c]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-02655b1c] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-02655b1c] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-02655b1c] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

p.title[data-v-02655b1c] {
    color: var(--trilateral-cooperation-color)
}

.sub[data-v-02655b1c] {
    font-size: .75rem;
    font-weight: 600;
    color: var(--trilateral-cooperation-color-1)
}

.box-container[data-v-02655b1c] {
    display: flex;
    column-gap: .75rem
}

.box-container .box[data-v-02655b1c] {
    position: relative;
    overflow: hidden;
    background: var(--install-box-bg);
    border-radius: 10px;
    border: 1px solid var(--dark-line-stroke-line, #5F588C)
}

.box-container .box[data-v-02655b1c]:nth-child(1) {
    margin-left: -.5rem
}

.box-container .box[data-v-02655b1c]:nth-child(2) {
    margin-right: -.5rem
}

.box-container .box .label>p[data-v-02655b1c]:nth-child(1) {
    font-weight: 400;
    color: var(--text-color-light-purple-2-100)
}

.box-container .box .label>p[data-v-02655b1c]:nth-child(2) {
    font-weight: 500;
    color: var(--text-color-light-purple-1-100)
}

ion-buttons[data-v-6fcb778d] {
    background: var(--color-menu-btn-bg);
    min-height: 0;
    --padding-top: 12px;
    --padding-bottom: 12px;
    border-radius: 12px;
    background: var(--Dark-BG-color-dark-purple-100, #3B3466);
    box-shadow: 0 4px 6px -2px rgba(0, 0, 0, .06)
}

.color-primary-600[data-v-1eebe15d] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-1eebe15d] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-1eebe15d] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-1eebe15d] {
    color: var(--color-primary-900)
}

.bg-100[data-v-1eebe15d] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-1eebe15d] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-1eebe15d] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-1eebe15d] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-1eebe15d] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-1eebe15d] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-1eebe15d] {
    background-color: var(--color-warning)
}

.bg-link[data-v-1eebe15d] {
    background-color: var(--color-link)
}

.bg-danger[data-v-1eebe15d] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-1eebe15d] {
    color: var(--color-text-100)
}

.color-text-80[data-v-1eebe15d] {
    color: var(--color-text-80)
}

.color-text-50[data-v-1eebe15d] {
    color: var(--color-text-50)
}

.color-text-40[data-v-1eebe15d] {
    color: var(--color-text-40)
}

.color-text-20[data-v-1eebe15d] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-1eebe15d] {
    color: var(--color-currency)
}

.color-warning[data-v-1eebe15d] {
    color: var(--color-warning)
}

.color-danger[data-v-1eebe15d] {
    color: var(--color-danger)
}

.color-link[data-v-1eebe15d] {
    color: var(--color-link)
}

.color-line[data-v-1eebe15d] {
    color: var(--color-line)
}

.color-border[data-v-1eebe15d] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-1eebe15d] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-1eebe15d] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-1eebe15d] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-1eebe15d] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-1eebe15d] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-1eebe15d] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-1eebe15d] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-1eebe15d] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-1eebe15d] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-1eebe15d] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-1eebe15d] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-1eebe15d] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-1eebe15d] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-1eebe15d] {
    display: flex;
    align-items: center
}

.flex-start[data-v-1eebe15d] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-1eebe15d] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-1eebe15d] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-1eebe15d] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-1eebe15d] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-1eebe15d] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-1eebe15d] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-1eebe15d] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-1eebe15d] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-1eebe15d] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-1eebe15d] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-1eebe15d] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-1eebe15d] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-1eebe15d] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-1eebe15d] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-1eebe15d] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-1eebe15d] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-1eebe15d] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-1eebe15d] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-1eebe15d] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-1eebe15d] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-1eebe15d] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-1eebe15d] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-1eebe15d] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-1eebe15d],
.mlm-selected-item[data-v-1eebe15d] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-1eebe15d] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-1eebe15d]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-1eebe15d] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-1eebe15d] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-1eebe15d] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.header[data-v-1eebe15d] {
    --padding-end: .9375rem
}

div.assets-box[data-v-1eebe15d] {
    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: .75rem;
    height: 1.875rem
}

div.assets-box .currency[data-v-1eebe15d] {
    margin-right: .25rem
}

div.assets-box .wallet[data-v-1eebe15d] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .1875rem .185rem;
    border-radius: 50%;
    margin-left: .375rem
}

div.primaryBtn[data-v-1eebe15d] {
    display: flex;
    align-items: center
}

ion-button.btn[data-v-1eebe15d] {
    --padding-start: 0;
    --padding-end: 0
}

ion-button.search[data-v-1eebe15d] {
    padding-left: .5rem;
    margin: 0
}

ion-button.earth[data-v-1eebe15d] {
    flex-shrink: 0;
    padding-left: .5rem;
    margin: 0
}

ion-popover#language .flag[data-v-1eebe15d] {
    border-radius: .75rem;
    font-size: 1.25rem;
    margin-right: .5rem
}

ion-popover#language[data-v-1eebe15d]::part(content) {
    margin-top: 1.5rem;
    margin-left: .125rem;
    border-radius: .375rem;
    width: max-content
}

ion-popover ion-button[data-v-1eebe15d] {
    --color: var(--color-text-100);
    --padding-top: 0;
    --padding-bottom: 0;
    --border-radius: 0;
    margin-inline: 0;
    margin-top: 0;
    margin-bottom: 0;
    height: 3.25rem;
    align-self: flex-start
}

.init-btn[data-v-1eebe15d] {
    --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: 400;
    line-height: 1;
    min-height: min-content;
    --border-radius: .375rem
}

.unset-btn[data-v-1eebe15d] {
    --padding-top: 0;
    --padding-bottom: 0;
    --padding-start: 0;
    --padding-end: 0;
    min-width: min-content
}

.outline-btn[data-v-1eebe15d] {
    --border-width: .0625rem;
    --border-style: solid
}

.outline-btn.login[data-v-1eebe15d] {
    --background: #1A223A;
    --color: #1F8AE4;
    --border-color: #1F8AE4
}

.outline-btn.login[data-v-1eebe15d]::part(native) {
    color: #1f8ae4
}

.outline-btn.register[data-v-1eebe15d] {
    --background: #3C3834;
    --color: #FBA531;
    --border-color: #FBA531
}

.outline-btn.register[data-v-1eebe15d]::part(native) {
    color: #fba531
}

.icon-btn[data-v-1eebe15d] {
    font-size: 1.375rem
}

.home-type-Platform .icon-btn[data-v-1eebe15d] {
    font-size: 1.5rem
}

.home-type-Platform .login[data-v-1eebe15d],
.home-type-Platform .register[data-v-1eebe15d] {
    text-transform: uppercase;
    --padding-start: .25rem;
    --padding-end: .25rem;
    font-weight: 700
}

.btn-margin+.btn-margin[data-v-1eebe15d] {
    margin-inline-start: .625rem
}

div.assets-box[data-v-1eebe15d] {
    font-size: .875rem
}

ion-toolbar.header[data-v-1eebe15d] {
    --padding-start: .75rem;
    --padding-top: 0;
    --padding-bottom: 0;
    --padding-end: .75rem;
    --background: transparent
}

.login[data-v-1eebe15d],
.register[data-v-1eebe15d] {
    --button-font-weight: 900;
    --layout-radius-basic: 10px;
    --button-font-size: 10px;
    min-width: 3rem
}

[data-v-1eebe15d] .button .login.second-button,
[data-v-1eebe15d] .button .register.second-button {
    --padding-start: .125rem;
    --padding-end: .125rem
}

.login[data-v-1eebe15d] {
    --ion-toolbar-color: var(--bg-inicio-HeaderBar-btn-login);
    --ion-toolbar-background: var(--bg-inicio-HeaderBar-btn-login)
}

.register[data-v-1eebe15d] {
    --ion-toolbar-color: var(--bg-inicio-HeaderBar-btn-register);
    --ion-toolbar-background: var(--bg-inicio-HeaderBar-btn-register)
}

ion-button.btn[data-v-1eebe15d] {
    width: 30px;
    height: 30px;
    --border-width: 1px;
    --border-style: solid;
    --border-radius: 10px;
    --border-color: var(--line-color)
}

ion-button.btn ion-icon[data-v-1eebe15d] {
    color: var(--text-color-light-purple-1-100)
}

div.assets-box[data-v-1eebe15d] {
    font-weight: 400;
    background: var(--bg-inicio-HeaderBar-assets);
    border: 1px solid transparent;
    border-radius: .625rem;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box
}

div.assets-box .assets-box-number[data-v-1eebe15d] {
    color: var(--color-base)
}

p.currency[data-v-1eebe15d] {
    color: var(--color-inicio-HeaderBar-assets-prefix)
}

div.wallet[data-v-1eebe15d] {
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--bg-inicio-HeaderBar-assets-icon)
}

div.wallet ion-icon[data-v-1eebe15d] {
    color: var(--color-inicio-HeaderBar-assets-icon)
}

ion-button.btn[data-v-1eebe15d] {
    width: 30px;
    height: 30px;
    --padding-start: 0;
    --padding-end: 0;
    --border-width: 1px;
    --border-style: solid;
    --border-radius: 10px;
    --background: var(--bg-inicio-HeaderBar-btn);
    --border-color: var(--line-color);
    --color: var(--color-base)
}

ion-popover#language[data-v-1eebe15d]::part(content) {
    margin-top: 1.5rem;
    margin-left: .125rem;
    width: max-content;
    border-radius: .375rem
}

ion-popover ion-button[data-v-1eebe15d] {
    --color: var(--color-text-100);
    --padding-top: 0;
    --padding-bottom: 0;
    --border-radius: 0;
    margin-inline: 0;
    margin-top: 0;
    margin-bottom: 0;
    height: 3.25rem
}

.register-btn-warpper[data-v-1eebe15d] {
    min-width: 3.2rem;
    position: relative
}

.register-btn-warpper .rewardTag[data-v-1eebe15d] {
    position: absolute;
    top: -.5rem;
    right: -.5rem;
    z-index: 10
}

.box[data-v-c543d6f3] {
    width: 4rem
}

.image-style[data-v-c543d6f3] {
    object-fit: contain
}

p.title[data-v-c543d6f3] {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5;
    color: var(--color-base)
}

p.sub[data-v-c543d6f3] {
    font-size: .75rem;
    font-weight: 600;
    line-height: 1.5;
    color: var(--color-secondary)
}

div.line[data-v-c543d6f3] {
    background: var(--line-color)
}

.color-primary-600[data-v-7b1f76d1] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-7b1f76d1] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-7b1f76d1] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-7b1f76d1] {
    color: var(--color-primary-900)
}

.bg-100[data-v-7b1f76d1] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-7b1f76d1] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-7b1f76d1] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-7b1f76d1] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-7b1f76d1] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-7b1f76d1] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-7b1f76d1] {
    background-color: var(--color-warning)
}

.bg-link[data-v-7b1f76d1] {
    background-color: var(--color-link)
}

.bg-danger[data-v-7b1f76d1] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-7b1f76d1] {
    color: var(--color-text-100)
}

.color-text-80[data-v-7b1f76d1] {
    color: var(--color-text-80)
}

.color-text-50[data-v-7b1f76d1] {
    color: var(--color-text-50)
}

.color-text-40[data-v-7b1f76d1] {
    color: var(--color-text-40)
}

.color-text-20[data-v-7b1f76d1] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-7b1f76d1] {
    color: var(--color-currency)
}

.color-warning[data-v-7b1f76d1] {
    color: var(--color-warning)
}

.color-danger[data-v-7b1f76d1] {
    color: var(--color-danger)
}

.color-link[data-v-7b1f76d1] {
    color: var(--color-link)
}

.color-line[data-v-7b1f76d1] {
    color: var(--color-line)
}

.color-border[data-v-7b1f76d1] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-7b1f76d1] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-7b1f76d1] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-7b1f76d1] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-7b1f76d1] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-7b1f76d1] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-7b1f76d1] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-7b1f76d1] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-7b1f76d1] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-7b1f76d1] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-7b1f76d1] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-7b1f76d1] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-7b1f76d1] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-7b1f76d1] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-7b1f76d1] {
    display: flex;
    align-items: center
}

.flex-start[data-v-7b1f76d1] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-7b1f76d1] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-7b1f76d1] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-7b1f76d1] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-7b1f76d1] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-7b1f76d1] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-7b1f76d1] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-7b1f76d1] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-7b1f76d1] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-7b1f76d1] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-7b1f76d1] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-7b1f76d1] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-7b1f76d1] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-7b1f76d1] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-7b1f76d1] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-7b1f76d1] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-7b1f76d1] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-7b1f76d1] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-7b1f76d1] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-7b1f76d1] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-7b1f76d1] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-7b1f76d1] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-7b1f76d1] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-7b1f76d1] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-7b1f76d1],
.mlm-selected-item[data-v-7b1f76d1] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-7b1f76d1] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-7b1f76d1]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-7b1f76d1] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-7b1f76d1] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-7b1f76d1] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-segment[data-v-7b1f76d1] {
    --background: transparent;
    border-radius: 0;
    width: 100%;
    display: flex
}

ion-segment-button.init-segment[data-v-7b1f76d1] {
    flex-shrink: 0;
    --padding-start: 0;
    --padding-end: 0;
    --padding-top: 0;
    --padding-bottom: 0;
    height: min-content;
    min-width: min-content;
    margin: 0;
    --background: transparent;
    --indicator-transition: none;
    --indicator-color: transparent;
    --indicator-box-shadow: none
}

ion-segment-button[data-v-7b1f76d1]:first-child {
    margin-left: auto
}

ion-segment-button[data-v-7b1f76d1]:last-child {
    margin-right: auto
}

ion-segment-button.segment-button-checked[data-v-7b1f76d1] {
    animation: fadeToTransparent-7b1f76d1 .6s linear forwards
}

ion-segment-button.segment-button-disabled[data-v-7b1f76d1] {
    opacity: 1
}

ion-segment-button.ios[data-v-7b1f76d1]::part(indicator) {
    padding-inline: 0
}

ion-segment-button.ios[data-v-7b1f76d1]::part(indicator-background) {
    background: transparent
}

ion-segment-button[data-v-7b1f76d1]::part(native) {
    display: flex;
    flex-flow: column
}

ion-icon[data-v-7b1f76d1] {
    color: var(--text-color-white-100)
}

ion-icon.popular[data-v-7b1f76d1] {
    color: var(--color-svg-popular)
}

.btn-wall[data-v-7b1f76d1] {
    width: 3.875rem;
    display: flex;
    flex-direction: column;
    align-items: center
}

.btn-wall .icon-box[data-v-7b1f76d1] {
    width: 3rem;
    height: 3rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: .625rem;
    border: .0625rem solid var(--dark-line-stroke-line, #5F588C);
    background: var(--Dark-BG-color-dark-purple-100, #3B3466)
}

.btn-wall .icon-box ion-icon[data-v-7b1f76d1]:nth-child(1) {
    font-size: 3rem
}

.btn-wall .icon-box ion-icon[data-v-7b1f76d1]:nth-child(2) {
    font-size: 1.625rem
}

.btn-wall .label[data-v-7b1f76d1] {
    font-size: .75rem;
    color: var(--navigation-button-color);
    font-weight: var(--font-weight-regular);
    text-transform: uppercase;
    margin-top: 0;
    width: 100%
}

@keyframes fadeToTransparent-7b1f76d1 {
    0% {
        --background-checked: var(--color-bg-400)
    }

    to {
        --background-checked: var(--color-button-bg-gray)
    }
}

div.watermark[data-v-f27f466a] {
    position: relative;
    z-index: 9;
    overflow: hidden;
    background-color: var(--bg-inicio-watermark)
}

div.support[data-v-f27f466a] {
    border-radius: 1rem;
    background: var(--bg-inicio-float-btn1)
}

div.to-top-box[data-v-f27f466a] {
    background: var(--bg-inicio-float-btn2)
}

ion-icon.to-top[data-v-f27f466a] {
    color: var(--color-theme-base)
}

span.to-top-text[data-v-f27f466a] {
    color: var(--color-base)
}

.color-primary-600[data-v-8845412f] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-8845412f] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-8845412f] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-8845412f] {
    color: var(--color-primary-900)
}

.bg-100[data-v-8845412f] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-8845412f] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-8845412f] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-8845412f] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-8845412f] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-8845412f] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-8845412f] {
    background-color: var(--color-warning)
}

.bg-link[data-v-8845412f] {
    background-color: var(--color-link)
}

.bg-danger[data-v-8845412f] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-8845412f] {
    color: var(--color-text-100)
}

.color-text-80[data-v-8845412f] {
    color: var(--color-text-80)
}

.color-text-50[data-v-8845412f] {
    color: var(--color-text-50)
}

.color-text-40[data-v-8845412f] {
    color: var(--color-text-40)
}

.color-text-20[data-v-8845412f] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-8845412f] {
    color: var(--color-currency)
}

.color-warning[data-v-8845412f] {
    color: var(--color-warning)
}

.color-danger[data-v-8845412f] {
    color: var(--color-danger)
}

.color-link[data-v-8845412f] {
    color: var(--color-link)
}

.color-line[data-v-8845412f] {
    color: var(--color-line)
}

.color-border[data-v-8845412f] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-8845412f] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-8845412f] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-8845412f] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-8845412f] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-8845412f] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-8845412f] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-8845412f] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-8845412f] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-8845412f] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-8845412f] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-8845412f] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-8845412f] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-8845412f] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-8845412f] {
    display: flex;
    align-items: center
}

.flex-start[data-v-8845412f] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-8845412f] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-8845412f] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-8845412f] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-8845412f] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-8845412f] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-8845412f] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-8845412f] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-8845412f] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-8845412f] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-8845412f] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-8845412f] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-8845412f] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-8845412f] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-8845412f] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-8845412f] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-8845412f] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-8845412f] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-8845412f] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-8845412f] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-8845412f] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-8845412f] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-8845412f] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-8845412f] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-8845412f],
.mlm-selected-item[data-v-8845412f] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-8845412f] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-8845412f]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-8845412f] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-8845412f] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-8845412f] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-modal#avatar[data-v-8845412f] {
    --height: 100%
}

.text-base[data-v-8845412f] {
    color: var(--text-color-light-purple-1-100)
}

.avatar-main[data-v-8845412f] {
    background: var(--color-bg-300)
}

.avatar-main .avatar-tab[data-v-8845412f] {
    background: #22203b
}

.avatar-main .avatar-tab ion-col[data-v-8845412f] {
    height: 3rem;
    color: var(--text-color-light-purple-2-100);
    border-bottom: none
}

.avatar-main .avatar-tab ion-col span[data-v-8845412f] {
    font-size: var(--font-size-12);
    line-height: 1.3125rem
}

.avatar-main .avatar-tab ion-col.select-female-border[data-v-8845412f] {
    color: var(--text-color-light-purple-1-100);
    position: relative
}

.avatar-main .avatar-tab ion-col.select-female-border span[data-v-8845412f] {
    font-weight: var(--font-weight-bold)
}

.avatar-main .avatar-tab ion-col.select-female-border[data-v-8845412f]:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .125rem;
    background: var(--gradients-indicatorLine)
}

.avatar-main[data-v-8845412f]:after {
    content: "";
    position: absolute;
    border-radius: 263px;
    width: 16.4375rem;
    height: 3.125rem;
    opacity: .2;
    top: 0;
    left: -4.25rem;
    background: var(--theme-color-400);
    filter: blur(31.64999962px);
    z-index: 10;
    pointer-events: none
}

.avatar-main[data-v-8845412f]:before {
    content: "";
    position: absolute;
    width: 7.0625rem;
    height: 3.125rem;
    opacity: .19;
    top: 0;
    right: -.5rem;
    background: var(--gradients-green);
    filter: blur(31.64999962px);
    z-index: 10;
    pointer-events: none
}

ion-toolbar[data-v-8845412f] {
    --background: transparent;
    height: 3.125rem
}

ion-toolbar ion-title[data-v-8845412f] {
    font-weight: var(--font-weight-medium);
    --color: var(--text-color-light-purple-1-100)
}

div.overflow-y-auto[data-v-8845412f] {
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none
}

div.overflow-y-auto[data-v-8845412f]::-webkit-scrollbar {
    display: none
}

.money-color[data-v-cd92648f] {
    color: var(--balance-money-text-color) !important
}

.color-text-currency[data-v-cd92648f] {
    color: var(--balance-money-text-color)
}

.refresh-icon[data-v-cd92648f] {
    color: rgba(255, 255, 255, .4)
}

.color-primary-600[data-v-ef29b6ff] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-ef29b6ff] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-ef29b6ff] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-ef29b6ff] {
    color: var(--color-primary-900)
}

.bg-100[data-v-ef29b6ff] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-ef29b6ff] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-ef29b6ff] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-ef29b6ff] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-ef29b6ff] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-ef29b6ff] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-ef29b6ff] {
    background-color: var(--color-warning)
}

.bg-link[data-v-ef29b6ff] {
    background-color: var(--color-link)
}

.bg-danger[data-v-ef29b6ff] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-ef29b6ff] {
    color: var(--color-text-100)
}

.color-text-80[data-v-ef29b6ff] {
    color: var(--color-text-80)
}

.color-text-50[data-v-ef29b6ff] {
    color: var(--color-text-50)
}

.color-text-40[data-v-ef29b6ff] {
    color: var(--color-text-40)
}

.color-text-20[data-v-ef29b6ff] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-ef29b6ff] {
    color: var(--color-currency)
}

.color-warning[data-v-ef29b6ff] {
    color: var(--color-warning)
}

.color-danger[data-v-ef29b6ff] {
    color: var(--color-danger)
}

.color-link[data-v-ef29b6ff] {
    color: var(--color-link)
}

.color-line[data-v-ef29b6ff] {
    color: var(--color-line)
}

.color-border[data-v-ef29b6ff] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-ef29b6ff] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-ef29b6ff] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-ef29b6ff] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-ef29b6ff] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-ef29b6ff] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-ef29b6ff] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-ef29b6ff] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-ef29b6ff] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-ef29b6ff] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-ef29b6ff] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-ef29b6ff] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-ef29b6ff] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-ef29b6ff] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-ef29b6ff] {
    display: flex;
    align-items: center
}

.flex-start[data-v-ef29b6ff] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-ef29b6ff] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-ef29b6ff] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-ef29b6ff] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-ef29b6ff] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-ef29b6ff] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-ef29b6ff] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-ef29b6ff] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-ef29b6ff] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-ef29b6ff] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-ef29b6ff] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-ef29b6ff] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-ef29b6ff] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-ef29b6ff] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-ef29b6ff] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-ef29b6ff] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-ef29b6ff] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-ef29b6ff] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-ef29b6ff] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-ef29b6ff] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-ef29b6ff] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-ef29b6ff] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-ef29b6ff] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-ef29b6ff] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-ef29b6ff],
.mlm-selected-item[data-v-ef29b6ff] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-ef29b6ff] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-ef29b6ff]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-ef29b6ff] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-ef29b6ff] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-ef29b6ff] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.user-base-info[data-v-ef29b6ff] {
    min-height: 9.81rem;
    background-color: var(--color-bg-300);
    background-image: url(/second/user/second-my-bg.png);
    background-repeat: no-repeat;
    background-size: 100% auto
}

.user-base-info .avatar-info[data-v-ef29b6ff] {
    --size: 3.25rem;
    --border-radius: 50%
}

.user-base-info .user-phone[data-v-ef29b6ff] {
    color: #bdb8e1
}

.user-base-info .user-id[data-v-ef29b6ff] {
    color: #686299
}

.user-base-info .user-id .copy-icon[data-v-ef29b6ff] {
    color: #bdb8e1
}

.user-base-info .base-balance[data-v-ef29b6ff] {
    border-right: 1px solid var(--line-color)
}

.user-base-info .title-color[data-v-ef29b6ff] {
    color: #bdb8e1
}

.user-base-info .money-color[data-v-ef29b6ff] {
    color: var(--balance-money-text-color)
}

.user-base-info .withdraw-btn[data-v-ef29b6ff],
.user-base-info .entrar-btn[data-v-ef29b6ff] {
    flex: 1;
    border-radius: var(--rounded-large);
    position: relative;
    padding: .5313rem 0 .5938rem;
    background: linear-gradient(316.85deg, #7041f3 2.45%, #f5c84c 105.89%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent
}

.user-base-info .withdraw-btn[data-v-ef29b6ff]:before,
.user-base-info .entrar-btn[data-v-ef29b6ff]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: var(--rounded-large);
    padding: 1px;
    background: linear-gradient(316.85deg, #7041f3 2.45%, #f5c84c 105.89%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude
}

ion-icon.cust-icon[data-v-ef29b6ff] {
    color: #7041f3
}

ion-content[data-v-ef29b6ff] {
    --background: var(--color-bg-300)
}

.card-bg-gradient[data-v-ef29b6ff] {
    border-radius: var(--rounded-middle);
    background: var(--my-card-bg-gradient)
}

.navigation-item[data-v-ef29b6ff] {
    font-size: var(--font-size-14);
    color: #bdb8e1;
    line-height: 1.5rem
}

.invite-item[data-v-ef29b6ff] {
    font-size: .625rem;
    color: #686299
}

.red-points[data-v-ef29b6ff] {
    min-width: 2rem;
    font-size: .75rem;
    line-height: 1.125rem;
    color: var(--text-color-white-100);
    background: var(--color-danger)
}

.my-vip[data-v-ef29b6ff] {
    height: 11.875rem;
    background: var(--3067b570) no-repeat;
    background-position: bottom 0 left 0;
    background-size: 100% 11.25rem;
    padding: 1.6rem .8125rem .8125rem
}

.my-vip .vip-detail[data-v-ef29b6ff] {
    width: 7.0938rem;
    height: 2.875rem;
    padding: 0 .625rem;
    background: var(--19680279) no-repeat;
    background-size: 100% 100%
}

.my-vip .vip-detail .to-icon[data-v-ef29b6ff] {
    font-size: 1.0938rem;
    color: var(--vip-info-text-color-40)
}

.my-vip .current-vip-level[data-v-ef29b6ff] {
    font-size: var(--font-size-12);
    margin-left: -1.125rem
}

.level-point[data-v-ef29b6ff] {
    position: absolute;
    transform: translate(-50%, -50%)
}

.need-recharge[data-v-ef29b6ff],
.need-bets[data-v-ef29b6ff] {
    color: var(--vip-info-tips-text-color)
}

.need-recharge p[data-v-ef29b6ff],
.need-bets p[data-v-ef29b6ff] {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: var(--vip-info-tips-text-color);
    margin-right: .625rem
}

.current-recharge[data-v-ef29b6ff] {
    color: var(--color-currency);
    margin-right: .375rem
}

.next-current-vip-level[data-v-ef29b6ff] {
    font-size: var(--font-size-10);
    color: var(--text-color-white-100);
    margin-left: -.6875rem
}

.max-level[data-v-ef29b6ff] {
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.condition-info[data-v-ef29b6ff] {
    margin-top: .9rem
}

ion-progress-bar[data-v-ef29b6ff] {
    --background: var(--progress-base-bg);
    --progress-background: var(--progress-bg)
}

.progress-bar[data-v-ef29b6ff] {
    width: 17.1875rem;
    height: .25rem;
    border-radius: 1rem
}

ion-item[data-v-ef29b6ff] {
    --min-height: 0;
    --padding-end: 0;
    --padding-top: .75rem;
    --padding-bottom: .75rem;
    --padding-start: 0;
    --background: transparent
}

ion-item[data-v-ef29b6ff]::part(detail-icon) {
    font-size: .875rem;
    color: var(--my-card-detail-color)
}

.current-language[data-v-ef29b6ff] {
    color: var(--text-color-white-100)
}

.vip-text-40[data-v-ef29b6ff] {
    color: var(--vip-info-text-color-40)
}

.vip-info-max[data-v-ef29b6ff] {
    color: var(--vip-max-text-color);
    font-size: var(--ep-font-size-xs, .625rem)
}

.card-icon-color[data-v-ef29b6ff] {
    color: #686299
}

.color-primary-600[data-v-2ba67dd5] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-2ba67dd5] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-2ba67dd5] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-2ba67dd5] {
    color: var(--color-primary-900)
}

.bg-100[data-v-2ba67dd5] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-2ba67dd5] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-2ba67dd5] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-2ba67dd5] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-2ba67dd5] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-2ba67dd5] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-2ba67dd5] {
    background-color: var(--color-warning)
}

.bg-link[data-v-2ba67dd5] {
    background-color: var(--color-link)
}

.bg-danger[data-v-2ba67dd5] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-2ba67dd5] {
    color: var(--color-text-100)
}

.color-text-80[data-v-2ba67dd5] {
    color: var(--color-text-80)
}

.color-text-50[data-v-2ba67dd5] {
    color: var(--color-text-50)
}

.color-text-40[data-v-2ba67dd5] {
    color: var(--color-text-40)
}

.color-text-20[data-v-2ba67dd5] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-2ba67dd5] {
    color: var(--color-currency)
}

.color-warning[data-v-2ba67dd5] {
    color: var(--color-warning)
}

.color-danger[data-v-2ba67dd5] {
    color: var(--color-danger)
}

.color-link[data-v-2ba67dd5] {
    color: var(--color-link)
}

.color-line[data-v-2ba67dd5] {
    color: var(--color-line)
}

.color-border[data-v-2ba67dd5] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-2ba67dd5] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-2ba67dd5] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-2ba67dd5] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-2ba67dd5] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-2ba67dd5] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-2ba67dd5] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-2ba67dd5] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-2ba67dd5] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-2ba67dd5] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-2ba67dd5] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-2ba67dd5] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-2ba67dd5] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-2ba67dd5] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-2ba67dd5] {
    display: flex;
    align-items: center
}

.flex-start[data-v-2ba67dd5] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-2ba67dd5] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-2ba67dd5] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-2ba67dd5] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-2ba67dd5] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-2ba67dd5] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-2ba67dd5] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-2ba67dd5] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-2ba67dd5] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-2ba67dd5] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-2ba67dd5] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-2ba67dd5] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-2ba67dd5] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-2ba67dd5] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-2ba67dd5] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-2ba67dd5] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-2ba67dd5] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-2ba67dd5] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-2ba67dd5] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-2ba67dd5] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-2ba67dd5] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-2ba67dd5] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-2ba67dd5] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-2ba67dd5] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-2ba67dd5],
.mlm-selected-item[data-v-2ba67dd5] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-2ba67dd5] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-2ba67dd5]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-2ba67dd5] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-2ba67dd5] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-2ba67dd5] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-item[data-v-2ba67dd5] {
    --background: transparent;
    --padding-start: .625rem;
    --inner-padding-end: .25rem;
    min-height: 3.375rem !important
}

ion-button.verify[data-v-2ba67dd5] {
    --background: linear-gradient(0deg, #0167CA 0%, #38A8FA 100%);
    --border-radius: 10px
}

ion-button.verify.on[data-v-2ba67dd5] {
    --background: #626262;
    --padding-start: 20px;
    --padding-end: 20px
}

.amber-purple body div#app ion-router-outlet>div.ion-page[data-v-2ba67dd5]:before {
    z-index: 10;
    pointer-events: none
}

.color-primary-600[data-v-6727e4e3] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-6727e4e3] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-6727e4e3] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-6727e4e3] {
    color: var(--color-primary-900)
}

.bg-100[data-v-6727e4e3] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-6727e4e3] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-6727e4e3] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-6727e4e3] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-6727e4e3] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-6727e4e3] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-6727e4e3] {
    background-color: var(--color-warning)
}

.bg-link[data-v-6727e4e3] {
    background-color: var(--color-link)
}

.bg-danger[data-v-6727e4e3] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-6727e4e3] {
    color: var(--color-text-100)
}

.color-text-80[data-v-6727e4e3] {
    color: var(--color-text-80)
}

.color-text-50[data-v-6727e4e3] {
    color: var(--color-text-50)
}

.color-text-40[data-v-6727e4e3] {
    color: var(--color-text-40)
}

.color-text-20[data-v-6727e4e3] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-6727e4e3] {
    color: var(--color-currency)
}

.color-warning[data-v-6727e4e3] {
    color: var(--color-warning)
}

.color-danger[data-v-6727e4e3] {
    color: var(--color-danger)
}

.color-link[data-v-6727e4e3] {
    color: var(--color-link)
}

.color-line[data-v-6727e4e3] {
    color: var(--color-line)
}

.color-border[data-v-6727e4e3] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-6727e4e3] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-6727e4e3] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-6727e4e3] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-6727e4e3] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-6727e4e3] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-6727e4e3] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-6727e4e3] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-6727e4e3] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-6727e4e3] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-6727e4e3] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-6727e4e3] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-6727e4e3] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-6727e4e3] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-6727e4e3] {
    display: flex;
    align-items: center
}

.flex-start[data-v-6727e4e3] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-6727e4e3] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-6727e4e3] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-6727e4e3] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-6727e4e3] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-6727e4e3] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-6727e4e3] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-6727e4e3] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-6727e4e3] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-6727e4e3] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-6727e4e3] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-6727e4e3] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-6727e4e3] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-6727e4e3] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-6727e4e3] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-6727e4e3] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-6727e4e3] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-6727e4e3] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-6727e4e3] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-6727e4e3] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-6727e4e3] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-6727e4e3] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-6727e4e3] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-6727e4e3] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-6727e4e3],
.mlm-selected-item[data-v-6727e4e3] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-6727e4e3] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-6727e4e3]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-6727e4e3] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-6727e4e3] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-6727e4e3] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.audit-header[data-v-6727e4e3] {
    margin: 0 0 1rem
}

.audit-header .text[data-v-6727e4e3] {
    color: var(--color-text-100);
    font-size: var(--font-size-14);
    font-weight: var(--font-weight-regular);
    text-align: right
}

.audit-header .text span[data-v-6727e4e3] {
    color: var(--color-currency);
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold)
}

.color-primary-600[data-v-75d62df6] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-75d62df6] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-75d62df6] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-75d62df6] {
    color: var(--color-primary-900)
}

.bg-100[data-v-75d62df6] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-75d62df6] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-75d62df6] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-75d62df6] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-75d62df6] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-75d62df6] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-75d62df6] {
    background-color: var(--color-warning)
}

.bg-link[data-v-75d62df6] {
    background-color: var(--color-link)
}

.bg-danger[data-v-75d62df6] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-75d62df6] {
    color: var(--color-text-100)
}

.color-text-80[data-v-75d62df6] {
    color: var(--color-text-80)
}

.color-text-50[data-v-75d62df6] {
    color: var(--color-text-50)
}

.color-text-40[data-v-75d62df6] {
    color: var(--color-text-40)
}

.color-text-20[data-v-75d62df6] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-75d62df6] {
    color: var(--color-currency)
}

.color-warning[data-v-75d62df6] {
    color: var(--color-warning)
}

.color-danger[data-v-75d62df6] {
    color: var(--color-danger)
}

.color-link[data-v-75d62df6] {
    color: var(--color-link)
}

.color-line[data-v-75d62df6] {
    color: var(--color-line)
}

.color-border[data-v-75d62df6] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-75d62df6] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-75d62df6] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-75d62df6] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-75d62df6] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-75d62df6] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-75d62df6] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-75d62df6] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-75d62df6] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-75d62df6] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-75d62df6] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-75d62df6] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-75d62df6] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-75d62df6] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-75d62df6] {
    display: flex;
    align-items: center
}

.flex-start[data-v-75d62df6] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-75d62df6] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-75d62df6] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-75d62df6] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-75d62df6] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-75d62df6] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-75d62df6] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-75d62df6] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-75d62df6] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-75d62df6] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-75d62df6] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-75d62df6] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-75d62df6] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-75d62df6] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-75d62df6] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-75d62df6] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-75d62df6] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-75d62df6] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-75d62df6] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-75d62df6] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-75d62df6] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-75d62df6] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-75d62df6] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-75d62df6] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-75d62df6],
.mlm-selected-item[data-v-75d62df6] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-75d62df6] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-75d62df6]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-75d62df6] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-75d62df6] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-75d62df6] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-content.first-content[data-v-75d62df6] {
    width: 24.375rem;
    box-sizing: border-box;
    --padding-top: 12px;
    --padding-start: 12px;
    --padding-end: 12px;
    --background: var(--color-bg-300)
}

ion-header ion-toolbar.ios[data-v-75d62df6] {
    --padding-top: 0;
    --padding-bottom: 0;
    background: var(--color-bg-second)
}

ion-toolbar ion-segment.md[data-v-75d62df6] {
    display: flex;
    justify-content: left
}

ion-toolbar ion-segment-button.md[data-v-75d62df6]::part(native) {
    padding: 0
}

ion-toolbar ion-segment-button.md[data-v-75d62df6]::part(indicator) {
    margin-left: auto;
    margin-right: auto
}

.segment-button-checked.md[data-v-75d62df6]::part(native) {
    color: var(--color-text-50)
}

ion-label.active[data-v-75d62df6] {
    color: var(--color-primary-800);
    font-weight: var(--font-weight-bold)
}

ion-label.inactive[data-v-75d62df6] {
    color: var(--color-text-40)
}

ion-toolbar ion-segment-button.md[data-v-75d62df6]::part(indicator-background) {
    background: var(--color-primary-800);
    height: 2px
}

ion-toolbar ion-segment-button.md ion-label[data-v-75d62df6] {
    font-size: .78rem;
    margin-top: 0;
    margin-bottom: 0;
    text-transform: none
}

ion-toolbar ion-segment-button.btn-center[data-v-75d62df6] {
    padding: 0 .5rem
}

.scheme-light ion-header ion-toolbar.ios[data-v-75d62df6] {
    --background: var(--color-bg-400)
}

.scheme-light ion-label.inactive[data-v-75d62df6] {
    color: var(--color-text-secondary-2)
}

.scheme-light .segment-button-checked.md[data-v-75d62df6]::part(native) {
    color: var(--color-text-secondary-1)
}

.scheme-light ion-label.active[data-v-75d62df6] {
    color: var(--color-text-secondary-1)
}

ion-item[data-v-3b439f70]::part(native) {
    padding-inline-start: 0;
    padding-inline-end: 0;
    --ion-safe-area-right: 0;
    min-height: 2.625rem
}

ion-item[data-v-3b439f70] {
    --background: var(--color-bg-second)
}

ion-popover[data-v-3b439f70] {
    --backdrop-opacity: 0
}

ion-popover ion-button[data-v-3b439f70] {
    margin-top: 0;
    margin-bottom: 0
}

ion-popover ion-button[data-v-3b439f70]::part(native) {
    --padding-start: .375rem;
    --padding-end: .375rem;
    --padding-top: 0;
    --padding-bottom: 0
}

ion-icon[data-v-3b439f70] {
    transition: transform .1s linear
}

ion-icon.on[data-v-3b439f70] {
    transform: rotate(180deg)
}

ion-col.select-col[data-v-3b439f70] {
    line-height: .75rem;
    padding: 0 .3125rem .3125rem 0
}

ion-col.select-col[data-v-3b439f70]:nth-child(4),
ion-col.select-col[data-v-3b439f70]:nth-child(4n) {
    padding: 0 0 .3125rem
}

ion-col.lang-col[data-v-3b439f70] {
    font-size: .5rem
}

.board-bg[data-v-3b439f70] {
    background: var(--color-agent-board-bg)
}

.selector-bg[data-v-3b439f70] {
    background: var(--color-agent-select-bg);
    display: flex;
    align-items: center;
    justify-content: space-between
}

.report-selected[data-v-3b439f70] {
    color: var(--color-text-first)
}

.report-select-item[data-v-3b439f70] {
    color: var(--color-text-second);
    font-weight: 600;
    background-color: var(--color-bg-second)
}

.report-selected-item[data-v-3b439f70] {
    color: var(--color-text-first);
    font-weight: 700;
    border: 1px solid var(--report-select-item-border-color);
    background-color: var(--color-bg-third)
}

.color-primary-600[data-v-e159427d] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-e159427d] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-e159427d] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-e159427d] {
    color: var(--color-primary-900)
}

.bg-100[data-v-e159427d] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-e159427d] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-e159427d] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-e159427d] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-e159427d] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-e159427d] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-e159427d] {
    background-color: var(--color-warning)
}

.bg-link[data-v-e159427d] {
    background-color: var(--color-link)
}

.bg-danger[data-v-e159427d] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-e159427d] {
    color: var(--color-text-100)
}

.color-text-80[data-v-e159427d] {
    color: var(--color-text-80)
}

.color-text-50[data-v-e159427d] {
    color: var(--color-text-50)
}

.color-text-40[data-v-e159427d] {
    color: var(--color-text-40)
}

.color-text-20[data-v-e159427d] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-e159427d] {
    color: var(--color-currency)
}

.color-warning[data-v-e159427d] {
    color: var(--color-warning)
}

.color-danger[data-v-e159427d] {
    color: var(--color-danger)
}

.color-link[data-v-e159427d] {
    color: var(--color-link)
}

.color-line[data-v-e159427d] {
    color: var(--color-line)
}

.color-border[data-v-e159427d] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-e159427d] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-e159427d] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-e159427d] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-e159427d] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-e159427d] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-e159427d] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-e159427d] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-e159427d] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-e159427d] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-e159427d] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-e159427d] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-e159427d] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-e159427d] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-e159427d] {
    display: flex;
    align-items: center
}

.flex-start[data-v-e159427d] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-e159427d] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-e159427d] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-e159427d] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-e159427d] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-e159427d] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-e159427d] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-e159427d] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-e159427d] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-e159427d] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-e159427d] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-e159427d] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-e159427d] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-e159427d] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-e159427d] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-e159427d] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-e159427d] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-e159427d] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-e159427d] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-e159427d] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-e159427d] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-e159427d] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-e159427d] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-e159427d] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-e159427d],
.mlm-selected-item[data-v-e159427d] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-e159427d] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-e159427d]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-e159427d] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-e159427d] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-e159427d] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.content-top[data-v-e159427d] {
    width: 100%;
    margin-top: .0625rem;
    display: flex;
    justify-content: center
}

.read-img[data-v-e159427d] {
    width: 1.125rem;
    margin-right: .21875rem
}

.mt-cls[data-v-e159427d] {
    margin-top: .8125rem
}

.item-top[data-v-e159427d] {
    margin-bottom: 1.171875rem;
    z-index: 30
}

.item-top-tips[data-v-e159427d] {
    margin-left: .75rem;
    width: 100%
}

[data-v-e159427d] .announcement-content p img {
    margin-bottom: 1.3125rem
}

ion-button.read-all-btn[data-v-e159427d] {
    min-height: 0;
    min-width: 0;
    margin: 0;
    --background: linear-gradient(180deg, #5A25E9 0%, #7E45D2 100%);
    --color: #BDB8E1;
    --border-radius: 1.8125rem
}

ion-button.read-all-btn[data-v-e159427d]::part(native) {
    padding: .1875rem .9113rem .25rem .6875rem;
    font-weight: 500;
    font-size: .75rem;
    line-height: 1.3125rem
}

.message-content[data-v-e159427d] {
    font-weight: 600;
    color: var(--my-card-detail-color)
}

.announcement-msg[data-v-e159427d] {
    padding: .75rem .5313rem .9375rem .8125rem;
    font-size: .625rem;
    line-height: .9375rem;
    color: rgba(255, 255, 255, .4);
    margin-bottom: .625rem;
    border-radius: var(--rounded-large);
    background: var(--color-bg-200)
}

.announcement-msg .item-title[data-v-e159427d] {
    font-weight: 600
}

.msg-content[data-v-e159427d] {
    margin-bottom: .75rem;
    z-index: 30;
    display: flex;
    align-items: center
}

.msg-content .icon-msg-wrap[data-v-e159427d] {
    width: 2.25rem;
    height: 2.25rem;
    min-width: 2.25rem;
    min-height: 2.25rem;
    border-radius: 1.125rem;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--color-bg-100));
    display: flex;
    align-items: center;
    justify-content: center
}

.msg-content .msg-icon[data-v-e159427d] {
    color: var(--ep-color-icon-default, #3ee48a);
    width: 1.125rem;
    height: 1.125rem
}

.color-primary-600[data-v-67ce4bcc] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-67ce4bcc] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-67ce4bcc] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-67ce4bcc] {
    color: var(--color-primary-900)
}

.bg-100[data-v-67ce4bcc] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-67ce4bcc] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-67ce4bcc] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-67ce4bcc] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-67ce4bcc] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-67ce4bcc] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-67ce4bcc] {
    background-color: var(--color-warning)
}

.bg-link[data-v-67ce4bcc] {
    background-color: var(--color-link)
}

.bg-danger[data-v-67ce4bcc] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-67ce4bcc] {
    color: var(--color-text-100)
}

.color-text-80[data-v-67ce4bcc] {
    color: var(--color-text-80)
}

.color-text-50[data-v-67ce4bcc] {
    color: var(--color-text-50)
}

.color-text-40[data-v-67ce4bcc] {
    color: var(--color-text-40)
}

.color-text-20[data-v-67ce4bcc] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-67ce4bcc] {
    color: var(--color-currency)
}

.color-warning[data-v-67ce4bcc] {
    color: var(--color-warning)
}

.color-danger[data-v-67ce4bcc] {
    color: var(--color-danger)
}

.color-link[data-v-67ce4bcc] {
    color: var(--color-link)
}

.color-line[data-v-67ce4bcc] {
    color: var(--color-line)
}

.color-border[data-v-67ce4bcc] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-67ce4bcc] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-67ce4bcc] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-67ce4bcc] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-67ce4bcc] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-67ce4bcc] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-67ce4bcc] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-67ce4bcc] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-67ce4bcc] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-67ce4bcc] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-67ce4bcc] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-67ce4bcc] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-67ce4bcc] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-67ce4bcc] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-67ce4bcc] {
    display: flex;
    align-items: center
}

.flex-start[data-v-67ce4bcc] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-67ce4bcc] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-67ce4bcc] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-67ce4bcc] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-67ce4bcc] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-67ce4bcc] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-67ce4bcc] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-67ce4bcc] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-67ce4bcc] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-67ce4bcc] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-67ce4bcc] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-67ce4bcc] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-67ce4bcc] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-67ce4bcc] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-67ce4bcc] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-67ce4bcc] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-67ce4bcc] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-67ce4bcc] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-67ce4bcc] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-67ce4bcc] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-67ce4bcc] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-67ce4bcc] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-67ce4bcc] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-67ce4bcc] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-67ce4bcc],
.mlm-selected-item[data-v-67ce4bcc] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-67ce4bcc] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-67ce4bcc]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-67ce4bcc] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-67ce4bcc] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-67ce4bcc] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.board[data-v-67ce4bcc] {
    padding: 0 1.75rem 0 .9375rem
}

.board .cust-time[data-v-67ce4bcc] {
    color: var(--accent-color-green)
}

.board .cust-tips[data-v-67ce4bcc] {
    font-size: var(--font-size-24);
    font-weight: 600;
    color: #bdb8e1;
    line-height: 2.25rem
}

.board .cust-msg[data-v-67ce4bcc] {
    max-width: 12.125rem;
    color: #686299;
    border-left: .125rem solid var(--theme-color)
}

.board ion-button.cust-btn[data-v-67ce4bcc] {
    min-height: 0;
    min-width: 8.6875rem;
    --color: var(--service-btn-color);
    --background: linear-gradient(180deg, #5A25E9 0%, #3f3d42 100%);
    --border-radius: var(--rounded-large);
    margin: -1.625rem 0 0
}

ion-button.cust-btn[data-v-67ce4bcc]::part(native) {
    font-size: var(--font-size-14);
    font-weight: 600;
    line-height: 1.3125rem;
    box-shadow: none;
    padding: .4688rem .9375rem
}

.service-item[data-v-67ce4bcc] {
    padding: .875rem .875rem .875rem .8125rem;
    background: var(--service-item-bg);
    margin-bottom: .75rem;
    border-radius: var(--rounded-large)
}

.service-item .item-message[data-v-67ce4bcc] {
    color: #bdb8e1
}

.service-item .item-message .message-bottom[data-v-67ce4bcc] {
    color: #686299
}

.service-item ion-button.cust-btn[data-v-67ce4bcc] {
    margin: 0;
    min-height: 0;
    --color: #BDB8E1;
    --border-radius: var(--rounded-large);
    --background: var(--color-bg-100);
    white-space: nowrap;
    position: relative;
    z-index: 10
}

.service-item ion-button.cust-btn[data-v-67ce4bcc]:before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    background: linear-gradient(180deg, #5a25e9, #7e45d2);
    z-index: -1;
    border-radius: var(--rounded-large)
}

.service-item ion-button.cust-btn[data-v-67ce4bcc]::part(native) {
    padding: .4688rem .9375rem;
    background-clip: padding-box;
    border: 1px solid transparent
}

ion-button.cust-btn[data-v-67ce4bcc] {
    --background-hover: var(--message-button-bg-color-tint);
    --background-activated: var(--message-button-bg-color-shade);
    --background-focused: var(--message-button-bg-color-shade)
}

ion-segment-button[data-v-67ce4bcc] {
    --color: #9BA7BE;
    --color-checked: #FFF;
    --indicator-color: linear-gradient(0deg, #0167CA -13.77%, #38A8FA 102.34%);
    text-transform: none
}

ion-segment[data-v-67ce4bcc] {
    border-bottom: 1px solid #1A233E
}

.skin-tips-color[data-v-67ce4bcc] {
    color: var(--my-card-detail-color)
}

.color-primary-600[data-v-d690b6a4] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-d690b6a4] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-d690b6a4] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-d690b6a4] {
    color: var(--color-primary-900)
}

.bg-100[data-v-d690b6a4] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-d690b6a4] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-d690b6a4] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-d690b6a4] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-d690b6a4] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-d690b6a4] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-d690b6a4] {
    background-color: var(--color-warning)
}

.bg-link[data-v-d690b6a4] {
    background-color: var(--color-link)
}

.bg-danger[data-v-d690b6a4] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-d690b6a4] {
    color: var(--color-text-100)
}

.color-text-80[data-v-d690b6a4] {
    color: var(--color-text-80)
}

.color-text-50[data-v-d690b6a4] {
    color: var(--color-text-50)
}

.color-text-40[data-v-d690b6a4] {
    color: var(--color-text-40)
}

.color-text-20[data-v-d690b6a4] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-d690b6a4] {
    color: var(--color-currency)
}

.color-warning[data-v-d690b6a4] {
    color: var(--color-warning)
}

.color-danger[data-v-d690b6a4] {
    color: var(--color-danger)
}

.color-link[data-v-d690b6a4] {
    color: var(--color-link)
}

.color-line[data-v-d690b6a4] {
    color: var(--color-line)
}

.color-border[data-v-d690b6a4] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-d690b6a4] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-d690b6a4] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-d690b6a4] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-d690b6a4] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-d690b6a4] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-d690b6a4] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-d690b6a4] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-d690b6a4] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-d690b6a4] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-d690b6a4] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-d690b6a4] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-d690b6a4] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-d690b6a4] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-d690b6a4] {
    display: flex;
    align-items: center
}

.flex-start[data-v-d690b6a4] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-d690b6a4] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-d690b6a4] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-d690b6a4] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-d690b6a4] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-d690b6a4] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-d690b6a4] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-d690b6a4] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-d690b6a4] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-d690b6a4] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-d690b6a4] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-d690b6a4] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-d690b6a4] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-d690b6a4] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-d690b6a4] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-d690b6a4] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-d690b6a4] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-d690b6a4] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-d690b6a4] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-d690b6a4] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-d690b6a4] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-d690b6a4] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-d690b6a4] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-d690b6a4] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-d690b6a4],
.mlm-selected-item[data-v-d690b6a4] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-d690b6a4] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-d690b6a4]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-d690b6a4] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-d690b6a4] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-d690b6a4] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.notice-msg[data-v-d690b6a4] {
    padding: .75rem .5313rem .9375rem .8125rem;
    font-size: .625rem;
    line-height: .9375rem;
    color: rgba(255, 255, 255, .4);
    background: var(--color-bg-200);
    margin-bottom: .625rem;
    border-radius: var(--rounded-large)
}

.notice-msg .item-title[data-v-d690b6a4] {
    font-weight: 600
}

.content-top[data-v-d690b6a4] {
    width: 100%;
    margin-top: .0625rem;
    display: flex;
    justify-content: center
}

.read-img[data-v-d690b6a4] {
    width: 1.125rem;
    margin-right: .21875rem
}

.mt-cls[data-v-d690b6a4] {
    margin-top: .8125rem
}

.item-top-tips[data-v-d690b6a4] {
    margin-left: .75rem;
    width: 100%
}

.point-cls[data-v-d690b6a4] {
    top: .234375rem;
    right: .3125rem
}

ion-infinite-scroll-content[data-v-d690b6a4] {
    min-height: 10px;
    font-size: var(--font-size-12);
    color: var(--color-text-40)
}

ion-button.read-all-btn[data-v-d690b6a4] {
    min-height: 0;
    min-width: 0;
    margin: 0;
    --background: linear-gradient(180deg, #5A25E9 0%, #7E45D2 100%);
    --color: #BDB8E1;
    --border-radius: 1.8125rem
}

ion-button.read-all-btn[data-v-d690b6a4]::part(native) {
    padding: .1875rem .9113rem .25rem .6875rem;
    font-weight: 500;
    font-size: .75rem;
    line-height: 1.3125rem
}

.message-content[data-v-d690b6a4] {
    color: var(--my-card-detail-color);
    font-weight: 600
}

.line-clamp-2[data-v-d690b6a4] {
    word-break: break-all
}

.msg-content .icon-msg-wrap[data-v-d690b6a4] {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 1.125rem;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--color-bg-100));
    display: flex;
    align-items: center;
    justify-content: center
}

.msg-content .msg-icon[data-v-d690b6a4] {
    color: #f5c84c;
    width: 1.125rem;
    height: 1.125rem
}

.read-icon[data-v-d690b6a4] {
    color: #0a77da
}

.color-primary-600[data-v-442a19cc] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-442a19cc] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-442a19cc] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-442a19cc] {
    color: var(--color-primary-900)
}

.bg-100[data-v-442a19cc] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-442a19cc] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-442a19cc] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-442a19cc] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-442a19cc] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-442a19cc] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-442a19cc] {
    background-color: var(--color-warning)
}

.bg-link[data-v-442a19cc] {
    background-color: var(--color-link)
}

.bg-danger[data-v-442a19cc] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-442a19cc] {
    color: var(--color-text-100)
}

.color-text-80[data-v-442a19cc] {
    color: var(--color-text-80)
}

.color-text-50[data-v-442a19cc] {
    color: var(--color-text-50)
}

.color-text-40[data-v-442a19cc] {
    color: var(--color-text-40)
}

.color-text-20[data-v-442a19cc] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-442a19cc] {
    color: var(--color-currency)
}

.color-warning[data-v-442a19cc] {
    color: var(--color-warning)
}

.color-danger[data-v-442a19cc] {
    color: var(--color-danger)
}

.color-link[data-v-442a19cc] {
    color: var(--color-link)
}

.color-line[data-v-442a19cc] {
    color: var(--color-line)
}

.color-border[data-v-442a19cc] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-442a19cc] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-442a19cc] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-442a19cc] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-442a19cc] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-442a19cc] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-442a19cc] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-442a19cc] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-442a19cc] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-442a19cc] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-442a19cc] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-442a19cc] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-442a19cc] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-442a19cc] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-442a19cc] {
    display: flex;
    align-items: center
}

.flex-start[data-v-442a19cc] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-442a19cc] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-442a19cc] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-442a19cc] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-442a19cc] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-442a19cc] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-442a19cc] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-442a19cc] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-442a19cc] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-442a19cc] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-442a19cc] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-442a19cc] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-442a19cc] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-442a19cc] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-442a19cc] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-442a19cc] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-442a19cc] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-442a19cc] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-442a19cc] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-442a19cc] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-442a19cc] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-442a19cc] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-442a19cc] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-442a19cc] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-442a19cc],
.mlm-selected-item[data-v-442a19cc] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-442a19cc] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-442a19cc]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-442a19cc] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-442a19cc] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-442a19cc] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.purple-page[data-v-442a19cc] {
    width: 7.4375rem;
    height: 16.4375rem;
    right: 0;
    top: .375rem;
    background: url(/second/images/purple-tab-right.png) no-repeat;
    background-size: 100% 100%;
    pointer-events: none
}

.tab-box[data-v-442a19cc] {
    background-color: var(--color-bg-300)
}

ion-button.base-style[data-v-442a19cc] {
    --color: #686299;
    font-size: var(--font-1size-14)
}

ion-button.select-style[data-v-442a19cc] {
    font-weight: 700;
    --color: #BDB8E1
}

ion-segment.md[data-v-442a19cc] {
    display: flex;
    justify-content: left
}

ion-segment-button.md[data-v-442a19cc]::part(indicator) {
    margin-left: auto;
    margin-right: auto
}

ion-segment-button.md[data-v-442a19cc]::part(indicator-background) {
    background: linear-gradient(90deg, #eabd5b 2.63%, #7546ee);
    height: .125rem
}

ion-segment-button.md ion-button[data-v-442a19cc] {
    text-transform: none;
    height: 2.625rem;
    margin: 0;
    --padding-top: 0px;
    --padding-bottom: 5px;
    --padding-start: 0;
    --padding-end: 0;
    min-width: 0
}

.red-point[data-v-442a19cc] {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .75rem;
    color: var(--text-color-white-100);
    background: var(--color-danger);
    margin-left: .25rem
}

ion-content[data-v-442a19cc] {
    --background: var(--color-bg-300)
}

.amber-purple body div#app ion-router-outlet>div.ion-page[data-v-442a19cc]:before {
    z-index: 10;
    pointer-events: none
}

.color-primary-600[data-v-b04ca0ef] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-b04ca0ef] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-b04ca0ef] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-b04ca0ef] {
    color: var(--color-primary-900)
}

.bg-100[data-v-b04ca0ef] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-b04ca0ef] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-b04ca0ef] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-b04ca0ef] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-b04ca0ef] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-b04ca0ef] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-b04ca0ef] {
    background-color: var(--color-warning)
}

.bg-link[data-v-b04ca0ef] {
    background-color: var(--color-link)
}

.bg-danger[data-v-b04ca0ef] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-b04ca0ef] {
    color: var(--color-text-100)
}

.color-text-80[data-v-b04ca0ef] {
    color: var(--color-text-80)
}

.color-text-50[data-v-b04ca0ef] {
    color: var(--color-text-50)
}

.color-text-40[data-v-b04ca0ef] {
    color: var(--color-text-40)
}

.color-text-20[data-v-b04ca0ef] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-b04ca0ef] {
    color: var(--color-currency)
}

.color-warning[data-v-b04ca0ef] {
    color: var(--color-warning)
}

.color-danger[data-v-b04ca0ef] {
    color: var(--color-danger)
}

.color-link[data-v-b04ca0ef] {
    color: var(--color-link)
}

.color-line[data-v-b04ca0ef] {
    color: var(--color-line)
}

.color-border[data-v-b04ca0ef] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-b04ca0ef] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-b04ca0ef] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-b04ca0ef] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-b04ca0ef] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-b04ca0ef] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-b04ca0ef] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-b04ca0ef] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-b04ca0ef] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-b04ca0ef] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-b04ca0ef] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-b04ca0ef] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-b04ca0ef] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-b04ca0ef] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-b04ca0ef] {
    display: flex;
    align-items: center
}

.flex-start[data-v-b04ca0ef] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-b04ca0ef] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-b04ca0ef] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-b04ca0ef] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-b04ca0ef] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-b04ca0ef] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-b04ca0ef] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-b04ca0ef] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-b04ca0ef] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-b04ca0ef] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-b04ca0ef] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-b04ca0ef] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-b04ca0ef] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-b04ca0ef] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-b04ca0ef] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-b04ca0ef] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-b04ca0ef] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-b04ca0ef] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-b04ca0ef] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-b04ca0ef] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-b04ca0ef] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-b04ca0ef] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-b04ca0ef] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-b04ca0ef] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-b04ca0ef],
.mlm-selected-item[data-v-b04ca0ef] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-b04ca0ef] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-b04ca0ef]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-b04ca0ef] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-b04ca0ef] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-b04ca0ef] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-item[data-v-b04ca0ef] {
    --background: transparent;
    --padding-start: 0;
    --inner-padding-end: .25rem;
    min-height: 3.375rem
}

ion-button.verify[data-v-b04ca0ef] {
    --background: linear-gradient(0deg, #0167CA 0%, #38A8FA 100%);
    --border-radius: .625rem;
    --padding-start: .625rem;
    --padding-end: .625rem
}

ion-button.verify.on[data-v-b04ca0ef] {
    --background: #626262
}

ion-modal[data-v-b04ca0ef] {
    --width: fit-content;
    --height: fit-content;
    --border-radius: 1.25rem
}

ion-item#verification[data-v-b04ca0ef] {
    --background: #101629;
    --padding-top: 0;
    --padding-bottom: 0;
    min-height: 0rem
}

.amber-purple body div#app ion-router-outlet>div.ion-page[data-v-b04ca0ef]:before {
    z-index: 10;
    pointer-events: none
}

.color-primary-600[data-v-2946a119] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-2946a119] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-2946a119] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-2946a119] {
    color: var(--color-primary-900)
}

.bg-100[data-v-2946a119] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-2946a119] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-2946a119] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-2946a119] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-2946a119] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-2946a119] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-2946a119] {
    background-color: var(--color-warning)
}

.bg-link[data-v-2946a119] {
    background-color: var(--color-link)
}

.bg-danger[data-v-2946a119] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-2946a119] {
    color: var(--color-text-100)
}

.color-text-80[data-v-2946a119] {
    color: var(--color-text-80)
}

.color-text-50[data-v-2946a119] {
    color: var(--color-text-50)
}

.color-text-40[data-v-2946a119] {
    color: var(--color-text-40)
}

.color-text-20[data-v-2946a119] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-2946a119] {
    color: var(--color-currency)
}

.color-warning[data-v-2946a119] {
    color: var(--color-warning)
}

.color-danger[data-v-2946a119] {
    color: var(--color-danger)
}

.color-link[data-v-2946a119] {
    color: var(--color-link)
}

.color-line[data-v-2946a119] {
    color: var(--color-line)
}

.color-border[data-v-2946a119] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-2946a119] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-2946a119] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-2946a119] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-2946a119] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-2946a119] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-2946a119] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-2946a119] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-2946a119] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-2946a119] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-2946a119] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-2946a119] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-2946a119] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-2946a119] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-2946a119] {
    display: flex;
    align-items: center
}

.flex-start[data-v-2946a119] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-2946a119] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-2946a119] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-2946a119] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-2946a119] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-2946a119] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-2946a119] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-2946a119] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-2946a119] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-2946a119] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-2946a119] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-2946a119] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-2946a119] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-2946a119] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-2946a119] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-2946a119] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-2946a119] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-2946a119] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-2946a119] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-2946a119] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-2946a119] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-2946a119] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-2946a119] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-2946a119] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-2946a119],
.mlm-selected-item[data-v-2946a119] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-2946a119] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-2946a119]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-2946a119] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-2946a119] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-2946a119] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-content.first-content[data-v-2946a119] {
    width: 24.375rem;
    box-sizing: border-box;
    --padding-top: 12px;
    --padding-start: 12px;
    --padding-end: 12px;
    --background: var(--color-bg-300)
}

.record-item[data-v-2946a119] {
    height: 2.8125rem;
    width: 100%;
    color: var(--color-text-80);
    font-size: var(--font-size-12);
    font-weight: var(--font-weight-regular)
}

.record-item .link[data-v-2946a119] {
    color: var(--color-link)
}

.record-wrap[data-v-2946a119]>:not(:last-child) {
    border-bottom: 1px solid var(--color-border)
}

.color-primary-600[data-v-1243767b] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-1243767b] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-1243767b] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-1243767b] {
    color: var(--color-primary-900)
}

.bg-100[data-v-1243767b] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-1243767b] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-1243767b] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-1243767b] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-1243767b] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-1243767b] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-1243767b] {
    background-color: var(--color-warning)
}

.bg-link[data-v-1243767b] {
    background-color: var(--color-link)
}

.bg-danger[data-v-1243767b] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-1243767b] {
    color: var(--color-text-100)
}

.color-text-80[data-v-1243767b] {
    color: var(--color-text-80)
}

.color-text-50[data-v-1243767b] {
    color: var(--color-text-50)
}

.color-text-40[data-v-1243767b] {
    color: var(--color-text-40)
}

.color-text-20[data-v-1243767b] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-1243767b] {
    color: var(--color-currency)
}

.color-warning[data-v-1243767b] {
    color: var(--color-warning)
}

.color-danger[data-v-1243767b] {
    color: var(--color-danger)
}

.color-link[data-v-1243767b] {
    color: var(--color-link)
}

.color-line[data-v-1243767b] {
    color: var(--color-line)
}

.color-border[data-v-1243767b] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-1243767b] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-1243767b] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-1243767b] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-1243767b] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-1243767b] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-1243767b] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-1243767b] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-1243767b] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-1243767b] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-1243767b] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-1243767b] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-1243767b] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-1243767b] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-1243767b] {
    display: flex;
    align-items: center
}

.flex-start[data-v-1243767b] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-1243767b] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-1243767b] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-1243767b] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-1243767b] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-1243767b] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-1243767b] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-1243767b] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-1243767b] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-1243767b] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-1243767b] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-1243767b] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-1243767b] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-1243767b] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-1243767b] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-1243767b] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-1243767b] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-1243767b] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-1243767b] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-1243767b] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-1243767b] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-1243767b] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-1243767b] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-1243767b] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-1243767b],
.mlm-selected-item[data-v-1243767b] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-1243767b] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-1243767b]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-1243767b] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-1243767b] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-1243767b] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.aspect-ratio-box[data-v-1243767b] {
    position: relative;
    width: 100%;
    padding-top: 130%
}

.card[data-v-1243767b] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: var(--rounded-card-game);
    overflow: hidden;
    background: url(/icons/heart.png) no-repeat center center, var(--color-bg-200);
    background-size: 45% auto
}

ion-icon.logo[data-v-1243767b] {
    color: var(--color-icon-platform-card)
}

.frame-red[data-v-1243767b] {
    border: 1px solid red
}

.frame-green[data-v-1243767b] {
    border: 2px solid green
}

.game-name[data-v-1243767b] {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: .75rem;
    color: var(--color-text-100)
}

.color-primary-600[data-v-c27bc039] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-c27bc039] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-c27bc039] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-c27bc039] {
    color: var(--color-primary-900)
}

.bg-100[data-v-c27bc039] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-c27bc039] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-c27bc039] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-c27bc039] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-c27bc039] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-c27bc039] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-c27bc039] {
    background-color: var(--color-warning)
}

.bg-link[data-v-c27bc039] {
    background-color: var(--color-link)
}

.bg-danger[data-v-c27bc039] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-c27bc039] {
    color: var(--color-text-100)
}

.color-text-80[data-v-c27bc039] {
    color: var(--color-text-80)
}

.color-text-50[data-v-c27bc039] {
    color: var(--color-text-50)
}

.color-text-40[data-v-c27bc039] {
    color: var(--color-text-40)
}

.color-text-20[data-v-c27bc039] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-c27bc039] {
    color: var(--color-currency)
}

.color-warning[data-v-c27bc039] {
    color: var(--color-warning)
}

.color-danger[data-v-c27bc039] {
    color: var(--color-danger)
}

.color-link[data-v-c27bc039] {
    color: var(--color-link)
}

.color-line[data-v-c27bc039] {
    color: var(--color-line)
}

.color-border[data-v-c27bc039] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-c27bc039] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-c27bc039] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-c27bc039] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-c27bc039] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-c27bc039] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-c27bc039] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-c27bc039] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-c27bc039] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-c27bc039] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-c27bc039] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-c27bc039] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-c27bc039] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-c27bc039] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-c27bc039] {
    display: flex;
    align-items: center
}

.flex-start[data-v-c27bc039] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-c27bc039] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-c27bc039] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-c27bc039] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-c27bc039] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-c27bc039] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-c27bc039] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-c27bc039] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-c27bc039] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-c27bc039] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-c27bc039] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-c27bc039] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-c27bc039] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-c27bc039] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-c27bc039] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-c27bc039] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-c27bc039] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-c27bc039] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-c27bc039] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-c27bc039] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-c27bc039] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-c27bc039] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-c27bc039] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-c27bc039] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-c27bc039],
.mlm-selected-item[data-v-c27bc039] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-c27bc039] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-c27bc039]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-c27bc039] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-c27bc039] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-c27bc039] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.top-header[data-v-c27bc039] {
    --background: var(--color-bg-200)
}

ion-toolbar.toolbar-search[data-v-c27bc039] {
    --background: var(--color-bg-300)
}

ion-toolbar.toolbar-search ion-segment[data-v-c27bc039] {
    margin-left: .625rem;
    margin-right: .625rem;
    margin-top: .9375rem;
    --width: 24.375rem
}

ion-toolbar.toolbar-search ion-segment-button[data-v-c27bc039] {
    margin-right: .375rem
}

ion-toolbar.toolbar-search ion-segment-button.ios[data-v-c27bc039] {
    border-radius: var(--rounded-small);
    --color: var(--color-text-40);
    --color-checked: var(--color-text-100);
    --background: var(--color-bg-200);
    --indicator-color: var(--color-bg-100)
}

ion-toolbar.toolbar-search .segment-button-checked ion-label[data-v-c27bc039] {
    color: var(--color-text-100)
}

ion-segment-button.ios ion-img[data-v-c27bc039] {
    filter: grayscale(1);
    opacity: .4
}

ion-segment-button.segment-button-checked.ios[data-v-c27bc039] {
    color: var(--color-text-100)
}

ion-segment-button.segment-button-checked.ios ion-icon[data-v-c27bc039] {
    color: var(--theme-color-700)
}

.line[data-v-c27bc039] {
    border-bottom: 2px solid var(--color-border)
}

ion-content.side[data-v-c27bc039] {
    --padding-start: .625rem;
    --padding-end: .625rem;
    --padding-top: 0;
    --padding-bottom: 2.625rem;
    min-width: 0;
    max-width: 5.3125rem
}

ion-content div ion-segment[data-v-c27bc039] {
    --background: transparent
}

ion-content div .side ion-segment-button.ios[data-v-c27bc039] {
    --border-radius: var(--rounded-small);
    --background: transparent;
    --color: var(--color-text-40);
    --indicator-color: var(--color-bg-100);
    --padding-start: 0;
    --padding-end: 0;
    --padding-top: .25rem;
    --padding-bottom: .25rem;
    --background: var(--color-bg-200);
    text-transform: capitalize;
    min-width: 0;
    min-height: 3.5rem;
    margin-bottom: 10px;
    margin-top: 0
}

.side ion-segment-button.segment-button-checked.ios[data-v-c27bc039] {
    border: none;
    font-weight: var(--font-weight-bold);
    --background: var(--color-bg-200)
}

.side ion-segment-button.ios[data-v-c27bc039]::part(indicator-background) {
    border: none
}

.side ion-segment-button.ios[data-v-c27bc039]::part(indicator) {
    padding-inline: 0
}

.side ion-segment-button.ios ion-label[data-v-c27bc039] {
    text-transform: none
}

ion-content#main[data-v-c27bc039] {
    --padding-top: 2px
}

ion-list[data-v-c27bc039] {
    background: transparent;
    padding-top: 0;
    padding-bottom: 0
}

ion-grid[data-v-c27bc039] {
    padding-bottom: 0
}

.grid-card[data-v-c27bc039] {
    aspect-ratio: .76;
    width: 100%;
    background-size: 100% 100% !important
}

ion-infinite-scroll[data-v-c27bc039] {
    min-height: 70px
}

ion-infinite-scroll-content[data-v-c27bc039] {
    min-height: 10px
}

ion-grid[data-v-c27bc039] {
    padding-top: 0
}

.scheme-light .top-header[data-v-c27bc039] {
    --background: var(--theme-color-800)
}

.scheme-light ion-toolbar.toolbar-search ion-segment-button.ios[data-v-c27bc039] {
    --color: var(--color-text-80)
}

.scheme-light .segment-button-checked ion-label[data-v-c27bc039] {
    color: var(--color-text-100)
}

ion-content.scheme-light .side ion-segment-button.ios[data-v-c27bc039] {
    --color: var(--color-text-80)
}

.aspect-ratio-card[data-v-c27bc039] {
    width: 100%;
    height: 5.9013rem;
    aspect-ratio: 1 / .32786;
    margin: 0 auto;
    border-radius: var(--ep-border-radius-surface-default, .875rem);
    overflow: hidden
}

.content[data-v-c0772e37] {
    color: var(--color-custom-text)
}

.apply[data-v-c0772e37] {
    width: 17.5rem;
    height: 2.5rem
}

[data-v-c0772e37] table {
    border-collapse: collapse;
    width: 100%
}

[data-v-c0772e37] table,
[data-v-c0772e37] th,
[data-v-c0772e37] td {
    border: 1px solid var(--line-color)
}

[data-v-c0772e37] th,
[data-v-c0772e37] td {
    text-align: left
}

.color-primary-600[data-v-2f4c8795] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-2f4c8795] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-2f4c8795] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-2f4c8795] {
    color: var(--color-primary-900)
}

.bg-100[data-v-2f4c8795] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-2f4c8795] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-2f4c8795] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-2f4c8795] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-2f4c8795] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-2f4c8795] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-2f4c8795] {
    background-color: var(--color-warning)
}

.bg-link[data-v-2f4c8795] {
    background-color: var(--color-link)
}

.bg-danger[data-v-2f4c8795] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-2f4c8795] {
    color: var(--color-text-100)
}

.color-text-80[data-v-2f4c8795] {
    color: var(--color-text-80)
}

.color-text-50[data-v-2f4c8795] {
    color: var(--color-text-50)
}

.color-text-40[data-v-2f4c8795] {
    color: var(--color-text-40)
}

.color-text-20[data-v-2f4c8795] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-2f4c8795] {
    color: var(--color-currency)
}

.color-warning[data-v-2f4c8795] {
    color: var(--color-warning)
}

.color-danger[data-v-2f4c8795] {
    color: var(--color-danger)
}

.color-link[data-v-2f4c8795] {
    color: var(--color-link)
}

.color-line[data-v-2f4c8795] {
    color: var(--color-line)
}

.color-border[data-v-2f4c8795] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-2f4c8795] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-2f4c8795] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-2f4c8795] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-2f4c8795] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-2f4c8795] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-2f4c8795] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-2f4c8795] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-2f4c8795] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-2f4c8795] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-2f4c8795] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-2f4c8795] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-2f4c8795] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-2f4c8795] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-2f4c8795] {
    display: flex;
    align-items: center
}

.flex-start[data-v-2f4c8795] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-2f4c8795] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-2f4c8795] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-2f4c8795] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-2f4c8795] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-2f4c8795] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-2f4c8795] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-2f4c8795] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-2f4c8795] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-2f4c8795] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-2f4c8795] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-2f4c8795] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-2f4c8795] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-2f4c8795] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-2f4c8795] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-2f4c8795] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-2f4c8795] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-2f4c8795] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-2f4c8795] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-2f4c8795] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-2f4c8795] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-2f4c8795] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-2f4c8795] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-2f4c8795] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-2f4c8795],
.mlm-selected-item[data-v-2f4c8795] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-2f4c8795] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-2f4c8795]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-2f4c8795] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-2f4c8795] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-2f4c8795] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.info-icon.before[data-v-2f4c8795] {
    transform: rotate(0)
}

.info-icon.after[data-v-2f4c8795] {
    transform: rotate(160deg)
}

.color-primary-600[data-v-b1c846e1] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-b1c846e1] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-b1c846e1] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-b1c846e1] {
    color: var(--color-primary-900)
}

.bg-100[data-v-b1c846e1] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-b1c846e1] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-b1c846e1] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-b1c846e1] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-b1c846e1] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-b1c846e1] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-b1c846e1] {
    background-color: var(--color-warning)
}

.bg-link[data-v-b1c846e1] {
    background-color: var(--color-link)
}

.bg-danger[data-v-b1c846e1] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-b1c846e1] {
    color: var(--color-text-100)
}

.color-text-80[data-v-b1c846e1] {
    color: var(--color-text-80)
}

.color-text-50[data-v-b1c846e1] {
    color: var(--color-text-50)
}

.color-text-40[data-v-b1c846e1] {
    color: var(--color-text-40)
}

.color-text-20[data-v-b1c846e1] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-b1c846e1] {
    color: var(--color-currency)
}

.color-warning[data-v-b1c846e1] {
    color: var(--color-warning)
}

.color-danger[data-v-b1c846e1] {
    color: var(--color-danger)
}

.color-link[data-v-b1c846e1] {
    color: var(--color-link)
}

.color-line[data-v-b1c846e1] {
    color: var(--color-line)
}

.color-border[data-v-b1c846e1] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-b1c846e1] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-b1c846e1] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-b1c846e1] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-b1c846e1] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-b1c846e1] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-b1c846e1] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-b1c846e1] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-b1c846e1] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-b1c846e1] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-b1c846e1] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-b1c846e1] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-b1c846e1] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-b1c846e1] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-b1c846e1] {
    display: flex;
    align-items: center
}

.flex-start[data-v-b1c846e1] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-b1c846e1] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-b1c846e1] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-b1c846e1] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-b1c846e1] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-b1c846e1] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-b1c846e1] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-b1c846e1] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-b1c846e1] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-b1c846e1] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-b1c846e1] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-b1c846e1] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-b1c846e1] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-b1c846e1] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-b1c846e1] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-b1c846e1] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-b1c846e1] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-b1c846e1] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-b1c846e1] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-b1c846e1] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-b1c846e1] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-b1c846e1] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-b1c846e1] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-b1c846e1] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-b1c846e1],
.mlm-selected-item[data-v-b1c846e1] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-b1c846e1] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-b1c846e1]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-b1c846e1] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-b1c846e1] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-b1c846e1] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.desc .ruleHeader[data-v-b1c846e1] {
    display: flex;
    align-items: center;
    justify-content: center
}

.desc .ruleHeader .span-cls[data-v-b1c846e1] {
    color: var(--ep-color-text-default, #fff);
    font-size: var(--ep-font-size-s);
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium));
    line-height: 150%;
    margin: 0 .375rem
}

.desc .item-wrap[data-v-b1c846e1] {
    padding: 0 1.0625rem
}

.desc .item-wrap .rule-item[data-v-b1c846e1] {
    color: var(--ep-color-text-weaker);
    font-size: var(--ep-font-size-s, var(--font-size-12));
    font-weight: var(--ep-font-weight-regular, var(--font-weight-regular));
    line-height: 150%
}

.color-primary-600[data-v-f5d9a9a7] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-f5d9a9a7] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-f5d9a9a7] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-f5d9a9a7] {
    color: var(--color-primary-900)
}

.bg-100[data-v-f5d9a9a7] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-f5d9a9a7] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-f5d9a9a7] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-f5d9a9a7] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-f5d9a9a7] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-f5d9a9a7] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-f5d9a9a7] {
    background-color: var(--color-warning)
}

.bg-link[data-v-f5d9a9a7] {
    background-color: var(--color-link)
}

.bg-danger[data-v-f5d9a9a7] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-f5d9a9a7] {
    color: var(--color-text-100)
}

.color-text-80[data-v-f5d9a9a7] {
    color: var(--color-text-80)
}

.color-text-50[data-v-f5d9a9a7] {
    color: var(--color-text-50)
}

.color-text-40[data-v-f5d9a9a7] {
    color: var(--color-text-40)
}

.color-text-20[data-v-f5d9a9a7] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-f5d9a9a7] {
    color: var(--color-currency)
}

.color-warning[data-v-f5d9a9a7] {
    color: var(--color-warning)
}

.color-danger[data-v-f5d9a9a7] {
    color: var(--color-danger)
}

.color-link[data-v-f5d9a9a7] {
    color: var(--color-link)
}

.color-line[data-v-f5d9a9a7] {
    color: var(--color-line)
}

.color-border[data-v-f5d9a9a7] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-f5d9a9a7] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-f5d9a9a7] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-f5d9a9a7] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-f5d9a9a7] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-f5d9a9a7] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-f5d9a9a7] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-f5d9a9a7] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-f5d9a9a7] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-f5d9a9a7] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-f5d9a9a7] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-f5d9a9a7] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-f5d9a9a7] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-f5d9a9a7] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-f5d9a9a7] {
    display: flex;
    align-items: center
}

.flex-start[data-v-f5d9a9a7] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-f5d9a9a7] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-f5d9a9a7] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-f5d9a9a7] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-f5d9a9a7] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-f5d9a9a7] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-f5d9a9a7] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-f5d9a9a7] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-f5d9a9a7] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-f5d9a9a7] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-f5d9a9a7] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-f5d9a9a7] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-f5d9a9a7] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-f5d9a9a7] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-f5d9a9a7] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-f5d9a9a7] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-f5d9a9a7] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-f5d9a9a7] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-f5d9a9a7] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-f5d9a9a7] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-f5d9a9a7] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-f5d9a9a7] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-f5d9a9a7] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-f5d9a9a7] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-f5d9a9a7],
.mlm-selected-item[data-v-f5d9a9a7] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-f5d9a9a7] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-f5d9a9a7]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-f5d9a9a7] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-f5d9a9a7] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-f5d9a9a7] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-item[data-v-f5d9a9a7] {
    --background: transparent;
    --border-color: var(--color-line)
}

ion-segment[data-v-f5d9a9a7] {
    --background: transparent;
    border-radius: 0;
    display: flex;
    justify-content: left
}

ion-segment-button.segment-button-disabled[data-v-f5d9a9a7] {
    opacity: 1
}

ion-segment-button.ios[data-v-f5d9a9a7] {
    --border-radius: .375rem;
    --background: transparent;
    --color: var(--color-text-100);
    --indicator-color: transparent;
    --padding-start: 0;
    --padding-end: 0;
    --padding-top: 0;
    --padding-bottom: 0;
    --indicator-box-shadow: none;
    flex: 0 0 auto;
    text-transform: capitalize;
    min-width: 0;
    max-width: 2.25rem;
    min-height: 2.5rem;
    max-height: 2.5rem;
    margin: .5rem .375rem .5rem 0
}

ion-segment-button.ios[data-v-f5d9a9a7]::part(native) {
    max-width: 2.25rem
}

ion-button.copy[data-v-f5d9a9a7]::part(native) {
    --padding-top: 0;
    --padding-bottom: 0;
    --padding-start: 0;
    --padding-end: 0
}

.validCondition ion-item[data-v-f5d9a9a7]:last-child {
    --border-color: transparent
}

.claimHistory[data-v-f5d9a9a7],
.copy[data-v-f5d9a9a7],
.more[data-v-f5d9a9a7] {
    --color: var(--color-text-100)
}

.claimHistory .icon[data-v-f5d9a9a7] {
    font-size: 24px
}

.copy .icon[data-v-f5d9a9a7] {
    font-size: 1.75rem;
    color: var(--color-copy-button)
}

.text-with-shadow[data-v-f5d9a9a7] {
    text-shadow: -1px -1px 1px red, 1px -1px 1px red, -1px 1px 1px red, 1px 1px 1px red
}

.condition[data-v-f5d9a9a7] {
    width: 100%;
    display: flex;
    text-align: center;
    font-size: .75rem;
    align-items: center;
    justify-content: space-between
}

.text[data-v-f5d9a9a7] {
    font-size: var(--font-size-12)
}

.text-color[data-v-f5d9a9a7] {
    color: var(--color-text-100)
}

.rule-text[data-v-f5d9a9a7] {
    padding: .625rem;
    border-radius: var(--rounded-middle);
    background: var(--color-bg-200)
}

.rule-text[data-v-f5d9a9a7] .ruleHeader {
    justify-content: start;
    margin-bottom: 1rem
}

.rule-text[data-v-f5d9a9a7] .ruleHeader .span-cls {
    font-size: 1rem;
    margin: 0
}

.rule-text[data-v-f5d9a9a7] .item-wrap {
    padding: 0 0 0 .375rem
}

.rule-text[data-v-f5d9a9a7] .item-wrap .rule-item {
    font-size: .75rem;
    line-height: 1.25rem;
    font-weight: 400;
    color: var(--color-text-80)
}

.redPacketGet[data-v-f5d9a9a7] {
    animation-name: redPacketShake-f5d9a9a7;
    animation-duration: 1s;
    animation-iteration-count: infinite
}

.i8n-box[data-v-f5d9a9a7] {
    white-space: normal;
    text-align: center;
    font-size: .65rem;
    line-height: .9rem
}

.claim-click[data-v-f5d9a9a7] {
    flex-direction: column
}

@keyframes redPacketShake-f5d9a9a7 {
    30% {
        scale: 1.1;
        transform: rotate(0)
    }

    40% {
        transform: rotate(-15deg)
    }

    50% {
        transform: rotate(0)
    }

    60% {
        transform: rotate(-15deg)
    }

    70% {
        transform: rotate(0);
        scale: 1.1
    }

    to {
        scale: 1
    }
}

.reward-box[data-v-f5d9a9a7] {
    justify-content: space-between
}

.reward-item[data-v-f5d9a9a7] {
    width: 25%
}

.text-position[data-v-f5d9a9a7] {
    left: 2.1rem
}

.reward-item[data-v-f5d9a9a7]:nth-child(4),
.reward-item[data-v-f5d9a9a7]:nth-child(4n) {
    width: 20%
}

.color-primary-600[data-v-c953a93e] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-c953a93e] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-c953a93e] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-c953a93e] {
    color: var(--color-primary-900)
}

.bg-100[data-v-c953a93e] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-c953a93e] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-c953a93e] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-c953a93e] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-c953a93e] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-c953a93e] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-c953a93e] {
    background-color: var(--color-warning)
}

.bg-link[data-v-c953a93e] {
    background-color: var(--color-link)
}

.bg-danger[data-v-c953a93e] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-c953a93e] {
    color: var(--color-text-100)
}

.color-text-80[data-v-c953a93e] {
    color: var(--color-text-80)
}

.color-text-50[data-v-c953a93e] {
    color: var(--color-text-50)
}

.color-text-40[data-v-c953a93e] {
    color: var(--color-text-40)
}

.color-text-20[data-v-c953a93e] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-c953a93e] {
    color: var(--color-currency)
}

.color-warning[data-v-c953a93e] {
    color: var(--color-warning)
}

.color-danger[data-v-c953a93e] {
    color: var(--color-danger)
}

.color-link[data-v-c953a93e] {
    color: var(--color-link)
}

.color-line[data-v-c953a93e] {
    color: var(--color-line)
}

.color-border[data-v-c953a93e] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-c953a93e] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-c953a93e] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-c953a93e] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-c953a93e] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-c953a93e] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-c953a93e] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-c953a93e] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-c953a93e] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-c953a93e] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-c953a93e] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-c953a93e] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-c953a93e] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-c953a93e] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-c953a93e] {
    display: flex;
    align-items: center
}

.flex-start[data-v-c953a93e] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-c953a93e] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-c953a93e] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-c953a93e] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-c953a93e] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-c953a93e] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-c953a93e] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-c953a93e] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-c953a93e] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-c953a93e] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-c953a93e] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-c953a93e] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-c953a93e] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-c953a93e] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-c953a93e] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-c953a93e] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-c953a93e] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-c953a93e] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-c953a93e] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-c953a93e] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-c953a93e] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-c953a93e] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-c953a93e] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-c953a93e] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-c953a93e],
.mlm-selected-item[data-v-c953a93e] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-c953a93e] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-c953a93e]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-c953a93e] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-c953a93e] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-c953a93e] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-item[data-v-c953a93e] {
    --background: transparent;
    --padding-start: 0;
    --inner-padding-end: .25rem;
    min-height: 3.375rem !important
}

.amber-purple body div#app ion-router-outlet>div.ion-page[data-v-c953a93e]:before {
    z-index: 10;
    pointer-events: none
}

.color-primary-600[data-v-7c0c2f48] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-7c0c2f48] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-7c0c2f48] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-7c0c2f48] {
    color: var(--color-primary-900)
}

.bg-100[data-v-7c0c2f48] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-7c0c2f48] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-7c0c2f48] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-7c0c2f48] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-7c0c2f48] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-7c0c2f48] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-7c0c2f48] {
    background-color: var(--color-warning)
}

.bg-link[data-v-7c0c2f48] {
    background-color: var(--color-link)
}

.bg-danger[data-v-7c0c2f48] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-7c0c2f48] {
    color: var(--color-text-100)
}

.color-text-80[data-v-7c0c2f48] {
    color: var(--color-text-80)
}

.color-text-50[data-v-7c0c2f48] {
    color: var(--color-text-50)
}

.color-text-40[data-v-7c0c2f48] {
    color: var(--color-text-40)
}

.color-text-20[data-v-7c0c2f48] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-7c0c2f48] {
    color: var(--color-currency)
}

.color-warning[data-v-7c0c2f48] {
    color: var(--color-warning)
}

.color-danger[data-v-7c0c2f48] {
    color: var(--color-danger)
}

.color-link[data-v-7c0c2f48] {
    color: var(--color-link)
}

.color-line[data-v-7c0c2f48] {
    color: var(--color-line)
}

.color-border[data-v-7c0c2f48] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-7c0c2f48] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-7c0c2f48] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-7c0c2f48] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-7c0c2f48] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-7c0c2f48] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-7c0c2f48] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-7c0c2f48] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-7c0c2f48] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-7c0c2f48] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-7c0c2f48] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-7c0c2f48] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-7c0c2f48] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-7c0c2f48] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-7c0c2f48] {
    display: flex;
    align-items: center
}

.flex-start[data-v-7c0c2f48] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-7c0c2f48] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-7c0c2f48] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-7c0c2f48] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-7c0c2f48] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-7c0c2f48] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-7c0c2f48] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-7c0c2f48] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-7c0c2f48] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-7c0c2f48] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-7c0c2f48] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-7c0c2f48] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-7c0c2f48] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-7c0c2f48] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-7c0c2f48] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-7c0c2f48] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-7c0c2f48] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-7c0c2f48] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-7c0c2f48] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-7c0c2f48] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-7c0c2f48] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-7c0c2f48] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-7c0c2f48] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-7c0c2f48] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-7c0c2f48],
.mlm-selected-item[data-v-7c0c2f48] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-7c0c2f48] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-7c0c2f48]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-7c0c2f48] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-7c0c2f48] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-7c0c2f48] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.w-password-wrap .title[data-v-7c0c2f48] {
    color: var(--color-text-100);
    font-size: var(--font-size-14);
    font-weight: var(--font-weight-medium)
}

.w-password-wrap .label[data-v-7c0c2f48] {
    color: var(--color-text-80)
}

.color-primary-600[data-v-26dcde59] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-26dcde59] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-26dcde59] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-26dcde59] {
    color: var(--color-primary-900)
}

.bg-100[data-v-26dcde59] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-26dcde59] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-26dcde59] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-26dcde59] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-26dcde59] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-26dcde59] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-26dcde59] {
    background-color: var(--color-warning)
}

.bg-link[data-v-26dcde59] {
    background-color: var(--color-link)
}

.bg-danger[data-v-26dcde59] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-26dcde59] {
    color: var(--color-text-100)
}

.color-text-80[data-v-26dcde59] {
    color: var(--color-text-80)
}

.color-text-50[data-v-26dcde59] {
    color: var(--color-text-50)
}

.color-text-40[data-v-26dcde59] {
    color: var(--color-text-40)
}

.color-text-20[data-v-26dcde59] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-26dcde59] {
    color: var(--color-currency)
}

.color-warning[data-v-26dcde59] {
    color: var(--color-warning)
}

.color-danger[data-v-26dcde59] {
    color: var(--color-danger)
}

.color-link[data-v-26dcde59] {
    color: var(--color-link)
}

.color-line[data-v-26dcde59] {
    color: var(--color-line)
}

.color-border[data-v-26dcde59] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-26dcde59] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-26dcde59] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-26dcde59] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-26dcde59] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-26dcde59] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-26dcde59] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-26dcde59] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-26dcde59] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-26dcde59] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-26dcde59] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-26dcde59] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-26dcde59] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-26dcde59] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-26dcde59] {
    display: flex;
    align-items: center
}

.flex-start[data-v-26dcde59] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-26dcde59] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-26dcde59] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-26dcde59] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-26dcde59] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-26dcde59] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-26dcde59] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-26dcde59] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-26dcde59] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-26dcde59] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-26dcde59] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-26dcde59] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-26dcde59] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-26dcde59] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-26dcde59] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-26dcde59] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-26dcde59] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-26dcde59] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-26dcde59] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-26dcde59] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-26dcde59] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-26dcde59] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-26dcde59] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-26dcde59] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-26dcde59],
.mlm-selected-item[data-v-26dcde59] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-26dcde59] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-26dcde59]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-26dcde59] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-26dcde59] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-26dcde59] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-content[data-v-26dcde59] {
    --background: var(--color-bg-300)
}

.email-detail-title[data-v-26dcde59] {
    font-weight: 600;
    color: #bdb8e1
}

[data-v-26dcde59] .announcement-content p img {
    width: 100%;
    height: auto;
    margin-bottom: 1.3125rem
}

.message-content[data-v-26dcde59] {
    color: var(--my-card-detail-color)
}

[data-v-26dcde59] table {
    border-collapse: collapse;
    width: 100%;
    border: 1px solid var(--line-color)
}

[data-v-26dcde59] table th,
[data-v-26dcde59] table td {
    border: 1px solid var(--line-color);
    text-align: left
}

.color-primary-600[data-v-80b60011] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-80b60011] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-80b60011] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-80b60011] {
    color: var(--color-primary-900)
}

.bg-100[data-v-80b60011] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-80b60011] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-80b60011] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-80b60011] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-80b60011] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-80b60011] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-80b60011] {
    background-color: var(--color-warning)
}

.bg-link[data-v-80b60011] {
    background-color: var(--color-link)
}

.bg-danger[data-v-80b60011] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-80b60011] {
    color: var(--color-text-100)
}

.color-text-80[data-v-80b60011] {
    color: var(--color-text-80)
}

.color-text-50[data-v-80b60011] {
    color: var(--color-text-50)
}

.color-text-40[data-v-80b60011] {
    color: var(--color-text-40)
}

.color-text-20[data-v-80b60011] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-80b60011] {
    color: var(--color-currency)
}

.color-warning[data-v-80b60011] {
    color: var(--color-warning)
}

.color-danger[data-v-80b60011] {
    color: var(--color-danger)
}

.color-link[data-v-80b60011] {
    color: var(--color-link)
}

.color-line[data-v-80b60011] {
    color: var(--color-line)
}

.color-border[data-v-80b60011] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-80b60011] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-80b60011] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-80b60011] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-80b60011] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-80b60011] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-80b60011] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-80b60011] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-80b60011] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-80b60011] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-80b60011] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-80b60011] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-80b60011] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-80b60011] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-80b60011] {
    display: flex;
    align-items: center
}

.flex-start[data-v-80b60011] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-80b60011] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-80b60011] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-80b60011] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-80b60011] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-80b60011] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-80b60011] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-80b60011] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-80b60011] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-80b60011] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-80b60011] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-80b60011] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-80b60011] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-80b60011] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-80b60011] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-80b60011] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-80b60011] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-80b60011] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-80b60011] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-80b60011] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-80b60011] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-80b60011] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-80b60011] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-80b60011] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-80b60011],
.mlm-selected-item[data-v-80b60011] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-80b60011] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-80b60011]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-80b60011] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-80b60011] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-80b60011] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.btnBase[data-v-80b60011] {
    width: 10.3125rem;
    height: 2.5rem
}

.success-wrap[data-v-80b60011] {
    width: 3.4375rem;
    height: 3.4375rem;
    background-color: var(--color-success);
    border-radius: 50%;
    margin: 0 auto;
    text-align: center
}

.password-c .title[data-v-80b60011] {
    color: var(--color-text-100);
    font-size: var(--font-size-14);
    font-weight: var(--font-weight-medium)
}

.password-c .label[data-v-80b60011] {
    color: var(--color-text-80)
}

.content-text[data-v-67be0f43] {
    color: var(--color-recharge-reward-text)
}

[data-v-67be0f43] table {
    border-collapse: collapse;
    width: 100%
}

[data-v-67be0f43] table,
[data-v-67be0f43] th,
[data-v-67be0f43] td {
    border: 1px solid var(--line-color)
}

[data-v-67be0f43] th,
[data-v-67be0f43] td {
    text-align: left
}

.color-primary-600[data-v-9914e175] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-9914e175] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-9914e175] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-9914e175] {
    color: var(--color-primary-900)
}

.bg-100[data-v-9914e175] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-9914e175] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-9914e175] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-9914e175] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-9914e175] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-9914e175] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-9914e175] {
    background-color: var(--color-warning)
}

.bg-link[data-v-9914e175] {
    background-color: var(--color-link)
}

.bg-danger[data-v-9914e175] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-9914e175] {
    color: var(--color-text-100)
}

.color-text-80[data-v-9914e175] {
    color: var(--color-text-80)
}

.color-text-50[data-v-9914e175] {
    color: var(--color-text-50)
}

.color-text-40[data-v-9914e175] {
    color: var(--color-text-40)
}

.color-text-20[data-v-9914e175] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-9914e175] {
    color: var(--color-currency)
}

.color-warning[data-v-9914e175] {
    color: var(--color-warning)
}

.color-danger[data-v-9914e175] {
    color: var(--color-danger)
}

.color-link[data-v-9914e175] {
    color: var(--color-link)
}

.color-line[data-v-9914e175] {
    color: var(--color-line)
}

.color-border[data-v-9914e175] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-9914e175] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-9914e175] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-9914e175] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-9914e175] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-9914e175] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-9914e175] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-9914e175] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-9914e175] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-9914e175] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-9914e175] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-9914e175] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-9914e175] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-9914e175] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-9914e175] {
    display: flex;
    align-items: center
}

.flex-start[data-v-9914e175] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-9914e175] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-9914e175] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-9914e175] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-9914e175] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-9914e175] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-9914e175] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-9914e175] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-9914e175] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-9914e175] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-9914e175] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-9914e175] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-9914e175] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-9914e175] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-9914e175] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-9914e175] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-9914e175] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-9914e175] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-9914e175] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-9914e175] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-9914e175] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-9914e175] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-9914e175] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-9914e175] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-9914e175],
.mlm-selected-item[data-v-9914e175] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-9914e175] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-9914e175]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-9914e175] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-9914e175] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-9914e175] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

form[data-v-9914e175] {
    background: var(--color-bg-300);
    width: 100%;
    margin: 0 auto;
    border-radius: .625rem
}

form ion-content[data-v-9914e175] {
    --background: transparent
}

.illustrate[data-v-9914e175] {
    color: var(--color-text-100)
}

ion-item[data-v-9914e175] {
    --background: transparent;
    --padding-bottom: 0px;
    --padding-end: 0;
    --padding-start: 0;
    --padding-top: 0;
    --inner-padding-end: 0;
    --inner-border-width: 0px
}

.color-primary-600[data-v-c953ccd1] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-c953ccd1] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-c953ccd1] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-c953ccd1] {
    color: var(--color-primary-900)
}

.bg-100[data-v-c953ccd1] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-c953ccd1] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-c953ccd1] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-c953ccd1] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-c953ccd1] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-c953ccd1] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-c953ccd1] {
    background-color: var(--color-warning)
}

.bg-link[data-v-c953ccd1] {
    background-color: var(--color-link)
}

.bg-danger[data-v-c953ccd1] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-c953ccd1] {
    color: var(--color-text-100)
}

.color-text-80[data-v-c953ccd1] {
    color: var(--color-text-80)
}

.color-text-50[data-v-c953ccd1] {
    color: var(--color-text-50)
}

.color-text-40[data-v-c953ccd1] {
    color: var(--color-text-40)
}

.color-text-20[data-v-c953ccd1] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-c953ccd1] {
    color: var(--color-currency)
}

.color-warning[data-v-c953ccd1] {
    color: var(--color-warning)
}

.color-danger[data-v-c953ccd1] {
    color: var(--color-danger)
}

.color-link[data-v-c953ccd1] {
    color: var(--color-link)
}

.color-line[data-v-c953ccd1] {
    color: var(--color-line)
}

.color-border[data-v-c953ccd1] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-c953ccd1] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-c953ccd1] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-c953ccd1] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-c953ccd1] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-c953ccd1] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-c953ccd1] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-c953ccd1] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-c953ccd1] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-c953ccd1] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-c953ccd1] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-c953ccd1] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-c953ccd1] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-c953ccd1] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-c953ccd1] {
    display: flex;
    align-items: center
}

.flex-start[data-v-c953ccd1] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-c953ccd1] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-c953ccd1] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-c953ccd1] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-c953ccd1] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-c953ccd1] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-c953ccd1] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-c953ccd1] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-c953ccd1] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-c953ccd1] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-c953ccd1] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-c953ccd1] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-c953ccd1] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-c953ccd1] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-c953ccd1] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-c953ccd1] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-c953ccd1] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-c953ccd1] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-c953ccd1] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-c953ccd1] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-c953ccd1] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-c953ccd1] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-c953ccd1] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-c953ccd1] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-c953ccd1],
.mlm-selected-item[data-v-c953ccd1] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-c953ccd1] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-c953ccd1]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-c953ccd1] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-c953ccd1] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-c953ccd1] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-select[data-v-c953ccd1]::part(icon) {
    color: transparent
}

ion-button#popover-trigger[data-v-c953ccd1] {
    --padding-start: 0;
    --padding-end: 0
}

#popover-trigger p.on[data-v-c953ccd1] {
    border-bottom: 1px solid #38A8FA
}

ion-content[data-v-c953ccd1] {
    --background: transperent
}

ion-item[data-v-c953ccd1] {
    --background: transparent;
    --padding-start: 0;
    --padding-end: 0;
    --inner-padding-end: 0;
    --border-color: #2A324E
}

ion-item.odd[data-v-c953ccd1] {
    --background: #151C2F
}

ion-grid[data-v-c953ccd1] {
    --ion-grid-padding: 0
}

ion-col[data-v-c953ccd1] {
    --ion-grid-column-padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

ion-modal[data-v-c953ccd1] {
    --height: auto;
    --border-radius: 16px;
    --background: #090F1F;
    padding: 0 1.5625rem;
    height: auto
}

ion-modal ion-toolbar[data-v-c953ccd1] {
    --background: transparent;
    border-bottom: 1px solid #2A324E
}

.color-primary-600[data-v-d44ad01f] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-d44ad01f] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-d44ad01f] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-d44ad01f] {
    color: var(--color-primary-900)
}

.bg-100[data-v-d44ad01f] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-d44ad01f] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-d44ad01f] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-d44ad01f] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-d44ad01f] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-d44ad01f] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-d44ad01f] {
    background-color: var(--color-warning)
}

.bg-link[data-v-d44ad01f] {
    background-color: var(--color-link)
}

.bg-danger[data-v-d44ad01f] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-d44ad01f] {
    color: var(--color-text-100)
}

.color-text-80[data-v-d44ad01f] {
    color: var(--color-text-80)
}

.color-text-50[data-v-d44ad01f] {
    color: var(--color-text-50)
}

.color-text-40[data-v-d44ad01f] {
    color: var(--color-text-40)
}

.color-text-20[data-v-d44ad01f] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-d44ad01f] {
    color: var(--color-currency)
}

.color-warning[data-v-d44ad01f] {
    color: var(--color-warning)
}

.color-danger[data-v-d44ad01f] {
    color: var(--color-danger)
}

.color-link[data-v-d44ad01f] {
    color: var(--color-link)
}

.color-line[data-v-d44ad01f] {
    color: var(--color-line)
}

.color-border[data-v-d44ad01f] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-d44ad01f] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-d44ad01f] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-d44ad01f] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-d44ad01f] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-d44ad01f] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-d44ad01f] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-d44ad01f] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-d44ad01f] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-d44ad01f] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-d44ad01f] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-d44ad01f] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-d44ad01f] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-d44ad01f] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-d44ad01f] {
    display: flex;
    align-items: center
}

.flex-start[data-v-d44ad01f] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-d44ad01f] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-d44ad01f] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-d44ad01f] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-d44ad01f] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-d44ad01f] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-d44ad01f] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-d44ad01f] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-d44ad01f] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-d44ad01f] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-d44ad01f] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-d44ad01f] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-d44ad01f] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-d44ad01f] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-d44ad01f] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-d44ad01f] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-d44ad01f] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-d44ad01f] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-d44ad01f] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-d44ad01f] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-d44ad01f] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-d44ad01f] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-d44ad01f] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-d44ad01f] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-d44ad01f],
.mlm-selected-item[data-v-d44ad01f] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-d44ad01f] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-d44ad01f]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-d44ad01f] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-d44ad01f] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-d44ad01f] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-segment-button.md[data-v-d44ad01f]::part(indicator-background) {
    background: var(--theme-color-800);
    height: 1px
}

ion-segment[data-v-d44ad01f] {
    border-bottom: 1px solid var(--spread-share-box-border-color)
}

ion-segment-button[data-v-d44ad01f] {
    --padding-start: 0;
    --padding-end: 0;
    text-transform: capitalize;
    min-width: 0;
    min-height: 0;
    margin-right: 10px;
    margin-top: 0;
    margin-bottom: 0
}

ion-segment-button ion-button[data-v-d44ad01f] {
    min-width: 0
}

ion-segment-button ion-label[data-v-d44ad01f] {
    font-size: .75rem !important;
    margin-top: .375rem;
    margin-bottom: .375rem
}

ion-label.selected-item[data-v-d44ad01f] {
    color: var(--color-text-100)
}

ion-label.select-item[data-v-d44ad01f] {
    color: var(--spread-bonus-rate-segment-item-color)
}

ion-content[data-v-d44ad01f] {
    --background: transperent
}

ion-item[data-v-d44ad01f] {
    --background: transparent;
    --padding-start: 0;
    --padding-end: 0;
    --inner-padding-end: 0;
    --inner-border-width: 0px;
    --min-height: 2.25rem
}

ion-item.table-title[data-v-d44ad01f] {
    --background: var(--color-bg-100);
    border-radius: var(--rounded-small)
}

ion-item.odd[data-v-d44ad01f] {
    --background: var(--color-bg-500);
    border-radius: var(--rounded-small)
}

ion-grid[data-v-d44ad01f] {
    --ion-grid-padding: 0
}

ion-col[data-v-d44ad01f] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-color-light-purple-1-100)
}

ion-col.color-text-currency[data-v-d44ad01f] {
    color: var(--color-currency)
}

.color-primary-600[data-v-0342a0b3] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-0342a0b3] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-0342a0b3] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-0342a0b3] {
    color: var(--color-primary-900)
}

.bg-100[data-v-0342a0b3] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-0342a0b3] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-0342a0b3] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-0342a0b3] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-0342a0b3] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-0342a0b3] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-0342a0b3] {
    background-color: var(--color-warning)
}

.bg-link[data-v-0342a0b3] {
    background-color: var(--color-link)
}

.bg-danger[data-v-0342a0b3] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-0342a0b3] {
    color: var(--color-text-100)
}

.color-text-80[data-v-0342a0b3] {
    color: var(--color-text-80)
}

.color-text-50[data-v-0342a0b3] {
    color: var(--color-text-50)
}

.color-text-40[data-v-0342a0b3] {
    color: var(--color-text-40)
}

.color-text-20[data-v-0342a0b3] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-0342a0b3] {
    color: var(--color-currency)
}

.color-warning[data-v-0342a0b3] {
    color: var(--color-warning)
}

.color-danger[data-v-0342a0b3] {
    color: var(--color-danger)
}

.color-link[data-v-0342a0b3] {
    color: var(--color-link)
}

.color-line[data-v-0342a0b3] {
    color: var(--color-line)
}

.color-border[data-v-0342a0b3] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-0342a0b3] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-0342a0b3] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-0342a0b3] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-0342a0b3] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-0342a0b3] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-0342a0b3] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-0342a0b3] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-0342a0b3] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-0342a0b3] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-0342a0b3] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-0342a0b3] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-0342a0b3] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-0342a0b3] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-0342a0b3] {
    display: flex;
    align-items: center
}

.flex-start[data-v-0342a0b3] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-0342a0b3] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-0342a0b3] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-0342a0b3] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-0342a0b3] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-0342a0b3] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-0342a0b3] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-0342a0b3] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-0342a0b3] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-0342a0b3] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-0342a0b3] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-0342a0b3] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-0342a0b3] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-0342a0b3] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-0342a0b3] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-0342a0b3] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-0342a0b3] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-0342a0b3] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-0342a0b3] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-0342a0b3] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-0342a0b3] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-0342a0b3] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-0342a0b3] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-0342a0b3] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-0342a0b3],
.mlm-selected-item[data-v-0342a0b3] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-0342a0b3] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-0342a0b3]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-0342a0b3] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-0342a0b3] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-0342a0b3] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.people[data-v-0342a0b3] {
    background-size: 100% 100% !important
}

.pepole-A[data-v-0342a0b3] {
    background: url(/icons/spread/manA.png), #fff
}

.pepole-B1[data-v-0342a0b3],
.pepole-B3[data-v-0342a0b3] {
    background: url(/icons/spread/manB1.png), #fff
}

.pepole-B2[data-v-0342a0b3] {
    background: url(/icons/spread/manB2.png), #fff
}

.pepole-C1[data-v-0342a0b3],
.pepole-C3[data-v-0342a0b3] {
    background: url(/icons/spread/womanC1.png), #fff
}

.pepole-C2[data-v-0342a0b3] {
    background: url(/icons/spread/womanC2.png), #fff
}

.color-primary-600[data-v-3a4f9424] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-3a4f9424] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-3a4f9424] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-3a4f9424] {
    color: var(--color-primary-900)
}

.bg-100[data-v-3a4f9424] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-3a4f9424] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-3a4f9424] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-3a4f9424] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-3a4f9424] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-3a4f9424] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-3a4f9424] {
    background-color: var(--color-warning)
}

.bg-link[data-v-3a4f9424] {
    background-color: var(--color-link)
}

.bg-danger[data-v-3a4f9424] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-3a4f9424] {
    color: var(--color-text-100)
}

.color-text-80[data-v-3a4f9424] {
    color: var(--color-text-80)
}

.color-text-50[data-v-3a4f9424] {
    color: var(--color-text-50)
}

.color-text-40[data-v-3a4f9424] {
    color: var(--color-text-40)
}

.color-text-20[data-v-3a4f9424] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-3a4f9424] {
    color: var(--color-currency)
}

.color-warning[data-v-3a4f9424] {
    color: var(--color-warning)
}

.color-danger[data-v-3a4f9424] {
    color: var(--color-danger)
}

.color-link[data-v-3a4f9424] {
    color: var(--color-link)
}

.color-line[data-v-3a4f9424] {
    color: var(--color-line)
}

.color-border[data-v-3a4f9424] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-3a4f9424] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-3a4f9424] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-3a4f9424] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-3a4f9424] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-3a4f9424] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-3a4f9424] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-3a4f9424] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-3a4f9424] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-3a4f9424] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-3a4f9424] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-3a4f9424] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-3a4f9424] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-3a4f9424] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-3a4f9424] {
    display: flex;
    align-items: center
}

.flex-start[data-v-3a4f9424] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-3a4f9424] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-3a4f9424] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-3a4f9424] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-3a4f9424] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-3a4f9424] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-3a4f9424] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-3a4f9424] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-3a4f9424] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-3a4f9424] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-3a4f9424] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-3a4f9424] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-3a4f9424] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-3a4f9424] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-3a4f9424] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-3a4f9424] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-3a4f9424] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-3a4f9424] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-3a4f9424] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-3a4f9424] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-3a4f9424] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-3a4f9424] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-3a4f9424] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-3a4f9424] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-3a4f9424],
.mlm-selected-item[data-v-3a4f9424] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-3a4f9424] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-3a4f9424]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-3a4f9424] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-3a4f9424] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-3a4f9424] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.commission-area[data-v-3a4f9424] {
    margin: 2.5rem auto
}

.agent-item[data-v-3a4f9424] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center
}

.color-primary-600[data-v-b40129aa] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-b40129aa] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-b40129aa] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-b40129aa] {
    color: var(--color-primary-900)
}

.bg-100[data-v-b40129aa] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-b40129aa] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-b40129aa] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-b40129aa] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-b40129aa] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-b40129aa] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-b40129aa] {
    background-color: var(--color-warning)
}

.bg-link[data-v-b40129aa] {
    background-color: var(--color-link)
}

.bg-danger[data-v-b40129aa] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-b40129aa] {
    color: var(--color-text-100)
}

.color-text-80[data-v-b40129aa] {
    color: var(--color-text-80)
}

.color-text-50[data-v-b40129aa] {
    color: var(--color-text-50)
}

.color-text-40[data-v-b40129aa] {
    color: var(--color-text-40)
}

.color-text-20[data-v-b40129aa] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-b40129aa] {
    color: var(--color-currency)
}

.color-warning[data-v-b40129aa] {
    color: var(--color-warning)
}

.color-danger[data-v-b40129aa] {
    color: var(--color-danger)
}

.color-link[data-v-b40129aa] {
    color: var(--color-link)
}

.color-line[data-v-b40129aa] {
    color: var(--color-line)
}

.color-border[data-v-b40129aa] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-b40129aa] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-b40129aa] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-b40129aa] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-b40129aa] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-b40129aa] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-b40129aa] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-b40129aa] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-b40129aa] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-b40129aa] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-b40129aa] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-b40129aa] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-b40129aa] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-b40129aa] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-b40129aa] {
    display: flex;
    align-items: center
}

.flex-start[data-v-b40129aa] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-b40129aa] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-b40129aa] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-b40129aa] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-b40129aa] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-b40129aa] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-b40129aa] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-b40129aa] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-b40129aa] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-b40129aa] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-b40129aa] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-b40129aa] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-b40129aa] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-b40129aa] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-b40129aa] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-b40129aa] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-b40129aa] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-b40129aa] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-b40129aa] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-b40129aa] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-b40129aa] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-b40129aa] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-b40129aa] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-b40129aa] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-b40129aa],
.mlm-selected-item[data-v-b40129aa] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-b40129aa] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-b40129aa]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-b40129aa] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-b40129aa] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-b40129aa] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.c1-left[data-v-b40129aa] {
    top: 1rem
}

.c3-right[data-v-b40129aa] {
    top: 1rem;
    right: 0
}

.top-box-area[data-v-b40129aa] {
    top: -.2rem
}

.C2-toA[data-v-b40129aa] {
    right: 3.6rem;
    position: absolute;
    top: -2.9rem
}

.b1-arrow[data-v-b40129aa] {
    left: 2.2rem;
    transform: rotate(30deg);
    bottom: 5.1rem
}

.b2-arrow[data-v-b40129aa] {
    left: 36%;
    bottom: 5rem
}

.b3-arrow[data-v-b40129aa] {
    right: 2rem;
    transform: rotate(-30deg);
    bottom: 5.1rem
}

.c1-arrow-toB1[data-v-b40129aa] {
    bottom: 3.8rem;
    left: .5rem
}

.c2-arrow-toB1[data-v-b40129aa] {
    bottom: 4.2rem;
    left: 23%;
    transform: rotate(-28deg)
}

.c3-arrow-toB3[data-v-b40129aa] {
    right: .7rem;
    bottom: 3.8rem
}

.c2-arrow-toA[data-v-b40129aa] {
    bottom: 5.2rem;
    left: 24%
}

.c1-arrow-toA[data-v-b40129aa] {
    bottom: 5.2rem;
    left: -6.6rem
}

.c3-arrow-toA[data-v-b40129aa] {
    bottom: 5.2rem;
    right: -6.6rem;
    transform: scaleX(-1)
}

.tutorial-detail[data-v-b40129aa] {
    border-radius: .28rem;
    font-size: .6rem;
    padding: .4rem
}

.tutorial-detail h1[data-v-b40129aa] {
    font-size: .7rem;
    margin: 0
}

.tutorial-detail p[data-v-b40129aa] {
    text-indent: .9rem
}

.color-primary-600[data-v-9cbe6d41] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-9cbe6d41] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-9cbe6d41] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-9cbe6d41] {
    color: var(--color-primary-900)
}

.bg-100[data-v-9cbe6d41] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-9cbe6d41] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-9cbe6d41] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-9cbe6d41] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-9cbe6d41] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-9cbe6d41] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-9cbe6d41] {
    background-color: var(--color-warning)
}

.bg-link[data-v-9cbe6d41] {
    background-color: var(--color-link)
}

.bg-danger[data-v-9cbe6d41] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-9cbe6d41] {
    color: var(--color-text-100)
}

.color-text-80[data-v-9cbe6d41] {
    color: var(--color-text-80)
}

.color-text-50[data-v-9cbe6d41] {
    color: var(--color-text-50)
}

.color-text-40[data-v-9cbe6d41] {
    color: var(--color-text-40)
}

.color-text-20[data-v-9cbe6d41] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-9cbe6d41] {
    color: var(--color-currency)
}

.color-warning[data-v-9cbe6d41] {
    color: var(--color-warning)
}

.color-danger[data-v-9cbe6d41] {
    color: var(--color-danger)
}

.color-link[data-v-9cbe6d41] {
    color: var(--color-link)
}

.color-line[data-v-9cbe6d41] {
    color: var(--color-line)
}

.color-border[data-v-9cbe6d41] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-9cbe6d41] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-9cbe6d41] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-9cbe6d41] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-9cbe6d41] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-9cbe6d41] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-9cbe6d41] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-9cbe6d41] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-9cbe6d41] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-9cbe6d41] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-9cbe6d41] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-9cbe6d41] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-9cbe6d41] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-9cbe6d41] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-9cbe6d41] {
    display: flex;
    align-items: center
}

.flex-start[data-v-9cbe6d41] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-9cbe6d41] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-9cbe6d41] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-9cbe6d41] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-9cbe6d41] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-9cbe6d41] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-9cbe6d41] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-9cbe6d41] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-9cbe6d41] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-9cbe6d41] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-9cbe6d41] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-9cbe6d41] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-9cbe6d41] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-9cbe6d41] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-9cbe6d41] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-9cbe6d41] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-9cbe6d41] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-9cbe6d41] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-9cbe6d41] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-9cbe6d41] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-9cbe6d41] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-9cbe6d41] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-9cbe6d41] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-9cbe6d41] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-9cbe6d41],
.mlm-selected-item[data-v-9cbe6d41] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-9cbe6d41] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-9cbe6d41]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-9cbe6d41] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-9cbe6d41] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-9cbe6d41] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.card[data-v-9cbe6d41] {
    background: var(--color-bg-300);
    border-radius: .625rem;
    padding-bottom: .625rem
}

ion-item[data-v-9cbe6d41] {
    --background: transparent;
    --padding-bottom: 0px;
    --padding-end: 10px;
    --padding-start: 0;
    --padding-top: 0;
    --inner-padding-end: 0
}

ion-item[data-v-9cbe6d41]::part(detail-icon) {
    color: var(--color-link);
    font-size: .875rem;
    margin-right: 5px
}

ion-label[data-v-9cbe6d41],
h6[data-v-9cbe6d41] {
    font-size: .875rem !important;
    text-align: center
}

h6[data-v-9cbe6d41] {
    margin-bottom: 5px
}

.color-primary-600[data-v-72eaf101] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-72eaf101] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-72eaf101] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-72eaf101] {
    color: var(--color-primary-900)
}

.bg-100[data-v-72eaf101] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-72eaf101] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-72eaf101] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-72eaf101] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-72eaf101] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-72eaf101] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-72eaf101] {
    background-color: var(--color-warning)
}

.bg-link[data-v-72eaf101] {
    background-color: var(--color-link)
}

.bg-danger[data-v-72eaf101] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-72eaf101] {
    color: var(--color-text-100)
}

.color-text-80[data-v-72eaf101] {
    color: var(--color-text-80)
}

.color-text-50[data-v-72eaf101] {
    color: var(--color-text-50)
}

.color-text-40[data-v-72eaf101] {
    color: var(--color-text-40)
}

.color-text-20[data-v-72eaf101] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-72eaf101] {
    color: var(--color-currency)
}

.color-warning[data-v-72eaf101] {
    color: var(--color-warning)
}

.color-danger[data-v-72eaf101] {
    color: var(--color-danger)
}

.color-link[data-v-72eaf101] {
    color: var(--color-link)
}

.color-line[data-v-72eaf101] {
    color: var(--color-line)
}

.color-border[data-v-72eaf101] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-72eaf101] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-72eaf101] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-72eaf101] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-72eaf101] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-72eaf101] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-72eaf101] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-72eaf101] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-72eaf101] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-72eaf101] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-72eaf101] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-72eaf101] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-72eaf101] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-72eaf101] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-72eaf101] {
    display: flex;
    align-items: center
}

.flex-start[data-v-72eaf101] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-72eaf101] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-72eaf101] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-72eaf101] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-72eaf101] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-72eaf101] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-72eaf101] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-72eaf101] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-72eaf101] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-72eaf101] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-72eaf101] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-72eaf101] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-72eaf101] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-72eaf101] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-72eaf101] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-72eaf101] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-72eaf101] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-72eaf101] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-72eaf101] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-72eaf101] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-72eaf101] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-72eaf101] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-72eaf101] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-72eaf101] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-72eaf101],
.mlm-selected-item[data-v-72eaf101] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-72eaf101] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-72eaf101]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-72eaf101] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-72eaf101] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-72eaf101] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.text-color[data-v-72eaf101] {
    margin: .375rem .5rem .375rem 0;
    color: var(--color-text-40) !important
}

.card[data-v-72eaf101] {
    background: var(--color-bg-200);
    border-radius: .625rem;
    margin: .625rem 0;
    padding: 0 .9375rem
}

.receive-rule[data-v-72eaf101] {
    display: flex;
    justify-content: space-between;
    padding: 0 .625rem .625rem;
    border-bottom: 1px solid var(--color-line)
}

.receive-rule .text[data-v-72eaf101] {
    width: 80%
}

.receive-rule .text .hint[data-v-72eaf101] {
    line-height: 1.0625rem;
    color: var(--color-text-40)
}

.receive-rule .btn-warpper[data-v-72eaf101] {
    display: flex;
    align-items: center;
    justify-content: center
}

.receive-rule .rule-btn[data-v-72eaf101] {
    background: rgba(255, 255, 255, .1);
    border-radius: var(--rounded-small);
    color: #6691d5;
    height: 1.125rem;
    width: 3.875rem;
    display: flex;
    justify-content: center
}

.receive-rule .rule-btn ion-icon[data-v-72eaf101] {
    font-size: 1.125rem;
    line-height: 1.125rem
}

.receive-rule .rule-btn span[data-v-72eaf101] {
    font-size: .625rem;
    line-height: 1.125rem
}

ion-item[data-v-72eaf101] {
    --background: transparent;
    --padding-bottom: 0px;
    --padding-end: 10px;
    --padding-start: 0;
    --padding-top: 0;
    --inner-padding-end: 0;
    font-size: .75rem
}

ion-item[data-v-72eaf101]::part(detail-icon) {
    color: var(--color-link);
    font-size: .875rem;
    margin-right: 5px
}

ion-segment[data-v-72eaf101] {
    display: flex;
    --background: transparent;
    border-radius: 0
}

ion-segment-button.ios[data-v-72eaf101] {
    --border-radius: .375rem;
    --background: transparent;
    --color: var(--color-text-100);
    --indicator-color: transparent;
    --padding-start: 0;
    --padding-end: 0;
    --padding-top: 0;
    --padding-bottom: 0;
    --indicator-box-shadow: none;
    text-transform: capitalize;
    min-width: 2.35rem;
    min-height: 2.5rem;
    max-height: 2.5rem;
    margin: 0 .375rem;
    margin-top: 0
}

ion-segment-button.segment-button-disabled[data-v-72eaf101] {
    opacity: 1
}

ion-note[data-v-72eaf101] {
    --color: var(--ion-text-color);
    margin-right: 10px
}

ion-note.more[data-v-72eaf101] {
    --color: var(--color-text-100);
    margin-right: 0
}

ion-note.cash[data-v-72eaf101] {
    --color: var(--color-currency)
}

ion-toolbar.agent-info[data-v-72eaf101] {
    --ion-toolbar-background: var(--color-bg-200)
}

.flex-button[data-v-72eaf101] {
    display: flex;
    flex-direction: column
}

ion-button[data-v-72eaf101] {
    font-weight: var(--font-weight-bold);
    --border-radius: var(--rounded-small)
}

ion-button.claim[data-v-72eaf101]::part(native) {
    color: var(--agent-btn-color);
    background: var(--color-primary-800);
    --background-activated: var(--button-right-bg-color-shade);
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint)
}

ion-button.on[data-v-72eaf101]::part(native) {
    background: var(--color-primary-btn-disable);
    color: var(--color-primary-btn-text-disable);
    --background-activated: none;
    --background-focused: none;
    --background-hover: none
}

ion-button.history[data-v-72eaf101]::part(native) {
    color: var(--color-text-100);
    background: var(--color-bg-100);
    --background-activated: none;
    --background-focused: none
}

.referral-tips[data-v-72eaf101] {
    color: var(--color-text-100);
    border-bottom: 1px solid var(--color-line)
}

.agent-share-box[data-v-72eaf101] {
    border: 1px solid var(--spread-share-box-border-color)
}

.agent-share-box .shareUrl[data-v-72eaf101] {
    color: var(--color-text-100)
}

ion-list ion-item ion-label.item-title[data-v-72eaf101] {
    color: var(--color-text-100);
    font-size: var(--font-size-14);
    line-height: 1.3125rem
}

ion-button.shiny[data-v-72eaf101] {
    position: relative;
    overflow: hidden
}

ion-button.shiny[data-v-72eaf101]:before {
    content: "";
    animation: shiny-72eaf101 4s ease-in-out infinite;
    background: var(--text-color-white-100);
    display: inline-block;
    height: 100%;
    left: 0;
    position: absolute;
    top: -180px;
    width: 20px;
    z-index: 100
}

.text-color-40[data-v-72eaf101] {
    color: var(--color-text-40)
}

.text-color-80[data-v-72eaf101] {
    color: var(--color-text-100)
}

@keyframes shiny-72eaf101 {
    0% {
        opacity: 0;
        transform: scale(0) rotate(45deg)
    }

    80% {
        opacity: .5;
        transform: scale(0) rotate(45deg)
    }

    81% {
        opacity: 1;
        transform: scale(4) rotate(45deg)
    }

    to {
        opacity: 0;
        transform: scale(50) rotate(45deg)
    }
}

.color-primary-600[data-v-4e6ea733] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-4e6ea733] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-4e6ea733] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-4e6ea733] {
    color: var(--color-primary-900)
}

.bg-100[data-v-4e6ea733] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-4e6ea733] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-4e6ea733] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-4e6ea733] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-4e6ea733] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-4e6ea733] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-4e6ea733] {
    background-color: var(--color-warning)
}

.bg-link[data-v-4e6ea733] {
    background-color: var(--color-link)
}

.bg-danger[data-v-4e6ea733] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-4e6ea733] {
    color: var(--color-text-100)
}

.color-text-80[data-v-4e6ea733] {
    color: var(--color-text-80)
}

.color-text-50[data-v-4e6ea733] {
    color: var(--color-text-50)
}

.color-text-40[data-v-4e6ea733] {
    color: var(--color-text-40)
}

.color-text-20[data-v-4e6ea733] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-4e6ea733] {
    color: var(--color-currency)
}

.color-warning[data-v-4e6ea733] {
    color: var(--color-warning)
}

.color-danger[data-v-4e6ea733] {
    color: var(--color-danger)
}

.color-link[data-v-4e6ea733] {
    color: var(--color-link)
}

.color-line[data-v-4e6ea733] {
    color: var(--color-line)
}

.color-border[data-v-4e6ea733] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-4e6ea733] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-4e6ea733] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-4e6ea733] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-4e6ea733] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-4e6ea733] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-4e6ea733] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-4e6ea733] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-4e6ea733] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-4e6ea733] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-4e6ea733] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-4e6ea733] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-4e6ea733] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-4e6ea733] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-4e6ea733] {
    display: flex;
    align-items: center
}

.flex-start[data-v-4e6ea733] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-4e6ea733] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-4e6ea733] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-4e6ea733] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-4e6ea733] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-4e6ea733] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-4e6ea733] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-4e6ea733] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-4e6ea733] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-4e6ea733] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-4e6ea733] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-4e6ea733] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-4e6ea733] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-4e6ea733] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-4e6ea733] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-4e6ea733] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-4e6ea733] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-4e6ea733] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-4e6ea733] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-4e6ea733] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-4e6ea733] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-4e6ea733] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-4e6ea733] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-4e6ea733] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-4e6ea733],
.mlm-selected-item[data-v-4e6ea733] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-4e6ea733] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-4e6ea733]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-4e6ea733] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-4e6ea733] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-4e6ea733] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.select-item[data-v-4e6ea733] {
    font-size: var(--font-size-12);
    line-height: 1.125rem;
    color: var(--color-text-100);
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0;
    background: var(--spread-commission-select-box-bg)
}

.select-item[data-v-4e6ea733] .date {
    background: var(--spread-commission-select-bg);
    height: 1.758rem;
    border-radius: var(--rounded-small)
}

.select-item[data-v-4e6ea733] .date .timeChoose div {
    color: var(--color-text-100)
}

.select-item[data-v-4e6ea733] .date .timeChoose ion-icon {
    color: var(--color-text-100)
}

ion-searchbar#search-agency[data-v-4e6ea733] {
    height: 1.758rem;
    padding: 0;
    margin-left: .75rem;
    --color: var(--color-text-100);
    border-radius: var(--rounded-small);
    --background: var(--spread-commission-select-bg);
    --placeholder-color: var(--color-text-100);
    --box-shadow: none;
    overflow: hidden
}

ion-item.table-title-bg[data-v-4e6ea733] {
    --background: var(--color-bg-100);
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

ion-item.table-item-bg[data-v-4e6ea733]:nth-child(odd) {
    --background: transparent;
    min-height: 2.625rem
}

ion-item.table-item-bg[data-v-4e6ea733]:nth-child(2n) {
    --background: var(--color-bg-500);
    min-height: 2.625rem
}

ion-item ion-row.table-item[data-v-4e6ea733] {
    color: var(--color-text-100) !important
}

ion-content[data-v-4e6ea733] {
    --background: transperent
}

ion-grid[data-v-4e6ea733] {
    --ion-grid-padding: 0
}

ion-col[data-v-4e6ea733] {
    --ion-grid-column-padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

ion-modal[data-v-4e6ea733] {
    --height: auto;
    --border-radius: var(--rounded-large);
    --background: var(--color-bg-300);
    padding: 0 1.5625rem;
    height: auto
}

ion-modal ion-toolbar[data-v-4e6ea733] {
    --background: var(--color-bg-200);
    border-bottom: 1px solid var(--color-line)
}

ion-list ion-item.item-detail[data-v-4e6ea733] {
    --background: var(--color-bg-300)
}

ion-list ion-item.item-detail ion-label[data-v-4e6ea733] {
    color: var(--color-text-100);
    margin: .625rem 0
}

.ion-color-primary[data-v-4e6ea733] {
    --ion-color-base: var(--color-primary-800) !important
}

.table-item-color[data-v-4e6ea733] {
    color: var(--text-color-light-purple-2-100) !important
}

.ab-select-container {
    position: relative
}

.ab-select-container .ab-select-display {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 .75rem;
    background: var(--ep-color-background-fill-body-default);
    border-radius: var(--ep-border-radius-m, .375rem);
    cursor: pointer;
    transition: all .2s ease;
    min-height: 1.7625rem;
    min-width: 7.5rem
}

.ab-select-container .ab-select-display:hover:not(.ab-select-disabled) {
    border-color: var(--ep-color-border-hover, #ccc)
}

.ab-select-container .ab-select-display.ab-select-active {
    border-color: var(--ep-color-primary, #409eff)
}

.ab-select-container .ab-select-display.ab-select-disabled {
    background: var(--ep-color-background-fill-surface-disabled, #f5f7fa);
    color: var(--ep-color-text-disabled, #c0c4cc);
    cursor: not-allowed
}

.ab-select-container .ab-select-display.ab-select-disabled .ab-select-icon {
    color: var(--ep-color-text-disabled, #c0c4cc)
}

.ab-select-container .ab-select-display .ab-select-text {
    flex: 1;
    color: var(--ep-color-text-default, #303133);
    font-size: var(--ep-font-size-base, 14px);
    line-height: 1.4;
    text-align: left
}

.ab-select-container .ab-select-display .ab-select-icon {
    width: 1rem;
    height: 1rem;
    color: var(--ep-color-text-placeholder, #a8abb2);
    transition: transform .2s ease
}

.ab-select-container .ab-select-display .ab-select-icon.ab-select-icon-active {
    transform: rotate(180deg)
}

.popover-viewport {
    overflow: hidden;
    border-radius: var(--ep-border-radius-m, .375rem);
    border: 1px solid var(--ep-color-border-default);
    box-shadow: var(--ep-box-shadow-light, 0 2px 12px 0 rgba(0, 0, 0, .1))
}

.ab-select-options {
    background: var(--ep-color-background-fill-surface-raised-L1);
    margin: 0;
    border: 1px solid var(--ep-color-border-default)
}

.ab-select-option {
    margin: 0;
    padding: 0;
    cursor: pointer;
    text-align: center;
    height: 2.25rem
}

.ab-select-option:hover {
    background: var(--ep-color-background-fill-surface-raised-L2, #f5f7fa)
}

.ab-select-option-text {
    margin: 0;
    text-align: center;
    font-size: var(--ep-font-size-s, 12px);
    font-weight: var(--ep-font-weight-bold, bold);
    line-height: 150%;
    transition: all .2s ease;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.ab-select-option-text.ab-select-option-selected {
    background: var(--ep-color-background-fill-surface-raised-L2);
    color: var(--ep-color-text-selected, var(--ep-color-primary));
    font-weight: 700
}

.ab-select-option-text.ab-select-option-normal {
    background: var(--ep-color-background-fill-surface-raised-L1);
    color: var(--ep-color-text-weaker)
}

.green-dark .ab-select-display,
.yellow-dark .ab-select-display,
.purple-light .ab-select-display,
.amber-purple .ab-select-display,
.blue-default .ab-select-display,
.green-default .ab-select-display,
.forest-green .ab-select-display,
.auroral-yellow .ab-select-display {
    background: var(--spread-commission-select-bg)
}

.green-dark .ab-select-display:hover:not(.ab-select-disabled),
.yellow-dark .ab-select-display:hover:not(.ab-select-disabled),
.purple-light .ab-select-display:hover:not(.ab-select-disabled),
.amber-purple .ab-select-display:hover:not(.ab-select-disabled),
.blue-default .ab-select-display:hover:not(.ab-select-disabled),
.green-default .ab-select-display:hover:not(.ab-select-disabled),
.forest-green .ab-select-display:hover:not(.ab-select-disabled),
.auroral-yellow .ab-select-display:hover:not(.ab-select-disabled) {
    border-color: transparent
}

.green-dark .ab-select-display .ab-select-text,
.yellow-dark .ab-select-display .ab-select-text,
.purple-light .ab-select-display .ab-select-text,
.amber-purple .ab-select-display .ab-select-text,
.blue-default .ab-select-display .ab-select-text,
.green-default .ab-select-display .ab-select-text,
.forest-green .ab-select-display .ab-select-text,
.auroral-yellow .ab-select-display .ab-select-text {
    color: var(--color-text-100)
}

.green-dark .ab-select-option-normal,
.yellow-dark .ab-select-option-normal,
.purple-light .ab-select-option-normal,
.amber-purple .ab-select-option-normal,
.blue-default .ab-select-option-normal,
.green-default .ab-select-option-normal,
.forest-green .ab-select-option-normal,
.auroral-yellow .ab-select-option-normal {
    background: var(--spread-commission-select-bg);
    color: rgba(255, 255, 255, .4)
}

.green-dark .ab-select-option-selected,
.yellow-dark .ab-select-option-selected,
.purple-light .ab-select-option-selected,
.amber-purple .ab-select-option-selected,
.blue-default .ab-select-option-selected,
.green-default .ab-select-option-selected,
.forest-green .ab-select-option-selected,
.auroral-yellow .ab-select-option-selected {
    color: var(--ep-color-text-normal, var(--ep-color-primary))
}

.green-dark .ab-select-option:hover,
.yellow-dark .ab-select-option:hover,
.purple-light .ab-select-option:hover,
.amber-purple .ab-select-option:hover,
.blue-default .ab-select-option:hover,
.green-default .ab-select-option:hover,
.forest-green .ab-select-option:hover,
.auroral-yellow .ab-select-option:hover {
    background: transparent
}

.purple-light .ab-select-option-normal {
    background: var(--spread-commission-select-bg);
    color: var(--color-text-100)
}

.purple-light .ab-select-option-selected {
    color: var(--color-primary-800)
}

.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)
}

.green-default .ab-select-display {
    background: var(--color-bg-300)
}

.green-default .ab-select-text {
    color: var(--color-text-gray-200) !important
}

.green-default .ab-select-option-selected {
    background: rgba(59, 65, 77, .4);
    color: var(--color-primary-800)
}

.forest-green .ab-select-display {
    background: var(--color-bg-300)
}

.forest-green .ab-select-text {
    color: var(--color-text-gray-200) !important
}

.forest-green .ab-select-option-selected {
    background: var(--color-bg-400);
    color: var(--color-primary-800)
}

.amber-purple .ab-select-display {
    background: var(--color-bg-300)
}

.amber-purple .ab-select-text {
    color: var(--color-text-gray-200) !important
}

.amber-purple .ab-select-option-selected {
    background: var(--color-bg-200);
    color: var(--color-primary-800)
}

.auroral-yellow .ab-select-display {
    background: var(--color-bg-300)
}

.auroral-yellow .ab-select-text {
    color: var(--color-text-gray-300) !important
}

.auroral-yellow .ab-select-option-selected {
    background: var(--color-bg-200);
    color: var(--color-primary-800)
}

.color-primary-600[data-v-2acdbc50] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-2acdbc50] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-2acdbc50] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-2acdbc50] {
    color: var(--color-primary-900)
}

.bg-100[data-v-2acdbc50] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-2acdbc50] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-2acdbc50] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-2acdbc50] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-2acdbc50] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-2acdbc50] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-2acdbc50] {
    background-color: var(--color-warning)
}

.bg-link[data-v-2acdbc50] {
    background-color: var(--color-link)
}

.bg-danger[data-v-2acdbc50] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-2acdbc50] {
    color: var(--color-text-100)
}

.color-text-80[data-v-2acdbc50] {
    color: var(--color-text-80)
}

.color-text-50[data-v-2acdbc50] {
    color: var(--color-text-50)
}

.color-text-40[data-v-2acdbc50] {
    color: var(--color-text-40)
}

.color-text-20[data-v-2acdbc50] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-2acdbc50] {
    color: var(--color-currency)
}

.color-warning[data-v-2acdbc50] {
    color: var(--color-warning)
}

.color-danger[data-v-2acdbc50] {
    color: var(--color-danger)
}

.color-link[data-v-2acdbc50] {
    color: var(--color-link)
}

.color-line[data-v-2acdbc50] {
    color: var(--color-line)
}

.color-border[data-v-2acdbc50] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-2acdbc50] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-2acdbc50] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-2acdbc50] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-2acdbc50] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-2acdbc50] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-2acdbc50] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-2acdbc50] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-2acdbc50] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-2acdbc50] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-2acdbc50] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-2acdbc50] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-2acdbc50] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-2acdbc50] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-2acdbc50] {
    display: flex;
    align-items: center
}

.flex-start[data-v-2acdbc50] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-2acdbc50] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-2acdbc50] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-2acdbc50] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-2acdbc50] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-2acdbc50] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-2acdbc50] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-2acdbc50] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-2acdbc50] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-2acdbc50] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-2acdbc50] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-2acdbc50] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-2acdbc50] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-2acdbc50] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-2acdbc50] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-2acdbc50] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-2acdbc50] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-2acdbc50] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-2acdbc50] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-2acdbc50] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-2acdbc50] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-2acdbc50] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-2acdbc50] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-2acdbc50] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-2acdbc50],
.mlm-selected-item[data-v-2acdbc50] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-2acdbc50] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-2acdbc50]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-2acdbc50] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-2acdbc50] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-2acdbc50] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-content#main[data-v-2acdbc50] {
    --background: transperent
}

.select-item[data-v-2acdbc50] {
    font-size: var(--font-size-12);
    line-height: 1.125rem;
    color: var(--color-text-100);
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0;
    background: var(--spread-commission-select-box-bg)
}

.date-select[data-v-2acdbc50] {
    background: var(--spread-commission-select-bg);
    height: 1.758rem
}

.date-select[data-v-2acdbc50] .date {
    display: flex;
    align-items: center;
    border-radius: var(--rounded-small);
    background: transparent;
    height: 1.758rem;
    padding: .125rem .25rem;
    min-width: auto
}

.date-select[data-v-2acdbc50] .date .timeChoose {
    width: 100%;
    justify-content: space-between;
    display: flex;
    align-items: center
}

.date-select[data-v-2acdbc50] .date .timeChoose p {
    font-size: .875rem;
    color: var(--color-text-100);
    margin: 0
}

.date-select[data-v-2acdbc50] .date .timeChoose p.on {
    border-bottom: 1px solid var(--color-primary-800)
}

.date-select[data-v-2acdbc50] .date .timeChoose .separator {
    margin: 0 .25rem;
    font-size: .875rem;
    color: var(--color-text-100)
}

.date-select[data-v-2acdbc50] .date .timeChoose ion-icon {
    font-size: .875rem;
    color: var(--color-text-100);
    margin: .125rem 0 .125rem .25rem
}

ion-item[data-v-2acdbc50]::part(native) {
    padding: 0 0 0 .625rem !important
}

ion-grid[data-v-2acdbc50] {
    --ion-grid-padding: 0
}

ion-col[data-v-2acdbc50] {
    --ion-grid-column-padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

ion-item.table-title-bg[data-v-2acdbc50] {
    --background: var(--color-bg-100);
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

ion-item.table-item-bg[data-v-2acdbc50]:nth-child(odd) {
    --background: transparent;
    min-height: 2.625rem
}

ion-item.table-item-bg[data-v-2acdbc50]:nth-child(2n) {
    --background: var(--color-bg-500);
    min-height: 2.625rem
}

ion-item ion-row.table-item[data-v-2acdbc50] {
    color: var(--color-text-100) !important
}

ion-select[data-v-2acdbc50] {
    flex: 1;
    min-height: 0;
    --background: var(--spread-commission-select-bg);
    --border-radius: var(--rounded-small);
    --padding-top: 0px;
    --padding-bottom: 0px;
    --padding-start: .25rem;
    --padding-end: 0px;
    color: var(--color-text-100);
    font-size: var(--font-size-12);
    height: 1.758rem;
    margin-left: 5px;
    overflow: hidden
}

#popover-trigger p.on[data-v-2acdbc50] {
    border-bottom: 1px solid var(--color-primary-800)
}

ion-datetime[data-v-2acdbc50] {
    --background: var(--color-bg-200);
    color: var(--color-text-100)
}

ion-datetime[data-v-2acdbc50]::part(calendar-day active) {
    color: var(--agent-btn-color);
    background: var(--color-primary-800);
    box-shadow: none
}

ion-datetime[data-v-2acdbc50]::part(month-year-button) {
    color: var(--color-text-100);
    --color: var(--color-text-100)
}

.ion-color-primary[data-v-2acdbc50] {
    --ion-color-base: var(--theme-color-800) !important
}

ion-modal ion-content[data-v-2acdbc50] {
    --padding-top: 0
}

.comm-modal[data-v-2acdbc50]:after {
    content: "";
    position: absolute;
    border-radius: 263px;
    width: 16.4375rem;
    height: 3.125rem;
    opacity: .2;
    top: 0;
    left: -4.25rem;
    background: var(--theme-color-400);
    filter: blur(31.64999962px);
    z-index: 10;
    pointer-events: none
}

.comm-modal[data-v-2acdbc50]:before {
    content: "";
    position: absolute;
    width: 7.0625rem;
    height: 3.125rem;
    opacity: .19;
    top: 0;
    right: -.5rem;
    background: var(--gradients-green);
    filter: blur(31.64999962px);
    z-index: 50;
    pointer-events: none
}

ion-toolbar[data-v-2acdbc50] {
    --background: var(--color-bg-300);
    font-size: 1.25rem;
    line-height: 1.875rem;
    height: 3.125rem
}

ion-button#popover-trigger[data-v-2acdbc50] {
    --padding-start: 0;
    --padding-end: 0
}

ion-segment.md[data-v-2acdbc50] {
    display: flex;
    justify-content: left
}

ion-segment-button.md[data-v-2acdbc50]::part(indicator) {
    margin-left: auto;
    margin-right: auto
}

ion-segment-button.md[data-v-2acdbc50]::part(indicator-background) {
    background: var(--gradients-indicatorLine);
    height: .125rem
}

ion-segment-button.md[data-v-2acdbc50] {
    --padding-start: 0;
    --padding-end: 0;
    --padding-top: 2px;
    --padding-bottom: 2px;
    text-transform: capitalize;
    margin-right: .8rem
}

ion-segment-button.md ion-button[data-v-2acdbc50] {
    text-transform: none;
    height: 2.625rem;
    margin: 0;
    --padding-top: 0px;
    --padding-bottom: 5px;
    --padding-start: 0;
    --padding-end: 0;
    min-width: 0
}

ion-button.base-style[data-v-2acdbc50] {
    --color: var(--text-color-light-purple-2-100);
    font-size: var(--font-1size-14)
}

ion-button.select-style[data-v-2acdbc50] {
    font-weight: 700;
    --color: var(--text-color-light-purple-1-100)
}

.table-item-color[data-v-2acdbc50] {
    color: var(--text-color-light-purple-2-100) !important
}

.color-primary-600[data-v-3b26711f] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-3b26711f] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-3b26711f] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-3b26711f] {
    color: var(--color-primary-900)
}

.bg-100[data-v-3b26711f] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-3b26711f] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-3b26711f] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-3b26711f] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-3b26711f] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-3b26711f] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-3b26711f] {
    background-color: var(--color-warning)
}

.bg-link[data-v-3b26711f] {
    background-color: var(--color-link)
}

.bg-danger[data-v-3b26711f] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-3b26711f] {
    color: var(--color-text-100)
}

.color-text-80[data-v-3b26711f] {
    color: var(--color-text-80)
}

.color-text-50[data-v-3b26711f] {
    color: var(--color-text-50)
}

.color-text-40[data-v-3b26711f] {
    color: var(--color-text-40)
}

.color-text-20[data-v-3b26711f] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-3b26711f] {
    color: var(--color-currency)
}

.color-warning[data-v-3b26711f] {
    color: var(--color-warning)
}

.color-danger[data-v-3b26711f] {
    color: var(--color-danger)
}

.color-link[data-v-3b26711f] {
    color: var(--color-link)
}

.color-line[data-v-3b26711f] {
    color: var(--color-line)
}

.color-border[data-v-3b26711f] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-3b26711f] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-3b26711f] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-3b26711f] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-3b26711f] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-3b26711f] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-3b26711f] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-3b26711f] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-3b26711f] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-3b26711f] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-3b26711f] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-3b26711f] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-3b26711f] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-3b26711f] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-3b26711f] {
    display: flex;
    align-items: center
}

.flex-start[data-v-3b26711f] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-3b26711f] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-3b26711f] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-3b26711f] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-3b26711f] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-3b26711f] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-3b26711f] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-3b26711f] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-3b26711f] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-3b26711f] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-3b26711f] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-3b26711f] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-3b26711f] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-3b26711f] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-3b26711f] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-3b26711f] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-3b26711f] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-3b26711f] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-3b26711f] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-3b26711f] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-3b26711f] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-3b26711f] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-3b26711f] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-3b26711f] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-3b26711f],
.mlm-selected-item[data-v-3b26711f] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-3b26711f] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-3b26711f]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-3b26711f] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-3b26711f] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-3b26711f] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.tab-box[data-v-3b26711f] {
    background: var(--color-bg-400);
    border-bottom: 1px solid var(--color-line)
}

ion-segment.md[data-v-3b26711f] {
    display: flex;
    justify-content: left
}

ion-segment-button.md[data-v-3b26711f]::part(indicator) {
    margin-left: auto;
    margin-right: auto
}

ion-segment-button.md[data-v-3b26711f]::part(indicator-background) {
    background: none
}

ion-segment-button.md ion-button[data-v-3b26711f] {
    text-transform: none;
    height: 2.625rem;
    margin: 0;
    --padding-top: 0px;
    --padding-bottom: 5px;
    --padding-start: 0;
    --padding-end: 0;
    min-width: 0
}

ion-button.base-style[data-v-3b26711f] {
    --color: var(--my-card-detail-color);
    font-size: var(--font-1size-14);
    white-space: nowrap;
    padding: 0 1rem
}

ion-button.select-style[data-v-3b26711f] {
    font-weight: 700;
    position: relative;
    white-space: nowrap;
    --color: var(--spread-segment-select-tc);
    background: var(--spread-segment-btn-bg);
    border-radius: var(--rounded-small) var(--rounded-small) 0px 0px
}

ion-button.select-style[data-v-3b26711f]:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: .125rem;
    background: var(--spread-segment-bottom-bc)
}

ion-segment-button[data-v-3b26711f]::part(native) {
    padding: 0
}

.amber-purple body div#app ion-router-outlet>div.ion-page[data-v-3b26711f]:before {
    z-index: 10;
    pointer-events: none
}

.color-primary-600[data-v-fa1c69ad] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-fa1c69ad] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-fa1c69ad] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-fa1c69ad] {
    color: var(--color-primary-900)
}

.bg-100[data-v-fa1c69ad] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-fa1c69ad] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-fa1c69ad] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-fa1c69ad] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-fa1c69ad] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-fa1c69ad] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-fa1c69ad] {
    background-color: var(--color-warning)
}

.bg-link[data-v-fa1c69ad] {
    background-color: var(--color-link)
}

.bg-danger[data-v-fa1c69ad] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-fa1c69ad] {
    color: var(--color-text-100)
}

.color-text-80[data-v-fa1c69ad] {
    color: var(--color-text-80)
}

.color-text-50[data-v-fa1c69ad] {
    color: var(--color-text-50)
}

.color-text-40[data-v-fa1c69ad] {
    color: var(--color-text-40)
}

.color-text-20[data-v-fa1c69ad] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-fa1c69ad] {
    color: var(--color-currency)
}

.color-warning[data-v-fa1c69ad] {
    color: var(--color-warning)
}

.color-danger[data-v-fa1c69ad] {
    color: var(--color-danger)
}

.color-link[data-v-fa1c69ad] {
    color: var(--color-link)
}

.color-line[data-v-fa1c69ad] {
    color: var(--color-line)
}

.color-border[data-v-fa1c69ad] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-fa1c69ad] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-fa1c69ad] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-fa1c69ad] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-fa1c69ad] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-fa1c69ad] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-fa1c69ad] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-fa1c69ad] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-fa1c69ad] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-fa1c69ad] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-fa1c69ad] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-fa1c69ad] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-fa1c69ad] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-fa1c69ad] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-fa1c69ad] {
    display: flex;
    align-items: center
}

.flex-start[data-v-fa1c69ad] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-fa1c69ad] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-fa1c69ad] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-fa1c69ad] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-fa1c69ad] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-fa1c69ad] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-fa1c69ad] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-fa1c69ad] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-fa1c69ad] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-fa1c69ad] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-fa1c69ad] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-fa1c69ad] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-fa1c69ad] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-fa1c69ad] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-fa1c69ad] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-fa1c69ad] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-fa1c69ad] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-fa1c69ad] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-fa1c69ad] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-fa1c69ad] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-fa1c69ad] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-fa1c69ad] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-fa1c69ad] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-fa1c69ad] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-fa1c69ad],
.mlm-selected-item[data-v-fa1c69ad] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-fa1c69ad] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-fa1c69ad]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-fa1c69ad] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-fa1c69ad] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-fa1c69ad] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-content[data-v-fa1c69ad] {
    --padding-top: .625rem;
    --padding-bottom: .625rem;
    --padding-start: .625rem;
    --padding-end: .625rem
}

ion-item[data-v-fa1c69ad] {
    --background: transparent;
    --padding-start: 0;
    --inner-padding-end: .25rem
}

.security-item[data-v-fa1c69ad] {
    width: 100%;
    padding-left: .625rem;
    padding-right: .625rem;
    border-radius: .5rem;
    margin-bottom: .625rem
}

.security-item ion-item[data-v-fa1c69ad] {
    font-size: .75rem;
    line-height: 1rem
}

.security-item ion-item ion-icon[data-v-fa1c69ad] {
    width: 1.5rem;
    margin-left: .625rem;
    margin-right: .625rem
}

ion-icon.security-item-right-color[data-v-fa1c69ad] {
    text-align: end;
    max-width: 60%
}

ion-item[data-v-fa1c69ad] {
    --border-color: var(--color-line);
    --color: var(--color-text-white-100)
}

.security-item[data-v-fa1c69ad] {
    background: var(--color-bg-200)
}

.security-white-color[data-v-fa1c69ad] {
    color: var(--color-text-white-100)
}

ion-icon.security-item-right-color[data-v-fa1c69ad] {
    color: var(--color-text-white-100)
}

ion-label.security-item-right-color[data-v-fa1c69ad] {
    color: var(--color-text-gray-300)
}

.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)
}

.green-default ion-item[data-v-fa1c69ad],
.forest-green ion-item[data-v-fa1c69ad] {
    --border-color: var(--color-line);
    --color: var(--color-text-gray-100)
}

.green-default .security-item[data-v-fa1c69ad],
.forest-green .security-item[data-v-fa1c69ad] {
    background: var(--color-bg-200)
}

.green-default .security-white-color[data-v-fa1c69ad],
.forest-green .security-white-color[data-v-fa1c69ad] {
    color: var(--color-text-gray-100)
}

.green-default ion-icon.security-item-right-color[data-v-fa1c69ad],
.forest-green ion-icon.security-item-right-color[data-v-fa1c69ad] {
    color: var(--color-text-gray-100)
}

.green-default ion-label.security-item-right-color[data-v-fa1c69ad],
.forest-green ion-label.security-item-right-color[data-v-fa1c69ad] {
    color: var(--color-text-gray-200)
}

.amber-purple ion-item[data-v-fa1c69ad] {
    --border-color: var(--color-line);
    --color: var(--color-text-gray-100)
}

.amber-purple .security-item[data-v-fa1c69ad] {
    background: var(--color-bg-200)
}

.amber-purple .security-white-color[data-v-fa1c69ad] {
    color: var(--color-text-gray-100)
}

.amber-purple ion-icon.security-item-right-color[data-v-fa1c69ad] {
    color: var(--color-text-gray-100)
}

.amber-purple ion-label.security-item-right-color[data-v-fa1c69ad] {
    color: var(--color-text-gray-200)
}

.auroral-yellow ion-item[data-v-fa1c69ad] {
    --border-color: var(--color-line);
    --color: var(--color-text-white-100)
}

.auroral-yellow .security-item[data-v-fa1c69ad] {
    background: var(--color-bg-200)
}

.auroral-yellow .security-white-color[data-v-fa1c69ad] {
    color: var(--color-text-white-100)
}

.auroral-yellow ion-icon.security-item-right-color[data-v-fa1c69ad] {
    color: var(--color-text-white-100)
}

.auroral-yellow ion-label.security-item-right-color[data-v-fa1c69ad] {
    color: var(--color-text-gray-200)
}

.color-primary-600[data-v-66607be1] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-66607be1] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-66607be1] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-66607be1] {
    color: var(--color-primary-900)
}

.bg-100[data-v-66607be1] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-66607be1] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-66607be1] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-66607be1] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-66607be1] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-66607be1] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-66607be1] {
    background-color: var(--color-warning)
}

.bg-link[data-v-66607be1] {
    background-color: var(--color-link)
}

.bg-danger[data-v-66607be1] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-66607be1] {
    color: var(--color-text-100)
}

.color-text-80[data-v-66607be1] {
    color: var(--color-text-80)
}

.color-text-50[data-v-66607be1] {
    color: var(--color-text-50)
}

.color-text-40[data-v-66607be1] {
    color: var(--color-text-40)
}

.color-text-20[data-v-66607be1] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-66607be1] {
    color: var(--color-currency)
}

.color-warning[data-v-66607be1] {
    color: var(--color-warning)
}

.color-danger[data-v-66607be1] {
    color: var(--color-danger)
}

.color-link[data-v-66607be1] {
    color: var(--color-link)
}

.color-line[data-v-66607be1] {
    color: var(--color-line)
}

.color-border[data-v-66607be1] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-66607be1] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-66607be1] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-66607be1] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-66607be1] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-66607be1] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-66607be1] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-66607be1] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-66607be1] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-66607be1] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-66607be1] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-66607be1] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-66607be1] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-66607be1] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-66607be1] {
    display: flex;
    align-items: center
}

.flex-start[data-v-66607be1] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-66607be1] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-66607be1] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-66607be1] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-66607be1] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-66607be1] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-66607be1] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-66607be1] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-66607be1] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-66607be1] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-66607be1] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-66607be1] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-66607be1] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-66607be1] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-66607be1] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-66607be1] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-66607be1] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-66607be1] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-66607be1] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-66607be1] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-66607be1] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-66607be1] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-66607be1] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-66607be1] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-66607be1],
.mlm-selected-item[data-v-66607be1] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-66607be1] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-66607be1]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-66607be1] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-66607be1] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-66607be1] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-segment.tab-list[data-v-66607be1] {
    display: flex;
    justify-content: left;
    margin-top: .625rem;
    border-bottom: 1px solid var(--color-line)
}

ion-segment.tab-list ion-segment-button[data-v-66607be1] {
    --color: var(--color-text-gray-200);
    --color-checked: var(--color-text-white-100);
    --indicator-color: var(--theme-color-gradient-100);
    --indicator-height: .0625rem;
    text-transform: none
}

ion-segment.tab-list .tag[data-v-66607be1] {
    position: absolute;
    font-size: var(--font-size-8);
    top: .25rem;
    right: .125rem;
    color: var(--text-color-white-100);
    background: var(--color-danger);
    padding: 0 .125rem .125rem;
    border-radius: var(--rounded-small)
}

.green-default ion-segment.tab-list[data-v-66607be1],
.green-v01 ion-segment.tab-list[data-v-66607be1],
.green-v02 ion-segment.tab-list[data-v-66607be1] {
    display: flex;
    justify-content: left;
    margin-top: .625rem;
    border-bottom: 1px solid var(--color-line)
}

.green-default ion-segment.tab-list ion-segment-button[data-v-66607be1],
.green-v01 ion-segment.tab-list ion-segment-button[data-v-66607be1],
.green-v02 ion-segment.tab-list ion-segment-button[data-v-66607be1] {
    --color: var(--color-text-gray-200);
    --color-checked: var(--color-text-white-100);
    --indicator-color: var(--theme-color-gradient-100);
    --indicator-height: .125rem;
    text-transform: none
}

.green-default ion-segment.tab-list .tag[data-v-66607be1],
.green-v01 ion-segment.tab-list .tag[data-v-66607be1],
.green-v02 ion-segment.tab-list .tag[data-v-66607be1] {
    position: absolute;
    font-size: var(--font-size-8);
    top: .25rem;
    right: .125rem;
    color: var(--text-color-white-100);
    background: var(--color-danger);
    padding: 0 .125rem .125rem;
    border-radius: var(--rounded-small)
}

.amber-purple ion-segment.tab-list[data-v-66607be1] {
    display: flex;
    justify-content: left;
    margin-top: .625rem;
    border-bottom: 1px solid var(--color-line)
}

.amber-purple ion-segment.tab-list ion-segment-button[data-v-66607be1] {
    --color: var(--text-color-light-purple-1-100);
    --color-checked: var(--color-text-white-100);
    --indicator-color: var(--gradients-indicatorLine);
    --indicator-height: .125rem;
    text-transform: none
}

.amber-purple ion-segment.tab-list .tag[data-v-66607be1] {
    position: absolute;
    font-size: var(--font-size-8);
    top: .25rem;
    right: .125rem;
    color: var(--text-color-white-100);
    background: var(--color-danger);
    padding: 0 .125rem .125rem;
    border-radius: var(--rounded-small)
}

.auroral-yellow ion-segment.tab-list[data-v-66607be1] {
    display: flex;
    justify-content: left;
    margin-top: .625rem;
    border-bottom: 1px solid var(--color-line)
}

.auroral-yellow ion-segment.tab-list ion-segment-button[data-v-66607be1] {
    --color: var(--color-text-gray-200);
    --color-checked: var(--color-text-white-100);
    --indicator-color: var(--theme-color-800);
    --indicator-height: .0625rem;
    text-transform: none
}

.auroral-yellow ion-segment.tab-list .tag[data-v-66607be1] {
    position: absolute;
    font-size: var(--font-size-8);
    top: .25rem;
    right: .125rem;
    color: var(--text-color-white-100);
    background: var(--color-danger);
    padding: 0 .125rem .125rem;
    border-radius: var(--rounded-small)
}

div.button ion-button.amber-button[data-v-140fd106] {
    --background: var(--color-button-bg-basic);
    --border-radius: var(--rounded-large);
    --padding-start: .625rem;
    --padding-end: .625rem;
    --box-shadow: none;
    font-size: var(--font-size-14, .875rem);
    font-weight: var(--button-font-weight, bold);
    min-height: 26px;
    width: 100%;
    height: 100%;
    margin-top: 0;
    margin-bottom: 0;
    margin-inline-start: 0;
    margin-inline-end: 0
}

div.button ion-button[data-v-140fd106]::part(native) {
    box-shadow: var(--color-button-shadow-basic)
}

div.button ion-button.amber-button.ion-activated[data-v-140fd106] {
    height: calc(var(--62824fca) - 2.4px)
}

div.button ion-button.amber-button.ion-activated[data-v-140fd106]::part(native) {
    box-shadow: none
}

div.button ion-button.amber-button p[data-v-140fd106] {
    font-size: inherit
}

div.button ion-button.amber-button p span[data-v-140fd106] {
    color: var(--button-text-color, --text-color-white-100)
}

div.button ion-button.amber-button.disabled p span[data-v-140fd106] {
    color: var(--color-primary-btn-text-disable)
}

ion-button.amber-button p {
    color: var(--text-color-white-100)
}

ion-button.disabled[data-v-140fd106] {
    opacity: .4;
    --background: var(--color-disable) !important;
    --color: var(--text-color-white-60)
}

ion-button.loading[data-v-140fd106] {
    --background: var(--color-load) !important;
    --color: rgba(45, 45, 45, .6)
}

div.shiny[data-v-140fd106] {
    position: relative;
    overflow: hidden;
    border-radius: .25rem
}

div.shiny[data-v-140fd106]:before {
    content: "";
    background: var(--color-text-100);
    display: inline-block;
    height: 100%;
    left: 0;
    position: absolute;
    top: -180px;
    width: 30px;
    z-index: 99;
    animation: shiny-140fd106 4s ease-in-out infinite
}

@keyframes shiny-140fd106 {
    0% {
        opacity: 0;
        transform: scale(0) rotate(45deg)
    }

    80% {
        opacity: .5;
        transform: scale(0) rotate(45deg)
    }

    81% {
        opacity: 1;
        transform: scale(4) rotate(45deg)
    }

    to {
        opacity: 0;
        transform: scale(50) rotate(45deg)
    }
}

.color-primary-600[data-v-ac871084] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-ac871084] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-ac871084] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-ac871084] {
    color: var(--color-primary-900)
}

.bg-100[data-v-ac871084] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-ac871084] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-ac871084] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-ac871084] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-ac871084] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-ac871084] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-ac871084] {
    background-color: var(--color-warning)
}

.bg-link[data-v-ac871084] {
    background-color: var(--color-link)
}

.bg-danger[data-v-ac871084] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-ac871084] {
    color: var(--color-text-100)
}

.color-text-80[data-v-ac871084] {
    color: var(--color-text-80)
}

.color-text-50[data-v-ac871084] {
    color: var(--color-text-50)
}

.color-text-40[data-v-ac871084] {
    color: var(--color-text-40)
}

.color-text-20[data-v-ac871084] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-ac871084] {
    color: var(--color-currency)
}

.color-warning[data-v-ac871084] {
    color: var(--color-warning)
}

.color-danger[data-v-ac871084] {
    color: var(--color-danger)
}

.color-link[data-v-ac871084] {
    color: var(--color-link)
}

.color-line[data-v-ac871084] {
    color: var(--color-line)
}

.color-border[data-v-ac871084] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-ac871084] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-ac871084] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-ac871084] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-ac871084] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-ac871084] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-ac871084] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-ac871084] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-ac871084] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-ac871084] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-ac871084] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-ac871084] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-ac871084] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-ac871084] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-ac871084] {
    display: flex;
    align-items: center
}

.flex-start[data-v-ac871084] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-ac871084] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-ac871084] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-ac871084] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-ac871084] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-ac871084] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-ac871084] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-ac871084] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-ac871084] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-ac871084] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-ac871084] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-ac871084] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-ac871084] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-ac871084] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-ac871084] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-ac871084] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-ac871084] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-ac871084] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-ac871084] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-ac871084] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-ac871084] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-ac871084] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-ac871084] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-ac871084] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-ac871084],
.mlm-selected-item[data-v-ac871084] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-ac871084] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-ac871084]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-ac871084] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-ac871084] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-ac871084] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-item.submit[data-v-ac871084] {
    --min-height: 0;
    --background: var(--theme-color-gradient-100);
    --border-radius: 10px;
    margin: 1.25rem auto 0;
    width: 17.5rem;
    font-size: var(--font-size-16);
    --tw-drop-shadow: drop-shadow(var(--drop-shadow-submit));
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

ion-item.submit ion-button[data-v-ac871084] {
    width: 100%;
    min-height: 2.5rem;
    --border-radius: 10px;
    font-size: var(--font-size-16);
    color: var(--color-text-white-100)
}

ion-button[data-v-ac871084] {
    text-transform: none
}

.submit-btn-warp[data-v-ac871084] {
    width: 17.5rem;
    margin: 1.25rem auto 0
}

.auroral-yellow ion-item.submit[data-v-ac871084] {
    --background: var(--theme-color-800)
}

.auroral-yellow ion-item.submit ion-button[data-v-ac871084] {
    color: var(--color-text-black-100)
}

.color-primary-600[data-v-f9e9d68f] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-f9e9d68f] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-f9e9d68f] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-f9e9d68f] {
    color: var(--color-primary-900)
}

.bg-100[data-v-f9e9d68f] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-f9e9d68f] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-f9e9d68f] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-f9e9d68f] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-f9e9d68f] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-f9e9d68f] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-f9e9d68f] {
    background-color: var(--color-warning)
}

.bg-link[data-v-f9e9d68f] {
    background-color: var(--color-link)
}

.bg-danger[data-v-f9e9d68f] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-f9e9d68f] {
    color: var(--color-text-100)
}

.color-text-80[data-v-f9e9d68f] {
    color: var(--color-text-80)
}

.color-text-50[data-v-f9e9d68f] {
    color: var(--color-text-50)
}

.color-text-40[data-v-f9e9d68f] {
    color: var(--color-text-40)
}

.color-text-20[data-v-f9e9d68f] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-f9e9d68f] {
    color: var(--color-currency)
}

.color-warning[data-v-f9e9d68f] {
    color: var(--color-warning)
}

.color-danger[data-v-f9e9d68f] {
    color: var(--color-danger)
}

.color-link[data-v-f9e9d68f] {
    color: var(--color-link)
}

.color-line[data-v-f9e9d68f] {
    color: var(--color-line)
}

.color-border[data-v-f9e9d68f] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-f9e9d68f] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-f9e9d68f] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-f9e9d68f] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-f9e9d68f] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-f9e9d68f] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-f9e9d68f] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-f9e9d68f] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-f9e9d68f] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-f9e9d68f] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-f9e9d68f] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-f9e9d68f] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-f9e9d68f] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-f9e9d68f] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-f9e9d68f] {
    display: flex;
    align-items: center
}

.flex-start[data-v-f9e9d68f] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-f9e9d68f] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-f9e9d68f] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-f9e9d68f] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-f9e9d68f] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-f9e9d68f] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-f9e9d68f] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-f9e9d68f] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-f9e9d68f] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-f9e9d68f] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-f9e9d68f] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-f9e9d68f] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-f9e9d68f] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-f9e9d68f] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-f9e9d68f] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-f9e9d68f] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-f9e9d68f] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-f9e9d68f] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-f9e9d68f] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-f9e9d68f] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-f9e9d68f] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-f9e9d68f] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-f9e9d68f] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-f9e9d68f] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-f9e9d68f],
.mlm-selected-item[data-v-f9e9d68f] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-f9e9d68f] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-f9e9d68f]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-f9e9d68f] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-f9e9d68f] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-f9e9d68f] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-content[data-v-f9e9d68f] {
    --padding-bottom: var(--52910a40);
    --padding-start: .9375rem;
    --padding-end: .9375rem
}

ion-content#iframe[data-v-f9e9d68f] {
    --background: #fff
}

ion-button.finish[data-v-f9e9d68f] {
    --color: var(var(--color-text-white-100))
}

.amber-purple ion-button.finish[data-v-f9e9d68f] {
    --color: var(--text-color-light-purple-1-100)
}

.amber-purple ion-header[data-v-f9e9d68f] {
    background: var(--color-bg-100)
}

.amber-purple ion-header .record[data-v-f9e9d68f] {
    color: var(--text-color-light-purple-1-100)
}

.recharge-back-icon[data-v-f9e9d68f] {
    color: var(--ep-color-icon-default, var(--color-text-title-basic));
    font-size: var(--ep-font-size-xl, 1.125rem);
    font-weight: var(--ep-font-weight-medium, 600);
    margin-left: .5rem;
    cursor: pointer
}

.color-primary-600[data-v-53607757] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-53607757] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-53607757] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-53607757] {
    color: var(--color-primary-900)
}

.bg-100[data-v-53607757] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-53607757] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-53607757] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-53607757] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-53607757] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-53607757] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-53607757] {
    background-color: var(--color-warning)
}

.bg-link[data-v-53607757] {
    background-color: var(--color-link)
}

.bg-danger[data-v-53607757] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-53607757] {
    color: var(--color-text-100)
}

.color-text-80[data-v-53607757] {
    color: var(--color-text-80)
}

.color-text-50[data-v-53607757] {
    color: var(--color-text-50)
}

.color-text-40[data-v-53607757] {
    color: var(--color-text-40)
}

.color-text-20[data-v-53607757] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-53607757] {
    color: var(--color-currency)
}

.color-warning[data-v-53607757] {
    color: var(--color-warning)
}

.color-danger[data-v-53607757] {
    color: var(--color-danger)
}

.color-link[data-v-53607757] {
    color: var(--color-link)
}

.color-line[data-v-53607757] {
    color: var(--color-line)
}

.color-border[data-v-53607757] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-53607757] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-53607757] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-53607757] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-53607757] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-53607757] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-53607757] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-53607757] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-53607757] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-53607757] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-53607757] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-53607757] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-53607757] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-53607757] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-53607757] {
    display: flex;
    align-items: center
}

.flex-start[data-v-53607757] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-53607757] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-53607757] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-53607757] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-53607757] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-53607757] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-53607757] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-53607757] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-53607757] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-53607757] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-53607757] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-53607757] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-53607757] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-53607757] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-53607757] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-53607757] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-53607757] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-53607757] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-53607757] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-53607757] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-53607757] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-53607757] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-53607757] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-53607757] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-53607757],
.mlm-selected-item[data-v-53607757] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-53607757] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-53607757]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-53607757] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-53607757] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-53607757] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.statement[data-v-53607757] {
    height: 100%;
    display: flex;
    flex-direction: column
}

.statement .top[data-v-53607757] {
    margin-top: .625rem;
    margin-bottom: .625rem
}

.statement .top .select-scroll[data-v-53607757] {
    display: flex;
    padding-left: 1rem;
    padding-right: 1rem;
    overflow-x: auto;
    font-size: .75rem
}

.statement .top .filter[data-v-53607757] {
    margin-right: .625rem;
    border-radius: .625rem;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .25rem .25rem .25rem .5rem
}

.statement .top .filter .typeName[data-v-53607757] {
    display: flex;
    align-items: center;
    margin-right: .5rem
}

.statement .top #statement-trigger[data-v-53607757] {
    width: 100%;
    background: #fff
}

.statement .list[data-v-53607757] {
    flex: 1
}

.statement .list .item[data-v-53607757] {
    padding: .625rem;
    margin-bottom: .625rem;
    border-radius: .375rem
}

.statement .list .item .num[data-v-53607757] {
    display: flex;
    justify-content: space-between;
    font-size: .875rem;
    margin-bottom: .375rem;
    line-height: 1.25rem
}

.statement .list .item .num p.red[data-v-53607757] {
    color: #ee4639
}

.statement .list .item .num p.green[data-v-53607757] {
    color: #27d48b
}

.statement .list .item .recond-minor-color[data-v-53607757] {
    display: flex;
    justify-content: space-between;
    font-size: .75rem;
    line-height: 1rem
}

.statement .list .item .recond-minor-color .copy[data-v-53607757] {
    display: flex;
    align-items: center
}

.statement .list .item .recond-minor-color .copy p[data-v-53607757] {
    width: 10rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-align: right
}

.statement .list .item .recond-minor-color .copy ion-icon[data-v-53607757] {
    margin-left: .375rem;
    font-size: 1.25rem
}

.statement .list .empty[data-v-53607757] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%
}

.statement .list .empty .empty-bg-img[data-v-53607757] {
    width: 7.5rem;
    height: 7.5rem
}

.statement .list .empty ion-label[data-v-53607757] {
    color: #92949c
}

ion-select[data-v-53607757] {
    --padding-start: .875rem;
    --padding-end: .625rem;
    --border-color: white;
    --border-radius: .625rem;
    --border-width: .0625rem;
    min-height: 1.625rem
}

ion-content[data-v-53607757] {
    --padding-start: 1rem;
    --padding-end: 1rem
}

div.select-scroll[data-v-53607757]::-webkit-scrollbar {
    display: none
}

ion-infinite-scroll-content[data-v-53607757] {
    min-height: .625rem
}

ion-row.footer-count[data-v-53607757] {
    font-size: .75rem;
    line-height: 1rem;
    padding: .625rem
}

ion-row.footer-count div:nth-child(1) span[data-v-53607757]:nth-child(2) {
    color: #27d48b
}

ion-row.footer-count div[data-v-53607757]:nth-child(2) {
    margin-top: .625rem
}

ion-row.footer-count div:nth-child(2) span[data-v-53607757]:nth-child(2) {
    color: #ee4639
}

ion-row.footer-count div[data-v-53607757]:nth-child(3) {
    margin-top: .625rem
}

ion-popover[data-v-53607757] {
    --backdrop-opacity: 0
}

ion-popover ion-button[data-v-53607757] {
    margin-top: 0;
    margin-bottom: 0
}

ion-popover ion-button[data-v-53607757]::part(native) {
    --padding-start: .375rem;
    --padding-end: .375rem;
    --padding-top: 0;
    --padding-bottom: 0
}

ion-icon[data-v-53607757] {
    transition: transform .1s linear
}

ion-icon.on[data-v-53607757] {
    transform: rotate(180deg)
}

ion-popover ion-row ion-col p.off[data-v-53607757] {
    border-width: .0625rem
}

.content-flex[data-v-53607757] {
    display: flex;
    justify-content: space-between
}

ion-col.select-col[data-v-53607757] {
    line-height: .75rem;
    padding: 0 .3125rem .3125rem 0
}

ion-col.select-col[data-v-53607757]:nth-child(4),
ion-col.select-col[data-v-53607757]:nth-child(4n) {
    padding: 0 0 .3125rem
}

ion-col.lang-col[data-v-53607757] {
    font-size: .5rem
}

ion-icon.report-select-icon[data-v-53607757] {
    width: 1rem;
    height: 1rem
}

.report-select-row[data-v-53607757] {
    padding: .375rem .625rem;
    font-size: .75rem;
    text-align: center
}

.report-select-row .select-col p[data-v-53607757] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.5rem;
    padding-left: .25rem;
    padding-right: .25rem;
    border-radius: .375rem
}

.statement .top .filter.selected[data-v-53607757] {
    border: .0625rem solid var(--color-text-white-100);
    color: var(--color-text-white-100)
}

.statement .top .filter.statement-select-default[data-v-53607757] {
    border: .0625rem solid var(--color-text-gray-200);
    color: var(--color-text-white-100)
}

.statement .list .item[data-v-53607757] {
    background: var(--color-bg-200)
}

.statement .list .item .num p.money-text[data-v-53607757] {
    color: var(--accent-color-orange-1)
}

ion-row.footer-count[data-v-53607757] {
    background: var(--color-bg-50)
}

.content-flex[data-v-53607757] {
    color: var(--color-text-gray-100)
}

ion-popover ion-row ion-col p.off[data-v-53607757] {
    color: var(--color-text-gray-200);
    border-color: var(--color-text-gray-200)
}

ion-popover ion-row ion-col p.on[data-v-53607757] {
    background: var(--theme-color-gradient-100);
    color: var(--color-text-white-100)
}

ion-icon.report-select-icon[data-v-53607757] {
    color: var(--color-text-gray-200)
}

.report-select-row[data-v-53607757] {
    background: var(--color-bg-200)
}

.recond-white-color[data-v-53607757] {
    color: var(--color-text-white-100)
}

.recond-minor-color[data-v-53607757] {
    color: var(--color-text-gray-200)
}

.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)
}

.green-default .statement .top .filter.selected[data-v-53607757],
.green-default .statement .top .filter.statement-select-default[data-v-53607757] {
    border: .0625rem solid var(--color-line);
    color: var(--color-text-gray-100)
}

.green-default .statement .list .item[data-v-53607757] {
    background: var(--color-bg-200)
}

.green-default .statement .list .item .num p.money-text[data-v-53607757] {
    color: var(--accent-color-yellow)
}

.green-default ion-row.footer-count[data-v-53607757] {
    background: var(--color-bg-50)
}

.green-default .content-flex[data-v-53607757] {
    color: var(--color-text-gray-100)
}

.green-default ion-popover ion-row ion-col p.off[data-v-53607757] {
    color: var(--color-text-gray-200);
    border-color: var(--color-line)
}

.green-default ion-popover ion-row ion-col p.on[data-v-53607757] {
    background: var(--theme-color-gradient-100);
    color: var(--color-text-white-100)
}

.green-default ion-icon.report-select-icon[data-v-53607757] {
    color: var(--color-text-gray-200)
}

.green-default .report-select-row[data-v-53607757] {
    background: var(--color-bg-200)
}

.green-default .recond-white-color[data-v-53607757] {
    color: var(--color-text-gray-100)
}

.green-default .recond-minor-color[data-v-53607757] {
    color: var(--color-text-gray-200)
}

.amber-purple .statement .top .filter.selected[data-v-53607757],
.amber-purple .statement .top .filter.statement-select-default[data-v-53607757] {
    border: .0625rem solid var(--color-text-gray-200);
    color: var(--color-text-gray-100)
}

.amber-purple .statement .list .item[data-v-53607757] {
    background: var(--color-bg-200)
}

.amber-purple .statement .list .item .num p.money-text[data-v-53607757] {
    color: var(--accent-color-orange-3)
}

.amber-purple ion-row.footer-count[data-v-53607757] {
    background: var(--color-bg-50)
}

.amber-purple .content-flex[data-v-53607757] {
    color: var(--color-text-gray-100)
}

.amber-purple ion-popover ion-row ion-col p.off[data-v-53607757] {
    color: var(--color-text-gray-200);
    border-color: var(--color-text-gray-200)
}

.amber-purple ion-popover ion-row ion-col p.on[data-v-53607757] {
    background: var(--theme-color-gradient-100);
    color: var(--color-text-white-100)
}

.amber-purple ion-icon.report-select-icon[data-v-53607757] {
    color: var(--color-text-gray-200)
}

.amber-purple .report-select-row[data-v-53607757] {
    background: var(--color-bg-200)
}

.amber-purple .recond-white-color[data-v-53607757] {
    color: var(--color-text-gray-100)
}

.amber-purple .recond-minor-color[data-v-53607757] {
    color: var(--color-text-gray-200)
}

.forest-green .statement .top .filter.selected[data-v-53607757] {
    border: .0625rem solid var(--color-line);
    color: var(--color-text-gray-100)
}

.forest-green .statement .top .filter.statement-select-default[data-v-53607757] {
    border: .0625rem solid var(--color-bg-100);
    color: var(--color-text-gray-100)
}

.forest-green .statement .list .item[data-v-53607757] {
    background: var(--color-bg-200)
}

.forest-green .statement .list .item .num p.money-text[data-v-53607757] {
    color: var(--accent-color-yellow)
}

.forest-green ion-row.footer-count[data-v-53607757] {
    background: var(--color-bg-100)
}

.forest-green .content-flex[data-v-53607757] {
    color: var(--color-text-gray-100)
}

.forest-green ion-popover ion-row ion-col p.off[data-v-53607757] {
    color: var(--color-text-gray-200);
    border-color: var(--color-line)
}

.forest-green ion-popover ion-row ion-col p.on[data-v-53607757] {
    background: var(--theme-color-gradient-100);
    color: var(--color-text-white-100)
}

.forest-green ion-icon.report-select-icon[data-v-53607757] {
    color: var(--color-text-gray-200)
}

.forest-green .report-select-row[data-v-53607757] {
    background: var(--color-bg-200)
}

.forest-green .recond-white-color[data-v-53607757] {
    color: var(--color-text-gray-100)
}

.forest-green .recond-minor-color[data-v-53607757] {
    color: var(--color-text-gray-200)
}

.auroral-yellow .statement .top .filter.selected[data-v-53607757] {
    border: .0625rem solid var(--color-text-white-100);
    color: var(--color-text-white-100)
}

.auroral-yellow .statement .top .filter.statement-select-default[data-v-53607757] {
    border: .0625rem solid var(--color-text-gray-200);
    color: var(--color-text-white-100)
}

.auroral-yellow .statement .list .item[data-v-53607757] {
    background: var(--color-bg-200)
}

.auroral-yellow .statement .list .item .num p.money-text[data-v-53607757] {
    color: var(--accent-color-orange-1)
}

.auroral-yellow ion-row.footer-count[data-v-53607757] {
    background: var(--color-bg-200)
}

.auroral-yellow .content-flex[data-v-53607757] {
    color: var(--color-text-gray-100)
}

.auroral-yellow ion-popover ion-row ion-col p.off[data-v-53607757] {
    color: var(--color-text-gray-200);
    border-color: var(--color-text-gray-200)
}

.auroral-yellow ion-popover ion-row ion-col p.on[data-v-53607757] {
    background: var(--theme-color-800);
    color: var(--color-text-black-100)
}

.auroral-yellow ion-icon.report-select-icon[data-v-53607757] {
    color: var(--color-text-gray-200)
}

.auroral-yellow .report-select-row[data-v-53607757] {
    background: var(--color-bg-200)
}

.auroral-yellow .recond-white-color[data-v-53607757] {
    color: var(--color-text-white-100)
}

.auroral-yellow .recond-minor-color[data-v-53607757] {
    color: var(--color-text-gray-200)
}

.color-primary-600[data-v-119059d7] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-119059d7] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-119059d7] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-119059d7] {
    color: var(--color-primary-900)
}

.bg-100[data-v-119059d7] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-119059d7] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-119059d7] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-119059d7] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-119059d7] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-119059d7] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-119059d7] {
    background-color: var(--color-warning)
}

.bg-link[data-v-119059d7] {
    background-color: var(--color-link)
}

.bg-danger[data-v-119059d7] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-119059d7] {
    color: var(--color-text-100)
}

.color-text-80[data-v-119059d7] {
    color: var(--color-text-80)
}

.color-text-50[data-v-119059d7] {
    color: var(--color-text-50)
}

.color-text-40[data-v-119059d7] {
    color: var(--color-text-40)
}

.color-text-20[data-v-119059d7] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-119059d7] {
    color: var(--color-currency)
}

.color-warning[data-v-119059d7] {
    color: var(--color-warning)
}

.color-danger[data-v-119059d7] {
    color: var(--color-danger)
}

.color-link[data-v-119059d7] {
    color: var(--color-link)
}

.color-line[data-v-119059d7] {
    color: var(--color-line)
}

.color-border[data-v-119059d7] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-119059d7] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-119059d7] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-119059d7] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-119059d7] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-119059d7] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-119059d7] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-119059d7] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-119059d7] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-119059d7] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-119059d7] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-119059d7] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-119059d7] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-119059d7] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-119059d7] {
    display: flex;
    align-items: center
}

.flex-start[data-v-119059d7] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-119059d7] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-119059d7] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-119059d7] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-119059d7] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-119059d7] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-119059d7] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-119059d7] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-119059d7] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-119059d7] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-119059d7] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-119059d7] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-119059d7] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-119059d7] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-119059d7] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-119059d7] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-119059d7] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-119059d7] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-119059d7] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-119059d7] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-119059d7] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-119059d7] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-119059d7] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-119059d7] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-119059d7],
.mlm-selected-item[data-v-119059d7] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-119059d7] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-119059d7]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-119059d7] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-119059d7] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-119059d7] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.person[data-v-119059d7] {
    height: 100%;
    display: flex;
    flex-direction: column
}

.person .top[data-v-119059d7] {
    margin-top: .625rem;
    margin-bottom: .625rem
}

.person .top .select-scroll[data-v-119059d7] {
    display: flex;
    padding-left: 1rem;
    padding-right: 1rem;
    overflow-x: auto;
    font-size: .75rem;
    line-height: 1rem
}

.person .top .filter[data-v-119059d7] {
    min-width: -moz-fit-content;
    min-width: fit-content;
    margin-right: .625rem;
    border-radius: .625rem;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .25rem .25rem .25rem .5rem
}

.person .top .filter .typeName[data-v-119059d7] {
    display: flex;
    align-items: center;
    margin-right: .5rem
}

.person .top .filter .typeName ion-spinner[data-v-119059d7] {
    width: 1rem;
    height: 1rem;
    margin-inline-end: .125rem !important
}

.person .top #personal-trigger[data-v-119059d7] {
    width: 100%;
    background: #fff
}

.person .list[data-v-119059d7] {
    flex: 1
}

.person .list .item[data-v-119059d7] {
    padding: .625rem;
    margin-bottom: .625rem;
    border-radius: .375rem
}

.person .list .item .num[data-v-119059d7] {
    display: flex;
    justify-content: space-between;
    font-size: .875rem;
    margin-bottom: .375rem;
    line-height: 1.25rem
}

.person .list .item .num p.red[data-v-119059d7] {
    color: #ee4639
}

.person .list .item .num p.green[data-v-119059d7] {
    color: #27d48b
}

.person .list .item .num p[data-v-119059d7]:last-child {
    display: flex;
    align-items: center
}

.person .list .item .num.last[data-v-119059d7] {
    margin-bottom: 0
}

.person .list .item .recond-minor-color[data-v-119059d7] {
    display: flex;
    justify-content: space-between;
    font-size: .75rem;
    line-height: 1rem
}

.person .list .item .recond-minor-color .copy[data-v-119059d7] {
    display: flex;
    align-items: center
}

.person .list .item .recond-minor-color .copy p[data-v-119059d7] {
    width: 10rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-align: right
}

.person .list .item .recond-minor-color .copy ion-icon[data-v-119059d7] {
    margin-left: .375rem;
    font-size: 1.25rem
}

.person .list .empty[data-v-119059d7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%
}

.person .list .empty .empty-bg-img[data-v-119059d7] {
    width: 7.5rem;
    height: 7.5rem
}

.person .list .empty ion-label[data-v-119059d7] {
    color: #92949c
}

ion-select[data-v-119059d7] {
    --padding-start: .875rem;
    --padding-end: .625rem;
    --border-color: white;
    --border-radius: .625rem;
    --border-width: .0625rem;
    min-height: 1.625rem
}

ion-content[data-v-119059d7] {
    --padding-start: 1rem;
    --padding-end: 1rem
}

div.select-scroll[data-v-119059d7]::-webkit-scrollbar {
    display: none
}

ion-row.footer-count[data-v-119059d7] {
    font-size: .75rem;
    line-height: 1rem;
    padding: .625rem
}

ion-row.footer-count span.red[data-v-119059d7] {
    color: #ee4639
}

ion-row.footer-count span.green[data-v-119059d7] {
    color: #27d48b
}

ion-row.footer-count div[data-v-119059d7]:nth-child(2) {
    margin-top: .625rem
}

ion-row.footer-count div[data-v-119059d7]:nth-child(3) {
    margin-top: .625rem
}

ion-infinite-scroll-content[data-v-119059d7] {
    min-height: .625rem
}

ion-popover[data-v-119059d7] {
    --backdrop-opacity: 0
}

ion-popover ion-button[data-v-119059d7] {
    margin-top: 0;
    margin-bottom: 0
}

ion-popover ion-button[data-v-119059d7]::part(native) {
    --padding-start: .375rem;
    --padding-end: .375rem;
    --padding-top: 0;
    --padding-bottom: 0
}

ion-icon[data-v-119059d7] {
    transition: transform .1s linear
}

ion-icon.on[data-v-119059d7] {
    transform: rotate(180deg)
}

ion-popover ion-row ion-col p.off[data-v-119059d7] {
    border-width: .0625rem
}

.content-flex[data-v-119059d7] {
    display: flex;
    justify-content: space-between
}

ion-col.select-col[data-v-119059d7] {
    line-height: .75rem;
    padding: 0 .3125rem .3125rem 0
}

ion-col.select-col[data-v-119059d7]:nth-child(4),
ion-col.select-col[data-v-119059d7]:nth-child(4n) {
    padding: 0 0 .3125rem
}

ion-col.lang-col[data-v-119059d7] {
    font-size: .5rem
}

ion-icon.report-select-icon[data-v-119059d7] {
    width: 1rem;
    height: 1rem
}

.report-select-row[data-v-119059d7] {
    padding: .375rem .625rem;
    font-size: .75rem;
    text-align: center
}

.report-select-row .select-col p[data-v-119059d7] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.5rem;
    padding-left: .25rem;
    padding-right: .25rem;
    border-radius: .375rem
}

.person .top .filter.selected[data-v-119059d7] {
    border: .0625rem solid var(--color-text-white-100)
}

.person .top .filter.personal-select-default[data-v-119059d7] {
    border: .0625rem solid var(--color-text-gray-200)
}

.person .list .item[data-v-119059d7] {
    background: var(--color-bg-200)
}

.person .list .item .num p.money-text[data-v-119059d7] {
    color: var(--accent-color-yellow)
}

ion-row.footer-count[data-v-119059d7] {
    background: var(--color-bg-50);
    box-shadow: 0 .0313rem 0 0 var(--color-line) inset
}

ion-row.footer-count span.money-text[data-v-119059d7] {
    color: var(--accent-color-yellow)
}

ion-popover ion-row ion-col p.off[data-v-119059d7] {
    color: var(--color-text-gray-200);
    border-color: var(--color-text-gray-200)
}

ion-popover ion-row ion-col p.on[data-v-119059d7] {
    background: var(--theme-color-gradient-100);
    color: var(--color-text-white-100)
}

ion-icon.report-select-icon[data-v-119059d7] {
    color: var(--color-text-gray-200)
}

.report-select-row[data-v-119059d7] {
    background: var(--color-bg-200)
}

.recond-white-color[data-v-119059d7] {
    color: var(--color-text-white-100)
}

.recond-minor-color[data-v-119059d7] {
    color: var(--color-text-gray-200)
}

.person .top .filter.selected[data-v-119059d7],
.person .top .filter.unselected[data-v-119059d7] {
    color: var(--color-text-white-100)
}

.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)
}

.green-default .person .top .filter.selected[data-v-119059d7],
.green-default .person .top .filter.personal-select-default[data-v-119059d7] {
    border: .0625rem solid var(--color-line)
}

.green-default .person .list .item[data-v-119059d7] {
    background: var(--color-bg-200)
}

.green-default .person .list .item .num p.money-text[data-v-119059d7] {
    color: var(--accent-color-yellow)
}

.green-default ion-row.footer-count[data-v-119059d7] {
    background: var(--color-bg-50);
    box-shadow: 0 .0313rem 0 0 var(--color-line) inset
}

.green-default ion-row.footer-count span.money-text[data-v-119059d7] {
    color: var(--accent-color-yellow)
}

.green-default ion-popover ion-row ion-col p.off[data-v-119059d7] {
    color: var(--color-text-gray-200);
    border-color: var(--color-line)
}

.green-default ion-popover ion-row ion-col p.on[data-v-119059d7] {
    background: var(--theme-color-gradient-100);
    color: var(--color-text-white-100)
}

.green-default ion-icon.report-select-icon[data-v-119059d7] {
    color: var(--color-text-gray-200)
}

.green-default .report-select-row[data-v-119059d7] {
    background: var(--color-bg-200)
}

.green-default .recond-white-color[data-v-119059d7] {
    color: var(--color-text-gray-100)
}

.green-default .recond-minor-color[data-v-119059d7] {
    color: var(--color-text-gray-200)
}

.green-default .person .top .filter.selected[data-v-119059d7],
.green-default .person .top .filter.unselected[data-v-119059d7] {
    color: var(--color-text-gray-100)
}

.amber-purple .person .top .filter.selected[data-v-119059d7],
.amber-purple .person .top .filter.personal-select-default[data-v-119059d7] {
    border: .0625rem solid var(--color-line)
}

.amber-purple .person .list .item[data-v-119059d7] {
    background: var(--color-bg-200)
}

.amber-purple .person .list .item .num p.money-text[data-v-119059d7] {
    color: var(--accent-color-yellow)
}

.amber-purple ion-row.footer-count[data-v-119059d7] {
    background: var(--color-bg-50);
    box-shadow: 0 .0313rem 0 0 var(--color-line) inset
}

.amber-purple ion-row.footer-count span.money-text[data-v-119059d7] {
    color: var(--accent-color-yellow)
}

.amber-purple ion-popover ion-row ion-col p.off[data-v-119059d7] {
    color: var(--color-text-gray-200);
    border-color: var(--color-line)
}

.amber-purple ion-popover ion-row ion-col p.on[data-v-119059d7] {
    background: var(--theme-color-gradient-100);
    color: var(--color-text-white-100)
}

.amber-purple ion-icon.report-select-icon[data-v-119059d7] {
    color: var(--color-text-gray-200)
}

.amber-purple .report-select-row[data-v-119059d7] {
    background: var(--color-bg-200)
}

.amber-purple .recond-white-color[data-v-119059d7] {
    color: var(--color-text-gray-100)
}

.amber-purple .recond-minor-color[data-v-119059d7] {
    color: var(--color-text-gray-200)
}

.amber-purple .person .top .filter.selected[data-v-119059d7],
.amber-purple .person .top .filter.unselected[data-v-119059d7] {
    color: var(--color-text-gray-100)
}

.forest-green .person .top .filter.selected[data-v-119059d7] {
    border: .0625rem solid var(--color-line)
}

.forest-green .person .top .filter.personal-select-default[data-v-119059d7] {
    border: .0625rem solid var(--color-bg-100)
}

.forest-green .person .list .item[data-v-119059d7] {
    background: var(--color-bg-200)
}

.forest-green .person .list .item .num p.money-text[data-v-119059d7] {
    color: var(--accent-color-yellow)
}

.forest-green ion-row.footer-count[data-v-119059d7] {
    background: var(--color-bg-100);
    box-shadow: 0 .0313rem 0 0 var(--color-line) inset
}

.forest-green ion-row.footer-count span.money-text[data-v-119059d7] {
    color: var(--accent-color-yellow)
}

.forest-green ion-popover ion-row ion-col p.off[data-v-119059d7] {
    color: var(--color-text-gray-200);
    border-color: var(--color-line)
}

.forest-green ion-popover ion-row ion-col p.on[data-v-119059d7] {
    background: var(--theme-color-gradient-100);
    color: var(--color-text-white-100)
}

.forest-green ion-icon.report-select-icon[data-v-119059d7] {
    color: var(--color-text-gray-200)
}

.forest-green .report-select-row[data-v-119059d7] {
    background: var(--color-bg-200)
}

.forest-green .recond-white-color[data-v-119059d7] {
    color: var(--color-text-gray-100)
}

.forest-green .recond-minor-color[data-v-119059d7] {
    color: var(--color-text-gray-200)
}

.forest-green .person .top .filter.selected[data-v-119059d7],
.forest-green .person .top .filter.unselected[data-v-119059d7] {
    color: var(--color-text-gray-100)
}

.auroral-yellow .person .top .filter.selected[data-v-119059d7] {
    border: .0625rem solid var(--color-text-white-100)
}

.auroral-yellow .person .top .filter.personal-select-default[data-v-119059d7] {
    border: .0625rem solid var(--color-text-gray-200)
}

.auroral-yellow .person .list .item[data-v-119059d7] {
    background: var(--color-bg-200)
}

.auroral-yellow .person .list .item .num p.money-text[data-v-119059d7] {
    color: var(--accent-color-yellow)
}

.auroral-yellow ion-row.footer-count[data-v-119059d7] {
    background: var(--color-bg-200);
    box-shadow: 0 .0313rem 0 0 var(--color-line) inset
}

.auroral-yellow ion-row.footer-count span.money-text[data-v-119059d7] {
    color: var(--accent-color-yellow)
}

.auroral-yellow ion-popover ion-row ion-col p.off[data-v-119059d7] {
    color: var(--color-text-gray-200);
    border-color: var(--color-text-gray-200)
}

.auroral-yellow ion-popover ion-row ion-col p.on[data-v-119059d7] {
    background: var(--theme-color-800);
    color: var(--color-text-black-100)
}

.auroral-yellow ion-icon.report-select-icon[data-v-119059d7] {
    color: var(--color-text-gray-200)
}

.auroral-yellow .report-select-row[data-v-119059d7] {
    background: var(--color-bg-200)
}

.auroral-yellow .recond-white-color[data-v-119059d7] {
    color: var(--color-text-white-100)
}

.auroral-yellow .recond-minor-color[data-v-119059d7] {
    color: var(--color-text-gray-200)
}

.auroral-yellow .person .top .filter.selected[data-v-119059d7],
.auroral-yellow .person .top .filter.unselected[data-v-119059d7] {
    color: var(--color-text-white-100)
}

.color-primary-600[data-v-5a94d64f] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-5a94d64f] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-5a94d64f] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-5a94d64f] {
    color: var(--color-primary-900)
}

.bg-100[data-v-5a94d64f] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-5a94d64f] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-5a94d64f] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-5a94d64f] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-5a94d64f] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-5a94d64f] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-5a94d64f] {
    background-color: var(--color-warning)
}

.bg-link[data-v-5a94d64f] {
    background-color: var(--color-link)
}

.bg-danger[data-v-5a94d64f] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-5a94d64f] {
    color: var(--color-text-100)
}

.color-text-80[data-v-5a94d64f] {
    color: var(--color-text-80)
}

.color-text-50[data-v-5a94d64f] {
    color: var(--color-text-50)
}

.color-text-40[data-v-5a94d64f] {
    color: var(--color-text-40)
}

.color-text-20[data-v-5a94d64f] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-5a94d64f] {
    color: var(--color-currency)
}

.color-warning[data-v-5a94d64f] {
    color: var(--color-warning)
}

.color-danger[data-v-5a94d64f] {
    color: var(--color-danger)
}

.color-link[data-v-5a94d64f] {
    color: var(--color-link)
}

.color-line[data-v-5a94d64f] {
    color: var(--color-line)
}

.color-border[data-v-5a94d64f] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-5a94d64f] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-5a94d64f] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-5a94d64f] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-5a94d64f] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-5a94d64f] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-5a94d64f] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-5a94d64f] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-5a94d64f] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-5a94d64f] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-5a94d64f] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-5a94d64f] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-5a94d64f] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-5a94d64f] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-5a94d64f] {
    display: flex;
    align-items: center
}

.flex-start[data-v-5a94d64f] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-5a94d64f] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-5a94d64f] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-5a94d64f] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-5a94d64f] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-5a94d64f] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-5a94d64f] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-5a94d64f] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-5a94d64f] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-5a94d64f] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-5a94d64f] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-5a94d64f] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-5a94d64f] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-5a94d64f] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-5a94d64f] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-5a94d64f] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-5a94d64f] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-5a94d64f] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-5a94d64f] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-5a94d64f] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-5a94d64f] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-5a94d64f] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-5a94d64f] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-5a94d64f] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-5a94d64f],
.mlm-selected-item[data-v-5a94d64f] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-5a94d64f] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-5a94d64f]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-5a94d64f] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-5a94d64f] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-5a94d64f] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.bet[data-v-5a94d64f] {
    height: 100%;
    display: flex;
    flex-direction: column
}

.bet .top[data-v-5a94d64f] {
    margin-top: .625rem;
    margin-bottom: .625rem
}

.bet .top .select-scroll[data-v-5a94d64f] {
    display: flex;
    padding-left: 1rem;
    padding-right: 1rem;
    overflow-x: auto;
    font-size: .75rem;
    line-height: 1rem
}

.bet .top .filter[data-v-5a94d64f] {
    margin-right: .625rem;
    border-radius: .625rem;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .25rem .25rem .25rem .5rem;
    min-width: -moz-fit-content;
    min-width: fit-content
}

.bet .top .filter .typeName[data-v-5a94d64f] {
    display: flex;
    align-items: center;
    margin-right: .5rem
}

.bet .top .filter .typeName ion-spinner[data-v-5a94d64f] {
    width: 1rem;
    height: 1rem;
    margin-inline-end: .125rem !important
}

.bet .top #betting-trigger[data-v-5a94d64f] {
    width: 100%
}

.bet .list[data-v-5a94d64f] {
    flex: 1
}

.bet .list .item[data-v-5a94d64f] {
    padding: .625rem;
    margin-bottom: .625rem;
    border-radius: .375rem
}

.bet .list .item .num[data-v-5a94d64f] {
    display: flex;
    justify-content: space-between;
    font-size: .875rem;
    margin-bottom: .375rem;
    line-height: 1.25rem
}

.bet .list .item .num p.red[data-v-5a94d64f] {
    color: #ee4639
}

.bet .list .item .num p.green[data-v-5a94d64f] {
    color: #27d48b
}

.bet .list .item .recond-minor-color[data-v-5a94d64f] {
    display: flex;
    justify-content: space-between;
    font-size: .75rem;
    line-height: 1rem
}

.bet .list .item .recond-minor-color .copy[data-v-5a94d64f] {
    display: flex;
    align-items: center
}

.bet .list .item .recond-minor-color .copy p[data-v-5a94d64f] {
    width: 10rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-align: right
}

.bet .list .item .recond-minor-color .copy ion-icon[data-v-5a94d64f] {
    margin-left: .375rem;
    font-size: 1.25rem
}

.bet .list .empty[data-v-5a94d64f] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.bet .list .empty .empty-bg-img[data-v-5a94d64f] {
    width: 7.5rem;
    height: 7.5rem
}

.bet .list .empty ion-label[data-v-5a94d64f] {
    color: #92949c
}

ion-select[data-v-5a94d64f] {
    --padding-start: .875rem;
    --padding-end: .625rem;
    --border-color: white;
    --border-radius: .625rem;
    --border-width: .0625rem;
    min-height: 1.625rem
}

ion-content[data-v-5a94d64f] {
    --padding-start: 1rem;
    --padding-end: 1rem
}

div.select-scroll[data-v-5a94d64f]::-webkit-scrollbar {
    display: none
}

ion-infinite-scroll-content[data-v-5a94d64f] {
    min-height: .625rem
}

ion-popover[data-v-5a94d64f] {
    --backdrop-opacity: 0
}

ion-popover ion-button[data-v-5a94d64f] {
    margin-top: 0;
    margin-bottom: 0
}

ion-popover ion-button[data-v-5a94d64f]::part(native) {
    --padding-start: .375rem;
    --padding-end: .375rem;
    --padding-top: 0;
    --padding-bottom: 0
}

ion-icon[data-v-5a94d64f] {
    transition: transform .1s linear
}

ion-icon.on[data-v-5a94d64f] {
    transform: rotate(180deg)
}

ion-popover ion-row ion-col p.off[data-v-5a94d64f] {
    border-width: .0625rem
}

ion-col.select-col[data-v-5a94d64f] {
    line-height: .75rem;
    padding: 0 .3125rem .3125rem 0
}

ion-col.select-col[data-v-5a94d64f]:nth-child(4),
ion-col.select-col[data-v-5a94d64f]:nth-child(4n) {
    padding: 0 0 .3125rem
}

ion-col.lang-col[data-v-5a94d64f] {
    font-size: .5rem
}

.empty-box[data-v-5a94d64f] {
    height: calc(100% - 6.16rem)
}

ion-icon.report-select-icon[data-v-5a94d64f] {
    width: 1rem;
    height: 1rem
}

.report-select-row[data-v-5a94d64f] {
    padding: .375rem .625rem;
    font-size: .75rem;
    text-align: center
}

.report-select-row .select-col p[data-v-5a94d64f] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.5rem;
    padding-left: .25rem;
    padding-right: .25rem;
    border-radius: .375rem
}

.bet .top .filter[data-v-5a94d64f] {
    color: var(--color-text-white-100)
}

.bet .top .filter.selected[data-v-5a94d64f] {
    border: .0625rem solid var(--color-text-white-100)
}

.bet .top .filter.betting-select-default[data-v-5a94d64f] {
    border: .0625rem solid var(--color-text-gray-200)
}

ion-popover ion-row ion-col p.off[data-v-5a94d64f] {
    color: var(--color-text-gray-200);
    border-color: var(--color-text-gray-200)
}

ion-popover ion-row ion-col p.on[data-v-5a94d64f],
ion-popover ion-row ion-col div.on[data-v-5a94d64f] {
    background: var(--theme-color-gradient-100);
    color: var(--color-text-white-100)
}

ion-icon.report-select-icon[data-v-5a94d64f] {
    color: var(--color-text-gray-200)
}

.report-select-row[data-v-5a94d64f] {
    background: var(--color-bg-200)
}

.recond-white-color[data-v-5a94d64f] {
    color: var(--color-text-white-100)
}

.recond-minor-color[data-v-5a94d64f] {
    color: var(--color-text-gray-200)
}

.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)
}

.green-default .bet .top .filter[data-v-5a94d64f] {
    color: var(--color-text-gray-100)
}

.green-default .bet .top .filter.selected[data-v-5a94d64f],
.green-default .bet .top .filter.betting-select-default[data-v-5a94d64f] {
    border: .0625rem solid var(--color-line)
}

.green-default ion-popover ion-row ion-col p.off[data-v-5a94d64f] {
    color: var(--color-text-gray-200);
    border-color: var(--color-line)
}

.green-default ion-popover ion-row ion-col p.on[data-v-5a94d64f],
.green-default ion-popover ion-row ion-col div.on[data-v-5a94d64f] {
    background: var(--theme-color-gradient-100);
    color: var(--color-text-white-100)
}

.green-default ion-icon.report-select-icon[data-v-5a94d64f] {
    color: var(--color-text-gray-200)
}

.green-default .report-select-row[data-v-5a94d64f] {
    background: var(--color-bg-200)
}

.green-default .recond-white-color[data-v-5a94d64f] {
    color: var(--color-text-gray-100)
}

.green-default .recond-minor-color[data-v-5a94d64f] {
    color: var(--color-text-gray-200)
}

.amber-purple .bet .top .filter[data-v-5a94d64f] {
    color: var(--color-text-gray-100)
}

.amber-purple .bet .top .filter.selected[data-v-5a94d64f],
.amber-purple .bet .top .filter.betting-select-default[data-v-5a94d64f] {
    border: .0625rem solid var(--color-line)
}

.amber-purple ion-popover ion-row ion-col p.off[data-v-5a94d64f] {
    color: var(--color-text-gray-200);
    border-color: var(--color-line)
}

.amber-purple ion-popover ion-row ion-col p.on[data-v-5a94d64f],
.amber-purple ion-popover ion-row ion-col div.on[data-v-5a94d64f] {
    background: var(--theme-color-gradient-100);
    color: var(--color-text-white-100)
}

.amber-purple ion-icon.report-select-icon[data-v-5a94d64f] {
    color: var(--color-text-gray-200)
}

.amber-purple .report-select-row[data-v-5a94d64f] {
    background: var(--color-bg-200)
}

.amber-purple .recond-white-color[data-v-5a94d64f] {
    color: var(--color-text-gray-100)
}

.amber-purple .recond-minor-color[data-v-5a94d64f] {
    color: var(--color-text-gray-200)
}

.forest-green .bet .top .filter[data-v-5a94d64f] {
    color: var(--color-text-gray-100)
}

.forest-green .bet .top .filter.selected[data-v-5a94d64f] {
    border: .0625rem solid var(--color-line)
}

.forest-green .bet .top .filter.betting-select-default[data-v-5a94d64f] {
    border: .0625rem solid var(--color-bg-100)
}

.forest-green ion-popover ion-row ion-col p.off[data-v-5a94d64f] {
    color: var(--color-text-gray-200);
    border-color: var(--color-line)
}

.forest-green ion-popover ion-row ion-col p.on[data-v-5a94d64f],
.forest-green ion-popover ion-row ion-col div.on[data-v-5a94d64f] {
    background: var(--theme-color-gradient-100);
    color: var(--color-text-white-100)
}

.forest-green ion-icon.report-select-icon[data-v-5a94d64f] {
    color: var(--color-text-gray-200)
}

.forest-green .report-select-row[data-v-5a94d64f] {
    background: var(--color-bg-200)
}

.forest-green .recond-white-color[data-v-5a94d64f] {
    color: var(--color-text-gray-100)
}

.forest-green .recond-minor-color[data-v-5a94d64f] {
    color: var(--color-text-gray-200)
}

.auroral-yellow .bet .top .filter[data-v-5a94d64f] {
    color: var(--color-text-white-100)
}

.auroral-yellow .bet .top .filter.selected[data-v-5a94d64f] {
    border: .0625rem solid var(--color-text-white-100)
}

.auroral-yellow .bet .top .filter.betting-select-default[data-v-5a94d64f] {
    border: .0625rem solid var(--color-text-gray-200)
}

.auroral-yellow ion-popover ion-row ion-col p.off[data-v-5a94d64f] {
    color: var(--color-text-gray-200);
    border-color: var(--color-text-gray-200)
}

.auroral-yellow ion-popover ion-row ion-col p.on[data-v-5a94d64f],
.auroral-yellow ion-popover ion-row ion-col div.on[data-v-5a94d64f] {
    background: var(--theme-color-800);
    color: var(--color-text-black-100)
}

.auroral-yellow ion-icon.report-select-icon[data-v-5a94d64f] {
    color: var(--color-text-gray-200)
}

.auroral-yellow .report-select-row[data-v-5a94d64f] {
    background: var(--color-bg-200)
}

.auroral-yellow .recond-white-color[data-v-5a94d64f] {
    color: var(--color-text-white-100)
}

.auroral-yellow .recond-minor-color[data-v-5a94d64f] {
    color: var(--color-text-gray-200)
}

.color-primary-600[data-v-2401debe] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-2401debe] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-2401debe] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-2401debe] {
    color: var(--color-primary-900)
}

.bg-100[data-v-2401debe] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-2401debe] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-2401debe] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-2401debe] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-2401debe] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-2401debe] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-2401debe] {
    background-color: var(--color-warning)
}

.bg-link[data-v-2401debe] {
    background-color: var(--color-link)
}

.bg-danger[data-v-2401debe] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-2401debe] {
    color: var(--color-text-100)
}

.color-text-80[data-v-2401debe] {
    color: var(--color-text-80)
}

.color-text-50[data-v-2401debe] {
    color: var(--color-text-50)
}

.color-text-40[data-v-2401debe] {
    color: var(--color-text-40)
}

.color-text-20[data-v-2401debe] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-2401debe] {
    color: var(--color-currency)
}

.color-warning[data-v-2401debe] {
    color: var(--color-warning)
}

.color-danger[data-v-2401debe] {
    color: var(--color-danger)
}

.color-link[data-v-2401debe] {
    color: var(--color-link)
}

.color-line[data-v-2401debe] {
    color: var(--color-line)
}

.color-border[data-v-2401debe] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-2401debe] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-2401debe] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-2401debe] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-2401debe] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-2401debe] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-2401debe] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-2401debe] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-2401debe] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-2401debe] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-2401debe] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-2401debe] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-2401debe] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-2401debe] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-2401debe] {
    display: flex;
    align-items: center
}

.flex-start[data-v-2401debe] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-2401debe] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-2401debe] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-2401debe] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-2401debe] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-2401debe] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-2401debe] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-2401debe] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-2401debe] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-2401debe] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-2401debe] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-2401debe] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-2401debe] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-2401debe] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-2401debe] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-2401debe] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-2401debe] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-2401debe] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-2401debe] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-2401debe] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-2401debe] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-2401debe] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-2401debe] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-2401debe] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-2401debe],
.mlm-selected-item[data-v-2401debe] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-2401debe] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-2401debe]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-2401debe] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-2401debe] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-2401debe] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.bet[data-v-2401debe] {
    height: 100%;
    display: flex;
    flex-direction: column
}

.bet .top[data-v-2401debe] {
    margin-top: .625rem;
    margin-bottom: .625rem
}

.bet .top .select-scroll[data-v-2401debe] {
    display: flex;
    padding-left: 1rem;
    padding-right: 1rem;
    overflow-x: auto;
    font-size: .75rem;
    line-height: 1rem
}

.bet .top .filter[data-v-2401debe] {
    margin-right: .625rem;
    border-radius: .625rem;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .25rem .25rem .25rem .5rem;
    min-width: -moz-fit-content;
    min-width: fit-content
}

.bet .top .filter .typeName[data-v-2401debe] {
    display: flex;
    align-items: center;
    margin-right: .5rem
}

.bet .top .filter .typeName ion-spinner[data-v-2401debe] {
    width: 1rem;
    height: 1rem;
    margin-inline-end: .125rem !important
}

.bet .top #betting-trigger[data-v-2401debe] {
    width: 100%
}

.bet .list[data-v-2401debe] {
    flex: 1
}

.bet .list .item[data-v-2401debe] {
    padding: .625rem;
    margin-bottom: .625rem;
    border-radius: .375rem
}

.bet .list .item .num[data-v-2401debe] {
    display: flex;
    justify-content: space-between;
    font-size: .875rem;
    margin-bottom: .375rem;
    line-height: 1.25rem
}

.bet .list .item .num p.red[data-v-2401debe] {
    color: #ee4639
}

.bet .list .item .num p.green[data-v-2401debe] {
    color: #27d48b
}

.bet .list .item .recond-minor-color[data-v-2401debe] {
    display: flex;
    justify-content: space-between;
    font-size: .75rem;
    line-height: 1rem
}

.bet .list .item .recond-minor-color .copy[data-v-2401debe] {
    display: flex;
    align-items: center
}

.bet .list .item .recond-minor-color .copy p[data-v-2401debe] {
    width: 10rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-align: right
}

.bet .list .item .recond-minor-color .copy ion-icon[data-v-2401debe] {
    margin-left: .375rem;
    font-size: 1.25rem
}

.bet .list .empty[data-v-2401debe] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.bet .list .empty .empty-bg-img[data-v-2401debe] {
    width: 7.5rem;
    height: 7.5rem
}

.bet .list .empty ion-label[data-v-2401debe] {
    color: #92949c
}

ion-select[data-v-2401debe] {
    --padding-start: .875rem;
    --padding-end: .625rem;
    --border-color: white;
    --border-radius: .625rem;
    --border-width: .0625rem;
    min-height: 1.625rem
}

ion-content[data-v-2401debe] {
    --padding-start: 1rem;
    --padding-end: 1rem
}

div.select-scroll[data-v-2401debe]::-webkit-scrollbar {
    display: none
}

ion-infinite-scroll-content[data-v-2401debe] {
    min-height: .625rem
}

ion-popover[data-v-2401debe] {
    --backdrop-opacity: 0
}

ion-popover ion-button[data-v-2401debe] {
    margin-top: 0;
    margin-bottom: 0
}

ion-popover ion-button[data-v-2401debe]::part(native) {
    --padding-start: .375rem;
    --padding-end: .375rem;
    --padding-top: 0;
    --padding-bottom: 0
}

ion-icon[data-v-2401debe] {
    transition: transform .1s linear
}

ion-icon.on[data-v-2401debe] {
    transform: rotate(180deg)
}

ion-popover ion-row ion-col p.off[data-v-2401debe] {
    border-width: .0625rem
}

ion-col.select-col[data-v-2401debe] {
    line-height: .75rem;
    padding: 0 .3125rem .3125rem 0
}

ion-col.select-col[data-v-2401debe]:nth-child(4),
ion-col.select-col[data-v-2401debe]:nth-child(4n) {
    padding: 0 0 .3125rem
}

ion-col.lang-col[data-v-2401debe] {
    font-size: .5rem
}

.empty-box[data-v-2401debe] {
    height: calc(100% - 6.16rem)
}

ion-icon.report-select-icon[data-v-2401debe] {
    width: 1rem;
    height: 1rem
}

.report-select-row[data-v-2401debe] {
    padding: .375rem .625rem;
    font-size: .75rem;
    text-align: center
}

.report-select-row .select-col p[data-v-2401debe] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.5rem;
    padding-left: .25rem;
    padding-right: .25rem;
    border-radius: .375rem
}

.bet .top .filter[data-v-2401debe] {
    color: var(--color-text-white-100)
}

.bet .top .filter.selected[data-v-2401debe] {
    border: .0625rem solid var(--color-text-white-100)
}

.bet .top .filter.betting-select-default[data-v-2401debe] {
    border: .0625rem solid var(--color-text-gray-200)
}

ion-popover ion-row ion-col p.off[data-v-2401debe] {
    color: var(--color-text-gray-200);
    border-color: var(--color-text-gray-200)
}

ion-popover ion-row ion-col p.on[data-v-2401debe],
ion-popover ion-row ion-col div.on[data-v-2401debe] {
    background: var(--theme-color-gradient-100);
    color: var(--color-text-white-100)
}

ion-icon.report-select-icon[data-v-2401debe] {
    color: var(--color-text-gray-200)
}

.report-select-row[data-v-2401debe] {
    background: var(--color-bg-200)
}

.recond-white-color[data-v-2401debe] {
    color: var(--color-text-white-100)
}

.recond-minor-color[data-v-2401debe] {
    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)
}

.green-default .bet .top .filter[data-v-2401debe] {
    color: var(--color-text-gray-100)
}

.green-default .bet .top .filter.selected[data-v-2401debe],
.green-default .bet .top .filter.betting-select-default[data-v-2401debe] {
    border: .0625rem solid var(--color-line)
}

.green-default ion-popover ion-row ion-col p.off[data-v-2401debe] {
    color: var(--color-text-gray-200);
    border-color: var(--color-line)
}

.green-default ion-popover ion-row ion-col p.on[data-v-2401debe],
.green-default ion-popover ion-row ion-col div.on[data-v-2401debe] {
    background: var(--theme-color-gradient-100);
    color: var(--color-text-white-100)
}

.green-default ion-icon.report-select-icon[data-v-2401debe] {
    color: var(--color-text-gray-200)
}

.green-default .report-select-row[data-v-2401debe] {
    background: var(--color-bg-200)
}

.green-default .recond-white-color[data-v-2401debe] {
    color: var(--color-text-gray-100)
}

.green-default .recond-minor-color[data-v-2401debe] {
    color: var(--color-text-gray-200)
}

.amber-purple .bet .top .filter[data-v-2401debe] {
    color: var(--color-text-gray-100)
}

.amber-purple .bet .top .filter.selected[data-v-2401debe],
.amber-purple .bet .top .filter.betting-select-default[data-v-2401debe] {
    border: .0625rem solid var(--color-line)
}

.amber-purple ion-popover ion-row ion-col p.off[data-v-2401debe] {
    color: var(--color-text-gray-200);
    border-color: var(--color-line)
}

.amber-purple ion-popover ion-row ion-col p.on[data-v-2401debe],
.amber-purple ion-popover ion-row ion-col div.on[data-v-2401debe] {
    background: var(--theme-color-gradient-100);
    color: var(--color-text-white-100)
}

.amber-purple ion-icon.report-select-icon[data-v-2401debe] {
    color: var(--color-text-gray-200)
}

.amber-purple .report-select-row[data-v-2401debe] {
    background: var(--color-bg-200)
}

.amber-purple .recond-white-color[data-v-2401debe] {
    color: var(--color-text-gray-100)
}

.amber-purple .recond-minor-color[data-v-2401debe] {
    color: var(--color-text-gray-200)
}

.forest-green .bet .top .filter[data-v-2401debe] {
    color: var(--color-text-gray-100)
}

.forest-green .bet .top .filter.selected[data-v-2401debe] {
    border: .0625rem solid var(--color-line)
}

.forest-green .bet .top .filter.betting-select-default[data-v-2401debe] {
    border: .0625rem solid var(--color-bg-100)
}

.forest-green ion-popover ion-row ion-col p.off[data-v-2401debe] {
    color: var(--color-text-gray-200);
    border-color: var(--color-line)
}

.forest-green ion-popover ion-row ion-col p.on[data-v-2401debe],
.forest-green ion-popover ion-row ion-col div.on[data-v-2401debe] {
    background: var(--theme-color-gradient-100);
    color: var(--color-text-white-100)
}

.forest-green ion-icon.report-select-icon[data-v-2401debe] {
    color: var(--color-text-gray-200)
}

.forest-green .report-select-row[data-v-2401debe] {
    background: var(--color-bg-200)
}

.forest-green .recond-white-color[data-v-2401debe] {
    color: var(--color-text-gray-100)
}

.forest-green .recond-minor-color[data-v-2401debe] {
    color: var(--color-text-gray-200)
}

.auroral-yellow .bet .top .filter[data-v-2401debe] {
    color: var(--color-text-white-100)
}

.auroral-yellow .bet .top .filter.selected[data-v-2401debe] {
    border: .0625rem solid var(--color-text-white-100)
}

.auroral-yellow .bet .top .filter.betting-select-default[data-v-2401debe] {
    border: .0625rem solid var(--color-text-gray-200)
}

.auroral-yellow ion-popover ion-row ion-col p.off[data-v-2401debe] {
    color: var(--color-text-gray-200);
    border-color: var(--color-text-gray-200)
}

.auroral-yellow ion-popover ion-row ion-col p.on[data-v-2401debe],
.auroral-yellow ion-popover ion-row ion-col div.on[data-v-2401debe] {
    background: var(--theme-color-800);
    color: var(--color-text-black-100)
}

.auroral-yellow ion-icon.report-select-icon[data-v-2401debe] {
    color: var(--color-text-gray-200)
}

.auroral-yellow .report-select-row[data-v-2401debe] {
    background: var(--color-bg-200)
}

.auroral-yellow .recond-white-color[data-v-2401debe] {
    color: var(--color-text-white-100)
}

.auroral-yellow .recond-minor-color[data-v-2401debe] {
    color: var(--color-text-gray-200)
}

.color-primary-600[data-v-50dbc7aa] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-50dbc7aa] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-50dbc7aa] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-50dbc7aa] {
    color: var(--color-primary-900)
}

.bg-100[data-v-50dbc7aa] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-50dbc7aa] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-50dbc7aa] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-50dbc7aa] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-50dbc7aa] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-50dbc7aa] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-50dbc7aa] {
    background-color: var(--color-warning)
}

.bg-link[data-v-50dbc7aa] {
    background-color: var(--color-link)
}

.bg-danger[data-v-50dbc7aa] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-50dbc7aa] {
    color: var(--color-text-100)
}

.color-text-80[data-v-50dbc7aa] {
    color: var(--color-text-80)
}

.color-text-50[data-v-50dbc7aa] {
    color: var(--color-text-50)
}

.color-text-40[data-v-50dbc7aa] {
    color: var(--color-text-40)
}

.color-text-20[data-v-50dbc7aa] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-50dbc7aa] {
    color: var(--color-currency)
}

.color-warning[data-v-50dbc7aa] {
    color: var(--color-warning)
}

.color-danger[data-v-50dbc7aa] {
    color: var(--color-danger)
}

.color-link[data-v-50dbc7aa] {
    color: var(--color-link)
}

.color-line[data-v-50dbc7aa] {
    color: var(--color-line)
}

.color-border[data-v-50dbc7aa] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-50dbc7aa] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-50dbc7aa] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-50dbc7aa] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-50dbc7aa] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-50dbc7aa] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-50dbc7aa] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-50dbc7aa] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-50dbc7aa] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-50dbc7aa] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-50dbc7aa] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-50dbc7aa] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-50dbc7aa] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-50dbc7aa] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-50dbc7aa] {
    display: flex;
    align-items: center
}

.flex-start[data-v-50dbc7aa] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-50dbc7aa] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-50dbc7aa] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-50dbc7aa] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-50dbc7aa] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-50dbc7aa] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-50dbc7aa] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-50dbc7aa] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-50dbc7aa] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-50dbc7aa] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-50dbc7aa] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-50dbc7aa] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-50dbc7aa] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-50dbc7aa] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-50dbc7aa] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-50dbc7aa] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-50dbc7aa] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-50dbc7aa] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-50dbc7aa] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-50dbc7aa] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-50dbc7aa] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-50dbc7aa] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-50dbc7aa] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-50dbc7aa] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-50dbc7aa],
.mlm-selected-item[data-v-50dbc7aa] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-50dbc7aa] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-50dbc7aa]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-50dbc7aa] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-50dbc7aa] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-50dbc7aa] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.statement[data-v-50dbc7aa] {
    height: 100%;
    display: flex;
    flex-direction: column
}

.statement .top[data-v-50dbc7aa] {
    margin-top: .625rem;
    margin-bottom: .625rem
}

.statement .top .select-scroll[data-v-50dbc7aa] {
    display: flex;
    padding-left: 1rem;
    padding-right: 1rem;
    overflow-x: auto;
    font-size: .75rem
}

.statement .top .filter[data-v-50dbc7aa] {
    margin-right: .625rem;
    border-radius: .625rem;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .25rem .25rem .25rem .5rem
}

.statement .top .filter .typeName[data-v-50dbc7aa] {
    display: flex;
    align-items: center;
    margin-right: .5rem
}

.statement .top #statement-trigger[data-v-50dbc7aa] {
    width: 100%;
    background: #fff
}

.statement .list[data-v-50dbc7aa] {
    flex: 1
}

.statement .list .item[data-v-50dbc7aa] {
    padding: .625rem;
    margin-bottom: .625rem;
    border-radius: .375rem
}

.statement .list .item .num[data-v-50dbc7aa] {
    display: flex;
    justify-content: space-between;
    font-size: .875rem;
    margin-bottom: .375rem;
    line-height: 1.25rem
}

.statement .list .item .num p.red[data-v-50dbc7aa] {
    color: #ee4639
}

.statement .list .item .num p.green[data-v-50dbc7aa] {
    color: #27d48b
}

.statement .list .item .recond-minor-color[data-v-50dbc7aa] {
    display: flex;
    justify-content: space-between;
    font-size: .75rem;
    line-height: 1rem
}

.statement .list .item .recond-minor-color .copy[data-v-50dbc7aa] {
    display: flex;
    align-items: center
}

.statement .list .item .recond-minor-color .copy p[data-v-50dbc7aa] {
    width: 10rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-align: right
}

.statement .list .item .recond-minor-color .copy ion-icon[data-v-50dbc7aa] {
    margin-left: .375rem;
    font-size: 1.25rem
}

.statement .list .empty[data-v-50dbc7aa] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%
}

.statement .list .empty .empty-bg-img[data-v-50dbc7aa] {
    width: 7.5rem;
    height: 7.5rem
}

.statement .list .empty ion-label[data-v-50dbc7aa] {
    color: #92949c
}

ion-select[data-v-50dbc7aa] {
    --padding-start: .875rem;
    --padding-end: .625rem;
    --border-color: white;
    --border-radius: .625rem;
    --border-width: .0625rem;
    min-height: 1.625rem
}

ion-content[data-v-50dbc7aa] {
    --padding-start: 1rem;
    --padding-end: 1rem
}

div.select-scroll[data-v-50dbc7aa]::-webkit-scrollbar {
    display: none
}

ion-radio::part(label) {
    margin-inline: 0
}

ion-radio::part(container) {
    width: 0
}

ion-infinite-scroll-content[data-v-50dbc7aa] {
    min-height: .625rem
}

ion-row.footer-count[data-v-50dbc7aa] {
    font-size: .75rem;
    line-height: 1rem;
    padding: .625rem
}

ion-row.footer-count div:nth-child(1) span[data-v-50dbc7aa]:nth-child(2) {
    color: #27d48b
}

ion-row.footer-count div[data-v-50dbc7aa]:nth-child(2) {
    margin-top: .625rem
}

ion-row.footer-count div:nth-child(2) span[data-v-50dbc7aa]:nth-child(2) {
    color: #ee4639
}

ion-row.footer-count div[data-v-50dbc7aa]:nth-child(3) {
    margin-top: .625rem
}

ion-popover[data-v-50dbc7aa] {
    --backdrop-opacity: 0
}

ion-popover ion-button[data-v-50dbc7aa] {
    margin-top: 0;
    margin-bottom: 0
}

ion-popover ion-button[data-v-50dbc7aa]::part(native) {
    --padding-start: .375rem;
    --padding-end: .375rem;
    --padding-top: 0;
    --padding-bottom: 0
}

ion-icon[data-v-50dbc7aa] {
    transition: transform .1s linear
}

ion-icon.on[data-v-50dbc7aa] {
    transform: rotate(180deg)
}

ion-popover ion-row ion-col p.off[data-v-50dbc7aa] {
    border-width: .0625rem
}

.content-flex[data-v-50dbc7aa] {
    display: flex;
    justify-content: space-between
}

ion-col.select-col[data-v-50dbc7aa] {
    line-height: .75rem;
    padding: 0 .3125rem .3125rem 0
}

ion-col.select-col[data-v-50dbc7aa]:nth-child(4),
ion-col.select-col[data-v-50dbc7aa]:nth-child(4n) {
    padding: 0 0 .3125rem
}

ion-col.lang-col[data-v-50dbc7aa] {
    font-size: .5rem
}

ion-icon.report-select-icon[data-v-50dbc7aa] {
    width: 1rem;
    height: 1rem
}

.report-select-row[data-v-50dbc7aa] {
    padding: .375rem .625rem;
    font-size: .75rem;
    text-align: center
}

.report-select-row .select-col p[data-v-50dbc7aa] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.5rem;
    padding-left: .25rem;
    padding-right: .25rem;
    border-radius: .375rem
}

.statement .top .filter.selected[data-v-50dbc7aa] {
    border: .0625rem solid var(--color-text-white-100);
    color: var(--color-text-white-100)
}

.statement .top .filter.statement-select-default[data-v-50dbc7aa] {
    border: .0625rem solid var(--color-text-gray-200);
    color: var(--color-text-white-100)
}

.statement .list .item[data-v-50dbc7aa] {
    background: var(--color-bg-200)
}

.statement .list .item .num p.money-text[data-v-50dbc7aa] {
    color: var(--accent-color-orange-1)
}

ion-row.footer-count[data-v-50dbc7aa] {
    background: var(--color-bg-50)
}

.content-flex[data-v-50dbc7aa] {
    color: var(--color-text-gray-100)
}

ion-popover ion-row ion-col p.off[data-v-50dbc7aa] {
    color: var(--color-text-gray-200);
    border-color: var(--color-text-gray-200)
}

ion-popover ion-row ion-col p.on[data-v-50dbc7aa] {
    background: var(--theme-color-gradient-100);
    color: var(--color-text-white-100)
}

ion-icon.report-select-icon[data-v-50dbc7aa] {
    color: var(--color-text-gray-200)
}

.report-select-row[data-v-50dbc7aa] {
    background: var(--color-bg-200)
}

.recond-white-color[data-v-50dbc7aa] {
    color: var(--color-text-white-100)
}

.recond-minor-color[data-v-50dbc7aa] {
    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)
}

.green-default .statement .top .filter.selected[data-v-50dbc7aa],
.green-default .statement .top .filter.statement-select-default[data-v-50dbc7aa] {
    border: .0625rem solid var(--color-line);
    color: var(--color-text-gray-100)
}

.green-default .statement .list .item[data-v-50dbc7aa] {
    background: var(--color-bg-200)
}

.green-default .statement .list .item .num p.money-text[data-v-50dbc7aa] {
    color: var(--accent-color-yellow)
}

.green-default ion-row.footer-count[data-v-50dbc7aa] {
    background: var(--color-bg-50)
}

.green-default .content-flex[data-v-50dbc7aa] {
    color: var(--color-text-gray-100)
}

.green-default ion-popover ion-row ion-col p.off[data-v-50dbc7aa] {
    color: var(--color-text-gray-200);
    border-color: var(--color-line)
}

.green-default ion-popover ion-row ion-col p.on[data-v-50dbc7aa] {
    background: var(--theme-color-gradient-100);
    color: var(--color-text-white-100)
}

.green-default ion-icon.report-select-icon[data-v-50dbc7aa] {
    color: var(--color-text-gray-200)
}

.green-default .report-select-row[data-v-50dbc7aa] {
    background: var(--color-bg-200)
}

.green-default .recond-white-color[data-v-50dbc7aa] {
    color: var(--color-text-gray-100)
}

.green-default .recond-minor-color[data-v-50dbc7aa] {
    color: var(--color-text-gray-200)
}

.amber-purple .statement .top .filter.selected[data-v-50dbc7aa],
.amber-purple .statement .top .filter.statement-select-default[data-v-50dbc7aa] {
    border: .0625rem solid var(--color-text-gray-200);
    color: var(--color-text-gray-100)
}

.amber-purple .statement .list .item[data-v-50dbc7aa] {
    background: var(--color-bg-200)
}

.amber-purple .statement .list .item .num p.money-text[data-v-50dbc7aa] {
    color: var(--accent-color-orange-3)
}

.amber-purple ion-row.footer-count[data-v-50dbc7aa] {
    background: var(--color-bg-50)
}

.amber-purple .content-flex[data-v-50dbc7aa] {
    color: var(--color-text-gray-100)
}

.amber-purple ion-popover ion-row ion-col p.off[data-v-50dbc7aa] {
    color: var(--color-text-gray-200);
    border-color: var(--color-text-gray-200)
}

.amber-purple ion-popover ion-row ion-col p.on[data-v-50dbc7aa] {
    background: var(--theme-color-gradient-100);
    color: var(--color-text-white-100)
}

.amber-purple ion-icon.report-select-icon[data-v-50dbc7aa] {
    color: var(--color-text-gray-200)
}

.amber-purple .report-select-row[data-v-50dbc7aa] {
    background: var(--color-bg-200)
}

.amber-purple .recond-white-color[data-v-50dbc7aa] {
    color: var(--color-text-gray-100)
}

.amber-purple .recond-minor-color[data-v-50dbc7aa] {
    color: var(--color-text-gray-200)
}

.forest-green .statement .top .filter.selected[data-v-50dbc7aa] {
    border: .0625rem solid var(--color-line);
    color: var(--color-text-gray-100)
}

.forest-green .statement .top .filter.statement-select-default[data-v-50dbc7aa] {
    border: .0625rem solid var(--color-bg-100);
    color: var(--color-text-gray-100)
}

.forest-green .statement .list .item[data-v-50dbc7aa] {
    background: var(--color-bg-200)
}

.forest-green .statement .list .item .num p.money-text[data-v-50dbc7aa] {
    color: var(--accent-color-yellow)
}

.forest-green ion-row.footer-count[data-v-50dbc7aa] {
    background: var(--color-bg-100)
}

.forest-green .content-flex[data-v-50dbc7aa] {
    color: var(--color-text-gray-100)
}

.forest-green ion-popover ion-row ion-col p.off[data-v-50dbc7aa] {
    color: var(--color-text-gray-200);
    border-color: var(--color-line)
}

.forest-green ion-popover ion-row ion-col p.on[data-v-50dbc7aa] {
    background: var(--theme-color-gradient-100);
    color: var(--color-text-white-100)
}

.forest-green ion-icon.report-select-icon[data-v-50dbc7aa] {
    color: var(--color-text-gray-200)
}

.forest-green .report-select-row[data-v-50dbc7aa] {
    background: var(--color-bg-200)
}

.forest-green .recond-white-color[data-v-50dbc7aa] {
    color: var(--color-text-gray-100)
}

.forest-green .recond-minor-color[data-v-50dbc7aa] {
    color: var(--color-text-gray-200)
}

.auroral-yellow .statement .top .filter.selected[data-v-50dbc7aa] {
    border: .0625rem solid var(--color-text-white-100);
    color: var(--color-text-white-100)
}

.auroral-yellow .statement .top .filter.statement-select-default[data-v-50dbc7aa] {
    border: .0625rem solid var(--color-text-gray-200);
    color: var(--color-text-white-100)
}

.auroral-yellow .statement .list .item[data-v-50dbc7aa] {
    background: var(--color-bg-200)
}

.auroral-yellow .statement .list .item .num p.money-text[data-v-50dbc7aa] {
    color: var(--accent-color-orange-1)
}

.auroral-yellow ion-row.footer-count[data-v-50dbc7aa] {
    background: var(--color-bg-200)
}

.auroral-yellow .content-flex[data-v-50dbc7aa] {
    color: var(--color-text-gray-100)
}

.auroral-yellow ion-popover ion-row ion-col p.off[data-v-50dbc7aa] {
    color: var(--color-text-gray-200);
    border-color: var(--color-text-gray-200)
}

.auroral-yellow ion-popover ion-row ion-col p.on[data-v-50dbc7aa] {
    background: var(--theme-color-800);
    color: var(--color-text-black-100)
}

.auroral-yellow ion-icon.report-select-icon[data-v-50dbc7aa] {
    color: var(--color-text-gray-200)
}

.auroral-yellow .report-select-row[data-v-50dbc7aa] {
    background: var(--color-bg-200)
}

.auroral-yellow .recond-white-color[data-v-50dbc7aa] {
    color: var(--color-text-white-100)
}

.auroral-yellow .recond-minor-color[data-v-50dbc7aa] {
    color: var(--color-text-gray-200)
}

.color-primary-600[data-v-b5a79450] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-b5a79450] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-b5a79450] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-b5a79450] {
    color: var(--color-primary-900)
}

.bg-100[data-v-b5a79450] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-b5a79450] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-b5a79450] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-b5a79450] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-b5a79450] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-b5a79450] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-b5a79450] {
    background-color: var(--color-warning)
}

.bg-link[data-v-b5a79450] {
    background-color: var(--color-link)
}

.bg-danger[data-v-b5a79450] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-b5a79450] {
    color: var(--color-text-100)
}

.color-text-80[data-v-b5a79450] {
    color: var(--color-text-80)
}

.color-text-50[data-v-b5a79450] {
    color: var(--color-text-50)
}

.color-text-40[data-v-b5a79450] {
    color: var(--color-text-40)
}

.color-text-20[data-v-b5a79450] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-b5a79450] {
    color: var(--color-currency)
}

.color-warning[data-v-b5a79450] {
    color: var(--color-warning)
}

.color-danger[data-v-b5a79450] {
    color: var(--color-danger)
}

.color-link[data-v-b5a79450] {
    color: var(--color-link)
}

.color-line[data-v-b5a79450] {
    color: var(--color-line)
}

.color-border[data-v-b5a79450] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-b5a79450] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-b5a79450] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-b5a79450] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-b5a79450] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-b5a79450] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-b5a79450] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-b5a79450] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-b5a79450] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-b5a79450] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-b5a79450] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-b5a79450] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-b5a79450] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-b5a79450] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-b5a79450] {
    display: flex;
    align-items: center
}

.flex-start[data-v-b5a79450] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-b5a79450] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-b5a79450] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-b5a79450] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-b5a79450] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-b5a79450] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-b5a79450] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-b5a79450] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-b5a79450] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-b5a79450] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-b5a79450] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-b5a79450] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-b5a79450] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-b5a79450] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-b5a79450] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-b5a79450] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-b5a79450] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-b5a79450] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-b5a79450] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-b5a79450] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-b5a79450] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-b5a79450] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-b5a79450] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-b5a79450] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-b5a79450],
.mlm-selected-item[data-v-b5a79450] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-b5a79450] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-b5a79450]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-b5a79450] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-b5a79450] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-b5a79450] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.tab-box[data-v-b5a79450] {
    padding-left: 1rem;
    padding-right: 1rem
}

ion-button.base-tab[data-v-b5a79450],
ion-button.selected-tab[data-v-b5a79450] {
    height: 1.875rem;
    font-size: .875rem;
    line-height: 1.375rem
}

ion-segment.md[data-v-b5a79450] {
    display: flex;
    justify-content: left
}

ion-segment-button.md[data-v-b5a79450] {
    --indicator-color: #1C2334;
    --padding-start: 0;
    --padding-end: 0;
    --padding-top: .125rem;
    --padding-bottom: .125rem;
    text-transform: capitalize;
    min-width: 0;
    margin-right: .8rem;
    min-height: 0rem
}

ion-segment-button.md[data-v-b5a79450]:last-child {
    margin-right: 0
}

ion-segment-button.md[data-v-b5a79450]::part(indicator) {
    margin-left: auto;
    margin-right: auto
}

ion-segment-button.md[data-v-b5a79450]::part(indicator-background) {
    height: .125rem
}

ion-segment-button.md ion-button[data-v-b5a79450] {
    text-transform: none;
    font-size: .78rem;
    min-height: 0;
    margin-top: 1rem;
    margin-bottom: 0;
    --padding-top: 0rem;
    --padding-bottom: .3125rem;
    --padding-start: 0;
    --padding-end: 0;
    min-width: 0
}

.tab-box[data-v-b5a79450] {
    background: var(--color-bg-300)
}

ion-button.base-tab[data-v-b5a79450] {
    --color: var(--color-text-gray-200)
}

ion-button.selected-tab[data-v-b5a79450] {
    --color: var(--color-text-white-100)
}

ion-segment.md[data-v-b5a79450] {
    border-bottom: .0625rem solid var(--color-line)
}

ion-segment-button.md[data-v-b5a79450]::part(indicator-background) {
    background: var(--theme-color-600)
}

.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)
}

.green-default .tab-box[data-v-b5a79450] {
    background: var(--color-bg-300)
}

.green-default ion-button.base-tab[data-v-b5a79450] {
    --color: var(--color-text-gray-200)
}

.green-default ion-button.selected-tab[data-v-b5a79450] {
    --color: var(--color-text-gray-100)
}

.green-default ion-segment.md[data-v-b5a79450] {
    border-bottom: .0625rem solid var(--color-line)
}

.green-default ion-segment-button.md[data-v-b5a79450]::part(indicator-background) {
    background: var(--theme-color-600)
}

.amber-purple .tab-box[data-v-b5a79450] {
    background: var(--color-bg-300)
}

.amber-purple ion-button.base-tab[data-v-b5a79450] {
    --color: var(--color-text-gray-200)
}

.amber-purple ion-button.selected-tab[data-v-b5a79450] {
    --color: var(--color-text-gray-100)
}

.amber-purple ion-segment.md[data-v-b5a79450] {
    border-bottom: .0625rem solid var(--color-line)
}

.amber-purple ion-segment-button.md[data-v-b5a79450]::part(indicator-background) {
    background: var(--theme-color-gradient-100)
}

.forest-green .tab-box[data-v-b5a79450] {
    background: var(--color-bg-300)
}

.forest-green ion-button.base-tab[data-v-b5a79450] {
    --color: var(--color-text-gray-200)
}

.forest-green ion-button.selected-tab[data-v-b5a79450] {
    --color: var(--color-text-gray-100)
}

.forest-green ion-segment.md[data-v-b5a79450] {
    border-bottom: .0625rem solid var(--color-bg-200)
}

.forest-green ion-segment-button.md[data-v-b5a79450]::part(indicator-background) {
    background: var(--color-line)
}

.auroral-yellow .tab-box[data-v-b5a79450] {
    background: var(--color-bg-300)
}

.auroral-yellow ion-button.base-tab[data-v-b5a79450] {
    --color: var(--color-text-gray-200)
}

.auroral-yellow ion-button.selected-tab[data-v-b5a79450] {
    --color: var(--color-text-white-100)
}

.auroral-yellow ion-segment.md[data-v-b5a79450] {
    border-bottom: .0625rem solid var(--color-line)
}

.auroral-yellow ion-segment-button.md[data-v-b5a79450]::part(indicator-background) {
    background: var(--theme-color-800)
}

ion-segment.md[data-v-b5a79450] {
    display: grid
}

ion-segment-button.md[data-v-b5a79450] {
    width: max-content
}

.color-primary-600[data-v-f8484f4b] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-f8484f4b] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-f8484f4b] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-f8484f4b] {
    color: var(--color-primary-900)
}

.bg-100[data-v-f8484f4b] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-f8484f4b] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-f8484f4b] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-f8484f4b] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-f8484f4b] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-f8484f4b] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-f8484f4b] {
    background-color: var(--color-warning)
}

.bg-link[data-v-f8484f4b] {
    background-color: var(--color-link)
}

.bg-danger[data-v-f8484f4b] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-f8484f4b] {
    color: var(--color-text-100)
}

.color-text-80[data-v-f8484f4b] {
    color: var(--color-text-80)
}

.color-text-50[data-v-f8484f4b] {
    color: var(--color-text-50)
}

.color-text-40[data-v-f8484f4b] {
    color: var(--color-text-40)
}

.color-text-20[data-v-f8484f4b] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-f8484f4b] {
    color: var(--color-currency)
}

.color-warning[data-v-f8484f4b] {
    color: var(--color-warning)
}

.color-danger[data-v-f8484f4b] {
    color: var(--color-danger)
}

.color-link[data-v-f8484f4b] {
    color: var(--color-link)
}

.color-line[data-v-f8484f4b] {
    color: var(--color-line)
}

.color-border[data-v-f8484f4b] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-f8484f4b] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-f8484f4b] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-f8484f4b] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-f8484f4b] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-f8484f4b] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-f8484f4b] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-f8484f4b] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-f8484f4b] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-f8484f4b] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-f8484f4b] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-f8484f4b] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-f8484f4b] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-f8484f4b] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-f8484f4b] {
    display: flex;
    align-items: center
}

.flex-start[data-v-f8484f4b] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-f8484f4b] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-f8484f4b] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-f8484f4b] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-f8484f4b] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-f8484f4b] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-f8484f4b] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-f8484f4b] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-f8484f4b] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-f8484f4b] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-f8484f4b] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-f8484f4b] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-f8484f4b] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-f8484f4b] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-f8484f4b] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-f8484f4b] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-f8484f4b] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-f8484f4b] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-f8484f4b] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-f8484f4b] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-f8484f4b] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-f8484f4b] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-f8484f4b] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-f8484f4b] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-f8484f4b],
.mlm-selected-item[data-v-f8484f4b] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-f8484f4b] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-f8484f4b]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-f8484f4b] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-f8484f4b] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-f8484f4b] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-item.shiny[data-v-f8484f4b] {
    position: relative;
    overflow: hidden
}

ion-item.shiny[data-v-f8484f4b]:before {
    content: "";
    animation: shiny-f8484f4b 6s ease-in-out infinite;
    background: #fff;
    display: inline-block;
    height: 100%;
    left: 0;
    position: absolute;
    top: -180px;
    width: 30px;
    z-index: 100
}

ion-content#main[data-v-f8484f4b] {
    --padding-start: 15px;
    --padding-end: 15px;
    --padding-top: 10px
}

ion-content#main ion-item[data-v-f8484f4b] {
    --background: transparent;
    --inner-padding-end: 0px;
    --border-radius: 10px;
    --padding-start: 15px;
    --padding-end: 15px;
    --padding-top: 0;
    --padding-bottom: 0;
    --inner-border-width: 0px;
    --min-height: 7.5rem;
    --height: 7.5rem;
    --max-height: 7.5rem
}

@keyframes shiny-f8484f4b {
    0% {
        opacity: 0;
        transform: scale(0) rotate(45deg)
    }

    50% {
        opacity: .3;
        transform: scale(0) rotate(45deg)
    }

    81% {
        opacity: .6;
        transform: scale(4) rotate(45deg)
    }

    to {
        opacity: 0;
        transform: scale(50) rotate(45deg)
    }
}

.activity-list-btn-basic[data-v-f8484f4b],
.blue-default .activity-list-btn-basic[data-v-f8484f4b],
.green-default .activity-list-btn-basic[data-v-f8484f4b] {
    color: var(--color-text-white-100)
}

.amber-purple .activity-list-btn-basic[data-v-f8484f4b] {
    color: var(--text-color-white-100)
}

.color-primary-600[data-v-27fe1569] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-27fe1569] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-27fe1569] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-27fe1569] {
    color: var(--color-primary-900)
}

.bg-100[data-v-27fe1569] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-27fe1569] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-27fe1569] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-27fe1569] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-27fe1569] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-27fe1569] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-27fe1569] {
    background-color: var(--color-warning)
}

.bg-link[data-v-27fe1569] {
    background-color: var(--color-link)
}

.bg-danger[data-v-27fe1569] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-27fe1569] {
    color: var(--color-text-100)
}

.color-text-80[data-v-27fe1569] {
    color: var(--color-text-80)
}

.color-text-50[data-v-27fe1569] {
    color: var(--color-text-50)
}

.color-text-40[data-v-27fe1569] {
    color: var(--color-text-40)
}

.color-text-20[data-v-27fe1569] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-27fe1569] {
    color: var(--color-currency)
}

.color-warning[data-v-27fe1569] {
    color: var(--color-warning)
}

.color-danger[data-v-27fe1569] {
    color: var(--color-danger)
}

.color-link[data-v-27fe1569] {
    color: var(--color-link)
}

.color-line[data-v-27fe1569] {
    color: var(--color-line)
}

.color-border[data-v-27fe1569] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-27fe1569] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-27fe1569] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-27fe1569] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-27fe1569] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-27fe1569] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-27fe1569] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-27fe1569] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-27fe1569] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-27fe1569] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-27fe1569] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-27fe1569] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-27fe1569] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-27fe1569] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-27fe1569] {
    display: flex;
    align-items: center
}

.flex-start[data-v-27fe1569] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-27fe1569] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-27fe1569] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-27fe1569] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-27fe1569] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-27fe1569] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-27fe1569] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-27fe1569] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-27fe1569] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-27fe1569] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-27fe1569] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-27fe1569] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-27fe1569] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-27fe1569] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-27fe1569] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-27fe1569] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-27fe1569] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-27fe1569] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-27fe1569] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-27fe1569] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-27fe1569] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-27fe1569] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-27fe1569] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-27fe1569] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-27fe1569],
.mlm-selected-item[data-v-27fe1569] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-27fe1569] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-27fe1569]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-27fe1569] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-27fe1569] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-27fe1569] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-item.rebate[data-v-27fe1569] {
    --detail-icon-opacity: 1;
    --detail-icon-font-size: 1rem;
    --min-height: 3.75rem;
    --height: 3.75rem;
    --max-height: 3.75rem;
    border-radius: .625rem
}

ion-item.rebate[data-v-27fe1569]::part(native) {
    padding-inline-start: .4rem;
    --inner-padding-end: 0
}

ion-item[data-v-27fe1569]::part(detail-icon) {
    margin-inline-end: 0
}

ion-progress-bar[data-v-27fe1569] {
    border-radius: 1rem
}

ion-progress-bar[data-v-27fe1569]::part(progress) {
    border-radius: 13rem
}

.main-rebate[data-v-27fe1569] {
    width: 100%;
    display: flex;
    flex-direction: column
}

.top-rebate[data-v-27fe1569],
.bottom-rebate[data-v-27fe1569] {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 1px 0
}

.top-rebate-left[data-v-27fe1569],
.bottom-rebate-left[data-v-27fe1569] {
    flex: 1;
    position: relative
}

.rebate-right[data-v-27fe1569] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: right;
    padding-right: 5px;
    max-width: 7.5rem
}

.rebate-ratio[data-v-27fe1569] {
    text-align: left;
    text-shadow: none;
    font-size: .625rem
}

.overflow-content[data-v-27fe1569] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.top-rebate-left[data-v-27fe1569] {
    justify-content: space-between
}

.rebate-item-rate[data-v-27fe1569],
.rebate-item-available-rate[data-v-27fe1569] {
    text-shadow: none;
    font-size: .625rem
}

ion-item.rebate[data-v-27fe1569] {
    --background: var(--color-bg-200)
}

ion-item[data-v-27fe1569]::part(detail-icon) {
    color: var(--color-text-white-100)
}

ion-progress-bar[data-v-27fe1569] {
    --background: var(--color-bg-100)
}

ion-progress-bar[data-v-27fe1569]::part(progress) {
    background: var(--theme-color-gradient-400)
}

div ion-icon.logo[data-v-27fe1569] {
    color: var(--color-text-white-100)
}

.rebate-item-agent34[data-v-27fe1569] {
    color: var(--color-text-gray-200)
}

.rebate-item-validBet[data-v-27fe1569] {
    color: var(--color-text-white-100)
}

.rebate-ratio[data-v-27fe1569] {
    color: var(--color-text-gray-200)
}

.rebate-item-rate[data-v-27fe1569] {
    color: var(--color-text-white-100)
}

.rebate-item-available-rate[data-v-27fe1569] {
    color: var(--accent-color-yellow)
}

.rebate-item-next-rate[data-v-27fe1569] {
    color: var(--color-text-white-100)
}

.blue-default ion-item.rebate[data-v-27fe1569] {
    --background: var(--color-bg-200)
}

.blue-default ion-item[data-v-27fe1569]::part(detail-icon) {
    color: var(--color-text-white-100)
}

.blue-default ion-progress-bar[data-v-27fe1569] {
    --background: var(--color-bg-600)
}

.blue-default ion-progress-bar[data-v-27fe1569]::part(progress) {
    background: var(--theme-color-gradient-400)
}

.blue-default div ion-icon.logo[data-v-27fe1569] {
    color: var(--color-text-white-100)
}

.blue-default .rebate-item-agent34[data-v-27fe1569] {
    color: var(--color-text-gray-200)
}

.blue-default .rebate-item-validBet[data-v-27fe1569] {
    color: var(--color-text-white-100)
}

.blue-default .rebate-ratio[data-v-27fe1569] {
    color: var(--color-text-gray-200)
}

.blue-default .rebate-item-rate[data-v-27fe1569] {
    color: var(--color-text-white-100)
}

.blue-default .rebate-item-available-rate[data-v-27fe1569] {
    color: var(--accent-color-yellow)
}

.blue-default .rebate-item-next-rate[data-v-27fe1569] {
    color: var(--color-text-white-100)
}

.green-default ion-item.rebate[data-v-27fe1569] {
    --background: var(--color-bg-200)
}

.green-default ion-item[data-v-27fe1569]::part(detail-icon) {
    color: var(--color-text-gray-100)
}

.green-default ion-progress-bar[data-v-27fe1569] {
    --background: var(--color-bg-100)
}

.green-default ion-progress-bar[data-v-27fe1569]::part(progress) {
    background: var(--theme-color-gradient-200)
}

.green-default div ion-icon.logo[data-v-27fe1569] {
    color: var(--color-text-white-40)
}

.green-default .rebate-item-agent34[data-v-27fe1569] {
    color: var(--color-text-gray-200)
}

.green-default .rebate-item-validBet[data-v-27fe1569] {
    color: var(--color-text-gray-100)
}

.green-default .rebate-ratio[data-v-27fe1569] {
    color: var(--color-text-gray-200)
}

.green-default .rebate-item-rate[data-v-27fe1569] {
    color: var(--color-text-gray-100)
}

.green-default .rebate-item-available-rate[data-v-27fe1569] {
    color: var(--accent-color-yellow)
}

.green-default .rebate-item-next-rate[data-v-27fe1569] {
    color: var(--color-text-gray-100)
}

.amber-purple ion-item.rebate[data-v-27fe1569] {
    --background: var(--color-bg-200)
}

.amber-purple ion-item[data-v-27fe1569]::part(detail-icon) {
    color: var(--text-color-light-purple-1-100)
}

.amber-purple ion-progress-bar[data-v-27fe1569] {
    --background: var(--color-bg-100)
}

.amber-purple ion-progress-bar[data-v-27fe1569]::part(progress) {
    background: var(--theme-color-500)
}

.amber-purple div ion-icon.logo[data-v-27fe1569] {
    color: var(--text-color-white-40)
}

.amber-purple .rebate-item-agent34[data-v-27fe1569] {
    color: var(--text-color-light-purple-2-100)
}

.amber-purple .rebate-item-validBet[data-v-27fe1569] {
    color: var(--text-color-light-purple-1-100)
}

.amber-purple .rebate-ratio[data-v-27fe1569] {
    color: var(--text-color-light-purple-2-100)
}

.amber-purple .rebate-item-rate[data-v-27fe1569] {
    color: var(--text-color-light-purple-1-100)
}

.amber-purple .rebate-item-available-rate[data-v-27fe1569] {
    color: var(--accent-color-yellow)
}

.amber-purple .rebate-item-next-rate[data-v-27fe1569] {
    color: var(--text-color-light-purple-1-100)
}

ion-modal[data-v-e3da8c88] {
    --height: fit-content;
    --border-radius: 16px;
    --max-height: none
}

ion-item[data-v-e3da8c88] {
    --background: transparent;
    --padding-bottom: 0px;
    --padding-end: 0;
    --padding-start: 0;
    --padding-top: 0;
    --inner-padding-end: 0;
    --inner-border-width: 0px
}

ion-item.submit[data-v-e3da8c88] {
    --min-height: 0;
    --background: linear-gradient(0deg, #0167CA 0%, #38A8FA 100%);
    --border-radius: 10px
}

.color-primary-600[data-v-6a83208a] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-6a83208a] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-6a83208a] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-6a83208a] {
    color: var(--color-primary-900)
}

.bg-100[data-v-6a83208a] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-6a83208a] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-6a83208a] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-6a83208a] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-6a83208a] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-6a83208a] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-6a83208a] {
    background-color: var(--color-warning)
}

.bg-link[data-v-6a83208a] {
    background-color: var(--color-link)
}

.bg-danger[data-v-6a83208a] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-6a83208a] {
    color: var(--color-text-100)
}

.color-text-80[data-v-6a83208a] {
    color: var(--color-text-80)
}

.color-text-50[data-v-6a83208a] {
    color: var(--color-text-50)
}

.color-text-40[data-v-6a83208a] {
    color: var(--color-text-40)
}

.color-text-20[data-v-6a83208a] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-6a83208a] {
    color: var(--color-currency)
}

.color-warning[data-v-6a83208a] {
    color: var(--color-warning)
}

.color-danger[data-v-6a83208a] {
    color: var(--color-danger)
}

.color-link[data-v-6a83208a] {
    color: var(--color-link)
}

.color-line[data-v-6a83208a] {
    color: var(--color-line)
}

.color-border[data-v-6a83208a] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-6a83208a] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-6a83208a] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-6a83208a] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-6a83208a] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-6a83208a] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-6a83208a] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-6a83208a] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-6a83208a] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-6a83208a] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-6a83208a] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-6a83208a] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-6a83208a] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-6a83208a] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-6a83208a] {
    display: flex;
    align-items: center
}

.flex-start[data-v-6a83208a] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-6a83208a] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-6a83208a] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-6a83208a] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-6a83208a] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-6a83208a] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-6a83208a] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-6a83208a] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-6a83208a] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-6a83208a] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-6a83208a] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-6a83208a] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-6a83208a] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-6a83208a] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-6a83208a] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-6a83208a] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-6a83208a] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-6a83208a] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-6a83208a] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-6a83208a] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-6a83208a] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-6a83208a] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-6a83208a] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-6a83208a] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-6a83208a],
.mlm-selected-item[data-v-6a83208a] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-6a83208a] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-6a83208a]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-6a83208a] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-6a83208a] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-6a83208a] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-segment-button.segment[data-v-6a83208a] {
    min-height: 3.75rem
}

ion-segment-button.ios[data-v-6a83208a] {
    --padding-start: 0;
    --padding-end: 0;
    --padding-top: 2px;
    --padding-bottom: 2px;
    margin-top: 0;
    margin-bottom: .625rem;
    text-transform: capitalize;
    min-width: 0
}

ion-segment-button.ios.claim.shiny[data-v-6a83208a] {
    position: relative;
    overflow: hidden
}

ion-segment-button.ios.claim.shiny[data-v-6a83208a]:before {
    content: "";
    animation: shiny-6a83208a 6s ease-in-out infinite;
    background: #fff;
    display: inline-block;
    height: 100%;
    left: 0;
    position: absolute;
    top: -180px;
    width: 30px
}

@keyframes shiny-6a83208a {
    0% {
        opacity: 0;
        transform: scale(0) rotate(45deg)
    }

    80% {
        opacity: .5;
        transform: scale(0) rotate(45deg)
    }

    81% {
        opacity: 1;
        transform: scale(4) rotate(45deg)
    }

    to {
        opacity: 0;
        transform: scale(50) rotate(45deg)
    }
}

.main-left[data-v-6a83208a],
.main-right[data-v-6a83208a] {
    height: calc(100% - 33.2px)
}

.main-content[data-v-6a83208a] {
    margin-top: 3.125rem
}

.un-zh-left[data-v-6a83208a] {
    height: calc(100% - 50px)
}

ion-segment[data-v-6a83208a] {
    --background: var(--color-bg-200)
}

ion-segment-button.segment[data-v-6a83208a] {
    --color-checked: var(--color-text-white-100)
}

ion-segment-button.ios[data-v-6a83208a] {
    --indicator-color: var(--color-bg-100);
    --background: var(null)
}

ion-segment-button.ios.claim[data-v-6a83208a] {
    --background: var(--theme-color-gradient-200);
    --color: var(--color-text-white-100)
}

ion-segment-button.ios.claim.on[data-v-6a83208a] {
    background: var(--color-btn-gradient-claimUnable);
    color: var(--color-text-white-100)
}

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)
}

.rebate-available-label[data-v-6a83208a] {
    color: var(--color-text-white-100)
}

.rebate-available[data-v-6a83208a],
.rebate-activity-rules[data-v-6a83208a] {
    color: var(--accent-color-yellow)
}

.rebate-side-check[data-v-6a83208a] {
    color: var(--color-text-gray-200)
}

.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)
}

.green-default ion-segment[data-v-6a83208a] {
    --background: var(--color-bg-200)
}

.green-default ion-segment-button.segment[data-v-6a83208a] {
    --color-checked: var(--color-text-gray-100)
}

.green-default ion-segment-button.ios[data-v-6a83208a] {
    --indicator-color: var(--color-bg-100);
    --background: var(null)
}

.green-default ion-segment-button.ios.claim[data-v-6a83208a] {
    --background: var(--theme-color-gradient-200);
    --color: var(--color-text-white-100)
}

.green-default ion-segment-button.ios.claim.on[data-v-6a83208a] {
    background: var(--theme-color-gradient-400);
    color: var(--color-text-white-40)
}

.green-default ion-segment-button.ios.history[data-v-6a83208a] {
    --background: var(--theme-color-gradient-100);
    --color: var(--color-text-white-100);
    color: var(--color-text-white-100)
}

.green-default .rebate-available-label[data-v-6a83208a] {
    color: var(--color-text-gray-100)
}

.green-default .rebate-available[data-v-6a83208a],
.green-default .rebate-activity-rules[data-v-6a83208a] {
    color: var(---accent-color-yellow)
}

.green-default .rebate-side-check[data-v-6a83208a] {
    color: var(--color-text-gray-200)
}

.forest-green ion-segment[data-v-6a83208a] {
    --background: var(--mlm-bord-tab-item-select-bgc)
}

.forest-green ion-segment-button.segment[data-v-6a83208a] {
    --color-checked: var(--color-text-gray-100)
}

.forest-green ion-segment-button.ios[data-v-6a83208a] {
    --indicator-color: var(--color-bg-100);
    --background: var(--color-bg-200)
}

.forest-green ion-segment-button.ios.claim[data-v-6a83208a] {
    --background: var(--theme-color-gradient-200);
    --color: var(--color-text-white-100)
}

.forest-green ion-segment-button.ios.claim.on[data-v-6a83208a] {
    background: var(--color-btn-gradient-claimUnable);
    color: var(--color-text-white-40)
}

.forest-green ion-segment-button.ios.history[data-v-6a83208a] {
    --background: var(--theme-color-gradient-100);
    --color: var(--color-text-white-100);
    color: var(--color-text-white-100)
}

.forest-green .rebate-available-label[data-v-6a83208a] {
    color: var(--color-text-white-100)
}

.forest-green .rebate-available[data-v-6a83208a],
.forest-green .rebate-activity-rules[data-v-6a83208a] {
    color: var(--accent-color-yellow)
}

.forest-green .rebate-side-check[data-v-6a83208a] {
    color: var(--color-text-gray-200)
}

.amber-purple ion-segment[data-v-6a83208a] {
    --background: var(--color-bg-200)
}

.amber-purple ion-segment-button.segment[data-v-6a83208a] {
    --color-checked: var(--text-color-light-purple-1-100)
}

.amber-purple ion-segment-button.ios[data-v-6a83208a] {
    --indicator-color: var(--color-bg-100);
    --background: var(null)
}

.amber-purple ion-segment-button.ios.claim[data-v-6a83208a] {
    --background: var(--segment-gradients-purple);
    --color: var(--text-color-white-100)
}

.amber-purple ion-segment-button.ios.claim.on[data-v-6a83208a] {
    background: var(--gradients-disabled-btn-bg);
    color: var(--text-color-white-40)
}

.amber-purple ion-segment-button.ios.history[data-v-6a83208a] {
    --background: var(--theme-color-800);
    --color: var(--text-color-white-100);
    color: var(--text-color-white-100)
}

.amber-purple .rebate-available-label[data-v-6a83208a] {
    color: var(--text-color-light-purple-1-100)
}

.amber-purple .rebate-available[data-v-6a83208a],
.amber-purple .rebate-activity-rules[data-v-6a83208a] {
    color: var(--accent-color-yellow)
}

.amber-purple .rebate-side-check[data-v-6a83208a] {
    color: var(--text-color-light-purple-2-100)
}

.auroral-yellow ion-segment[data-v-6a83208a] {
    --background: var(--mlm-bord-tab-item-select-bgc)
}

.auroral-yellow ion-segment-button.segment[data-v-6a83208a] {
    --color-checked: var(--color-text-gray-100)
}

.auroral-yellow ion-segment-button.ios[data-v-6a83208a] {
    --indicator-color: var(--color-bg-100);
    --background: var(--color-bg-200)
}

.auroral-yellow ion-segment-button.ios.claim[data-v-6a83208a] {
    --background: var(--theme-color-gradient-200);
    --color: var(--color-text-white-100)
}

.auroral-yellow ion-segment-button.ios.claim.on[data-v-6a83208a] {
    background: var(--color-btn-gradient-claimUnable);
    color: var(--color-text-white-40)
}

.auroral-yellow ion-segment-button.ios.history[data-v-6a83208a] {
    --background: var(--theme-color-800);
    --color: var(--agent-btn-color);
    color: var(--agent-btn-color)
}

.auroral-yellow .rebate-available-label[data-v-6a83208a] {
    color: var(--color-text-white-100)
}

.auroral-yellow .rebate-available[data-v-6a83208a],
.auroral-yellow .rebate-activity-rules[data-v-6a83208a] {
    color: var(--accent-color-yellow)
}

.auroral-yellow .rebate-side-check[data-v-6a83208a] {
    color: var(--color-text-gray-200)
}

.color-primary-600[data-v-04507e23] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-04507e23] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-04507e23] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-04507e23] {
    color: var(--color-primary-900)
}

.bg-100[data-v-04507e23] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-04507e23] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-04507e23] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-04507e23] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-04507e23] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-04507e23] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-04507e23] {
    background-color: var(--color-warning)
}

.bg-link[data-v-04507e23] {
    background-color: var(--color-link)
}

.bg-danger[data-v-04507e23] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-04507e23] {
    color: var(--color-text-100)
}

.color-text-80[data-v-04507e23] {
    color: var(--color-text-80)
}

.color-text-50[data-v-04507e23] {
    color: var(--color-text-50)
}

.color-text-40[data-v-04507e23] {
    color: var(--color-text-40)
}

.color-text-20[data-v-04507e23] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-04507e23] {
    color: var(--color-currency)
}

.color-warning[data-v-04507e23] {
    color: var(--color-warning)
}

.color-danger[data-v-04507e23] {
    color: var(--color-danger)
}

.color-link[data-v-04507e23] {
    color: var(--color-link)
}

.color-line[data-v-04507e23] {
    color: var(--color-line)
}

.color-border[data-v-04507e23] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-04507e23] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-04507e23] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-04507e23] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-04507e23] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-04507e23] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-04507e23] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-04507e23] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-04507e23] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-04507e23] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-04507e23] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-04507e23] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-04507e23] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-04507e23] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-04507e23] {
    display: flex;
    align-items: center
}

.flex-start[data-v-04507e23] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-04507e23] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-04507e23] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-04507e23] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-04507e23] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-04507e23] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-04507e23] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-04507e23] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-04507e23] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-04507e23] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-04507e23] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-04507e23] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-04507e23] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-04507e23] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-04507e23] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-04507e23] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-04507e23] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-04507e23] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-04507e23] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-04507e23] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-04507e23] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-04507e23] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-04507e23] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-04507e23] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-04507e23],
.mlm-selected-item[data-v-04507e23] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-04507e23] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-04507e23]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-04507e23] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-04507e23] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-04507e23] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.vipLevelList[data-v-04507e23] {
    height: calc(100% - 5rem)
}

table[data-v-04507e23] {
    border-collapse: collapse;
    background-color: transparent
}

table.table th[data-v-04507e23],
table.table td[data-v-04507e23] {
    line-height: 1.5625rem;
    width: 12.5%
}

.unZhTable thead tr th[data-v-04507e23] {
    height: 2.6rem;
    line-height: .9rem
}

table th[data-v-04507e23]:first-child,
table td[data-v-04507e23]:first-child {
    border-left: none
}

table th[data-v-04507e23]:last-child,
table td[data-v-04507e23]:last-child {
    border-right: none
}

table thead tr:first-child th[data-v-04507e23],
table thead tr:first-child td[data-v-04507e23] {
    border-top: none
}

table tr:last-child th[data-v-04507e23],
table tr:last-child td[data-v-04507e23] {
    border-bottom: none
}

ion-list[data-v-04507e23] {
    padding-top: 0
}

ion-toolbar[data-v-04507e23] {
    --min-height: 3.125rem
}

.content-base[data-v-04507e23] {
    padding: 2px;
    line-height: 13px
}

.share-vip[data-v-04507e23] {
    padding: 0 2rem
}

.current-level[data-v-04507e23] {
    position: absolute;
    top: 0;
    left: 0;
    font-size: .6rem;
    font-weight: 700
}

.shiny[data-v-04507e23] {
    position: relative;
    overflow: hidden
}

.shiny[data-v-04507e23]:before {
    content: "";
    animation: shiny-04507e23 6s ease-in-out infinite;
    background: #fff;
    display: inline-block;
    height: 100%;
    left: 0;
    position: absolute;
    top: -180px;
    width: 30px
}

@keyframes shiny-04507e23 {
    0% {
        opacity: 0;
        transform: scale(0) rotate(45deg)
    }

    80% {
        opacity: .5;
        transform: scale(0) rotate(45deg)
    }

    81% {
        opacity: 1;
        transform: scale(4) rotate(45deg)
    }

    to {
        opacity: 0;
        transform: scale(50) rotate(45deg)
    }
}

.card-bg-gradient[data-v-04507e23] {
    position: relative;
    background: var(--color-bg-100)
}

.claimButtonEnabled[data-v-04507e23] {
    background: var(--theme-color-gradient-200);
    color: var(--color-text-white-100)
}

.claimButtonDisabled[data-v-04507e23] {
    background: var(--color-btn-gradient-claimUnable);
    color: var(--color-text-white-100)
}

.claimRecordButton[data-v-04507e23] {
    background: var(--theme-color-gradient-200);
    color: var(--color-text-white-100)
}

.claimRecordButtonDisabled[data-v-04507e23] {
    background: var(--color-btn-gradient-claimUnable);
    color: var(--color-text-white-100)
}

.historyButton[data-v-04507e23] {
    background: var(--theme-color-gradient-400);
    color: var(null)
}

table th[data-v-04507e23] {
    border: 1px solid var(--color-border);
    font-weight: 400
}

table thead th[data-v-04507e23] {
    color: var(--color-text-white-100)
}

table tbody th[data-v-04507e23] {
    color: var(--accent-color-yellow)
}

ion-progress-bar[data-v-04507e23] {
    --background: var(--color-bg-200);
    --progress-background: var(--theme-color-gradient-400);
    border-radius: 1rem
}

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
}

ion-segment[data-v-04507e23] {
    border-bottom: 1px solid var(--color-border)
}

.claim-button[data-v-04507e23] {
    border-top: .5px solid var(--color-border)
}

.vip-box-bg[data-v-04507e23] {
    background: var(--color-bg-200)
}

.vip-box-bg .next-level-base-color[data-v-04507e23] {
    color: var(--color-text-gray-300)
}

.vip-box-bg .next-level-base-color .vip42-color[data-v-04507e23] {
    color: var(--color-text-gray-200)
}

.vip-box-bg .next-level-base-color .next-level-color[data-v-04507e23] {
    color: var(--accent-color-yellow)
}

.vip-box-bg .next-level-base-color .vip43-color[data-v-04507e23] {
    color: var(--color-text-gray-200)
}

.vip-box-bg .next-level-base-color .vip-recharge-need[data-v-04507e23] {
    color: var(--color-text-white-100)
}

.vip-box-bg .next-level-base-color .vip44-color[data-v-04507e23] {
    color: var(--color-text-gray-200)
}

.vip-box-bg .next-level-base-color .vip-bet-need[data-v-04507e23],
.vip-box-bg .vip-max-level[data-v-04507e23],
.vip-box-bg .vip3-color[data-v-04507e23] {
    color: var(--color-text-white-100)
}

.vip-box-bg .vip1-color[data-v-04507e23] {
    color: #fff;
    background: #fe5353
}

.vip4-color[data-v-04507e23] {
    color: var(--color-text-white-100)
}

.vip-sticky[data-v-04507e23] {
    background: var(--color-bg-200)
}

.vip-list-title[data-v-04507e23] {
    color: var(--color-text-gray-200);
    background: var(null)
}

.vip-ion-list[data-v-04507e23] {
    background: var(--color-bg-200)
}

.vip-ion-list .vip-item-odd[data-v-04507e23] {
    background: var(--color-bg-300)
}

.vip-ion-list .vip-item-even[data-v-04507e23] {
    background: var(--color-bg-400)
}

.vip-progress-requirement[data-v-04507e23] {
    color: var(--color-text-gray-200)
}

.vip-progress-value[data-v-04507e23] {
    color: var(--color-text-white-100)
}

.vip-progress-reward[data-v-04507e23] {
    color: var(--accent-color-yellow)
}

.keep-level-box[data-v-04507e23] {
    color: var(--color-text-gray-200);
    background: var(--color-bg-200)
}

.keep-level-box .keep-level-table-border[data-v-04507e23] {
    border: 1px solid var(--color-border)
}

.keep-level-box .keep-level-table-thead[data-v-04507e23] {
    background: var(--color-bg-100)
}

.vip-introduce[data-v-04507e23] {
    color: var(--color-text-gray-200)
}

.vip-claim-box[data-v-04507e23] {
    background: var(--color-bg-100)
}

.scrollable-container[data-v-04507e23] {
    background: var(--color-bg-300)
}

.vipRule[data-v-04507e23] {
    color: var(--color-text-second)
}

.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)
}

.green-default .card-bg-gradient[data-v-04507e23] {
    position: relative;
    background: var(--color-bg-100)
}

.green-default .claimButtonEnabled[data-v-04507e23] {
    background: var(--theme-color-gradient-200);
    color: var(--color-text-white-100)
}

.green-default .claimButtonDisabled[data-v-04507e23] {
    background: var(--theme-color-gradient-400);
    color: var(--color-text-white-40)
}

.green-default .claimRecordButton[data-v-04507e23] {
    background: var(--theme-color-gradient-200);
    color: var(--color-text-white-100)
}

.green-default .claimRecordButtonDisabled[data-v-04507e23] {
    background: var(--theme-color-gradient-400);
    color: var(--color-text-white-40)
}

.green-default .historyButton[data-v-04507e23] {
    background: var(--theme-color-gradient-100);
    color: var(null)
}

.green-default table th[data-v-04507e23] {
    border: 1px solid var(--color-line);
    font-weight: 400
}

.green-default table thead th[data-v-04507e23] {
    color: var(--color-text-gray-100)
}

.green-default table tbody th[data-v-04507e23] {
    color: var(--accent-color-yellow)
}

.green-default ion-progress-bar[data-v-04507e23] {
    --background: var(--color-bg-200);
    --progress-background: var(--theme-color-gradient-200);
    border-radius: 1rem
}

.green-default ion-segment-button[data-v-04507e23] {
    --color: var(--color-text-gray-200);
    --color-checked: var(--color-text-gray-100);
    --indicator-color: var(--theme-color-gradient-100);
    text-transform: none
}

.green-default ion-segment[data-v-04507e23] {
    border-bottom: 1px solid var(--color-line)
}

.green-default .claim-button[data-v-04507e23] {
    border-top: .5px solid var(--color-line)
}

.green-default .vip-box-bg[data-v-04507e23] {
    background: var(--color-bg-200)
}

.green-default .vip-box-bg .next-level-base-color[data-v-04507e23] {
    color: var(--color-text-gray-300)
}

.green-default .vip-box-bg .next-level-base-color .vip42-color[data-v-04507e23] {
    color: var(--color-text-gray-200)
}

.green-default .vip-box-bg .next-level-base-color .next-level-color[data-v-04507e23] {
    color: var(--accent-color-yellow)
}

.green-default .vip-box-bg .next-level-base-color .vip43-color[data-v-04507e23] {
    color: var(--color-text-gray-200)
}

.green-default .vip-box-bg .next-level-base-color .vip-recharge-need[data-v-04507e23] {
    color: var(--color-text-gray-100)
}

.green-default .vip-box-bg .next-level-base-color .vip44-color[data-v-04507e23] {
    color: var(--color-text-gray-200)
}

.green-default .vip-box-bg .next-level-base-color .vip-bet-need[data-v-04507e23],
.green-default .vip-box-bg .vip-max-level[data-v-04507e23] {
    color: var(--color-text-gray-100)
}

.green-default .vip-box-bg .vip3-color[data-v-04507e23] {
    color: var(--color-text-white-100)
}

.green-default .vip-box-bg .vip1-color[data-v-04507e23] {
    color: #fff;
    background: #fe5353
}

.green-default .vip4-color[data-v-04507e23] {
    color: var(--color-text-gray-100)
}

.green-default .vip-sticky[data-v-04507e23] {
    background: var(--color-bg-200)
}

.green-default .vip-list-title[data-v-04507e23] {
    color: var(--color-text-gray-200);
    background: var(--color-bg-100)
}

.green-default .vip-ion-list[data-v-04507e23] {
    background: var(--color-bg-200)
}

.green-default .vip-ion-list .vip-item-odd[data-v-04507e23] {
    background: var(--color-bg-300)
}

.green-default .vip-ion-list .vip-item-even[data-v-04507e23] {
    background: var(--color-bg-400)
}

.green-default .vip-progress-requirement[data-v-04507e23] {
    color: var(--color-text-gray-200)
}

.green-default .vip-progress-value[data-v-04507e23] {
    color: var(--color-text-gray-100)
}

.green-default .vip-progress-reward[data-v-04507e23] {
    color: var(--accent-color-yellow)
}

.green-default .keep-level-box[data-v-04507e23] {
    color: var(--color-text-gray-200);
    background: var(--color-bg-200)
}

.green-default .keep-level-box .keep-level-table-border[data-v-04507e23] {
    border: 1px solid var(--color-line)
}

.green-default .keep-level-box .keep-level-table-thead[data-v-04507e23] {
    background: var(--color-bg-100)
}

.green-default .vip-introduce[data-v-04507e23] {
    color: var(--color-text-gray-200)
}

.green-default .vip-claim-box[data-v-04507e23] {
    background: var(--color-bg-100)
}

.green-default .scrollable-container[data-v-04507e23] {
    background: var(--color-bg-300)
}

.green-default .vipRule[data-v-04507e23] {
    color: var(--color-text-second)
}

.forest-green .card-bg-gradient[data-v-04507e23] {
    position: relative;
    background: var(--color-bg-100)
}

.forest-green .claimButtonEnabled[data-v-04507e23] {
    background: var(--theme-color-gradient-200);
    color: var(--color-text-white-100)
}

.forest-green .claimButtonDisabled[data-v-04507e23] {
    background: var(--color-btn-gradient-claimUnable);
    color: var(--color-text-white-40)
}

.forest-green .claimRecordButton[data-v-04507e23] {
    background: var(--theme-color-gradient-200);
    color: var(--color-text-white-100)
}

.forest-green .claimRecordButtonDisabled[data-v-04507e23] {
    background: var(--color-btn-gradient-claimUnable);
    color: var(--color-text-white-40)
}

.forest-green .historyButton[data-v-04507e23] {
    background: var(--theme-color-gradient-100);
    color: var(--color-text-white-100)
}

.forest-green table th[data-v-04507e23] {
    border: 1px solid var(--color-border);
    font-weight: 400
}

.forest-green table thead th[data-v-04507e23] {
    color: var(--color-text-white-100)
}

.forest-green table tbody th[data-v-04507e23] {
    color: var(--accent-color-yellow)
}

.forest-green ion-progress-bar[data-v-04507e23] {
    --background: var(--color-bg-200);
    --progress-background: var(--theme-color-gradient-200);
    border-radius: 1rem
}

.forest-green ion-segment-button[data-v-04507e23] {
    --color: var(--color-text-gray-200);
    --color-checked: var(--color-text-gray-100);
    --indicator-color: var(--theme-color-gradient-100);
    text-transform: none
}

.forest-green ion-segment[data-v-04507e23] {
    border-bottom: 1px solid var(--color-link)
}

.forest-green .claim-button[data-v-04507e23] {
    border-top: .5px solid var(--color-border)
}

.forest-green .vip-box-bg[data-v-04507e23] {
    background: var(--color-bg-200)
}

.forest-green .vip-box-bg .next-level-base-color[data-v-04507e23] {
    color: var(--color-text-gray-300)
}

.forest-green .vip-box-bg .next-level-base-color .vip42-color[data-v-04507e23] {
    color: var(--color-text-gray-200)
}

.forest-green .vip-box-bg .next-level-base-color .next-level-color[data-v-04507e23] {
    color: var(--accent-color-yellow)
}

.forest-green .vip-box-bg .next-level-base-color .vip43-color[data-v-04507e23] {
    color: var(--color-text-gray-200)
}

.forest-green .vip-box-bg .next-level-base-color .vip-recharge-need[data-v-04507e23] {
    color: var(--color-text-white-100)
}

.forest-green .vip-box-bg .next-level-base-color .vip44-color[data-v-04507e23] {
    color: var(--color-text-gray-200)
}

.forest-green .vip-box-bg .next-level-base-color .vip-bet-need[data-v-04507e23],
.forest-green .vip-box-bg .vip-max-level[data-v-04507e23],
.forest-green .vip-box-bg .vip3-color[data-v-04507e23] {
    color: var(--color-text-white-100)
}

.forest-green .vip-box-bg .vip1-color[data-v-04507e23] {
    color: #fff;
    background: #fe5353
}

.forest-green .vip4-color[data-v-04507e23] {
    color: var(--color-text-white-100)
}

.forest-green .vip-sticky[data-v-04507e23] {
    background: var(--color-bg-300)
}

.forest-green .vip-list-title[data-v-04507e23] {
    color: var(--color-text-gray-200);
    background: var(--color-bg-100)
}

.forest-green .vip-ion-list[data-v-04507e23] {
    background: var(--color-bg-200)
}

.forest-green .vip-ion-list .vip-item-odd[data-v-04507e23] {
    background: var(--color-bg-300)
}

.forest-green .vip-ion-list .vip-item-even[data-v-04507e23] {
    background: var(--color-bg-400)
}

.forest-green .vip-progress-requirement[data-v-04507e23] {
    color: var(--color-text-gray-200)
}

.forest-green .vip-progress-value[data-v-04507e23] {
    color: var(--color-text-white-100)
}

.forest-green .vip-progress-reward[data-v-04507e23] {
    color: var(--accent-color-yellow)
}

.forest-green .keep-level-box[data-v-04507e23] {
    color: var(--color-text-gray-200);
    background: var(--color-bg-200)
}

.forest-green .keep-level-box .keep-level-table-border[data-v-04507e23] {
    border: 1px solid var(--color-border)
}

.forest-green .keep-level-box .keep-level-table-thead[data-v-04507e23] {
    background: var(--color-bg-100)
}

.forest-green .vip-introduce[data-v-04507e23] {
    color: var(--color-text-gray-200)
}

.forest-green .vip-claim-box[data-v-04507e23] {
    background: var(--color-bg-100)
}

.forest-green .scrollable-container[data-v-04507e23] {
    background: var(--color-bg-300)
}

.forest-green .vipRule[data-v-04507e23] {
    color: var(--color-text-second)
}

.amber-purple .card-bg-gradient[data-v-04507e23] {
    position: relative;
    background: var(--color-bg-100)
}

.amber-purple .claimButtonEnabled[data-v-04507e23] {
    background: var(--segment-gradients-purple);
    color: var(--text-color-white-100)
}

.amber-purple .claimButtonDisabled[data-v-04507e23] {
    background: var(--gradients-disabled-btn-bg);
    color: var(--text-color-white-40)
}

.amber-purple .claimRecordButton[data-v-04507e23] {
    background: var(--segment-gradients-purple);
    color: var(--text-color-white-100)
}

.amber-purple .claimRecordButtonDisabled[data-v-04507e23] {
    background: var(--gradients-disabled-btn-bg);
    color: var(--text-color-white-40)
}

.amber-purple .historyButton[data-v-04507e23] {
    background: var(--theme-color-800);
    color: var(null)
}

.amber-purple table th[data-v-04507e23] {
    border: 1px solid var(--line-color);
    font-weight: 400
}

.amber-purple table thead th[data-v-04507e23] {
    color: var(--text-color-light-purple-1-100)
}

.amber-purple table tbody th[data-v-04507e23] {
    color: var(--accent-color-yellow)
}

.amber-purple ion-progress-bar[data-v-04507e23] {
    --background: var(--color-bg-100);
    --progress-background: var(--background-progress-gradient);
    border-radius: 1rem
}

.amber-purple ion-segment-button[data-v-04507e23] {
    --color: var(--text-color-light-purple-2-100);
    --color-checked: var(--text-color-light-purple-1-100);
    --indicator-color: var(--segment-gradients-purple);
    text-transform: none
}

.amber-purple ion-segment[data-v-04507e23] {
    border-bottom: 1px solid var(--line-color)
}

.amber-purple .claim-button[data-v-04507e23] {
    border-top: .5px solid var(--line-color)
}

.amber-purple .vip-box-bg[data-v-04507e23] {
    background: var(--color-bg-200)
}

.amber-purple .vip-box-bg .next-level-base-color[data-v-04507e23],
.amber-purple .vip-box-bg .next-level-base-color .vip42-color[data-v-04507e23] {
    color: var(--text-color-light-purple-2-100)
}

.amber-purple .vip-box-bg .next-level-base-color .next-level-color[data-v-04507e23] {
    color: var(--accent-color-yellow)
}

.amber-purple .vip-box-bg .next-level-base-color .vip43-color[data-v-04507e23] {
    color: var(--text-color-light-purple-2-100)
}

.amber-purple .vip-box-bg .next-level-base-color .vip-recharge-need[data-v-04507e23] {
    color: var(--text-color-light-purple-1-100)
}

.amber-purple .vip-box-bg .next-level-base-color .vip44-color[data-v-04507e23] {
    color: var(--text-color-light-purple-2-100)
}

.amber-purple .vip-box-bg .next-level-base-color .vip-bet-need[data-v-04507e23],
.amber-purple .vip-box-bg .vip-max-level[data-v-04507e23] {
    color: var(--text-color-light-purple-1-100)
}

.amber-purple .vip-box-bg .vip3-color[data-v-04507e23] {
    color: var(--text-color-white-100)
}

.amber-purple .vip-box-bg .vip1-color[data-v-04507e23] {
    color: #fff;
    background: #fe5353
}

.amber-purple .vip4-color[data-v-04507e23] {
    color: var(--text-color-light-purple-1-100)
}

.amber-purple .vip-sticky[data-v-04507e23] {
    background: var(--color-bg-200)
}

.amber-purple .vip-list-title[data-v-04507e23] {
    color: var(--text-color-light-purple-2-100);
    background: var(--color-bg-100)
}

.amber-purple .vip-ion-list[data-v-04507e23] {
    background: var(--color-bg-200)
}

.amber-purple .vip-ion-list .vip-item-odd[data-v-04507e23] {
    background: var(--color-bg-300)
}

.amber-purple .vip-ion-list .vip-item-even[data-v-04507e23] {
    background: var(--color-bg-400)
}

.amber-purple .vip-progress-requirement[data-v-04507e23] {
    color: var(--text-color-light-purple-2-100)
}

.amber-purple .vip-progress-value[data-v-04507e23] {
    color: var(--text-color-light-purple-1-100)
}

.amber-purple .vip-progress-reward[data-v-04507e23] {
    color: var(--accent-color-yellow)
}

.amber-purple .keep-level-box[data-v-04507e23] {
    color: var(--text-color-light-purple-2-100);
    background: var(--color-bg-200)
}

.amber-purple .keep-level-box .keep-level-table-border[data-v-04507e23] {
    border: 1px solid var(--line-color)
}

.amber-purple .keep-level-box .keep-level-table-thead[data-v-04507e23] {
    background: var(--color-bg-100)
}

.amber-purple .vip-introduce[data-v-04507e23] {
    color: var(--text-color-light-purple-2-100)
}

.amber-purple .vip-claim-box[data-v-04507e23] {
    background: var(--color-bg-100)
}

.amber-purple .scrollable-container[data-v-04507e23] {
    background: var(--color-bg-300)
}

.amber-purple .vipRule[data-v-04507e23] {
    color: var(--color-text-second)
}

.auroral-yellow .card-bg-gradient[data-v-04507e23] {
    position: relative;
    background: var(--color-bg-100)
}

.auroral-yellow .claimButtonEnabled[data-v-04507e23],
.auroral-yellow .claimButtonDisabled[data-v-04507e23],
.auroral-yellow .claimRecordButton[data-v-04507e23],
.auroral-yellow .claimRecordButtonDisabled[data-v-04507e23] {
    background: var(--theme-color-800);
    color: var(--color-text-black-100)
}

.auroral-yellow .historyButton[data-v-04507e23] {
    background: var(--accent-color-green);
    color: var(null)
}

.auroral-yellow table th[data-v-04507e23] {
    border: 1px solid var(--color-line);
    font-weight: 400
}

.auroral-yellow table thead th[data-v-04507e23] {
    color: var(--color-text-gray-100)
}

.auroral-yellow table tbody th[data-v-04507e23] {
    color: var(--accent-color-yellow)
}

.auroral-yellow ion-progress-bar[data-v-04507e23] {
    --background: var(--color-bg-200);
    --progress-background: var(--theme-color-gradient-500);
    border-radius: 1rem
}

.auroral-yellow ion-segment-button[data-v-04507e23] {
    --color: var(--color-text-gray-200);
    --color-checked: var(--color-text-gray-100);
    --indicator-color: var(--theme-color-800);
    text-transform: none
}

.auroral-yellow ion-segment[data-v-04507e23] {
    border-bottom: 1px solid var(--color-line)
}

.auroral-yellow .claim-button[data-v-04507e23] {
    border-top: .5px solid var(--color-line)
}

.auroral-yellow .vip-box-bg[data-v-04507e23] {
    background: var(--color-bg-200)
}

.auroral-yellow .vip-box-bg .next-level-base-color[data-v-04507e23] {
    color: var(--color-text-gray-300)
}

.auroral-yellow .vip-box-bg .next-level-base-color .vip42-color[data-v-04507e23] {
    color: var(--color-text-gray-200)
}

.auroral-yellow .vip-box-bg .next-level-base-color .next-level-color[data-v-04507e23] {
    color: var(--accent-color-yellow)
}

.auroral-yellow .vip-box-bg .next-level-base-color .vip43-color[data-v-04507e23] {
    color: var(--color-text-gray-200)
}

.auroral-yellow .vip-box-bg .next-level-base-color .vip-recharge-need[data-v-04507e23] {
    color: var(--color-text-gray-100)
}

.auroral-yellow .vip-box-bg .next-level-base-color .vip44-color[data-v-04507e23] {
    color: var(--color-text-gray-200)
}

.auroral-yellow .vip-box-bg .next-level-base-color .vip-bet-need[data-v-04507e23],
.auroral-yellow .vip-box-bg .vip-max-level[data-v-04507e23] {
    color: var(--color-text-gray-100)
}

.auroral-yellow .vip-box-bg .vip3-color[data-v-04507e23] {
    color: var(--color-text-white-100)
}

.auroral-yellow .vip-box-bg .vip1-color[data-v-04507e23] {
    color: #fff;
    background: #fe5353
}

.auroral-yellow .vip4-color[data-v-04507e23] {
    color: var(--color-text-gray-100)
}

.auroral-yellow .vip-sticky[data-v-04507e23] {
    background: var(--color-bg-200)
}

.auroral-yellow .vip-list-title[data-v-04507e23] {
    color: var(--color-text-gray-200);
    background: var(--color-bg-100)
}

.auroral-yellow .vip-ion-list[data-v-04507e23] {
    background: var(--color-bg-200)
}

.auroral-yellow .vip-ion-list .vip-item-odd[data-v-04507e23] {
    background: var(--color-bg-300)
}

.auroral-yellow .vip-ion-list .vip-item-even[data-v-04507e23] {
    background: var(--color-bg-400)
}

.auroral-yellow .vip-progress-requirement[data-v-04507e23] {
    color: var(--color-text-gray-200)
}

.auroral-yellow .vip-progress-value[data-v-04507e23] {
    color: var(--color-text-gray-100)
}

.auroral-yellow .vip-progress-reward[data-v-04507e23] {
    color: var(--accent-color-yellow)
}

.auroral-yellow .keep-level-box[data-v-04507e23] {
    color: var(--color-text-gray-200);
    background: var(--color-bg-200)
}

.auroral-yellow .keep-level-box .keep-level-table-border[data-v-04507e23] {
    border: 1px solid var(--color-line)
}

.auroral-yellow .keep-level-box .keep-level-table-thead[data-v-04507e23] {
    background: var(--color-bg-100)
}

.auroral-yellow .vip-introduce[data-v-04507e23] {
    color: var(--color-text-gray-200)
}

.auroral-yellow .vip-claim-box[data-v-04507e23] {
    background: var(--color-bg-100)
}

.auroral-yellow .scrollable-container[data-v-04507e23] {
    background: var(--color-bg-300)
}

.auroral-yellow .vipRule[data-v-04507e23] {
    color: var(--color-text-gray-200)
}

.auroral-yellow .claimRecordButtonDisabled[data-v-04507e23],
.auroral-yellow .claimButtonDisabled[data-v-04507e23] {
    opacity: .4
}

.auroral-yellow .promoBtn[data-v-04507e23] {
    border-width: 0;
    background: #161616
}

.color-primary-600[data-v-1d3e04c1] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-1d3e04c1] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-1d3e04c1] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-1d3e04c1] {
    color: var(--color-primary-900)
}

.bg-100[data-v-1d3e04c1] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-1d3e04c1] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-1d3e04c1] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-1d3e04c1] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-1d3e04c1] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-1d3e04c1] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-1d3e04c1] {
    background-color: var(--color-warning)
}

.bg-link[data-v-1d3e04c1] {
    background-color: var(--color-link)
}

.bg-danger[data-v-1d3e04c1] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-1d3e04c1] {
    color: var(--color-text-100)
}

.color-text-80[data-v-1d3e04c1] {
    color: var(--color-text-80)
}

.color-text-50[data-v-1d3e04c1] {
    color: var(--color-text-50)
}

.color-text-40[data-v-1d3e04c1] {
    color: var(--color-text-40)
}

.color-text-20[data-v-1d3e04c1] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-1d3e04c1] {
    color: var(--color-currency)
}

.color-warning[data-v-1d3e04c1] {
    color: var(--color-warning)
}

.color-danger[data-v-1d3e04c1] {
    color: var(--color-danger)
}

.color-link[data-v-1d3e04c1] {
    color: var(--color-link)
}

.color-line[data-v-1d3e04c1] {
    color: var(--color-line)
}

.color-border[data-v-1d3e04c1] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-1d3e04c1] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-1d3e04c1] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-1d3e04c1] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-1d3e04c1] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-1d3e04c1] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-1d3e04c1] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-1d3e04c1] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-1d3e04c1] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-1d3e04c1] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-1d3e04c1] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-1d3e04c1] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-1d3e04c1] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-1d3e04c1] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-1d3e04c1] {
    display: flex;
    align-items: center
}

.flex-start[data-v-1d3e04c1] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-1d3e04c1] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-1d3e04c1] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-1d3e04c1] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-1d3e04c1] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-1d3e04c1] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-1d3e04c1] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-1d3e04c1] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-1d3e04c1] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-1d3e04c1] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-1d3e04c1] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-1d3e04c1] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-1d3e04c1] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-1d3e04c1] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-1d3e04c1] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-1d3e04c1] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-1d3e04c1] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-1d3e04c1] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-1d3e04c1] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-1d3e04c1] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-1d3e04c1] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-1d3e04c1] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-1d3e04c1] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-1d3e04c1] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-1d3e04c1],
.mlm-selected-item[data-v-1d3e04c1] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-1d3e04c1] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-1d3e04c1]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-1d3e04c1] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-1d3e04c1] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-1d3e04c1] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-toolbar[data-v-1d3e04c1] {
    --min-height: 3.125rem
}

ion-button[data-v-1d3e04c1]::part(native) {
    width: 22.5rem;
    height: 2.5rem;
    border-radius: .625rem
}

ion-input[data-v-1d3e04c1] {
    --border-width: 0px;
    font-size: .875rem
}

.redemption[data-v-1d3e04c1] {
    font-size: .875rem;
    min-height: 2.5rem
}

ion-input[data-v-1d3e04c1] {
    --placeholder-color: var(--color-text-white-40);
    --color: var(--color-text-white-100)
}

.inputBg[data-v-1d3e04c1] {
    background: var(null)
}

.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)
}

.redeem-input-tips[data-v-1d3e04c1] {
    color: var(--color-text-white-100)
}

.redeem-input-box[data-v-1d3e04c1] {
    border: 1px solid var(--color-border-600)
}

.redeem-btn-text-color[data-v-1d3e04c1] {
    color: var(--color-text-white-100)
}

.redeem-description[data-v-1d3e04c1] {
    color: var(--text-color-white-40)
}

.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)
}

.green-default ion-input[data-v-1d3e04c1] {
    --placeholder-color: var(--color-text-gray-200);
    --color: var(--color-text-white-100)
}

.green-default .inputBg[data-v-1d3e04c1] {
    background: var(null)
}

.green-default .redemption[data-v-1d3e04c1] {
    --background: var(--theme-color-gradient-100);
    --background-activated: var(--theme-color-gradient-100);
    --color: var(--color-text-gray-100);
    color: var(--color-text-gray-100)
}

.green-default .redeem-input-tips[data-v-1d3e04c1] {
    color: var(--color-text-gray-100)
}

.green-default .redeem-input-box[data-v-1d3e04c1] {
    border: 1px solid var(--color-line)
}

.green-default .redeem-btn-text-color[data-v-1d3e04c1] {
    color: var(--color-text-white-100)
}

.green-default .redeem-description[data-v-1d3e04c1] {
    color: var(--color-text-gray-200)
}

.forest-green ion-input[data-v-1d3e04c1] {
    --placeholder-color: var(--color-text-white-40);
    --color: var(--color-text-white-100)
}

.forest-green .inputBg[data-v-1d3e04c1] {
    background: var(--color-bg-400)
}

.forest-green .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)
}

.forest-green .redeem-input-tips[data-v-1d3e04c1] {
    color: var(--color-text-white-100)
}

.forest-green .redeem-input-box[data-v-1d3e04c1] {
    border: 1px solid var(--color-border-600)
}

.forest-green .redeem-btn-text-color[data-v-1d3e04c1] {
    color: var(--color-text-white-100)
}

.forest-green .redeem-description[data-v-1d3e04c1] {
    color: var(--color-text-gray-200)
}

.amber-purple ion-input[data-v-1d3e04c1] {
    --placeholder-color: var(--text-color-light-purple-2-100);
    --color: var(--text-color-white-100)
}

.amber-purple .inputBg[data-v-1d3e04c1] {
    background: var(null)
}

.amber-purple .redemption[data-v-1d3e04c1] {
    --background: var(--segment-gradients-purple);
    --background-activated: var(--segment-gradients-purple);
    --color: var(--text-color-light-purple-1-100);
    color: var(--text-color-light-purple-1-100)
}

.amber-purple .redeem-input-tips[data-v-1d3e04c1] {
    color: var(--text-color-light-purple-1-100)
}

.amber-purple .redeem-input-box[data-v-1d3e04c1] {
    border: 1px solid var(--line-color)
}

.amber-purple .redeem-btn-text-color[data-v-1d3e04c1] {
    color: var(--text-color-white-100)
}

.amber-purple .redeem-description[data-v-1d3e04c1] {
    color: var(--text-color-light-purple-2-100)
}

.auroral-yellow ion-input[data-v-1d3e04c1] {
    --placeholder-color: var(--color-text-white-40);
    --color: var(--color-text-white-100)
}

.auroral-yellow .inputBg[data-v-1d3e04c1] {
    background: var(null)
}

.auroral-yellow .redemption[data-v-1d3e04c1] {
    --background: var(--theme-color-800);
    --background-activated: var(--theme-color-gradient-100);
    --color: var(--agent-btn-color);
    color: var(--agent-btn-color)
}

.auroral-yellow .redeem-input-tips[data-v-1d3e04c1] {
    color: var(--color-text-white-100)
}

.auroral-yellow .redeem-input-box[data-v-1d3e04c1] {
    border: 1px solid var(--color-border-600)
}

.auroral-yellow .redeem-btn-text-color[data-v-1d3e04c1] {
    color: var(--color-text-white-100)
}

.auroral-yellow .redeem-description[data-v-1d3e04c1] {
    color: var(--text-color-white-40)
}

.color-primary-600[data-v-7f71dec8] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-7f71dec8] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-7f71dec8] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-7f71dec8] {
    color: var(--color-primary-900)
}

.bg-100[data-v-7f71dec8] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-7f71dec8] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-7f71dec8] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-7f71dec8] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-7f71dec8] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-7f71dec8] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-7f71dec8] {
    background-color: var(--color-warning)
}

.bg-link[data-v-7f71dec8] {
    background-color: var(--color-link)
}

.bg-danger[data-v-7f71dec8] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-7f71dec8] {
    color: var(--color-text-100)
}

.color-text-80[data-v-7f71dec8] {
    color: var(--color-text-80)
}

.color-text-50[data-v-7f71dec8] {
    color: var(--color-text-50)
}

.color-text-40[data-v-7f71dec8] {
    color: var(--color-text-40)
}

.color-text-20[data-v-7f71dec8] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-7f71dec8] {
    color: var(--color-currency)
}

.color-warning[data-v-7f71dec8] {
    color: var(--color-warning)
}

.color-danger[data-v-7f71dec8] {
    color: var(--color-danger)
}

.color-link[data-v-7f71dec8] {
    color: var(--color-link)
}

.color-line[data-v-7f71dec8] {
    color: var(--color-line)
}

.color-border[data-v-7f71dec8] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-7f71dec8] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-7f71dec8] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-7f71dec8] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-7f71dec8] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-7f71dec8] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-7f71dec8] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-7f71dec8] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-7f71dec8] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-7f71dec8] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-7f71dec8] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-7f71dec8] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-7f71dec8] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-7f71dec8] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-7f71dec8] {
    display: flex;
    align-items: center
}

.flex-start[data-v-7f71dec8] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-7f71dec8] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-7f71dec8] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-7f71dec8] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-7f71dec8] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-7f71dec8] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-7f71dec8] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-7f71dec8] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-7f71dec8] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-7f71dec8] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-7f71dec8] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-7f71dec8] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-7f71dec8] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-7f71dec8] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-7f71dec8] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-7f71dec8] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-7f71dec8] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-7f71dec8] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-7f71dec8] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-7f71dec8] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-7f71dec8] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-7f71dec8] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-7f71dec8] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-7f71dec8] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-7f71dec8],
.mlm-selected-item[data-v-7f71dec8] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-7f71dec8] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-7f71dec8]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-7f71dec8] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-7f71dec8] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-7f71dec8] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-select[data-v-7f71dec8] {
    --padding-start: 0;
    --padding-end: 0;
    --border-width: 1px;
    min-height: 1.625rem
}

ion-infinite-scroll[data-v-7f71dec8] {
    min-height: 70px
}

ion-infinite-scroll-content[data-v-7f71dec8] {
    min-height: 10px
}

ion-icon[data-v-7f71dec8] {
    transition: transform .1s linear
}

ion-icon.on[data-v-7f71dec8] {
    transform: rotate(180deg)
}

.empty-height[data-v-7f71dec8] {
    height: calc(100% - 2.875rem)
}

ion-popover[data-v-7f71dec8] {
    --backdrop-opacity: 0
}

ion-row.odd[data-v-7f71dec8] {
    background-color: var(--color-bg-200)
}

ion-popover[data-v-7f71dec8] {
    --background: var(--color-bg-200)
}

ion-popover ion-row ion-col p.on[data-v-7f71dec8] {
    background: var(--theme-color-gradient-100);
    color: var(--color-text-white-100)
}

[data-v-7f71dec8] ion-infinite-scroll .infinite-scroll-content-ios .infinite-loading-text {
    color: var(--text-color-white-40)
}

.selected-date-border[data-v-7f71dec8] {
    border-color: var(--color-text-white-100)
}

.select-date-border[data-v-7f71dec8] {
    border-color: var(--text-color-white-40)
}

.select-date-text-color[data-v-7f71dec8] {
    color: var(--color-text-white-100)
}

.select-date-icon-color[data-v-7f71dec8] {
    color: var(--text-color-white-40)
}

.select-popover-on[data-v-7f71dec8] {
    border: 1px solid var(--color-border-600);
    color: var(--color-text-gray-200)
}

.reward-label[data-v-7f71dec8] {
    color: var(--color-text-white-100)
}

.reward-money[data-v-7f71dec8] {
    color: var(--accent-color-yellow)
}

.default-claim-table-color[data-v-7f71dec8] {
    color: var(--color-text-white-100)
}

.default-claim-table-emphasize[data-v-7f71dec8] {
    color: var(--accent-color-yellow)
}

.claim-empty-text-color[data-v-7f71dec8] {
    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)
}

.green-default ion-row.odd[data-v-7f71dec8] {
    background-color: var(--color-bg-200)
}

.green-default ion-popover[data-v-7f71dec8] {
    --background: var(--color-bg-200)
}

.green-default ion-popover ion-row ion-col p.on[data-v-7f71dec8] {
    background: var(--theme-color-gradient-100);
    color: var(--color-text-white-100)
}

.green-default[data-v-7f71dec8] ion-infinite-scroll .infinite-scroll-content-ios .infinite-loading-text {
    color: var(--color-text-gray-200)
}

.green-default .selected-date-border[data-v-7f71dec8] {
    border-color: var(--color-text-gray-100)
}

.green-default .select-date-border[data-v-7f71dec8] {
    border-color: var(--color-text-gray-200)
}

.green-default .select-date-text-color[data-v-7f71dec8] {
    color: var(--color-text-gray-100)
}

.green-default .select-date-icon-color[data-v-7f71dec8] {
    color: var(--color-text-gray-200)
}

.green-default .select-popover-on[data-v-7f71dec8] {
    border: 1px solid var(--color-line);
    color: var(--color-text-gray-200)
}

.green-default .reward-label[data-v-7f71dec8] {
    color: var(--color-text-gray-100)
}

.green-default .reward-money[data-v-7f71dec8] {
    color: var(--accent-color-yellow)
}

.green-default .default-claim-table-color[data-v-7f71dec8] {
    color: var(--color-text-gray-100)
}

.green-default .default-claim-table-emphasize[data-v-7f71dec8] {
    color: var(--accent-color-yellow)
}

.green-default .claim-empty-text-color[data-v-7f71dec8] {
    color: var(--color-text-gray-200)
}

.amber-purple ion-row.odd[data-v-7f71dec8] {
    background-color: var(--color-bg-200)
}

.amber-purple ion-popover[data-v-7f71dec8] {
    --background: var(--color-bg-200)
}

.amber-purple ion-popover ion-row ion-col p.on[data-v-7f71dec8] {
    background: var(--color-bg-100);
    color: var(--text-color-white-100)
}

.amber-purple[data-v-7f71dec8] ion-infinite-scroll .infinite-scroll-content-ios .infinite-loading-text {
    color: var(--text-color-light-purple-2-100)
}

.amber-purple .selected-date-border[data-v-7f71dec8] {
    border-color: var(--text-color-light-purple-1-100)
}

.amber-purple .select-date-border[data-v-7f71dec8] {
    border-color: var(--text-color-light-purple-2-100)
}

.amber-purple .select-date-text-color[data-v-7f71dec8] {
    color: var(--text-color-light-purple-1-100)
}

.amber-purple .select-date-icon-color[data-v-7f71dec8] {
    color: var(--text-color-light-purple-2-100)
}

.amber-purple .select-popover-on[data-v-7f71dec8] {
    border: 1px solid var(--color-line);
    color: var(--text-color-light-purple-2-100)
}

.amber-purple .reward-label[data-v-7f71dec8] {
    color: var(--text-color-light-purple-1-100)
}

.amber-purple .reward-money[data-v-7f71dec8] {
    color: var(--accent-color-yellow)
}

.amber-purple .default-claim-table-color[data-v-7f71dec8] {
    color: var(--text-color-light-purple-1-100)
}

.amber-purple .default-claim-table-emphasize[data-v-7f71dec8] {
    color: var(--accent-color-yellow)
}

.amber-purple .claim-empty-text-color[data-v-7f71dec8] {
    color: var(--text-color-light-purple-2-100)
}

.auroral-yellow ion-row.odd[data-v-7f71dec8] {
    background-color: var(--color-bg-200)
}

.auroral-yellow ion-popover[data-v-7f71dec8] {
    --background: var(--color-bg-200)
}

.auroral-yellow ion-popover ion-row ion-col p.on[data-v-7f71dec8] {
    background: var(--theme-color-800);
    color: var(--agent-btn-color)
}

.auroral-yellow[data-v-7f71dec8] ion-infinite-scroll .infinite-scroll-content-ios .infinite-loading-text {
    color: var(--text-color-white-40)
}

.auroral-yellow .selected-date-border[data-v-7f71dec8] {
    border-color: var(--color-text-white-100)
}

.auroral-yellow .select-date-border[data-v-7f71dec8] {
    border-color: var(--text-color-white-40)
}

.auroral-yellow .select-date-text-color[data-v-7f71dec8] {
    color: var(--color-text-white-100)
}

.auroral-yellow .select-date-icon-color[data-v-7f71dec8] {
    color: var(--text-color-white-40)
}

.auroral-yellow .select-popover-on[data-v-7f71dec8] {
    border: 1px solid var(--color-border-600);
    color: var(--color-text-gray-200)
}

.auroral-yellow .reward-label[data-v-7f71dec8] {
    color: var(--color-text-white-100)
}

.auroral-yellow .reward-money[data-v-7f71dec8] {
    color: var(--accent-color-yellow)
}

.auroral-yellow .default-claim-table-color[data-v-7f71dec8] {
    color: var(--color-text-white-100)
}

.auroral-yellow .default-claim-table-emphasize[data-v-7f71dec8] {
    color: var(--accent-color-yellow)
}

.auroral-yellow .claim-empty-text-color[data-v-7f71dec8] {
    color: var(--text-color-white-40)
}

.color-primary-600[data-v-2cf9306a] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-2cf9306a] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-2cf9306a] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-2cf9306a] {
    color: var(--color-primary-900)
}

.bg-100[data-v-2cf9306a] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-2cf9306a] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-2cf9306a] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-2cf9306a] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-2cf9306a] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-2cf9306a] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-2cf9306a] {
    background-color: var(--color-warning)
}

.bg-link[data-v-2cf9306a] {
    background-color: var(--color-link)
}

.bg-danger[data-v-2cf9306a] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-2cf9306a] {
    color: var(--color-text-100)
}

.color-text-80[data-v-2cf9306a] {
    color: var(--color-text-80)
}

.color-text-50[data-v-2cf9306a] {
    color: var(--color-text-50)
}

.color-text-40[data-v-2cf9306a] {
    color: var(--color-text-40)
}

.color-text-20[data-v-2cf9306a] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-2cf9306a] {
    color: var(--color-currency)
}

.color-warning[data-v-2cf9306a] {
    color: var(--color-warning)
}

.color-danger[data-v-2cf9306a] {
    color: var(--color-danger)
}

.color-link[data-v-2cf9306a] {
    color: var(--color-link)
}

.color-line[data-v-2cf9306a] {
    color: var(--color-line)
}

.color-border[data-v-2cf9306a] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-2cf9306a] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-2cf9306a] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-2cf9306a] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-2cf9306a] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-2cf9306a] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-2cf9306a] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-2cf9306a] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-2cf9306a] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-2cf9306a] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-2cf9306a] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-2cf9306a] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-2cf9306a] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-2cf9306a] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-2cf9306a] {
    display: flex;
    align-items: center
}

.flex-start[data-v-2cf9306a] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-2cf9306a] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-2cf9306a] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-2cf9306a] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-2cf9306a] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-2cf9306a] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-2cf9306a] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-2cf9306a] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-2cf9306a] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-2cf9306a] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-2cf9306a] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-2cf9306a] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-2cf9306a] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-2cf9306a] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-2cf9306a] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-2cf9306a] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-2cf9306a] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-2cf9306a] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-2cf9306a] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-2cf9306a] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-2cf9306a] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-2cf9306a] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-2cf9306a] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-2cf9306a] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-2cf9306a],
.mlm-selected-item[data-v-2cf9306a] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-2cf9306a] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-2cf9306a]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-2cf9306a] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-2cf9306a] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-2cf9306a] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button[data-v-2cf9306a] {
    --border-radius: 5px;
    --color: white;
    width: 10.9375rem;
    min-height: 2.5rem
}

ion-infinite-scroll[data-v-2cf9306a] {
    min-height: 70px
}

ion-infinite-scroll-content[data-v-2cf9306a] {
    min-height: 10px
}

ion-modal#receiveHint[data-v-2cf9306a] {
    --width: 19.375rem;
    --height: 10rem;
    --background: #090f1f;
    --border-radius: 15px
}

#receiveHint ion-button[data-v-2cf9306a] {
    --color: #FFF;
    --border-radius: 5px;
    min-height: 35px
}

.shiny[data-v-2cf9306a] {
    position: relative;
    overflow: hidden
}

.shiny[data-v-2cf9306a]:before {
    content: "";
    animation: shiny-2cf9306a 8s ease-in-out infinite;
    background: #fff;
    display: inline-block;
    height: 100%;
    left: 0;
    position: absolute;
    top: -180px;
    width: 10px;
    z-index: 100
}

@keyframes shiny-2cf9306a {
    0% {
        opacity: 0;
        transform: scale(0) rotate(45deg)
    }

    80% {
        opacity: .5;
        transform: scale(1) rotate(45deg)
    }

    81% {
        opacity: 1;
        transform: scale(3) rotate(45deg)
    }

    to {
        opacity: 0;
        transform: scale(50) rotate(45deg)
    }
}

ion-row.odd[data-v-2cf9306a] {
    background-color: var(--color-bg-200)
}

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)
}

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
}

[data-v-2cf9306a] ion-infinite-scroll .infinite-scroll-content-ios .infinite-loading-text {
    color: var(--text-color-white-40)
}

.unclaim-reward-label[data-v-2cf9306a],
.default-unclaim-table-color[data-v-2cf9306a] {
    color: var(--color-text-white-100)
}

.unclaim-empty-text-color[data-v-2cf9306a] {
    color: var(--text-color-white-40)
}

.unclaim-emphasize-color[data-v-2cf9306a] {
    color: var(--accent-color-yellow)
}

.receive-box[data-v-2cf9306a] {
    color: var(--color-text-white-100)
}

.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)
}

.green-default ion-row.odd[data-v-2cf9306a] {
    background-color: var(--color-bg-200)
}

.green-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)
}

.green-default ion-button.unable[data-v-2cf9306a] {
    --background: var(--theme-color-gradient-400);
    color: var(--color-text-white-40);
    --background-activated: none;
    --background-focused: none;
    --background-hover: none
}

.green-default[data-v-2cf9306a] ion-infinite-scroll .infinite-scroll-content-ios .infinite-loading-text {
    color: var(--color-text-gray-200)
}

.green-default .unclaim-reward-label[data-v-2cf9306a],
.green-default .default-unclaim-table-color[data-v-2cf9306a] {
    color: var(--color-text-gray-100)
}

.green-default .unclaim-empty-text-color[data-v-2cf9306a] {
    color: var(--color-text-gray-200)
}

.green-default .unclaim-emphasize-color[data-v-2cf9306a] {
    color: var(--accent-color-yellow)
}

.green-default .receive-box[data-v-2cf9306a] {
    color: var(--color-text-white-100)
}

.forest-green ion-row.odd[data-v-2cf9306a] {
    background-color: var(--color-bg-200)
}

.forest-green 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)
}

.forest-green ion-button.unable[data-v-2cf9306a] {
    --background: var(--color-btn-gradient-claimUnable);
    color: var(--color-text-white-40);
    --background-activated: none;
    --background-focused: none;
    --background-hover: none
}

.forest-green[data-v-2cf9306a] ion-infinite-scroll .infinite-scroll-content-ios .infinite-loading-text {
    color: var(--text-color-white-40)
}

.forest-green .unclaim-reward-label[data-v-2cf9306a],
.forest-green .default-unclaim-table-color[data-v-2cf9306a] {
    color: var(--color-text-white-100)
}

.forest-green .unclaim-empty-text-color[data-v-2cf9306a] {
    color: var(--text-color-white-40)
}

.forest-green .unclaim-emphasize-color[data-v-2cf9306a] {
    color: var(--accent-color-yellow)
}

.forest-green .receive-box[data-v-2cf9306a] {
    color: var(--color-text-white-100)
}

.amber-purple ion-row.odd[data-v-2cf9306a] {
    background-color: var(--color-bg-200)
}

.amber-purple ion-button[data-v-2cf9306a] {
    --background: var(--segment-gradients-purple);
    --background-activated: var(--segment-gradients-purple);
    --background-focused: var(--segment-gradients-purple);
    --background-hover: var(--segment-gradients-purple);
    color: var(-color-text-white-100)
}

.amber-purple ion-button.unable[data-v-2cf9306a] {
    --background: var(--gradients-disabled-btn-bg);
    color: var(--text-color-white-40);
    --background-activated: none;
    --background-focused: none;
    --background-hover: none
}

.amber-purple[data-v-2cf9306a] ion-infinite-scroll .infinite-scroll-content-ios .infinite-loading-text {
    color: var(--text-color-light-purple-2-100)
}

.amber-purple .unclaim-reward-label[data-v-2cf9306a],
.amber-purple .default-unclaim-table-color[data-v-2cf9306a] {
    color: var(--text-color-light-purple-1-100)
}

.amber-purple .unclaim-empty-text-color[data-v-2cf9306a] {
    color: var(--text-color-light-purple-2-100)
}

.amber-purple .unclaim-emphasize-color[data-v-2cf9306a] {
    color: var(--accent-color-yellow)
}

.amber-purple .receive-box[data-v-2cf9306a] {
    color: var(--color-text-white-100)
}

.auroral-yellow ion-row.odd[data-v-2cf9306a] {
    background-color: var(--color-bg-200)
}

.auroral-yellow ion-button[data-v-2cf9306a] {
    --background: var(--theme-color-800);
    --background-activated: var(--activity-unclaim-shade-bg-color);
    --background-focused: var(--activity-unclaim-shade-bg-color);
    --background-hover: var(--agent-btn-color);
    color: var(--agent-btn-color)
}

.auroral-yellow 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
}

.auroral-yellow[data-v-2cf9306a] ion-infinite-scroll .infinite-scroll-content-ios .infinite-loading-text {
    color: var(--text-color-white-40)
}

.auroral-yellow .unclaim-reward-label[data-v-2cf9306a],
.auroral-yellow .default-unclaim-table-color[data-v-2cf9306a] {
    color: var(--color-text-white-100)
}

.auroral-yellow .unclaim-empty-text-color[data-v-2cf9306a] {
    color: var(--text-color-white-40)
}

.auroral-yellow .unclaim-emphasize-color[data-v-2cf9306a] {
    color: var(--accent-color-yellow)
}

.auroral-yellow .receive-box[data-v-2cf9306a] {
    color: var(--color-text-white-100)
}

.color-primary-600[data-v-084ae5ab] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-084ae5ab] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-084ae5ab] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-084ae5ab] {
    color: var(--color-primary-900)
}

.bg-100[data-v-084ae5ab] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-084ae5ab] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-084ae5ab] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-084ae5ab] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-084ae5ab] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-084ae5ab] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-084ae5ab] {
    background-color: var(--color-warning)
}

.bg-link[data-v-084ae5ab] {
    background-color: var(--color-link)
}

.bg-danger[data-v-084ae5ab] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-084ae5ab] {
    color: var(--color-text-100)
}

.color-text-80[data-v-084ae5ab] {
    color: var(--color-text-80)
}

.color-text-50[data-v-084ae5ab] {
    color: var(--color-text-50)
}

.color-text-40[data-v-084ae5ab] {
    color: var(--color-text-40)
}

.color-text-20[data-v-084ae5ab] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-084ae5ab] {
    color: var(--color-currency)
}

.color-warning[data-v-084ae5ab] {
    color: var(--color-warning)
}

.color-danger[data-v-084ae5ab] {
    color: var(--color-danger)
}

.color-link[data-v-084ae5ab] {
    color: var(--color-link)
}

.color-line[data-v-084ae5ab] {
    color: var(--color-line)
}

.color-border[data-v-084ae5ab] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-084ae5ab] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-084ae5ab] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-084ae5ab] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-084ae5ab] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-084ae5ab] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-084ae5ab] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-084ae5ab] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-084ae5ab] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-084ae5ab] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-084ae5ab] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-084ae5ab] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-084ae5ab] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-084ae5ab] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-084ae5ab] {
    display: flex;
    align-items: center
}

.flex-start[data-v-084ae5ab] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-084ae5ab] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-084ae5ab] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-084ae5ab] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-084ae5ab] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-084ae5ab] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-084ae5ab] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-084ae5ab] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-084ae5ab] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-084ae5ab] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-084ae5ab] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-084ae5ab] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-084ae5ab] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-084ae5ab] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-084ae5ab] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-084ae5ab] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-084ae5ab] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-084ae5ab] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-084ae5ab] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-084ae5ab] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-084ae5ab] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-084ae5ab] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-084ae5ab] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-084ae5ab] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-084ae5ab],
.mlm-selected-item[data-v-084ae5ab] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-084ae5ab] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-084ae5ab]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-084ae5ab] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-084ae5ab] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-084ae5ab] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-toolbar ion-segment.md[data-v-084ae5ab] {
    display: flex;
    justify-content: left;
    padding: 0 .625rem
}

ion-toolbar ion-segment-button.md[data-v-084ae5ab]::part(native) {
    --padding-start: .625rem;
    --padding-end: .625rem
}

ion-toolbar ion-segment-button.md[data-v-084ae5ab]::part(indicator) {
    margin-left: auto;
    margin-right: auto
}

ion-toolbar ion-segment-button.md[data-v-084ae5ab]::part(indicator-background) {
    height: .125rem
}

ion-toolbar ion-segment-button.md ion-label[data-v-084ae5ab] {
    margin-top: 0;
    margin-bottom: 0;
    text-transform: none
}

ion-content.side[data-v-084ae5ab] {
    --padding-start: .875rem;
    --padding-top: .625rem;
    max-width: 5.3125rem
}

ion-content.side ion-segment-button.ios[data-v-084ae5ab] {
    --padding-start: 0;
    --padding-end: 0;
    --padding-top: 2px;
    --padding-bottom: 2px;
    margin-top: 0;
    margin-bottom: 6px;
    text-transform: capitalize;
    min-width: 0;
    min-height: 3.5rem
}

ion-content#main[data-v-084ae5ab] {
    --padding-start: 15px;
    --padding-end: 15px;
    --padding-top: 10px
}

ion-content#main ion-item[data-v-084ae5ab] {
    --background: transparent;
    --inner-padding-end: 0px;
    --border-radius: 10px;
    --padding-start: 15px;
    --padding-end: 15px;
    --padding-top: 0;
    --padding-bottom: 0;
    --inner-border-width: 0px;
    --min-height: 7.5rem;
    --height: 7.5rem;
    --max-height: 7.5rem
}

ion-item[data-v-084ae5ab]::part(native) {
    padding-inline-end: 0px;
    background-repeat: no-repeat;
    background-size: 100%
}

ion-label.active[data-v-084ae5ab] {
    color: var(--color-text-white-100)
}

ion-label.inactive[data-v-084ae5ab] {
    color: var(--color-text-gray-200)
}

ion-toolbar ion-segment-button.md[data-v-084ae5ab]::part(indicator-background) {
    background: var(--theme-color-gradient-100)
}

ion-content.side ion-segment[data-v-084ae5ab] {
    --background: var(--color-bg-200)
}

ion-content.side ion-segment-button.ios[data-v-084ae5ab] {
    --indicator-color: var(--color-bg-100);
    --color-checked: var(--color-text-white-100)
}

.promo-text-unChecked[data-v-084ae5ab] {
    color: var(--color-text-gray-200)
}

.blue-default ion-label.active[data-v-084ae5ab] {
    color: var(--color-text-white-100)
}

.blue-default ion-label.inactive[data-v-084ae5ab] {
    color: var(--color-text-gray-200)
}

.blue-default ion-toolbar ion-segment-button.md[data-v-084ae5ab]::part(indicator-background) {
    background: var(--theme-color-gradient-100)
}

.blue-default ion-content.side ion-segment[data-v-084ae5ab] {
    --background: var(--color-bg-200)
}

.blue-default ion-content.side ion-segment-button.ios[data-v-084ae5ab] {
    --indicator-color: var(--color-bg-100);
    --color-checked: var(--color-text-white-100)
}

.blue-default .promo-text-unChecked[data-v-084ae5ab] {
    color: var(--color-text-gray-200)
}

.forest-green ion-label.active[data-v-084ae5ab] {
    color: var(--color-text-gray-100)
}

.forest-green ion-label.inactive[data-v-084ae5ab] {
    color: var(--color-text-gray-200)
}

.forest-green ion-toolbar ion-segment-button.md[data-v-084ae5ab]::part(indicator-background) {
    background: var(--theme-color-gradient-100)
}

.forest-green ion-content.side ion-segment[data-v-084ae5ab] {
    --background: var(--color-bg-200)
}

.forest-green ion-content.side ion-segment-button.ios[data-v-084ae5ab] {
    --indicator-color: var(--color-bg-100);
    --color-checked: var(--color-text-gray-100)
}

.forest-green .promo-text-unChecked[data-v-084ae5ab] {
    color: var(--color-text-gray-200)
}

.green-default ion-label.active[data-v-084ae5ab] {
    color: var(--color-text-gray-100)
}

.green-default ion-label.inactive[data-v-084ae5ab] {
    color: var(--color-text-gray-200)
}

.green-default ion-toolbar ion-segment-button.md[data-v-084ae5ab]::part(indicator-background) {
    background: var(--theme-color-gradient-100)
}

.green-default ion-content.side ion-segment[data-v-084ae5ab] {
    --background: var(--color-bg-200)
}

.green-default ion-content.side ion-segment-button.ios[data-v-084ae5ab] {
    --indicator-color: var(--color-bg-100);
    --color-checked: var(--color-text-gray-100)
}

.green-default .promo-text-unChecked[data-v-084ae5ab] {
    color: var(--color-text-gray-200)
}

.amber-purple ion-label.active[data-v-084ae5ab] {
    color: var(--text-color-light-purple-1-100)
}

.amber-purple ion-label.inactive[data-v-084ae5ab] {
    color: var(--text-color-light-purple-2-100)
}

.amber-purple ion-toolbar ion-segment-button.md[data-v-084ae5ab]::part(indicator-background) {
    background: var(--segment-gradients-purple)
}

.amber-purple ion-content.side ion-segment[data-v-084ae5ab] {
    --background: var(--color-bg-200)
}

.amber-purple ion-content.side ion-segment-button.ios[data-v-084ae5ab] {
    --indicator-color: var(--color-bg-100);
    --color-checked: var(--text-color-light-purple-1-100)
}

.amber-purple .promo-text-unChecked[data-v-084ae5ab] {
    color: var(--text-color-light-purple-2-100)
}

.auroral-yellow ion-label.active[data-v-084ae5ab] {
    color: var(--color-text-white-100)
}

.auroral-yellow ion-label.inactive[data-v-084ae5ab] {
    color: var(--color-text-gray-200)
}

.auroral-yellow ion-toolbar ion-segment-button.md[data-v-084ae5ab]::part(indicator-background) {
    background: var(--theme-color-800)
}

.auroral-yellow ion-content.side ion-segment[data-v-084ae5ab] {
    --background: var(--color-bg-200)
}

.auroral-yellow ion-content.side ion-segment-button.ios[data-v-084ae5ab] {
    --indicator-color: var(--color-bg-100);
    --color-checked: var(--color-text-white-100)
}

.auroral-yellow .promo-text-unChecked[data-v-084ae5ab] {
    color: var(--color-text-gray-200)
}

.color-primary-600[data-v-bc7c27c7] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-bc7c27c7] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-bc7c27c7] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-bc7c27c7] {
    color: var(--color-primary-900)
}

.bg-100[data-v-bc7c27c7] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-bc7c27c7] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-bc7c27c7] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-bc7c27c7] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-bc7c27c7] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-bc7c27c7] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-bc7c27c7] {
    background-color: var(--color-warning)
}

.bg-link[data-v-bc7c27c7] {
    background-color: var(--color-link)
}

.bg-danger[data-v-bc7c27c7] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-bc7c27c7] {
    color: var(--color-text-100)
}

.color-text-80[data-v-bc7c27c7] {
    color: var(--color-text-80)
}

.color-text-50[data-v-bc7c27c7] {
    color: var(--color-text-50)
}

.color-text-40[data-v-bc7c27c7] {
    color: var(--color-text-40)
}

.color-text-20[data-v-bc7c27c7] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-bc7c27c7] {
    color: var(--color-currency)
}

.color-warning[data-v-bc7c27c7] {
    color: var(--color-warning)
}

.color-danger[data-v-bc7c27c7] {
    color: var(--color-danger)
}

.color-link[data-v-bc7c27c7] {
    color: var(--color-link)
}

.color-line[data-v-bc7c27c7] {
    color: var(--color-line)
}

.color-border[data-v-bc7c27c7] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-bc7c27c7] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-bc7c27c7] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-bc7c27c7] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-bc7c27c7] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-bc7c27c7] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-bc7c27c7] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-bc7c27c7] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-bc7c27c7] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-bc7c27c7] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-bc7c27c7] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-bc7c27c7] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-bc7c27c7] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-bc7c27c7] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-bc7c27c7] {
    display: flex;
    align-items: center
}

.flex-start[data-v-bc7c27c7] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-bc7c27c7] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-bc7c27c7] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-bc7c27c7] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-bc7c27c7] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-bc7c27c7] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-bc7c27c7] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-bc7c27c7] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-bc7c27c7] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-bc7c27c7] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-bc7c27c7] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-bc7c27c7] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-bc7c27c7] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-bc7c27c7] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-bc7c27c7] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-bc7c27c7] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-bc7c27c7] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-bc7c27c7] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-bc7c27c7] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-bc7c27c7] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-bc7c27c7] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-bc7c27c7] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-bc7c27c7] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-bc7c27c7] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-bc7c27c7],
.mlm-selected-item[data-v-bc7c27c7] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-bc7c27c7] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-bc7c27c7]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-bc7c27c7] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-bc7c27c7] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-bc7c27c7] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.card-container[data-v-bc7c27c7] {
    padding: var(--swiper-padding, 0 0 .9375rem 0)
}

.card-container .aspect-ratio-card[data-v-bc7c27c7] {
    width: 100%;
    aspect-ratio: 100 / 32.786;
    border-radius: var(--ep-border-radius-surface-default, .875rem);
    overflow: hidden
}

.auroral-yellow .card-container[data-v-bc7c27c7] {
    background: #24221f;
    padding: 1.375rem 1.0625rem .75rem;
    border-radius: .625rem
}

.color-primary-600[data-v-1095c5e3] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-1095c5e3] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-1095c5e3] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-1095c5e3] {
    color: var(--color-primary-900)
}

.bg-100[data-v-1095c5e3] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-1095c5e3] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-1095c5e3] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-1095c5e3] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-1095c5e3] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-1095c5e3] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-1095c5e3] {
    background-color: var(--color-warning)
}

.bg-link[data-v-1095c5e3] {
    background-color: var(--color-link)
}

.bg-danger[data-v-1095c5e3] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-1095c5e3] {
    color: var(--color-text-100)
}

.color-text-80[data-v-1095c5e3] {
    color: var(--color-text-80)
}

.color-text-50[data-v-1095c5e3] {
    color: var(--color-text-50)
}

.color-text-40[data-v-1095c5e3] {
    color: var(--color-text-40)
}

.color-text-20[data-v-1095c5e3] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-1095c5e3] {
    color: var(--color-currency)
}

.color-warning[data-v-1095c5e3] {
    color: var(--color-warning)
}

.color-danger[data-v-1095c5e3] {
    color: var(--color-danger)
}

.color-link[data-v-1095c5e3] {
    color: var(--color-link)
}

.color-line[data-v-1095c5e3] {
    color: var(--color-line)
}

.color-border[data-v-1095c5e3] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-1095c5e3] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-1095c5e3] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-1095c5e3] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-1095c5e3] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-1095c5e3] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-1095c5e3] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-1095c5e3] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-1095c5e3] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-1095c5e3] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-1095c5e3] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-1095c5e3] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-1095c5e3] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-1095c5e3] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-1095c5e3] {
    display: flex;
    align-items: center
}

.flex-start[data-v-1095c5e3] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-1095c5e3] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-1095c5e3] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-1095c5e3] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-1095c5e3] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-1095c5e3] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-1095c5e3] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-1095c5e3] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-1095c5e3] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-1095c5e3] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-1095c5e3] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-1095c5e3] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-1095c5e3] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-1095c5e3] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-1095c5e3] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-1095c5e3] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-1095c5e3] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-1095c5e3] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-1095c5e3] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-1095c5e3] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-1095c5e3] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-1095c5e3] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-1095c5e3] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-1095c5e3] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-1095c5e3],
.mlm-selected-item[data-v-1095c5e3] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-1095c5e3] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-1095c5e3]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-1095c5e3] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-1095c5e3] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-1095c5e3] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .layout1.bonus .bonus-img[data-v-1095c5e3] {
    width: 100%;
    height: 100%
}

html .layout1.bonus .bonus-img[data-v-1095c5e3] .img-box {
    object-fit: cover
}

html .layout1.bonus .bonus-money[data-v-1095c5e3] {
    position: absolute;
    top: 32%;
    left: 50%;
    transform: translate(-50%);
    font-size: 1.3125rem;
    font-weight: var(--ep-font-weight-bold, 700);
    color: var(--ep-color-text-highlight, #F5C84C)
}

html .layout1.bonus-background[data-v-1095c5e3] {
    position: relative;
    box-shadow: 0 .1094rem .1875rem rgba(0, 0, 0, .7)
}

html .layout1.bonus-background[data-v-1095c5e3]:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(/assets/bonus-bg1-BTuICZtG.png) no-repeat center center / 100% 100%
}

html .layout1.bonus-background[data-v-1095c5e3]:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(/assets/bonus-bg2-HRxBncD1.png) no-repeat center center / 100% 100%;
    animation: twinkling1-1095c5e3 2s infinite
}

#BonusPool-3-index .layout1.bonus .bonus-img[data-v-1095c5e3] {
    width: 100%;
    height: 100%
}

#BonusPool-3-index .layout1.bonus .bonus-img[data-v-1095c5e3] .img-box {
    object-fit: cover
}

#BonusPool-3-index .layout1.bonus .bonus-money[data-v-1095c5e3] {
    position: absolute;
    top: 32%;
    left: 50%;
    transform: translate(-50%);
    font-size: 1.3125rem;
    font-weight: var(--ep-font-weight-bold, 700);
    color: var(--ep-color-text-highlight, #F5C84C)
}

#BonusPool-3-index .layout1.bonus-background[data-v-1095c5e3] {
    position: relative;
    box-shadow: 0 .1094rem .1875rem rgba(0, 0, 0, .7)
}

#BonusPool-3-index .layout1.bonus-background[data-v-1095c5e3]:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(/assets/bonus-bg1-BTuICZtG.png) no-repeat center center / 100% 100%
}

#BonusPool-3-index .layout1.bonus-background[data-v-1095c5e3]:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(/assets/bonus-bg2-HRxBncD1.png) no-repeat center center / 100% 100%;
    animation: twinkling1-1095c5e3 2s infinite
}

@keyframes twinkling1-1095c5e3 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.color-primary-600[data-v-692ff204] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-692ff204] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-692ff204] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-692ff204] {
    color: var(--color-primary-900)
}

.bg-100[data-v-692ff204] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-692ff204] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-692ff204] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-692ff204] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-692ff204] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-692ff204] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-692ff204] {
    background-color: var(--color-warning)
}

.bg-link[data-v-692ff204] {
    background-color: var(--color-link)
}

.bg-danger[data-v-692ff204] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-692ff204] {
    color: var(--color-text-100)
}

.color-text-80[data-v-692ff204] {
    color: var(--color-text-80)
}

.color-text-50[data-v-692ff204] {
    color: var(--color-text-50)
}

.color-text-40[data-v-692ff204] {
    color: var(--color-text-40)
}

.color-text-20[data-v-692ff204] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-692ff204] {
    color: var(--color-currency)
}

.color-warning[data-v-692ff204] {
    color: var(--color-warning)
}

.color-danger[data-v-692ff204] {
    color: var(--color-danger)
}

.color-link[data-v-692ff204] {
    color: var(--color-link)
}

.color-line[data-v-692ff204] {
    color: var(--color-line)
}

.color-border[data-v-692ff204] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-692ff204] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-692ff204] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-692ff204] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-692ff204] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-692ff204] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-692ff204] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-692ff204] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-692ff204] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-692ff204] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-692ff204] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-692ff204] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-692ff204] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-692ff204] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-692ff204] {
    display: flex;
    align-items: center
}

.flex-start[data-v-692ff204] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-692ff204] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-692ff204] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-692ff204] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-692ff204] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-692ff204] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-692ff204] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-692ff204] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-692ff204] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-692ff204] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-692ff204] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-692ff204] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-692ff204] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-692ff204] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-692ff204] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-692ff204] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-692ff204] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-692ff204] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-692ff204] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-692ff204] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-692ff204] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-692ff204] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-692ff204] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-692ff204] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-692ff204],
.mlm-selected-item[data-v-692ff204] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-692ff204] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-692ff204]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-692ff204] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-692ff204] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-692ff204] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .card-container[data-v-692ff204] {
    display: flex;
    flex-flow: wrap;
    padding: var(--swiper-padding, 0 0 .9375rem 0);
    gap: .75rem
}

html .vertical-slide .card-container[data-v-692ff204] {
    padding: var(--swiper-padding, 0 0 .75rem)
}

html .layout1.bonus-pool-container[data-v-692ff204] {
    flex: 1;
    display: flex;
    flex-flow: wrap;
    gap: .75rem
}

html .layout1.bonus-pool-container .bonus-pool-container-top[data-v-692ff204] {
    width: 100%;
    display: flex;
    gap: .75rem
}

html .layout1.bonus-pool-container .bonus-pool-container-top .bonus-pool-container-top-bonus-pool[data-v-692ff204] {
    flex: 1
}

html .layout1.bonus-pool-container .bonus-pool-container-top .bonus-pool-container-card-container[data-v-692ff204] {
    flex: 1;
    display: flex;
    flex-flow: wrap;
    gap: .75rem
}

html .layout1.bonus-pool-container .bonus-pool-container-top .bonus-pool-container-card-container .bonus-pool-container-card[data-v-692ff204] {
    flex: 0 0 46.5%
}

.auroral-yellow .card-container[data-v-692ff204] {
    background: #24221f;
    padding: 1.375rem 1.0625rem .9375rem;
    border-radius: .625rem .625rem 0 0
}

#tabbar-tabs-inicio-components-GameWrapper-components-gameContent-components-gameSlideContent-index .card-container[data-v-692ff204] {
    display: flex;
    flex-flow: wrap;
    padding: var(--swiper-padding, 0 0 .9375rem 0);
    gap: .75rem
}

#tabbar-tabs-inicio-components-GameWrapper-components-gameContent-components-gameSlideContent-index .vertical-slide .card-container[data-v-692ff204] {
    padding: var(--swiper-padding, 0 0 .75rem)
}

#tabbar-tabs-inicio-components-GameWrapper-components-gameContent-components-gameSlideContent-index .layout1.bonus-pool-container[data-v-692ff204] {
    flex: 1;
    display: flex;
    flex-flow: wrap;
    gap: .75rem
}

#tabbar-tabs-inicio-components-GameWrapper-components-gameContent-components-gameSlideContent-index .layout1.bonus-pool-container .bonus-pool-container-top[data-v-692ff204] {
    width: 100%;
    display: flex;
    gap: .75rem
}

#tabbar-tabs-inicio-components-GameWrapper-components-gameContent-components-gameSlideContent-index .layout1.bonus-pool-container .bonus-pool-container-top .bonus-pool-container-top-bonus-pool[data-v-692ff204] {
    flex: 1
}

#tabbar-tabs-inicio-components-GameWrapper-components-gameContent-components-gameSlideContent-index .layout1.bonus-pool-container .bonus-pool-container-top .bonus-pool-container-card-container[data-v-692ff204] {
    flex: 1;
    display: flex;
    flex-flow: wrap;
    gap: .75rem
}

#tabbar-tabs-inicio-components-GameWrapper-components-gameContent-components-gameSlideContent-index .layout1.bonus-pool-container .bonus-pool-container-top .bonus-pool-container-card-container .bonus-pool-container-card[data-v-692ff204] {
    flex: 0 0 46.5%
}

.color-primary-600[data-v-1677926d] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-1677926d] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-1677926d] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-1677926d] {
    color: var(--color-primary-900)
}

.bg-100[data-v-1677926d] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-1677926d] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-1677926d] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-1677926d] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-1677926d] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-1677926d] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-1677926d] {
    background-color: var(--color-warning)
}

.bg-link[data-v-1677926d] {
    background-color: var(--color-link)
}

.bg-danger[data-v-1677926d] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-1677926d] {
    color: var(--color-text-100)
}

.color-text-80[data-v-1677926d] {
    color: var(--color-text-80)
}

.color-text-50[data-v-1677926d] {
    color: var(--color-text-50)
}

.color-text-40[data-v-1677926d] {
    color: var(--color-text-40)
}

.color-text-20[data-v-1677926d] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-1677926d] {
    color: var(--color-currency)
}

.color-warning[data-v-1677926d] {
    color: var(--color-warning)
}

.color-danger[data-v-1677926d] {
    color: var(--color-danger)
}

.color-link[data-v-1677926d] {
    color: var(--color-link)
}

.color-line[data-v-1677926d] {
    color: var(--color-line)
}

.color-border[data-v-1677926d] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-1677926d] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-1677926d] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-1677926d] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-1677926d] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-1677926d] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-1677926d] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-1677926d] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-1677926d] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-1677926d] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-1677926d] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-1677926d] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-1677926d] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-1677926d] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-1677926d] {
    display: flex;
    align-items: center
}

.flex-start[data-v-1677926d] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-1677926d] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-1677926d] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-1677926d] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-1677926d] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-1677926d] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-1677926d] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-1677926d] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-1677926d] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-1677926d] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-1677926d] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-1677926d] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-1677926d] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-1677926d] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-1677926d] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-1677926d] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-1677926d] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-1677926d] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-1677926d] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-1677926d] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-1677926d] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-1677926d] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-1677926d] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-1677926d] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-1677926d],
.mlm-selected-item[data-v-1677926d] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-1677926d] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-1677926d]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-1677926d] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-1677926d] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-1677926d] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.auroral-yellow .vertical-container[data-v-1677926d] {
    background: #24221f;
    padding: 1.375rem 1.0625rem .9375rem;
    border-radius: .625rem .625rem 0 0
}

.vertical-container[data-v-1677926d] {
    width: 100%;
    position: relative
}

.vertical-container .vertical-slide[data-v-1677926d] {
    width: 100%
}

.vertical-container .loading-spinner[data-v-1677926d] {
    position: sticky;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10
}

.color-primary-600[data-v-4af68cbf] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-4af68cbf] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-4af68cbf] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-4af68cbf] {
    color: var(--color-primary-900)
}

.bg-100[data-v-4af68cbf] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-4af68cbf] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-4af68cbf] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-4af68cbf] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-4af68cbf] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-4af68cbf] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-4af68cbf] {
    background-color: var(--color-warning)
}

.bg-link[data-v-4af68cbf] {
    background-color: var(--color-link)
}

.bg-danger[data-v-4af68cbf] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-4af68cbf] {
    color: var(--color-text-100)
}

.color-text-80[data-v-4af68cbf] {
    color: var(--color-text-80)
}

.color-text-50[data-v-4af68cbf] {
    color: var(--color-text-50)
}

.color-text-40[data-v-4af68cbf] {
    color: var(--color-text-40)
}

.color-text-20[data-v-4af68cbf] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-4af68cbf] {
    color: var(--color-currency)
}

.color-warning[data-v-4af68cbf] {
    color: var(--color-warning)
}

.color-danger[data-v-4af68cbf] {
    color: var(--color-danger)
}

.color-link[data-v-4af68cbf] {
    color: var(--color-link)
}

.color-line[data-v-4af68cbf] {
    color: var(--color-line)
}

.color-border[data-v-4af68cbf] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-4af68cbf] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-4af68cbf] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-4af68cbf] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-4af68cbf] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-4af68cbf] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-4af68cbf] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-4af68cbf] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-4af68cbf] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-4af68cbf] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-4af68cbf] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-4af68cbf] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-4af68cbf] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-4af68cbf] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-4af68cbf] {
    display: flex;
    align-items: center
}

.flex-start[data-v-4af68cbf] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-4af68cbf] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-4af68cbf] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-4af68cbf] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-4af68cbf] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-4af68cbf] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-4af68cbf] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-4af68cbf] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-4af68cbf] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-4af68cbf] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-4af68cbf] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-4af68cbf] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-4af68cbf] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-4af68cbf] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-4af68cbf] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-4af68cbf] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-4af68cbf] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-4af68cbf] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-4af68cbf] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-4af68cbf] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-4af68cbf] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-4af68cbf] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-4af68cbf] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-4af68cbf] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-4af68cbf],
.mlm-selected-item[data-v-4af68cbf] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-4af68cbf] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-4af68cbf]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-4af68cbf] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-4af68cbf] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-4af68cbf] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.loading-spinner[data-v-4af68cbf] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10
}

.color-primary-600[data-v-b21f85cc] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-b21f85cc] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-b21f85cc] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-b21f85cc] {
    color: var(--color-primary-900)
}

.bg-100[data-v-b21f85cc] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-b21f85cc] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-b21f85cc] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-b21f85cc] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-b21f85cc] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-b21f85cc] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-b21f85cc] {
    background-color: var(--color-warning)
}

.bg-link[data-v-b21f85cc] {
    background-color: var(--color-link)
}

.bg-danger[data-v-b21f85cc] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-b21f85cc] {
    color: var(--color-text-100)
}

.color-text-80[data-v-b21f85cc] {
    color: var(--color-text-80)
}

.color-text-50[data-v-b21f85cc] {
    color: var(--color-text-50)
}

.color-text-40[data-v-b21f85cc] {
    color: var(--color-text-40)
}

.color-text-20[data-v-b21f85cc] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-b21f85cc] {
    color: var(--color-currency)
}

.color-warning[data-v-b21f85cc] {
    color: var(--color-warning)
}

.color-danger[data-v-b21f85cc] {
    color: var(--color-danger)
}

.color-link[data-v-b21f85cc] {
    color: var(--color-link)
}

.color-line[data-v-b21f85cc] {
    color: var(--color-line)
}

.color-border[data-v-b21f85cc] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-b21f85cc] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-b21f85cc] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-b21f85cc] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-b21f85cc] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-b21f85cc] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-b21f85cc] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-b21f85cc] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-b21f85cc] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-b21f85cc] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-b21f85cc] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-b21f85cc] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-b21f85cc] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-b21f85cc] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-b21f85cc] {
    display: flex;
    align-items: center
}

.flex-start[data-v-b21f85cc] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-b21f85cc] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-b21f85cc] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-b21f85cc] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-b21f85cc] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-b21f85cc] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-b21f85cc] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-b21f85cc] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-b21f85cc] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-b21f85cc] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-b21f85cc] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-b21f85cc] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-b21f85cc] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-b21f85cc] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-b21f85cc] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-b21f85cc] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-b21f85cc] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-b21f85cc] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-b21f85cc] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-b21f85cc] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-b21f85cc] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-b21f85cc] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-b21f85cc] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-b21f85cc] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-b21f85cc],
.mlm-selected-item[data-v-b21f85cc] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-b21f85cc] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-b21f85cc]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-b21f85cc] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-b21f85cc] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-b21f85cc] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .tabbar-tabs-inicio-components-GameWrapper-index[data-v-b21f85cc] {
    padding-inline: .9375rem;
    margin-bottom: .5rem
}

html .tabbar-tabs-inicio-components-GameWrapper-index .aspect-ratio-card[data-v-b21f85cc] {
    width: 100%;
    aspect-ratio: 100 / 32.786;
    border-radius: var(--ep-border-radius-surface-default, .875rem);
    overflow: hidden
}

html .tabbar-tabs-inicio-components-GameWrapper-index[data-v-b21f85cc]:has(.aspect-ratio-card) {
    padding-bottom: .3125rem
}

html .tabbar-tabs-inicio-components-GameWrapper-index .card-container[data-v-b21f85cc] {
    display: flex;
    flex-flow: wrap;
    gap: .75rem
}

html .tabbar-tabs-inicio-components-GameWrapper-index .card-container .loading-spinner[data-v-b21f85cc] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10
}

html .tabbar-tabs-inicio-components-GameWrapper-index .more[data-v-b21f85cc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-block-end: 1.625rem;
    text-transform: capitalize;
    font-size: .75rem;
    line-height: 1.5
}

html .tabbar-tabs-inicio-components-GameWrapper-index .more .label[data-v-b21f85cc] {
    color: var(--text-color1);
    font-weight: 400
}

html .tabbar-tabs-inicio-components-GameWrapper-index .more .btn[data-v-b21f85cc] {
    color: var(--theme-color-800)
}

html .tabbar-tabs-inicio-components-GameWrapper-index .more .btn .btn-label[data-v-b21f85cc] {
    font-weight: 600
}

html .tabbar-tabs-inicio-components-GameWrapper-index .more .btn .btn-icon[data-v-b21f85cc] {
    margin-inline-start: .1875rem;
    vertical-align: middle;
    transform: rotateX(0);
    transition: transform .3s ease
}

html .tabbar-tabs-inicio-components-GameWrapper-index .more .btn .active[data-v-b21f85cc] {
    transform: rotateX(180deg)
}

.blue-default .home-type-Platform:not(.v02) .tabbar-tabs-inicio-components-GameWrapper-index[data-v-b21f85cc] {
    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-b21f85cc] {
    padding-block-end: .625rem
}

.blue-default .home-type-Platform.v02 .tabbar-tabs-inicio-components-GameWrapper-index .more .label[data-v-b21f85cc] {
    color: var(--text-color1)
}

.blue-default .home-type-Platform.v02 .tabbar-tabs-inicio-components-GameWrapper-index .more .btn[data-v-b21f85cc] {
    color: var(--theme-color-800)
}

.forest-green .tabbar-tabs-inicio-components-GameWrapper-index .more .label[data-v-b21f85cc] {
    color: rgba(255, 255, 255, .4)
}

.forest-green .tabbar-tabs-inicio-components-GameWrapper-index .more .btn[data-v-b21f85cc] {
    color: var(--theme-color-800)
}

.auroral-yellow .tabbar-tabs-inicio-components-GameWrapper-index .more .label[data-v-b21f85cc] {
    color: var(--text-color2)
}

.auroral-yellow .tabbar-tabs-inicio-components-GameWrapper-index .more .btn[data-v-b21f85cc] {
    color: var(--theme-color-800)
}

.auroral-yellow .tabbar-tabs-inicio-components-GameWrapper-index[data-v-b21f85cc] {
    padding-inline: 0;
    margin-bottom: 0
}

.auroral-yellow .tabbar-tabs-inicio-components-GameWrapper-index .card-container[data-v-b21f85cc] {
    background: #24221f;
    padding: 1.375rem 1.0625rem 0;
    border-radius: .625rem .625rem 0 0
}

.auroral-yellow .tabbar-tabs-inicio-components-GameWrapper-index .card-container.onMore[data-v-b21f85cc] {
    padding-block-end: .75rem;
    border-radius: .625rem
}

.auroral-yellow .tabbar-tabs-inicio-components-GameWrapper-index .more[data-v-b21f85cc] {
    background: #24221f;
    padding-block-end: .75rem;
    border-radius: 0 0 .625rem .625rem
}

.color-primary-600[data-v-b60a9a19] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-b60a9a19] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-b60a9a19] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-b60a9a19] {
    color: var(--color-primary-900)
}

.bg-100[data-v-b60a9a19] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-b60a9a19] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-b60a9a19] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-b60a9a19] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-b60a9a19] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-b60a9a19] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-b60a9a19] {
    background-color: var(--color-warning)
}

.bg-link[data-v-b60a9a19] {
    background-color: var(--color-link)
}

.bg-danger[data-v-b60a9a19] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-b60a9a19] {
    color: var(--color-text-100)
}

.color-text-80[data-v-b60a9a19] {
    color: var(--color-text-80)
}

.color-text-50[data-v-b60a9a19] {
    color: var(--color-text-50)
}

.color-text-40[data-v-b60a9a19] {
    color: var(--color-text-40)
}

.color-text-20[data-v-b60a9a19] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-b60a9a19] {
    color: var(--color-currency)
}

.color-warning[data-v-b60a9a19] {
    color: var(--color-warning)
}

.color-danger[data-v-b60a9a19] {
    color: var(--color-danger)
}

.color-link[data-v-b60a9a19] {
    color: var(--color-link)
}

.color-line[data-v-b60a9a19] {
    color: var(--color-line)
}

.color-border[data-v-b60a9a19] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-b60a9a19] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-b60a9a19] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-b60a9a19] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-b60a9a19] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-b60a9a19] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-b60a9a19] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-b60a9a19] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-b60a9a19] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-b60a9a19] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-b60a9a19] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-b60a9a19] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-b60a9a19] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-b60a9a19] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-b60a9a19] {
    display: flex;
    align-items: center
}

.flex-start[data-v-b60a9a19] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-b60a9a19] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-b60a9a19] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-b60a9a19] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-b60a9a19] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-b60a9a19] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-b60a9a19] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-b60a9a19] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-b60a9a19] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-b60a9a19] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-b60a9a19] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-b60a9a19] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-b60a9a19] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-b60a9a19] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-b60a9a19] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-b60a9a19] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-b60a9a19] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-b60a9a19] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-b60a9a19] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-b60a9a19] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-b60a9a19] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-b60a9a19] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-b60a9a19] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-b60a9a19] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-b60a9a19],
.mlm-selected-item[data-v-b60a9a19] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-b60a9a19] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-b60a9a19]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-b60a9a19] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-b60a9a19] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-b60a9a19] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.swiper-poster[data-v-b60a9a19] {
    overflow: hidden;
    border-radius: .625rem;
    height: 7.5rem
}

.swiper-poster .poster-img[data-v-b60a9a19] {
    object-fit: cover;
    object-position: left top;
    width: 100%;
    height: 100%
}

.swiper[data-v-b60a9a19] {
    height: 100%
}

.color-primary-600[data-v-a6aa242a] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-a6aa242a] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-a6aa242a] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-a6aa242a] {
    color: var(--color-primary-900)
}

.bg-100[data-v-a6aa242a] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-a6aa242a] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-a6aa242a] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-a6aa242a] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-a6aa242a] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-a6aa242a] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-a6aa242a] {
    background-color: var(--color-warning)
}

.bg-link[data-v-a6aa242a] {
    background-color: var(--color-link)
}

.bg-danger[data-v-a6aa242a] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-a6aa242a] {
    color: var(--color-text-100)
}

.color-text-80[data-v-a6aa242a] {
    color: var(--color-text-80)
}

.color-text-50[data-v-a6aa242a] {
    color: var(--color-text-50)
}

.color-text-40[data-v-a6aa242a] {
    color: var(--color-text-40)
}

.color-text-20[data-v-a6aa242a] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-a6aa242a] {
    color: var(--color-currency)
}

.color-warning[data-v-a6aa242a] {
    color: var(--color-warning)
}

.color-danger[data-v-a6aa242a] {
    color: var(--color-danger)
}

.color-link[data-v-a6aa242a] {
    color: var(--color-link)
}

.color-line[data-v-a6aa242a] {
    color: var(--color-line)
}

.color-border[data-v-a6aa242a] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-a6aa242a] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-a6aa242a] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-a6aa242a] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-a6aa242a] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-a6aa242a] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-a6aa242a] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-a6aa242a] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-a6aa242a] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-a6aa242a] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-a6aa242a] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-a6aa242a] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-a6aa242a] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-a6aa242a] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-a6aa242a] {
    display: flex;
    align-items: center
}

.flex-start[data-v-a6aa242a] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-a6aa242a] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-a6aa242a] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-a6aa242a] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-a6aa242a] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-a6aa242a] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-a6aa242a] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-a6aa242a] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-a6aa242a] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-a6aa242a] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-a6aa242a] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-a6aa242a] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-a6aa242a] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-a6aa242a] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-a6aa242a] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-a6aa242a] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-a6aa242a] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-a6aa242a] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-a6aa242a] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-a6aa242a] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-a6aa242a] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-a6aa242a] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-a6aa242a] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-a6aa242a] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-a6aa242a],
.mlm-selected-item[data-v-a6aa242a] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-a6aa242a] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-a6aa242a]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-a6aa242a] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-a6aa242a] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-a6aa242a] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.blue-default #inicio[data-v-a6aa242a] {
    background: #090f1f
}

.blue-default #inicio .main-content[data-v-a6aa242a] {
    --background: transparent;
    position: relative
}

.blue-default #inicio .main-content[data-v-a6aa242a]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .5;
    z-index: -1;
    background-image: url(/icons/texture_bg.png);
    background-size: 5rem;
    background-repeat: repeat
}

.blue-default #inicio .main-content .order-container .swiper-c[data-v-a6aa242a] {
    margin-block-start: .9375rem;
    margin-inline: .9375rem
}

.blue-default #inicio .main-content .order-container .segment-c[data-v-a6aa242a] {
    top: 0;
    z-index: 10
}

.blue-default #inicio .main-content .order-container .game-wrapper-c[data-v-a6aa242a] {
    border-color: none
}

.blue-default #inicio .main-content .order-container .apart-view-c[data-v-a6aa242a] .payment-box {
    margin-inline: .9375rem
}

.blue-default .home-type-GameType.v01 #inicio .main-content .order-container[data-v-a6aa242a] {
    display: flex;
    flex-flow: wrap
}

.blue-default .home-type-GameType.v01 #inicio .main-content .order-container .swiper-c[data-v-a6aa242a] {
    order: 3;
    width: 100%;
    height: 11.25rem
}

.blue-default .home-type-GameType.v01 #inicio .main-content .order-container .activity-c[data-v-a6aa242a] {
    order: 5;
    width: 100%
}

.blue-default .home-type-GameType.v01 #inicio .main-content .order-container .marquee-c[data-v-a6aa242a] {
    order: 7;
    width: calc(100% - 1.875rem)
}

.blue-default .home-type-GameType.v01 #inicio .main-content .order-container .bonus-pool-c[data-v-a6aa242a] {
    order: 9
}

.blue-default .home-type-GameType.v01 #inicio .main-content .order-container .segment-c[data-v-a6aa242a] {
    order: 1;
    width: 100%
}

.blue-default .home-type-GameType.v01 #inicio .main-content .order-container .game-c[data-v-a6aa242a] {
    order: 11;
    width: 100%
}

.blue-default .home-type-GameType.v01 #inicio .main-content .order-container .game-c .platform-game-c[data-v-a6aa242a] {
    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-a6aa242a] {
    order: 1
}

.blue-default .home-type-GameType.v01 #inicio .main-content .order-container .app-install-c[data-v-a6aa242a] {
    order: 13;
    width: 100%
}

.blue-default .home-type-GameType.v01 #inicio .main-content .order-container .apart-view-c[data-v-a6aa242a] {
    order: 15
}

.blue-default .home-type-GameType.v01 #inicio .main-content .order-container .game-class-c[data-v-a6aa242a] {
    order: 17
}

.blue-default .home-type-GameType.v01 #inicio .main-content .order-container .footer-content-c[data-v-a6aa242a] {
    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-a6aa242a] {
    order: 21
}

.blue-default .home-type-Platform.v02 #inicio[data-v-a6aa242a] {
    background: #090f1f
}

.blue-default .home-type-Platform.v02 #inicio .main-content[data-v-a6aa242a] {
    --background: transparent;
    position: relative
}

.blue-default .home-type-Platform.v02 #inicio .main-content[data-v-a6aa242a]: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-a6aa242a] {
    margin-block-start: .9375rem;
    margin-inline: .9375rem
}

.blue-default .home-type-Platform.v02 #inicio .main-content .order-container .segment-c[data-v-a6aa242a] {
    top: 0;
    z-index: 10
}

.blue-default .home-type-Platform.v02 #inicio .main-content .order-container .game-wrapper-c[data-v-a6aa242a] {
    border-color: none
}

.blue-default .home-type-Platform.v02 #inicio .main-content .order-container .apart-view-c[data-v-a6aa242a] .payment-box {
    margin-inline: .9375rem
}

.blue-default .home-type-Platform.v02 #inicio .main-content .order-container[data-v-a6aa242a] {
    display: flex;
    flex-flow: wrap
}

.blue-default .home-type-Platform.v02 #inicio .main-content .order-container .swiper-c[data-v-a6aa242a] {
    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-a6aa242a] {
    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-a6aa242a] {
    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-a6aa242a] {
    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-a6aa242a] {
    order: 1
}

.blue-default .home-type-Platform.v02 #inicio .main-content .order-container .app-install-c[data-v-a6aa242a] {
    order: 2
}

.blue-default .home-type-Platform.v02 #inicio .main-content .order-container .apart-view-c[data-v-a6aa242a] {
    order: 1
}

.blue-default .home-type-Platform.v02 #inicio .main-content .order-container .game-class-c[data-v-a6aa242a] {
    order: 3
}

.blue-default .home-type-Platform.v02 #inicio .main-content .order-container .footer-content-c[data-v-a6aa242a] {
    order: 4
}

.blue-default .home-type-Platform.v02 #inicio .main-content .order-container .platform-pool[data-v-a6aa242a] {
    order: 1
}

.blue-default .home-type-Platform.v02 #inicio .main-content .order-container .segment-c[data-v-a6aa242a],
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container .game-c[data-v-a6aa242a] {
    width: 100%
}

.blue-default .home-type-Platform.v02 #inicio .main-content[data-v-a6aa242a]:before {
    opacity: .8;
    background-size: unset
}

.green-default .v01 #inicio .main-content .order-container[data-v-a6aa242a] {
    display: flex;
    flex-flow: wrap
}

.green-default .v01 #inicio .main-content .order-container .swiper-c[data-v-a6aa242a] {
    width: 14.375rem;
    height: 14.375rem;
    margin: 0;
    margin-block-start: .625rem;
    margin-inline-start: .9375rem
}

.green-default .v01 #inicio .main-content .order-container .activity-c[data-v-a6aa242a] {
    flex: 1;
    width: 7.5rem;
    height: 14.375rem;
    margin-block-start: .625rem;
    margin-inline-start: .625rem;
    margin-inline-end: .9375rem
}

.green-default .v01 #inicio .main-content .order-container .marquee-c[data-v-a6aa242a] {
    width: 100%;
    margin-inline: unset;
    margin-block-start: .9375rem;
    padding-inline-start: 1.4375rem;
    padding-inline-end: 1.9375rem
}

.green-default .v01 #inicio .main-content .order-container .game-c .platform-game-c[data-v-a6aa242a] {
    display: flex;
    flex-direction: column
}

.green-default .v01 #inicio .main-content .order-container .game-c .platform-game-c .bonus-pool-c[data-v-a6aa242a] {
    order: 1
}

.green-default .v01 #inicio .main-content .order-container .app-install-c[data-v-a6aa242a] {
    order: 2
}

.green-default .v01 #inicio .main-content .order-container .apart-view-c[data-v-a6aa242a] {
    order: 1
}

.green-default .v01 #inicio .main-content .order-container .game-class-c[data-v-a6aa242a] {
    order: 3
}

.green-default .v01 #inicio .main-content .order-container .footer-content-c[data-v-a6aa242a] {
    order: 4
}

.green-default .v01 #inicio .main-content .order-container .platform-pool[data-v-a6aa242a] {
    order: 1
}

.green-default .v01 #inicio .main-content .order-container .segment-c[data-v-a6aa242a],
.green-default .v01 #inicio .main-content .order-container .game-c[data-v-a6aa242a] {
    width: 100%
}

.green-default .v02 #inicio[data-v-a6aa242a] {
    background: #213b10
}

.green-default .v02 #inicio .main-content[data-v-a6aa242a] {
    --background: transparent;
    position: relative
}

.green-default .v02 #inicio .main-content[data-v-a6aa242a]: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
}

.green-default .v02 #inicio .main-content .order-container .swiper-c[data-v-a6aa242a] {
    margin-block-start: .9375rem;
    margin-inline: .9375rem
}

.green-default .v02 #inicio .main-content .order-container .segment-c[data-v-a6aa242a] {
    top: 0;
    z-index: 10
}

.green-default .v02 #inicio .main-content .order-container .game-wrapper-c[data-v-a6aa242a] {
    border-color: #34571d
}

.green-default .v02 #inicio .main-content .order-container .apart-view-c[data-v-a6aa242a] .payment-box {
    margin-inline: .9375rem
}

.green-default .v02 #inicio .main-content .order-container[data-v-a6aa242a] {
    display: flex;
    flex-flow: wrap
}

.green-default .v02 #inicio .main-content .order-container .swiper-c[data-v-a6aa242a] {
    width: 14.375rem;
    height: 14.375rem;
    margin: 0;
    margin-block-start: .625rem;
    margin-inline-start: .9375rem
}

.green-default .v02 #inicio .main-content .order-container .activity-c[data-v-a6aa242a] {
    flex: 1;
    width: 7.5rem;
    height: 14.375rem;
    margin-block-start: .625rem;
    margin-inline-start: .625rem;
    margin-inline-end: .9375rem
}

.green-default .v02 #inicio .main-content .order-container .marquee-c[data-v-a6aa242a] {
    width: 100%;
    margin-inline: unset;
    margin-block-start: .9375rem;
    padding-inline-start: 1.4375rem;
    padding-inline-end: 1.9375rem
}

.green-default .v02 #inicio .main-content .order-container .game-c .platform-game-c[data-v-a6aa242a] {
    display: flex;
    flex-direction: column
}

.green-default .v02 #inicio .main-content .order-container .game-c .platform-game-c .bonus-pool-c[data-v-a6aa242a] {
    order: 1
}

.green-default .v02 #inicio .main-content .order-container .app-install-c[data-v-a6aa242a] {
    order: 2
}

.green-default .v02 #inicio .main-content .order-container .apart-view-c[data-v-a6aa242a] {
    order: 1
}

.green-default .v02 #inicio .main-content .order-container .game-class-c[data-v-a6aa242a] {
    order: 3
}

.green-default .v02 #inicio .main-content .order-container .footer-content-c[data-v-a6aa242a] {
    order: 4
}

.green-default .v02 #inicio .main-content .order-container .platform-pool[data-v-a6aa242a] {
    order: 1
}

.green-default .v02 #inicio .main-content .order-container .marquee-c[data-v-a6aa242a] {
    margin-bottom: 1rem
}

.green-default .v02 #inicio .main-content .order-container .segment-c[data-v-a6aa242a] {
    width: 4.875rem;
    height: 37.5rem;
    margin-left: .9375rem;
    margin-right: .8125rem;
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.green-default .v02 #inicio .main-content .order-container .segment-c[data-v-a6aa242a]::-webkit-scrollbar {
    display: none
}

.green-default .v02 #inicio .main-content .order-container .game-c[data-v-a6aa242a] {
    width: calc(100% - 6.625rem)
}

.green-default .v02 #inicio .main-content .order-container .game-c .game-wrapper-c[data-v-a6aa242a] {
    padding: 0;
    width: calc(100% - .9375rem);
    padding-block-end: 1.125rem
}

.green-default .v02 #inicio .main-content .order-container .game-c .game-wrapper-c[data-v-a6aa242a]:not(:last-child) {
    border-bottom-width: .0625rem;
    border-bottom-style: solid
}

.green-default #inicio[data-v-a6aa242a] {
    background: #213b10
}

.green-default #inicio .main-content[data-v-a6aa242a] {
    --background: transparent;
    position: relative
}

.green-default #inicio .main-content[data-v-a6aa242a]: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
}

.green-default #inicio .main-content .order-container .swiper-c[data-v-a6aa242a] {
    margin-block-start: .9375rem;
    margin-inline: .9375rem
}

.green-default #inicio .main-content .order-container .segment-c[data-v-a6aa242a] {
    top: 0;
    z-index: 10
}

.green-default #inicio .main-content .order-container .game-wrapper-c[data-v-a6aa242a] {
    border-color: none
}

.green-default #inicio .main-content .order-container .apart-view-c[data-v-a6aa242a] .payment-box {
    margin-inline: .9375rem
}

.forest-green .v01 #inicio[data-v-a6aa242a] {
    background: #004d37
}

.forest-green .v01 #inicio .main-content[data-v-a6aa242a] {
    --background: transparent;
    position: relative
}

.forest-green .v01 #inicio .main-content[data-v-a6aa242a]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .5;
    z-index: -1;
    background-image: url(/images/inicio-bg.png);
    background-size: 5rem;
    background-repeat: repeat
}

.forest-green .v01 #inicio .main-content .order-container .swiper-c[data-v-a6aa242a] {
    margin-block-start: .9375rem;
    margin-inline: .9375rem
}

.forest-green .v01 #inicio .main-content .order-container .segment-c[data-v-a6aa242a] {
    top: 0;
    z-index: 10
}

.forest-green .v01 #inicio .main-content .order-container .game-wrapper-c[data-v-a6aa242a] {
    border-color: none
}

.forest-green .v01 #inicio .main-content .order-container .apart-view-c[data-v-a6aa242a] .payment-box {
    margin-inline: .9375rem
}

.forest-green .v01 #inicio .main-content .order-container[data-v-a6aa242a] {
    display: flex;
    flex-flow: wrap
}

.forest-green .v01 #inicio .main-content .order-container .swiper-c[data-v-a6aa242a] {
    width: 14.375rem;
    height: 14.375rem;
    margin: 0;
    margin-block-start: .625rem;
    margin-inline-start: .9375rem
}

.forest-green .v01 #inicio .main-content .order-container .activity-c[data-v-a6aa242a] {
    flex: 1;
    width: 7.5rem;
    height: 14.375rem;
    margin-block-start: .625rem;
    margin-inline-start: .625rem;
    margin-inline-end: .9375rem
}

.forest-green .v01 #inicio .main-content .order-container .marquee-c[data-v-a6aa242a] {
    width: 100%;
    margin-inline: unset;
    margin-block-start: .9375rem;
    padding-inline-start: 1.4375rem;
    padding-inline-end: 1.9375rem
}

.forest-green .v01 #inicio .main-content .order-container .game-c .platform-game-c[data-v-a6aa242a] {
    display: flex;
    flex-direction: column
}

.forest-green .v01 #inicio .main-content .order-container .game-c .platform-game-c .bonus-pool-c[data-v-a6aa242a] {
    order: 1
}

.forest-green .v01 #inicio .main-content .order-container .app-install-c[data-v-a6aa242a] {
    order: 2
}

.forest-green .v01 #inicio .main-content .order-container .apart-view-c[data-v-a6aa242a] {
    order: 1
}

.forest-green .v01 #inicio .main-content .order-container .game-class-c[data-v-a6aa242a] {
    order: 3
}

.forest-green .v01 #inicio .main-content .order-container .footer-content-c[data-v-a6aa242a] {
    order: 4
}

.forest-green .v01 #inicio .main-content .order-container .platform-pool[data-v-a6aa242a] {
    order: 1
}

.forest-green .v01 #inicio .main-content .order-container .segment-c[data-v-a6aa242a],
.forest-green .v01 #inicio .main-content .order-container .game-c[data-v-a6aa242a] {
    width: 100%
}

.forest-green .v01 #inicio .main-content[data-v-a6aa242a]:before {
    opacity: .8;
    background-size: unset
}

.forest-green .v02 #inicio[data-v-a6aa242a] {
    background: #004d37
}

.forest-green .v02 #inicio .main-content[data-v-a6aa242a] {
    --background: transparent;
    position: relative
}

.forest-green .v02 #inicio .main-content[data-v-a6aa242a]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .5;
    z-index: -1;
    background-image: url(/images/inicio-bg.png);
    background-size: 5rem;
    background-repeat: repeat
}

.forest-green .v02 #inicio .main-content .order-container .swiper-c[data-v-a6aa242a] {
    margin-block-start: .9375rem;
    margin-inline: .9375rem
}

.forest-green .v02 #inicio .main-content .order-container .segment-c[data-v-a6aa242a] {
    top: 0;
    z-index: 10
}

.forest-green .v02 #inicio .main-content .order-container .game-wrapper-c[data-v-a6aa242a] {
    border-color: #009f76
}

.forest-green .v02 #inicio .main-content .order-container .apart-view-c[data-v-a6aa242a] .payment-box {
    margin-inline: .9375rem
}

.forest-green .v02 #inicio .main-content .order-container[data-v-a6aa242a] {
    display: flex;
    flex-flow: wrap
}

.forest-green .v02 #inicio .main-content .order-container .swiper-c[data-v-a6aa242a] {
    width: 14.375rem;
    height: 14.375rem;
    margin: 0;
    margin-block-start: .625rem;
    margin-inline-start: .9375rem
}

.forest-green .v02 #inicio .main-content .order-container .activity-c[data-v-a6aa242a] {
    flex: 1;
    width: 7.5rem;
    height: 14.375rem;
    margin-block-start: .625rem;
    margin-inline-start: .625rem;
    margin-inline-end: .9375rem
}

.forest-green .v02 #inicio .main-content .order-container .marquee-c[data-v-a6aa242a] {
    width: 100%;
    margin-inline: unset;
    margin-block-start: .9375rem;
    padding-inline-start: 1.4375rem;
    padding-inline-end: 1.9375rem
}

.forest-green .v02 #inicio .main-content .order-container .game-c .platform-game-c[data-v-a6aa242a] {
    display: flex;
    flex-direction: column
}

.forest-green .v02 #inicio .main-content .order-container .game-c .platform-game-c .bonus-pool-c[data-v-a6aa242a] {
    order: 1
}

.forest-green .v02 #inicio .main-content .order-container .app-install-c[data-v-a6aa242a] {
    order: 2
}

.forest-green .v02 #inicio .main-content .order-container .apart-view-c[data-v-a6aa242a] {
    order: 1
}

.forest-green .v02 #inicio .main-content .order-container .game-class-c[data-v-a6aa242a] {
    order: 3
}

.forest-green .v02 #inicio .main-content .order-container .footer-content-c[data-v-a6aa242a] {
    order: 4
}

.forest-green .v02 #inicio .main-content .order-container .platform-pool[data-v-a6aa242a] {
    order: 1
}

.forest-green .v02 #inicio .main-content .order-container .marquee-c[data-v-a6aa242a] {
    margin-bottom: 1rem
}

.forest-green .v02 #inicio .main-content .order-container .segment-c[data-v-a6aa242a] {
    width: 4.875rem;
    height: 37.5rem;
    margin-left: .9375rem;
    margin-right: .8125rem;
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.forest-green .v02 #inicio .main-content .order-container .segment-c[data-v-a6aa242a]::-webkit-scrollbar {
    display: none
}

.forest-green .v02 #inicio .main-content .order-container .game-c[data-v-a6aa242a] {
    width: calc(100% - 6.625rem)
}

.forest-green .v02 #inicio .main-content .order-container .game-c .game-wrapper-c[data-v-a6aa242a] {
    padding: 0;
    width: calc(100% - .9375rem);
    padding-block-end: 1.125rem
}

.forest-green .v02 #inicio .main-content .order-container .game-c .game-wrapper-c[data-v-a6aa242a]:not(:last-child) {
    border-bottom-width: .0625rem;
    border-bottom-style: solid
}

.forest-green .v02 #inicio .main-content[data-v-a6aa242a]:before {
    opacity: .8;
    background-size: unset
}

.amber-purple #inicio[data-v-a6aa242a] {
    background: #262346
}

.amber-purple #inicio .main-content[data-v-a6aa242a] {
    --background: transparent;
    position: relative
}

.amber-purple #inicio .main-content[data-v-a6aa242a]: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
}

.amber-purple #inicio .main-content .order-container .swiper-c[data-v-a6aa242a] {
    margin-block-start: .9375rem;
    margin-inline: .9375rem
}

.amber-purple #inicio .main-content .order-container .segment-c[data-v-a6aa242a] {
    top: 0;
    z-index: 10
}

.amber-purple #inicio .main-content .order-container .game-wrapper-c[data-v-a6aa242a] {
    border-color: none
}

.amber-purple #inicio .main-content .order-container .apart-view-c[data-v-a6aa242a] .payment-box {
    margin-inline: .9375rem
}

.amber-purple .home-type-Platform.v01 #inicio .main-content .order-container[data-v-a6aa242a] {
    display: flex;
    flex-flow: wrap
}

.amber-purple .home-type-Platform.v01 #inicio .main-content .order-container .swiper-c[data-v-a6aa242a] {
    width: 14.375rem;
    height: 14.375rem;
    margin: 0;
    margin-block-start: .625rem;
    margin-inline-start: .9375rem
}

.amber-purple .home-type-Platform.v01 #inicio .main-content .order-container .activity-c[data-v-a6aa242a] {
    flex: 1;
    width: 7.5rem;
    height: 14.375rem;
    margin-block-start: .625rem;
    margin-inline-start: .625rem;
    margin-inline-end: .9375rem
}

.amber-purple .home-type-Platform.v01 #inicio .main-content .order-container .marquee-c[data-v-a6aa242a] {
    width: 100%;
    margin-inline: unset;
    margin-block-start: .9375rem;
    padding-inline-start: 1.4375rem;
    padding-inline-end: 1.9375rem
}

.amber-purple .home-type-Platform.v01 #inicio .main-content .order-container .game-c .platform-game-c[data-v-a6aa242a] {
    display: flex;
    flex-direction: column
}

.amber-purple .home-type-Platform.v01 #inicio .main-content .order-container .game-c .platform-game-c .bonus-pool-c[data-v-a6aa242a] {
    order: 1
}

.amber-purple .home-type-Platform.v01 #inicio .main-content .order-container .app-install-c[data-v-a6aa242a] {
    order: 2
}

.amber-purple .home-type-Platform.v01 #inicio .main-content .order-container .apart-view-c[data-v-a6aa242a] {
    order: 1
}

.amber-purple .home-type-Platform.v01 #inicio .main-content .order-container .game-class-c[data-v-a6aa242a] {
    order: 3
}

.amber-purple .home-type-Platform.v01 #inicio .main-content .order-container .footer-content-c[data-v-a6aa242a] {
    order: 4
}

.amber-purple .home-type-Platform.v01 #inicio .main-content .order-container .platform-pool[data-v-a6aa242a] {
    order: 1
}

.amber-purple .home-type-Platform.v01 #inicio .main-content .order-container .segment-c[data-v-a6aa242a],
.amber-purple .home-type-Platform.v01 #inicio .main-content .order-container .game-c[data-v-a6aa242a] {
    width: 100%
}

.amber-purple .home-type-Platform.v01 #inicio .main-content[data-v-a6aa242a]:before {
    opacity: .8;
    background-size: unset
}

.auroral-yellow #inicio[data-v-a6aa242a] {
    background: #171616
}

.auroral-yellow #inicio .main-content[data-v-a6aa242a] {
    --background: transparent;
    position: relative
}

.auroral-yellow #inicio .main-content[data-v-a6aa242a]: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
}

.auroral-yellow #inicio .main-content .order-container .swiper-c[data-v-a6aa242a] {
    margin-block-start: .9375rem;
    margin-inline: .9375rem
}

.auroral-yellow #inicio .main-content .order-container .segment-c[data-v-a6aa242a] {
    top: 0;
    z-index: 10
}

.auroral-yellow #inicio .main-content .order-container .game-wrapper-c[data-v-a6aa242a] {
    border-color: none
}

.auroral-yellow #inicio .main-content .order-container .apart-view-c[data-v-a6aa242a] .payment-box {
    margin-inline: .9375rem
}

.auroral-yellow #inicio .main-content .order-container[data-v-a6aa242a] {
    display: flex;
    flex-flow: wrap
}

.auroral-yellow #inicio .main-content .order-container .swiper-c[data-v-a6aa242a] {
    order: 1;
    width: 100%;
    height: 11.25rem;
    margin-block-start: .875rem
}

.auroral-yellow #inicio .main-content .order-container .activity-c[data-v-a6aa242a] {
    order: 3;
    width: 100%;
    margin-block-start: .6875rem
}

.auroral-yellow #inicio .main-content .order-container .activity-c[data-v-a6aa242a] ion-segment {
    height: 4.375rem;
    gap: .75rem
}

.auroral-yellow #inicio .main-content .order-container .activity-c[data-v-a6aa242a] ion-segment ion-segment-button {
    width: 7rem;
    border-radius: .375rem;
    --border-radius: .375rem
}

.auroral-yellow #inicio .main-content .order-container .marquee-c[data-v-a6aa242a] {
    order: 5;
    width: calc(100% - 1.875rem)
}

.auroral-yellow #inicio .main-content .order-container #game-buoy[data-v-a6aa242a] {
    order: 6;
    width: 100%
}

.auroral-yellow #inicio .main-content .order-container .bonus-pool-c[data-v-a6aa242a] {
    order: 7
}

.auroral-yellow #inicio .main-content .order-container .segment-c[data-v-a6aa242a] {
    order: 9;
    width: 100%
}

.auroral-yellow #inicio .main-content .order-container .game-c[data-v-a6aa242a] {
    order: 11;
    width: 100%
}

.auroral-yellow #inicio .main-content .order-container .game-c .platform-game-c[data-v-a6aa242a] {
    display: flex;
    flex-direction: column
}

.auroral-yellow #inicio .main-content .order-container .game-c .platform-game-c .game-wrapper-c[data-v-a6aa242a]:first-child .game-head {
    margin-block-start: .3125rem
}

.auroral-yellow #inicio .main-content .order-container .game-c .platform-game-c .bonus-pool-c[data-v-a6aa242a] {
    order: 1
}

.auroral-yellow #inicio .main-content .order-container .app-install-c[data-v-a6aa242a] {
    order: 13;
    width: 100%
}

.auroral-yellow #inicio .main-content .order-container .apart-view-c[data-v-a6aa242a] {
    order: 15;
    width: 100%
}

.auroral-yellow #inicio .main-content .order-container .apart-view-c[data-v-a6aa242a] .social-box {
    display: none
}

.auroral-yellow #inicio .main-content .order-container .footer-content-c[data-v-a6aa242a] {
    order: 19;
    width: calc(100% - 1.875rem);
    margin-inline: .9375rem
}

.auroral-yellow #inicio .main-content .order-container .platform-pool[data-v-a6aa242a] {
    order: 21
}

.color-primary-600[data-v-267b442d] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-267b442d] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-267b442d] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-267b442d] {
    color: var(--color-primary-900)
}

.bg-100[data-v-267b442d] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-267b442d] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-267b442d] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-267b442d] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-267b442d] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-267b442d] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-267b442d] {
    background-color: var(--color-warning)
}

.bg-link[data-v-267b442d] {
    background-color: var(--color-link)
}

.bg-danger[data-v-267b442d] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-267b442d] {
    color: var(--color-text-100)
}

.color-text-80[data-v-267b442d] {
    color: var(--color-text-80)
}

.color-text-50[data-v-267b442d] {
    color: var(--color-text-50)
}

.color-text-40[data-v-267b442d] {
    color: var(--color-text-40)
}

.color-text-20[data-v-267b442d] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-267b442d] {
    color: var(--color-currency)
}

.color-warning[data-v-267b442d] {
    color: var(--color-warning)
}

.color-danger[data-v-267b442d] {
    color: var(--color-danger)
}

.color-link[data-v-267b442d] {
    color: var(--color-link)
}

.color-line[data-v-267b442d] {
    color: var(--color-line)
}

.color-border[data-v-267b442d] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-267b442d] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-267b442d] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-267b442d] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-267b442d] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-267b442d] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-267b442d] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-267b442d] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-267b442d] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-267b442d] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-267b442d] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-267b442d] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-267b442d] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-267b442d] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-267b442d] {
    display: flex;
    align-items: center
}

.flex-start[data-v-267b442d] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-267b442d] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-267b442d] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-267b442d] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-267b442d] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-267b442d] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-267b442d] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-267b442d] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-267b442d] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-267b442d] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-267b442d] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-267b442d] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-267b442d] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-267b442d] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-267b442d] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-267b442d] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-267b442d] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-267b442d] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-267b442d] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-267b442d] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-267b442d] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-267b442d] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-267b442d] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-267b442d] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-267b442d],
.mlm-selected-item[data-v-267b442d] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-267b442d] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-267b442d]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-267b442d] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-267b442d] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-267b442d] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-modal#avatar[data-v-267b442d] {
    --height: 100%
}

ion-modal#avatar div.content[data-v-267b442d] {
    position: absolute;
    bottom: 0;
    max-height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: .5rem 1rem
}

ion-modal#avatar div.content ion-title[data-v-267b442d] {
    font-size: 1rem;
    line-height: 1.5rem
}

ion-modal#avatar div.content ion-row.sex[data-v-267b442d] {
    font-size: .875rem;
    line-height: 1.25rem
}

ion-modal#avatar div.content ion-row.sex ion-col[data-v-267b442d] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom-width: .0625rem
}

ion-modal#avatar div.content ion-row.sex ion-col ion-icon[data-v-267b442d] {
    font-size: 1.375rem
}

ion-modal#avatar div.content ion-row.sex ion-col.selected[data-v-267b442d] {
    border-bottom-width: .125rem
}

ion-modal#avatar div.content .img[data-v-267b442d] {
    flex: 1;
    padding-top: .625rem;
    padding-bottom: .625rem;
    overflow-y: auto
}

ion-modal#avatar div.content .img img[data-v-267b442d] {
    border-radius: .625rem
}

ion-modal#avatar div.content .img img.selected[data-v-267b442d] {
    border-width: .125rem
}

div.overflow-y-auto[data-v-267b442d] {
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none
}

div.overflow-y-auto[data-v-267b442d]::-webkit-scrollbar {
    display: none
}

ion-button.submit[data-v-267b442d] {
    --border-radius: .625rem;
    text-transform: none;
    margin-left: 3rem;
    margin-right: 3rem;
    min-height: 2.5rem;
    margin-bottom: 1.25rem
}

ion-icon.close[data-v-267b442d] {
    font-size: 1rem;
    border-radius: .3125rem
}

ion-modal#avatar div.content[data-v-267b442d] {
    background: var(--color-bg-200)
}

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)
}

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)
}

ion-modal#avatar div.content .img img.selected[data-v-267b442d] {
    border-color: var(--theme-color-600)
}

ion-toolbar[data-v-267b442d] {
    --background: var(--color-bg-200)
}

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)
}

ion-icon.close[data-v-267b442d] {
    background: var(--color-bg-50)
}

.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)
}

.green-default ion-modal#avatar div.content[data-v-267b442d] {
    background: var(--color-bg-400)
}

.green-default ion-modal#avatar div.content ion-row.sex ion-col.selected[data-v-267b442d] {
    border-color: var(--theme-color-500);
    color: var(--color-text-gray-100)
}

.green-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-200)
}

.green-default ion-modal#avatar div.content .img img.selected[data-v-267b442d] {
    border-color: var(--theme-color-500)
}

.green-default ion-toolbar[data-v-267b442d] {
    --background: var(--color-bg-400)
}

.green-default ion-button.submit[data-v-267b442d] {
    --background: var(--theme-color-gradient-100);
    --color: var(--color-text-white-100);
    --background-hover: var(--theme-color-600);
    --background-activated: var(--theme-color-600);
    --background-focused: var(--theme-color-600)
}

.green-default ion-icon.close[data-v-267b442d] {
    background: var(--color-bg-50)
}

.amber-purple ion-modal#avatar div.content[data-v-267b442d] {
    background: var(--color-bg-400)
}

.amber-purple ion-modal#avatar div.content ion-row.sex ion-col.selected[data-v-267b442d] {
    border-color: var(--theme-color-400);
    color: var(--color-text-gray-100)
}

.amber-purple ion-modal#avatar div.content ion-row.sex ion-col.gender-default[data-v-267b442d] {
    border-color: var(--color-color);
    color: var(--color-text-gray-200)
}

.amber-purple ion-modal#avatar div.content .img img.selected[data-v-267b442d] {
    border-color: var(--theme-color-400)
}

.amber-purple ion-toolbar[data-v-267b442d] {
    --background: var(--color-bg-400)
}

.amber-purple ion-button.submit[data-v-267b442d] {
    --background: var(--theme-color-gradient-100);
    --color: var(--color-text-white-100);
    --background-hover: var(--theme-color-100);
    --background-activated: var(--theme-color-100);
    --background-focused: var(--theme-color-100)
}

.amber-purple ion-icon.close[data-v-267b442d] {
    background: var(--color-bg-50)
}

.forest-green ion-modal#avatar div.content[data-v-267b442d] {
    background: var(--color-bg-200)
}

.forest-green ion-modal#avatar div.content ion-row.sex ion-col.selected[data-v-267b442d] {
    border-color: var(--color-line);
    color: var(--color-text-gray-100)
}

.forest-green ion-modal#avatar div.content ion-row.sex ion-col.gender-default[data-v-267b442d] {
    border-color: var(--color-bg-100);
    color: var(--color-text-gray-200)
}

.forest-green ion-modal#avatar div.content .img img.selected[data-v-267b442d] {
    border-color: var(--theme-color-500)
}

.forest-green ion-toolbar[data-v-267b442d] {
    --background: var(--color-bg-200)
}

.forest-green ion-button.submit[data-v-267b442d] {
    --background: var(--theme-color-gradient-100);
    --color: var(--color-text-white-100);
    --background-hover: var(#5eb76c);
    --background-activated: var(#6bbb79);
    --background-focused: var(#6bbb79)
}

.forest-green ion-icon.close[data-v-267b442d] {
    background: var(--color-bg-200)
}

.auroral-yellow ion-modal#avatar div.content[data-v-267b442d] {
    background: var(--color-bg-200)
}

.auroral-yellow 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)
}

.auroral-yellow 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)
}

.auroral-yellow ion-modal#avatar div.content .img img.selected[data-v-267b442d] {
    border-color: var(--theme-color-600)
}

.auroral-yellow ion-toolbar[data-v-267b442d] {
    --background: var(--color-bg-200)
}

.auroral-yellow ion-button.submit[data-v-267b442d] {
    --background: var(--theme-color-800);
    --color: var(--color-text-black-100);
    --background-hover: var(--theme-color-gradient-900);
    --background-activated: var(--theme-color-gradient-900);
    --background-focused: var(--theme-color-gradient-900)
}

.auroral-yellow ion-icon.close[data-v-267b442d] {
    background: var(--color-bg-50)
}

.color-primary-600[data-v-c8741ea2] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-c8741ea2] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-c8741ea2] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-c8741ea2] {
    color: var(--color-primary-900)
}

.bg-100[data-v-c8741ea2] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-c8741ea2] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-c8741ea2] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-c8741ea2] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-c8741ea2] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-c8741ea2] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-c8741ea2] {
    background-color: var(--color-warning)
}

.bg-link[data-v-c8741ea2] {
    background-color: var(--color-link)
}

.bg-danger[data-v-c8741ea2] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-c8741ea2] {
    color: var(--color-text-100)
}

.color-text-80[data-v-c8741ea2] {
    color: var(--color-text-80)
}

.color-text-50[data-v-c8741ea2] {
    color: var(--color-text-50)
}

.color-text-40[data-v-c8741ea2] {
    color: var(--color-text-40)
}

.color-text-20[data-v-c8741ea2] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-c8741ea2] {
    color: var(--color-currency)
}

.color-warning[data-v-c8741ea2] {
    color: var(--color-warning)
}

.color-danger[data-v-c8741ea2] {
    color: var(--color-danger)
}

.color-link[data-v-c8741ea2] {
    color: var(--color-link)
}

.color-line[data-v-c8741ea2] {
    color: var(--color-line)
}

.color-border[data-v-c8741ea2] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-c8741ea2] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-c8741ea2] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-c8741ea2] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-c8741ea2] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-c8741ea2] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-c8741ea2] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-c8741ea2] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-c8741ea2] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-c8741ea2] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-c8741ea2] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-c8741ea2] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-c8741ea2] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-c8741ea2] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-c8741ea2] {
    display: flex;
    align-items: center
}

.flex-start[data-v-c8741ea2] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-c8741ea2] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-c8741ea2] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-c8741ea2] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-c8741ea2] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-c8741ea2] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-c8741ea2] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-c8741ea2] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-c8741ea2] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-c8741ea2] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-c8741ea2] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-c8741ea2] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-c8741ea2] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-c8741ea2] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-c8741ea2] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-c8741ea2] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-c8741ea2] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-c8741ea2] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-c8741ea2] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-c8741ea2] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-c8741ea2] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-c8741ea2] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-c8741ea2] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-c8741ea2] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-c8741ea2],
.mlm-selected-item[data-v-c8741ea2] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-c8741ea2] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-c8741ea2]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-c8741ea2] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-c8741ea2] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-c8741ea2] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.money-color[data-v-c8741ea2] {
    display: flex;
    align-items: center;
    font-size: 1.25rem
}

.money-color div[data-v-c8741ea2] {
    position: relative
}

.money-color div .left[data-v-c8741ea2] {
    margin-right: .5rem;
    opacity: 0
}

.money-color div .right[data-v-c8741ea2] {
    position: absolute;
    top: 0rem;
    right: 0rem;
    bottom: 0rem;
    left: 0rem
}

.money-color span[data-v-c8741ea2] {
    margin-right: .75rem
}

.money-color ion-icon[data-v-c8741ea2] {
    font-size: 1.5rem;
    transform: rotate(30deg)
}

.money-color ion-icon.animate-refresh[data-v-c8741ea2] {
    animation: rotation .5s infinite linear
}

.money-color[data-v-c8741ea2],
.blue-default .money-color[data-v-c8741ea2] {
    color: var(--color-text-white-100)
}

.green-default .money-color[data-v-c8741ea2],
.amber-purple .money-color[data-v-c8741ea2],
.forest-green .money-color[data-v-c8741ea2] {
    color: var(--color-text-gray-100)
}

.color-primary-600[data-v-faf71b0d] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-faf71b0d] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-faf71b0d] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-faf71b0d] {
    color: var(--color-primary-900)
}

.bg-100[data-v-faf71b0d] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-faf71b0d] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-faf71b0d] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-faf71b0d] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-faf71b0d] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-faf71b0d] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-faf71b0d] {
    background-color: var(--color-warning)
}

.bg-link[data-v-faf71b0d] {
    background-color: var(--color-link)
}

.bg-danger[data-v-faf71b0d] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-faf71b0d] {
    color: var(--color-text-100)
}

.color-text-80[data-v-faf71b0d] {
    color: var(--color-text-80)
}

.color-text-50[data-v-faf71b0d] {
    color: var(--color-text-50)
}

.color-text-40[data-v-faf71b0d] {
    color: var(--color-text-40)
}

.color-text-20[data-v-faf71b0d] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-faf71b0d] {
    color: var(--color-currency)
}

.color-warning[data-v-faf71b0d] {
    color: var(--color-warning)
}

.color-danger[data-v-faf71b0d] {
    color: var(--color-danger)
}

.color-link[data-v-faf71b0d] {
    color: var(--color-link)
}

.color-line[data-v-faf71b0d] {
    color: var(--color-line)
}

.color-border[data-v-faf71b0d] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-faf71b0d] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-faf71b0d] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-faf71b0d] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-faf71b0d] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-faf71b0d] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-faf71b0d] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-faf71b0d] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-faf71b0d] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-faf71b0d] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-faf71b0d] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-faf71b0d] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-faf71b0d] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-faf71b0d] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-faf71b0d] {
    display: flex;
    align-items: center
}

.flex-start[data-v-faf71b0d] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-faf71b0d] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-faf71b0d] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-faf71b0d] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-faf71b0d] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-faf71b0d] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-faf71b0d] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-faf71b0d] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-faf71b0d] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-faf71b0d] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-faf71b0d] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-faf71b0d] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-faf71b0d] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-faf71b0d] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-faf71b0d] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-faf71b0d] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-faf71b0d] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-faf71b0d] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-faf71b0d] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-faf71b0d] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-faf71b0d] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-faf71b0d] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-faf71b0d] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-faf71b0d] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-faf71b0d],
.mlm-selected-item[data-v-faf71b0d] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-faf71b0d] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-faf71b0d]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-faf71b0d] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-faf71b0d] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-faf71b0d] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-content[data-v-faf71b0d] {
    height: calc(100vh-14.359vw);
    overflow-y: auto;
    font-size: .75rem;
    line-height: 1rem;
    --space-y: .875rem;
    --padding-start: 1rem;
    --padding-end: 1rem;
    --padding-top: 1rem;
    --padding-bottom: 1rem;
    padding-inline-start: 1rem;
    padding-inline-end: 1rem
}

ion-content .user[data-v-faf71b0d] {
    width: 100%;
    padding: .875rem .625rem;
    border-radius: .5rem
}

ion-content .user .top[data-v-faf71b0d] {
    display: flex
}

ion-content .user .top .messsage[data-v-faf71b0d] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-size: .875rem;
    line-height: 1.25rem;
    margin-left: .625rem;
    margin-right: .625rem
}

ion-content .user .top .messsage .Id[data-v-faf71b0d] {
    display: flex;
    align-items: flex-end
}

ion-content .user .top .messsage .Id ion-icon[data-v-faf71b0d] {
    font-size: 1.25rem;
    margin-left: .125rem
}

ion-content .user .top .messsage .level[data-v-faf71b0d] {
    position: relative;
    width: 2.1875rem;
    height: 2.1875rem;
    margin-left: .25rem;
    transform: translateY(.3125rem)
}

ion-content .user .top .messsage .level div[data-v-faf71b0d] {
    top: .6875rem;
    left: .75rem;
    width: 1.875rem;
    font-size: .5rem;
    font-style: normal;
    font-weight: 600;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute
}

ion-content .user .top .email[data-v-faf71b0d] {
    position: relative;
    width: 1.75rem
}

ion-content .user .top .email .email-icon[data-v-faf71b0d] {
    font-size: 1.6rem
}

ion-content .user .top .email p[data-v-faf71b0d] {
    position: absolute;
    width: .75rem;
    height: .75rem;
    background-color: red;
    font-size: .5rem;
    line-height: .75rem;
    top: 0;
    right: 0;
    text-align: center;
    border-radius: 50%
}

ion-content .user .bottom[data-v-faf71b0d] {
    margin-top: 1.25rem
}

ion-content .user .bottom ion-col div[data-v-faf71b0d] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: .5rem;
    padding-bottom: .5rem;
    border-radius: .375rem
}

ion-content .user .bottom ion-col div ion-icon[data-v-faf71b0d] {
    font-size: 1.5rem;
    margin-right: .625rem
}

ion-content .vip[data-v-faf71b0d] {
    width: 100%;
    padding: .875rem .625rem;
    border-radius: .5rem;
    font-size: .625rem
}

ion-content .vip .top[data-v-faf71b0d] {
    display: flex;
    align-items: center
}

ion-content .vip .top .left[data-v-faf71b0d] {
    position: relative;
    width: 4rem
}

ion-content .vip .top .left ion-img[data-v-faf71b0d] {
    top: -1.5625rem;
    left: .625rem;
    width: 3.375rem;
    position: absolute
}

ion-content .vip .top .left div[data-v-faf71b0d] {
    left: 2.375rem;
    width: 1.875rem;
    font-size: .6rem;
    text-align: center;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute
}

ion-content .vip .top .right[data-v-faf71b0d] {
    text-align: center;
    margin-left: 1rem;
    padding-top: .75rem;
    flex: 1
}

ion-content .vip .top .right .level[data-v-faf71b0d] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

ion-content .vip .top .right .level .chevron-forward[data-v-faf71b0d] {
    font-size: 1rem
}

ion-content .vip .bottom[data-v-faf71b0d] {
    margin-top: .75rem;
    margin-bottom: .75rem
}

ion-content .vip .bottom .line[data-v-faf71b0d] {
    display: flex;
    align-items: center
}

ion-content .vip .bottom .line .left[data-v-faf71b0d] {
    width: 20%;
    text-align: center
}

ion-content .vip .bottom .line .right[data-v-faf71b0d] {
    width: 80%;
    height: 1rem
}

ion-content .vip .bottom .line .right .progress[data-v-faf71b0d] {
    position: relative
}

ion-content .vip .bottom .line .right .progress ion-progress-bar[data-v-faf71b0d] {
    position: absolute;
    height: 1rem
}

ion-content .vip .bottom .line .right .progress div[data-v-faf71b0d] {
    color: #fff;
    transform: translate(-50%);
    left: 50%;
    position: absolute
}

ion-content .vip .bottom[data-v-faf71b0d]>*+* {
    margin-top: .75rem
}

ion-content .option[data-v-faf71b0d] {
    width: 100%;
    padding-left: 1rem;
    border-radius: .5rem
}

ion-content .option ion-item[data-v-faf71b0d] {
    font-size: .75rem;
    position: relative
}

ion-content .option ion-item .left[data-v-faf71b0d] {
    display: flex;
    align-items: center
}

ion-content .option ion-item .left ion-img[data-v-faf71b0d] {
    width: 1.875rem;
    margin-right: .625rem
}

ion-content .option ion-item .middle[data-v-faf71b0d] {
    width: 100%;
    display: flex;
    justify-content: flex-end
}

ion-content .option ion-item .middle ion-label[data-v-faf71b0d] {
    flex: 2.5;
    text-align: right;
    font-size: .625rem;
    max-width: 13rem
}

ion-content .option ion-item p.unRead[data-v-faf71b0d] {
    font-size: .625rem;
    display: flex;
    letter-spacing: normal;
    justify-content: center;
    align-items: center;
    width: 1rem;
    height: 1rem;
    position: absolute;
    right: 1.625rem;
    background-color: red;
    border-radius: 50%;
    color: #fff
}

ion-content[data-v-faf71b0d]>*+* {
    margin-top: .875rem
}

.avatar[data-v-faf71b0d] {
    --size: 4.75rem;
    --border-radius: .5rem
}

ion-progress-bar[data-v-faf71b0d] {
    border-radius: 1rem;
    --progress-background: linear-gradient(359deg, #fa9a21 1.02%, #f8da9d 89.77%)
}

.progress-text[data-v-faf71b0d] {
    text-shadow: .0625rem .0625rem .0625rem black
}

ion-item[data-v-faf71b0d] {
    --min-height: 0;
    --padding-end: 0;
    --padding-top: .75rem;
    --padding-bottom: .75rem;
    --padding-start: 0;
    --background: transparent
}

ion-item[data-v-faf71b0d]::part(detail-icon) {
    opacity: 1
}

.animate-refresh[data-v-faf71b0d] {
    animation: rotation-faf71b0d .5s infinite linear
}

@keyframes rotation-faf71b0d {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(359deg)
    }
}

ion-modal#profile-modal-language[data-v-faf71b0d] {
    --width: fit-content;
    --height: fit-content;
    --border-radius: .375rem;
    --box-shadow: 0 1.75rem 3rem rgba(0, 0, 0, .4)
}

ion-content .user .top .email .email-icon[data-v-faf71b0d] {
    color: var(--theme-color-500)
}

ion-content .user .bottom ion-col div.left[data-v-faf71b0d] {
    background: var(--color-border-600)
}

ion-content .user .bottom ion-col div.right[data-v-faf71b0d] {
    background: var(--theme-color-gradient-200);
    color: var(--color-text-white-100)
}

ion-content .user .bottom ion-col div.right .enter-withdraw-text[data-v-faf71b0d] {
    color: var(--color-text-white-100)
}

.card-bg-gradient[data-v-faf71b0d] {
    background: var(--theme-color-gradient-300)
}

.user-base-color[data-v-faf71b0d] {
    color: var(--color-text-white-100)
}

.user-base-color ion-icon[data-v-faf71b0d] {
    color: var(--color-text-white-100)
}

.user-id[data-v-faf71b0d],
.user-account[data-v-faf71b0d] {
    color: var(--color-text-white-100)
}

ion-icon.chevron-forward[data-v-faf71b0d] {
    color: var(--color-text-gray-300)
}

ion-progress-bar[data-v-faf71b0d] {
    --background: var(--color-bg-600)
}

.progress-text[data-v-faf71b0d] {
    color: var(--color-text-white-100)
}

.invite-text[data-v-faf71b0d] {
    color: var(--color-text-gray-100)
}

ion-item[data-v-faf71b0d]::part(detail-icon) {
    color: var(--my-chevron-forward-color)
}

.enter-withdraw-text[data-v-faf71b0d] {
    color: var(--my-enter-withdraw-text-color)
}

.important-text[data-v-faf71b0d] {
    color: var(--money-text-color)
}

ion-content .vip .bottom .line .right .progress div[data-v-faf71b0d] {
    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)
}

.green-default ion-content .user .top .email .email-icon[data-v-faf71b0d] {
    color: var(--theme-color-500)
}

.green-default ion-content .user .bottom ion-col div.left[data-v-faf71b0d] {
    background: var(--theme-color-gradient-100)
}

.green-default ion-content .user .bottom ion-col div.right[data-v-faf71b0d] {
    background: var(--theme-color-gradient-200);
    color: var(--color-text-white-100)
}

.green-default ion-content .user .bottom ion-col div.right .enter-withdraw-text[data-v-faf71b0d] {
    color: var(--color-text-white-100)
}

.green-default .card-bg-gradient[data-v-faf71b0d] {
    background: var(--color-bg-200)
}

.green-default .user-base-color[data-v-faf71b0d] {
    color: var(--color-text-gray-100)
}

.green-default .user-base-color ion-icon[data-v-faf71b0d] {
    color: var(--color-text-gray-200)
}

.green-default .user-id[data-v-faf71b0d],
.green-default .user-account[data-v-faf71b0d] {
    color: var(--color-text-gray-200)
}

.green-default ion-icon.chevron-forward[data-v-faf71b0d] {
    color: var(--color-text-gray-200)
}

.green-default ion-progress-bar[data-v-faf71b0d] {
    --background: var(--color-bg-100)
}

.green-default .progress-text[data-v-faf71b0d],
.green-default .invite-text[data-v-faf71b0d] {
    color: var(--color-text-gray-100)
}

.green-default ion-item[data-v-faf71b0d]::part(detail-icon) {
    color: var(--color-text-gray-200)
}

.green-default .enter-withdraw-text[data-v-faf71b0d] {
    color: var(--color-text-white-100)
}

.green-default .important-text[data-v-faf71b0d] {
    color: var(--accent-color-yellow)
}

.green-default ion-content .vip .bottom .line .right .progress div[data-v-faf71b0d] {
    color: var(--color-text-white-100)
}

.amber-purple ion-content .user .top .email .email-icon[data-v-faf71b0d] {
    color: var(--theme-color-500)
}

.amber-purple ion-content .user .bottom ion-col div.left[data-v-faf71b0d] {
    background: var(--theme-color-gradient-300)
}

.amber-purple ion-content .user .bottom ion-col div.right[data-v-faf71b0d] {
    background: var(--theme-color-gradient-200);
    color: var(--color-text-white-100)
}

.amber-purple ion-content .user .bottom ion-col div.right .enter-withdraw-text[data-v-faf71b0d] {
    color: var(--color-text-white-100)
}

.amber-purple .card-bg-gradient[data-v-faf71b0d] {
    background: var(--color-bg-200)
}

.amber-purple .user-base-color[data-v-faf71b0d] {
    color: var(--color-text-gray-100)
}

.amber-purple .user-base-color ion-icon[data-v-faf71b0d] {
    color: var(--color-text-gray-200)
}

.amber-purple .user-id[data-v-faf71b0d],
.amber-purple .user-account[data-v-faf71b0d] {
    color: var(--color-text-gray-200)
}

.amber-purple ion-icon.chevron-forward[data-v-faf71b0d] {
    color: var(--color-text-gray-200)
}

.amber-purple ion-progress-bar[data-v-faf71b0d] {
    --background: var(--color-bg-100)
}

.amber-purple .progress-text[data-v-faf71b0d],
.amber-purple .invite-text[data-v-faf71b0d] {
    color: var(--color-text-gray-100)
}

.amber-purple ion-item[data-v-faf71b0d]::part(detail-icon) {
    color: var(--color-text-gray-200)
}

.amber-purple .enter-withdraw-text[data-v-faf71b0d] {
    color: var(--color-text-white-100)
}

.amber-purple .important-text[data-v-faf71b0d] {
    color: var(--accent-color-yellow)
}

.amber-purple ion-content .vip .bottom .line .right .progress div[data-v-faf71b0d] {
    color: var(--color-text-white-100)
}

.forest-green ion-content .user .top .email .email-icon[data-v-faf71b0d] {
    color: var(--color-text-gray-200)
}

.forest-green ion-content .user .bottom ion-col div.left[data-v-faf71b0d] {
    background: var(--theme-color-gradient-100)
}

.forest-green ion-content .user .bottom ion-col div.right[data-v-faf71b0d] {
    background: var(--theme-color-gradient-200);
    color: var(--color-text-white-100)
}

.forest-green ion-content .user .bottom ion-col div.right .enter-withdraw-text[data-v-faf71b0d] {
    color: var(--color-text-white-100)
}

.forest-green .card-bg-gradient[data-v-faf71b0d] {
    background: var(--color-bg-200)
}

.forest-green .user-base-color[data-v-faf71b0d] {
    color: var(--color-text-gray-100)
}

.forest-green .user-base-color ion-icon[data-v-faf71b0d] {
    color: var(--color-text-gray-200)
}

.forest-green .user-id[data-v-faf71b0d],
.forest-green .user-account[data-v-faf71b0d] {
    color: var(--color-text-gray-200)
}

.forest-green ion-icon.chevron-forward[data-v-faf71b0d] {
    color: var(--color-text-gray-200)
}

.forest-green ion-progress-bar[data-v-faf71b0d] {
    --background: var(--color-bg-100)
}

.forest-green .progress-text[data-v-faf71b0d],
.forest-green .invite-text[data-v-faf71b0d] {
    color: var(--color-text-gray-100)
}

.forest-green ion-item[data-v-faf71b0d]::part(detail-icon) {
    color: var(--color-text-gray-200)
}

.forest-green .enter-withdraw-text[data-v-faf71b0d] {
    color: var(--color-text-white-100)
}

.forest-green .important-text[data-v-faf71b0d] {
    color: var(--accent-color-yellow)
}

.forest-green ion-content .vip .bottom .line .right .progress div[data-v-faf71b0d] {
    color: var(--color-text-white-100)
}

.auroral-yellow ion-content .user .top .email .email-icon[data-v-faf71b0d] {
    color: var(--color-text-gray-200)
}

.auroral-yellow ion-content .user .bottom ion-col div.left[data-v-faf71b0d] {
    background: var(--color-bg-100)
}

.auroral-yellow ion-content .user .bottom ion-col div.right[data-v-faf71b0d] {
    background: var(--text-color1);
    color: var(--color-text-black-100)
}

.auroral-yellow ion-content .user .bottom ion-col div.right .enter-withdraw-text[data-v-faf71b0d] {
    color: var(--color-text-black-100)
}

.auroral-yellow .card-bg-gradient[data-v-faf71b0d] {
    background: var(--color-bg-200)
}

.auroral-yellow .user-base-color[data-v-faf71b0d] {
    color: var(--color-text-gray-100)
}

.auroral-yellow .user-base-color ion-icon[data-v-faf71b0d] {
    color: var(--color-text-gray-200)
}

.auroral-yellow .user-id[data-v-faf71b0d],
.auroral-yellow .user-account[data-v-faf71b0d] {
    color: var(--color-text-gray-200)
}

.auroral-yellow ion-icon.chevron-forward[data-v-faf71b0d] {
    color: var(--color-text-gray-200)
}

.auroral-yellow ion-progress-bar[data-v-faf71b0d] {
    --background: var(--color-bg-100)
}

.auroral-yellow .progress-text[data-v-faf71b0d],
.auroral-yellow .invite-text[data-v-faf71b0d] {
    color: var(--color-text-gray-100)
}

.auroral-yellow ion-item[data-v-faf71b0d]::part(detail-icon) {
    color: var(--color-text-gray-200)
}

.auroral-yellow .enter-withdraw-text[data-v-faf71b0d] {
    color: var(--color-text-white-100)
}

.auroral-yellow .important-text[data-v-faf71b0d] {
    color: var(--accent-color-yellow-1)
}

.auroral-yellow ion-content .vip .bottom .line .right .progress div[data-v-faf71b0d] {
    color: var(--color-text-white-100)
}

.color-primary-600[data-v-01e5a229] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-01e5a229] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-01e5a229] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-01e5a229] {
    color: var(--color-primary-900)
}

.bg-100[data-v-01e5a229] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-01e5a229] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-01e5a229] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-01e5a229] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-01e5a229] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-01e5a229] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-01e5a229] {
    background-color: var(--color-warning)
}

.bg-link[data-v-01e5a229] {
    background-color: var(--color-link)
}

.bg-danger[data-v-01e5a229] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-01e5a229] {
    color: var(--color-text-100)
}

.color-text-80[data-v-01e5a229] {
    color: var(--color-text-80)
}

.color-text-50[data-v-01e5a229] {
    color: var(--color-text-50)
}

.color-text-40[data-v-01e5a229] {
    color: var(--color-text-40)
}

.color-text-20[data-v-01e5a229] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-01e5a229] {
    color: var(--color-currency)
}

.color-warning[data-v-01e5a229] {
    color: var(--color-warning)
}

.color-danger[data-v-01e5a229] {
    color: var(--color-danger)
}

.color-link[data-v-01e5a229] {
    color: var(--color-link)
}

.color-line[data-v-01e5a229] {
    color: var(--color-line)
}

.color-border[data-v-01e5a229] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-01e5a229] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-01e5a229] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-01e5a229] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-01e5a229] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-01e5a229] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-01e5a229] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-01e5a229] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-01e5a229] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-01e5a229] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-01e5a229] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-01e5a229] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-01e5a229] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-01e5a229] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-01e5a229] {
    display: flex;
    align-items: center
}

.flex-start[data-v-01e5a229] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-01e5a229] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-01e5a229] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-01e5a229] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-01e5a229] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-01e5a229] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-01e5a229] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-01e5a229] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-01e5a229] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-01e5a229] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-01e5a229] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-01e5a229] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-01e5a229] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-01e5a229] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-01e5a229] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-01e5a229] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-01e5a229] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-01e5a229] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-01e5a229] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-01e5a229] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-01e5a229] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-01e5a229] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-01e5a229] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-01e5a229] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-01e5a229],
.mlm-selected-item[data-v-01e5a229] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-01e5a229] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-01e5a229]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-01e5a229] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-01e5a229] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-01e5a229] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.ion-padding .bind-white-color[data-v-01e5a229] {
    font-size: .875rem;
    line-height: 1.25rem;
    margin-bottom: .25rem
}

.ion-padding ion-item.phone[data-v-01e5a229] {
    margin-top: .625rem;
    margin-bottom: .3125rem
}

.ion-padding ion-item.phone .item[data-v-01e5a229] {
    display: flex;
    align-items: center
}

.ion-padding ion-item.phone .item .flag[data-v-01e5a229] {
    border-radius: .75rem;
    font-size: 1.25rem;
    margin-right: .5rem
}

.ion-padding ion-item.phone .item .area[data-v-01e5a229] {
    border-left: .125rem solid #D6DDED;
    padding-left: .5rem
}

.ion-padding ion-item.email[data-v-01e5a229] {
    margin-top: .625rem;
    margin-bottom: .3125rem
}

.ion-padding ion-item.submit[data-v-01e5a229] {
    font-size: 1rem;
    filter: drop-shadow(0 .25rem .9375rem rgba(32, 139, 229, .25));
    margin: 1.25rem 2.5rem
}

.ion-padding ion-item.submit .submit-btn[data-v-01e5a229] {
    font-size: .875rem;
    width: 100%
}

ion-item[data-v-01e5a229] {
    --background: transparent;
    --padding-start: 0;
    --inner-padding-end: .25rem;
    min-height: 3.375rem !important
}

ion-input[data-v-01e5a229] {
    --border-width: 0rem;
    --border-radius: .625rem;
    --padding-start: 1rem !important;
    --padding-end: 1rem !important;
    min-height: 3.375rem !important;
    font-size: .875rem
}

ion-item.submit[data-v-01e5a229] {
    --min-height: 0;
    --ion-safe-area-left: 0;
    --ion-safe-area-right: 0;
    --background: linear-gradient(0deg, #0167CA 0%, #38A8FA 100%);
    --border-radius: .625rem
}

ion-button.verify[data-v-01e5a229] {
    --background: linear-gradient(0deg, #0167CA 0%, #38A8FA 100%);
    --border-radius: .625rem
}

ion-button.verify.on[data-v-01e5a229] {
    --background: #626262;
    --padding-start: 1.25rem;
    --padding-end: 1.25rem
}

ion-button.submit-btn[data-v-01e5a229] {
    font-weight: 700
}

ion-input[data-v-01e5a229] {
    --background: var(--color-bg-200);
    --placeholder-color: var(--color-text-gray-300)
}

.bind-white-color[data-v-01e5a229] {
    color: var(--color-text-white-100)
}

ion-button.submit-btn[data-v-01e5a229] {
    --background: var(--theme-color-gradient-100);
    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)
}

.green-default ion-input[data-v-01e5a229],
.forest-green ion-input[data-v-01e5a229] {
    --background: var(--color-bg-400);
    --placeholder-color: var(--color-text-gray-200)
}

.green-default .bind-white-color[data-v-01e5a229],
.forest-green .bind-white-color[data-v-01e5a229] {
    color: var(--color-text-gray-100)
}

.green-default ion-button.submit-btn[data-v-01e5a229],
.forest-green ion-button.submit-btn[data-v-01e5a229] {
    --background: var(--theme-color-gradient-100);
    color: var(--color-text-white-100)
}

.amber-purple ion-input[data-v-01e5a229] {
    --background: var(--color-bg-400);
    --placeholder-color: var(--color-text-gray-200)
}

.amber-purple .bind-white-color[data-v-01e5a229] {
    color: var(--color-text-gray-100)
}

.amber-purple ion-button.submit-btn[data-v-01e5a229] {
    --background: var(--theme-color-gradient-100);
    color: var(--color-text-white-100)
}

.auroral-yellow ion-input[data-v-01e5a229] {
    --background: var(--color-bg-200);
    --placeholder-color: var(--color-text-gray-300)
}

.auroral-yellow .bind-white-color[data-v-01e5a229] {
    color: var(--color-text-white-100)
}

.auroral-yellow ion-button.submit-btn[data-v-01e5a229] {
    --background: var(--theme-color-800);
    color: var(--color-text-black-100)
}

.color-primary-600[data-v-dd961242] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-dd961242] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-dd961242] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-dd961242] {
    color: var(--color-primary-900)
}

.bg-100[data-v-dd961242] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-dd961242] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-dd961242] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-dd961242] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-dd961242] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-dd961242] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-dd961242] {
    background-color: var(--color-warning)
}

.bg-link[data-v-dd961242] {
    background-color: var(--color-link)
}

.bg-danger[data-v-dd961242] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-dd961242] {
    color: var(--color-text-100)
}

.color-text-80[data-v-dd961242] {
    color: var(--color-text-80)
}

.color-text-50[data-v-dd961242] {
    color: var(--color-text-50)
}

.color-text-40[data-v-dd961242] {
    color: var(--color-text-40)
}

.color-text-20[data-v-dd961242] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-dd961242] {
    color: var(--color-currency)
}

.color-warning[data-v-dd961242] {
    color: var(--color-warning)
}

.color-danger[data-v-dd961242] {
    color: var(--color-danger)
}

.color-link[data-v-dd961242] {
    color: var(--color-link)
}

.color-line[data-v-dd961242] {
    color: var(--color-line)
}

.color-border[data-v-dd961242] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-dd961242] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-dd961242] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-dd961242] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-dd961242] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-dd961242] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-dd961242] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-dd961242] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-dd961242] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-dd961242] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-dd961242] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-dd961242] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-dd961242] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-dd961242] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-dd961242] {
    display: flex;
    align-items: center
}

.flex-start[data-v-dd961242] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-dd961242] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-dd961242] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-dd961242] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-dd961242] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-dd961242] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-dd961242] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-dd961242] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-dd961242] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-dd961242] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-dd961242] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-dd961242] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-dd961242] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-dd961242] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-dd961242] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-dd961242] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-dd961242] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-dd961242] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-dd961242] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-dd961242] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-dd961242] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-dd961242] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-dd961242] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-dd961242] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-dd961242],
.mlm-selected-item[data-v-dd961242] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-dd961242] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-dd961242]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-dd961242] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-dd961242] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-dd961242] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.real-name[data-v-dd961242] {
    padding-right: .75rem;
    overflow-x: scroll;
    white-space: nowrap;
    border-bottom: 1px solid var(--color-line);
    font-size: var(--font-size-14);
    font-weight: var(--font-weight-bold)
}

.real-name[data-v-dd961242]::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important
}

.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)
}

.green-default .form-wrap[data-v-dd961242],
.forest-green .form-wrap[data-v-dd961242] {
    margin-top: 1.3125rem;
    overflow: hidden
}

.green-default .form-wrap .item[data-v-dd961242],
.forest-green .form-wrap .item[data-v-dd961242] {
    margin-bottom: 1.875rem
}

.green-default .form-wrap .item .label[data-v-dd961242],
.forest-green .form-wrap .item .label[data-v-dd961242] {
    font-size: .75rem;
    line-height: 1.375rem;
    color: var(--color-text-gray-100)
}

.green-default .form-wrap .item ion-input[data-v-dd961242],
.forest-green .form-wrap .item ion-input[data-v-dd961242] {
    --color: var(--color-text-gray-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-800);
    --highlight-color-focused: var(--theme-color-800)
}

.amber-purple .form-wrap[data-v-dd961242] {
    margin-top: 1.3125rem;
    overflow: hidden
}

.amber-purple .form-wrap .item[data-v-dd961242] {
    margin-bottom: 1.875rem
}

.amber-purple .form-wrap .item .label[data-v-dd961242] {
    font-size: .75rem;
    line-height: 1.375rem;
    color: var(--text-color-light-purple-1-100)
}

.amber-purple .form-wrap .item ion-input[data-v-dd961242] {
    --color: var(--text-color-light-purple-1-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(--text-color-light-purple-2-100);
    --highlight-color: var(--theme-color-800);
    --highlight-color-focused: var(--theme-color-800)
}

.auroral-yellow .form-wrap[data-v-dd961242] {
    margin-top: 1.3125rem;
    overflow: hidden
}

.auroral-yellow .form-wrap .item[data-v-dd961242] {
    margin-bottom: 1.875rem
}

.auroral-yellow .form-wrap .item .label[data-v-dd961242] {
    font-size: .75rem;
    line-height: 1.375rem;
    color: var(--color-text-gray-200)
}

.auroral-yellow .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-800);
    --highlight-color-focused: var(--theme-color-800)
}

.amber-purple .form-wrap .item p[data-v-dd961242] {
    color: var(--text-color-light-purple-1-100)
}

.amber-purple .form-wrap .item ion-input[data-v-dd961242] {
    --placeholder-color: var(--text-color-light-purple-2-100);
    --highlight-color: var(--theme-color-800);
    --highlight-color-focused: var(--theme-color-800)
}

.color-primary-600[data-v-d621ebdb] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-d621ebdb] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-d621ebdb] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-d621ebdb] {
    color: var(--color-primary-900)
}

.bg-100[data-v-d621ebdb] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-d621ebdb] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-d621ebdb] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-d621ebdb] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-d621ebdb] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-d621ebdb] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-d621ebdb] {
    background-color: var(--color-warning)
}

.bg-link[data-v-d621ebdb] {
    background-color: var(--color-link)
}

.bg-danger[data-v-d621ebdb] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-d621ebdb] {
    color: var(--color-text-100)
}

.color-text-80[data-v-d621ebdb] {
    color: var(--color-text-80)
}

.color-text-50[data-v-d621ebdb] {
    color: var(--color-text-50)
}

.color-text-40[data-v-d621ebdb] {
    color: var(--color-text-40)
}

.color-text-20[data-v-d621ebdb] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-d621ebdb] {
    color: var(--color-currency)
}

.color-warning[data-v-d621ebdb] {
    color: var(--color-warning)
}

.color-danger[data-v-d621ebdb] {
    color: var(--color-danger)
}

.color-link[data-v-d621ebdb] {
    color: var(--color-link)
}

.color-line[data-v-d621ebdb] {
    color: var(--color-line)
}

.color-border[data-v-d621ebdb] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-d621ebdb] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-d621ebdb] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-d621ebdb] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-d621ebdb] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-d621ebdb] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-d621ebdb] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-d621ebdb] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-d621ebdb] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-d621ebdb] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-d621ebdb] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-d621ebdb] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-d621ebdb] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-d621ebdb] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-d621ebdb] {
    display: flex;
    align-items: center
}

.flex-start[data-v-d621ebdb] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-d621ebdb] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-d621ebdb] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-d621ebdb] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-d621ebdb] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-d621ebdb] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-d621ebdb] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-d621ebdb] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-d621ebdb] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-d621ebdb] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-d621ebdb] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-d621ebdb] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-d621ebdb] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-d621ebdb] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-d621ebdb] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-d621ebdb] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-d621ebdb] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-d621ebdb] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-d621ebdb] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-d621ebdb] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-d621ebdb] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-d621ebdb] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-d621ebdb] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-d621ebdb] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-d621ebdb],
.mlm-selected-item[data-v-d621ebdb] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-d621ebdb] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-d621ebdb]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-d621ebdb] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-d621ebdb] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-d621ebdb] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-content[data-v-d621ebdb] {
    --padding-bottom: var(--658e0f7a)
}

.item-row[data-v-d621ebdb] {
    background-color: var(--color-bg-input);
    border-radius: .375rem;
    height: 2.5rem;
    width: 100%;
    padding-left: .5rem;
    margin-top: 0rem;
    margin-bottom: 1.3125rem
}

ion-input[data-v-d621ebdb] {
    min-height: 2.5rem !important;
    font-size: .875rem !important;
    --border-width: 0px !important
}

.amber-purple .item-row[data-v-d621ebdb] {
    background-color: var(--color-bg-400)
}

.amber-purple .label[data-v-d621ebdb] {
    color: var(--text-color-light-purple-1-100)
}

.amber-purple ion-input[data-v-d621ebdb] {
    --placeholder-color: var(--text-color-light-purple-2-100);
    --placeholder-opacity: 1
}

h6.tips[data-v-d621ebdb],
p.label[data-v-d621ebdb] {
    color: var(--color-text-blur)
}

.tips span[data-v-d621ebdb],
ion-icon.help[data-v-d621ebdb] {
    color: var(--color-text-href)
}

label.label[data-v-d621ebdb],
span.label[data-v-d621ebdb] {
    color: var(--color-text-label-basic)
}

div.line[data-v-d621ebdb] {
    background: var(--color-line)
}

.color-primary-600[data-v-a20f2ee4] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-a20f2ee4] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-a20f2ee4] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-a20f2ee4] {
    color: var(--color-primary-900)
}

.bg-100[data-v-a20f2ee4] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-a20f2ee4] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-a20f2ee4] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-a20f2ee4] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-a20f2ee4] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-a20f2ee4] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-a20f2ee4] {
    background-color: var(--color-warning)
}

.bg-link[data-v-a20f2ee4] {
    background-color: var(--color-link)
}

.bg-danger[data-v-a20f2ee4] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-a20f2ee4] {
    color: var(--color-text-100)
}

.color-text-80[data-v-a20f2ee4] {
    color: var(--color-text-80)
}

.color-text-50[data-v-a20f2ee4] {
    color: var(--color-text-50)
}

.color-text-40[data-v-a20f2ee4] {
    color: var(--color-text-40)
}

.color-text-20[data-v-a20f2ee4] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-a20f2ee4] {
    color: var(--color-currency)
}

.color-warning[data-v-a20f2ee4] {
    color: var(--color-warning)
}

.color-danger[data-v-a20f2ee4] {
    color: var(--color-danger)
}

.color-link[data-v-a20f2ee4] {
    color: var(--color-link)
}

.color-line[data-v-a20f2ee4] {
    color: var(--color-line)
}

.color-border[data-v-a20f2ee4] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-a20f2ee4] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-a20f2ee4] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-a20f2ee4] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-a20f2ee4] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-a20f2ee4] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-a20f2ee4] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-a20f2ee4] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-a20f2ee4] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-a20f2ee4] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-a20f2ee4] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-a20f2ee4] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-a20f2ee4] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-a20f2ee4] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-a20f2ee4] {
    display: flex;
    align-items: center
}

.flex-start[data-v-a20f2ee4] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-a20f2ee4] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-a20f2ee4] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-a20f2ee4] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-a20f2ee4] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-a20f2ee4] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-a20f2ee4] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-a20f2ee4] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-a20f2ee4] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-a20f2ee4] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-a20f2ee4] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-a20f2ee4] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-a20f2ee4] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-a20f2ee4] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-a20f2ee4] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-a20f2ee4] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-a20f2ee4] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-a20f2ee4] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-a20f2ee4] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-a20f2ee4] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-a20f2ee4] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-a20f2ee4] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-a20f2ee4] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-a20f2ee4] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-a20f2ee4],
.mlm-selected-item[data-v-a20f2ee4] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-a20f2ee4] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-a20f2ee4]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-a20f2ee4] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-a20f2ee4] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-a20f2ee4] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-toolbar.toolbar-search[data-v-a20f2ee4] {
    --border-width: 0
}

ion-toolbar.toolbar-search ion-img[data-v-a20f2ee4] {
    width: 2.25rem
}

ion-toolbar.toolbar-search ion-label[data-v-a20f2ee4] {
    font-size: .75rem;
    line-height: 1rem
}

ion-toolbar.toolbar-search>ion-segment[data-v-a20f2ee4] {
    margin-left: .625rem;
    margin-right: .625rem;
    margin-top: 1rem
}

ion-content#content .line[data-v-a20f2ee4] {
    margin: 1rem .625rem;
    border-width: .0625rem
}

ion-content#content .bottom[data-v-a20f2ee4] {
    display: flex;
    height: 100%
}

ion-content#content .bottom ion-content.side ion-segment[data-v-a20f2ee4] {
    display: flex;
    flex-direction: column
}

ion-content#content .bottom ion-content.side ion-segment ion-icon[data-v-a20f2ee4] {
    font-size: 2.375rem
}

ion-content#content .bottom ion-content.side ion-segment .text[data-v-a20f2ee4] {
    width: 100%;
    padding-left: .25rem;
    padding-right: .25rem
}

ion-content#content .bottom ion-content.side ion-segment .text ion-label[data-v-a20f2ee4] {
    font-size: .875rem;
    line-height: 1.25rem;
    text-wrap: wrap
}

ion-content#content .bottom ion-content#main .game[data-v-a20f2ee4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

ion-content#content .bottom ion-content#main .game ion-img[data-v-a20f2ee4] {
    width: 7.5rem;
    margin-top: 9rem
}

ion-content#content .bottom ion-content#main .item[data-v-a20f2ee4] {
    width: 100%;
    height: 7.5rem;
    border-radius: .375rem;
    overflow: hidden
}

ion-content#content .bottom ion-content#main .gameItem[data-v-a20f2ee4] {
    padding-top: 0;
    padding-bottom: .625rem
}

ion-content.side[data-v-a20f2ee4] {
    --padding-start: .625rem;
    --padding-end: .625rem;
    --padding-top: 0;
    min-width: 0;
    max-width: 5.3125rem
}

ion-content div ion-segment[data-v-a20f2ee4] {
    --background: transparent
}

ion-content div .side ion-segment-button.ios[data-v-a20f2ee4] {
    --border-radius: .75rem;
    --padding-start: 0;
    --padding-end: 0;
    --padding-top: .25rem;
    --padding-bottom: .25rem;
    text-transform: capitalize;
    min-width: 0;
    min-height: 3.5rem;
    margin-bottom: 10px;
    margin-top: 0
}

ion-content div .side ion-segment-button.ios ion-icon[data-v-a20f2ee4] {
    filter: grayscale(1);
    opacity: .4
}

ion-content div .side ion-segment-button.ios ion-icon.active[data-v-a20f2ee4] {
    filter: grayscale(0);
    opacity: 1
}

ion-toolbar ion-segment-button[data-v-a20f2ee4] {
    --background: transparent
}

.side ion-segment-button.segment-button-checked.ios[data-v-a20f2ee4] {
    border: none
}

.side ion-segment-button.ios[data-v-a20f2ee4]::part(indicator-background) {
    border: none
}

.side ion-segment-button.ios[data-v-a20f2ee4]::part(indicator) {
    padding-inline: 0
}

.side ion-segment-button.ios ion-label[data-v-a20f2ee4] {
    text-transform: none
}

ion-content.side[data-v-a20f2ee4] {
    --padding-start: 10px;
    --padding-top: 0;
    --padding-bottom: 2.625rem
}

ion-content#main[data-v-a20f2ee4] {
    --padding-top: 2px
}

ion-list[data-v-a20f2ee4] {
    background: transparent;
    padding-top: 0;
    padding-bottom: 0
}

ion-grid[data-v-a20f2ee4] {
    padding-bottom: 0
}

.grid-card[data-v-a20f2ee4] {
    aspect-ratio: .76;
    width: 100%;
    background-size: 100% 100% !important
}

ion-infinite-scroll[data-v-a20f2ee4] {
    min-height: 70px
}

ion-infinite-scroll-content[data-v-a20f2ee4] {
    min-height: 10px
}

ion-grid[data-v-a20f2ee4] {
    padding-top: 0
}

ion-toolbar.toolbar-search[data-v-a20f2ee4] {
    --background: var(--color-bg-300)
}

ion-toolbar.toolbar-search ion-label.selected[data-v-a20f2ee4] {
    color: var(--color-text-white-100)
}

ion-toolbar.toolbar-search ion-label.unselected[data-v-a20f2ee4] {
    color: var(--color-text-gray-200)
}

ion-toolbar.toolbar-search>ion-segment[data-v-a20f2ee4] {
    --background: var(--color-bg-200)
}

ion-content div .side ion-segment-button.ios[data-v-a20f2ee4] {
    --background: var(--color-bg-100);
    --indicator-color: var(--theme-color-gradient-100)
}

ion-content div .side ion-segment-button.ios.segment-button-checked[data-v-a20f2ee4] {
    color: var(--color-text-white-100)
}

ion-content#content .bottom ion-content.side ion-segment .text ion-label.unselected[data-v-a20f2ee4] {
    color: var(--color-text-gray-200)
}

ion-toolbar ion-segment-button[data-v-a20f2ee4] {
    --indicator-color: var(--theme-color-gradient-100)
}

div.line[data-v-a20f2ee4] {
    border-color: var(--color-line)
}

.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)
}

.green-default ion-toolbar.toolbar-search[data-v-a20f2ee4] {
    --background: var(--color-bg-300)
}

.green-default ion-toolbar.toolbar-search ion-label.selected[data-v-a20f2ee4] {
    color: var(--color-text-white-100)
}

.green-default ion-toolbar.toolbar-search ion-label.unselected[data-v-a20f2ee4] {
    color: var(--color-text-gray-200)
}

.green-default ion-toolbar.toolbar-search>ion-segment[data-v-a20f2ee4] {
    --background: var(--color-bg-400)
}

.green-default ion-content div .side ion-segment-button.ios[data-v-a20f2ee4] {
    --background: var(--color-bg-100);
    --indicator-color: var(--theme-color-gradient-100)
}

.green-default ion-content div .side ion-segment-button.ios.segment-button-checked[data-v-a20f2ee4] {
    color: var(--color-text-white-100)
}

.green-default ion-content#content .bottom ion-content.side ion-segment .text ion-label.unselected[data-v-a20f2ee4] {
    color: var(--color-text-gray-200)
}

.green-default ion-toolbar ion-segment-button[data-v-a20f2ee4] {
    --indicator-color: var(--theme-color-gradient-100)
}

.green-default div.line[data-v-a20f2ee4] {
    border-color: var(--color-line)
}

.auroral-yellow ion-toolbar.toolbar-search[data-v-a20f2ee4] {
    --background: var(--color-bg-300)
}

.auroral-yellow ion-toolbar.toolbar-search ion-label.selected[data-v-a20f2ee4] {
    color: var(--theme-color-800)
}

.auroral-yellow ion-toolbar.toolbar-search ion-label.unselected[data-v-a20f2ee4] {
    color: var(--color-text-gray-200)
}

.auroral-yellow ion-toolbar.toolbar-search>ion-segment[data-v-a20f2ee4] {
    --background: var(--color-bg-200)
}

.auroral-yellow ion-content div .side ion-segment-button.ios[data-v-a20f2ee4] {
    --background: var(--color-bg-100);
    --indicator-color: var(--color-bg-100)
}

.auroral-yellow ion-content div .side ion-segment-button.ios.segment-button-checked[data-v-a20f2ee4] {
    color: var(--theme-color-800)
}

.auroral-yellow ion-content#content .bottom ion-content.side ion-segment .text ion-label.unselected[data-v-a20f2ee4] {
    color: var(--color-text-gray-200)
}

.auroral-yellow ion-toolbar ion-segment-button[data-v-a20f2ee4] {
    --indicator-color: var(--color-bg-100)
}

.auroral-yellow div.line[data-v-a20f2ee4] {
    border-color: var(--color-line)
}

.amber-purple ion-toolbar.toolbar-search[data-v-a20f2ee4] {
    --background: var(--color-bg-300)
}

.amber-purple ion-toolbar.toolbar-search ion-label.selected[data-v-a20f2ee4] {
    color: var(--color-text-white-100)
}

.amber-purple ion-toolbar.toolbar-search ion-label.unselected[data-v-a20f2ee4] {
    color: var(--color-text-gray-200)
}

.amber-purple ion-toolbar.toolbar-search>ion-segment[data-v-a20f2ee4] {
    --background: var(--color-bg-400)
}

.amber-purple ion-content div .side ion-segment-button.ios[data-v-a20f2ee4] {
    --background: var(--color-bg-100);
    --indicator-color: var(--theme-color-gradient-100)
}

.amber-purple ion-content div .side ion-segment-button.ios.segment-button-checked[data-v-a20f2ee4] {
    color: var(--color-text-white-100)
}

.amber-purple ion-content#content .bottom ion-content.side ion-segment .text ion-label.unselected[data-v-a20f2ee4] {
    color: var(--color-text-gray-200)
}

.amber-purple ion-toolbar ion-segment-button[data-v-a20f2ee4] {
    --indicator-color: var(--theme-color-gradient-100)
}

.amber-purple div.line[data-v-a20f2ee4] {
    border-color: var(--color-line)
}

.aspect-ratio-card[data-v-a20f2ee4] {
    width: 100%;
    height: 5.9013rem;
    aspect-ratio: 1 / .32786;
    margin: 0 auto;
    border-radius: var(--ep-border-radius-surface-default, .875rem);
    overflow: hidden
}

.color-primary-600[data-v-d1bf1195] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-d1bf1195] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-d1bf1195] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-d1bf1195] {
    color: var(--color-primary-900)
}

.bg-100[data-v-d1bf1195] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-d1bf1195] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-d1bf1195] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-d1bf1195] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-d1bf1195] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-d1bf1195] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-d1bf1195] {
    background-color: var(--color-warning)
}

.bg-link[data-v-d1bf1195] {
    background-color: var(--color-link)
}

.bg-danger[data-v-d1bf1195] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-d1bf1195] {
    color: var(--color-text-100)
}

.color-text-80[data-v-d1bf1195] {
    color: var(--color-text-80)
}

.color-text-50[data-v-d1bf1195] {
    color: var(--color-text-50)
}

.color-text-40[data-v-d1bf1195] {
    color: var(--color-text-40)
}

.color-text-20[data-v-d1bf1195] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-d1bf1195] {
    color: var(--color-currency)
}

.color-warning[data-v-d1bf1195] {
    color: var(--color-warning)
}

.color-danger[data-v-d1bf1195] {
    color: var(--color-danger)
}

.color-link[data-v-d1bf1195] {
    color: var(--color-link)
}

.color-line[data-v-d1bf1195] {
    color: var(--color-line)
}

.color-border[data-v-d1bf1195] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-d1bf1195] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-d1bf1195] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-d1bf1195] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-d1bf1195] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-d1bf1195] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-d1bf1195] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-d1bf1195] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-d1bf1195] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-d1bf1195] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-d1bf1195] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-d1bf1195] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-d1bf1195] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-d1bf1195] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-d1bf1195] {
    display: flex;
    align-items: center
}

.flex-start[data-v-d1bf1195] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-d1bf1195] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-d1bf1195] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-d1bf1195] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-d1bf1195] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-d1bf1195] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-d1bf1195] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-d1bf1195] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-d1bf1195] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-d1bf1195] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-d1bf1195] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-d1bf1195] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-d1bf1195] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-d1bf1195] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-d1bf1195] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-d1bf1195] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-d1bf1195] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-d1bf1195] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-d1bf1195] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-d1bf1195] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-d1bf1195] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-d1bf1195] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-d1bf1195] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-d1bf1195] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-d1bf1195],
.mlm-selected-item[data-v-d1bf1195] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-d1bf1195] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-d1bf1195]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-d1bf1195] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-d1bf1195] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-d1bf1195] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.empty[data-v-d1bf1195] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.empty .empty-bg-img[data-v-d1bf1195] {
    width: 7.5rem;
    height: 7.5rem;
    margin-top: 9rem
}

.color-primary-600[data-v-ae8e4b25] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-ae8e4b25] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-ae8e4b25] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-ae8e4b25] {
    color: var(--color-primary-900)
}

.bg-100[data-v-ae8e4b25] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-ae8e4b25] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-ae8e4b25] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-ae8e4b25] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-ae8e4b25] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-ae8e4b25] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-ae8e4b25] {
    background-color: var(--color-warning)
}

.bg-link[data-v-ae8e4b25] {
    background-color: var(--color-link)
}

.bg-danger[data-v-ae8e4b25] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-ae8e4b25] {
    color: var(--color-text-100)
}

.color-text-80[data-v-ae8e4b25] {
    color: var(--color-text-80)
}

.color-text-50[data-v-ae8e4b25] {
    color: var(--color-text-50)
}

.color-text-40[data-v-ae8e4b25] {
    color: var(--color-text-40)
}

.color-text-20[data-v-ae8e4b25] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-ae8e4b25] {
    color: var(--color-currency)
}

.color-warning[data-v-ae8e4b25] {
    color: var(--color-warning)
}

.color-danger[data-v-ae8e4b25] {
    color: var(--color-danger)
}

.color-link[data-v-ae8e4b25] {
    color: var(--color-link)
}

.color-line[data-v-ae8e4b25] {
    color: var(--color-line)
}

.color-border[data-v-ae8e4b25] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-ae8e4b25] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-ae8e4b25] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-ae8e4b25] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-ae8e4b25] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-ae8e4b25] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-ae8e4b25] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-ae8e4b25] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-ae8e4b25] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-ae8e4b25] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-ae8e4b25] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-ae8e4b25] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-ae8e4b25] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-ae8e4b25] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-ae8e4b25] {
    display: flex;
    align-items: center
}

.flex-start[data-v-ae8e4b25] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-ae8e4b25] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-ae8e4b25] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-ae8e4b25] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-ae8e4b25] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-ae8e4b25] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-ae8e4b25] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-ae8e4b25] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-ae8e4b25] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-ae8e4b25] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-ae8e4b25] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-ae8e4b25] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-ae8e4b25] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-ae8e4b25] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-ae8e4b25] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-ae8e4b25] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-ae8e4b25] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-ae8e4b25] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-ae8e4b25] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-ae8e4b25] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-ae8e4b25] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-ae8e4b25] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-ae8e4b25] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-ae8e4b25] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-ae8e4b25],
.mlm-selected-item[data-v-ae8e4b25] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-ae8e4b25] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-ae8e4b25]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-ae8e4b25] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-ae8e4b25] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-ae8e4b25] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-content[data-v-ae8e4b25] {
    --padding-start: var(--ion-padding, 1rem);
    --padding-end: var(--ion-padding, 1rem);
    --padding-top: var(--ion-padding, 1rem);
    --padding-bottom: var(--ion-padding, 1rem);
    padding-inline-start: var(--ion-padding, 1rem);
    padding-inline-end: var(--ion-padding, 1rem);
    padding-top: var(--ion-padding, 1rem);
    padding-bottom: var(--ion-padding, 1rem);
    font-size: .875rem;
    line-height: 1.25rem
}

ion-content .header[data-v-ae8e4b25] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .625rem
}

ion-content .header .detail-text[data-v-ae8e4b25] {
    width: 12.5rem;
    line-height: .875rem
}

ion-content .header .detail-text .currency[data-v-ae8e4b25] {
    color: var(--color-currency)
}

ion-content .header .select[data-v-ae8e4b25] {
    min-width: 7.625rem;
    width: 7.625rem
}

ion-content .header .select ion-select[data-v-ae8e4b25] {
    font-size: .75rem
}

ion-content .header .select ion-select ion-select-option[data-v-ae8e4b25] {
    font-size: .75rem
}

ion-content .empty[data-v-ae8e4b25] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

ion-content .empty .empty-bg-img[data-v-ae8e4b25] {
    width: 7.5rem;
    height: 7.5rem;
    margin-top: 8.5rem
}

ion-select[data-v-ae8e4b25] {
    --padding-start: .875rem;
    --padding-end: .625rem;
    --border-radius: .625rem;
    --border-width: .0625rem;
    min-height: 1.625rem
}

.item[data-v-ae8e4b25] {
    padding: .625rem;
    border-radius: .375rem;
    height: 4.375rem;
    margin-bottom: .625rem
}

.item .top[data-v-ae8e4b25] {
    display: flex;
    justify-content: space-between;
    font-size: .875rem;
    line-height: 1.25rem
}

.item .label[data-v-ae8e4b25] {
    display: flex;
    justify-content: space-between;
    font-size: .75rem;
    line-height: 1rem;
    margin-top: .75rem
}

.header ion-label[data-v-ae8e4b25] {
    color: var(--color-text-white-100)
}

ion-select[data-v-ae8e4b25] {
    --border-color: var(--color-text-white-100);
    --highlight-color-valid: red
}

.item[data-v-ae8e4b25] {
    background: var(--color-bg-200)
}

.item .top[data-v-ae8e4b25] {
    color: var(--color-text-gray-100)
}

div.label[data-v-ae8e4b25] {
    color: var(--color-text-gray-300)
}

.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)
}

.green-default .header ion-label[data-v-ae8e4b25] {
    color: var(--color-text-gray-100)
}

.green-default ion-select[data-v-ae8e4b25] {
    --border-color: var(--color-text-gray-100);
    --highlight-color-valid: red
}

.green-default .item[data-v-ae8e4b25] {
    background: var(--color-bg-200)
}

.green-default .item .top[data-v-ae8e4b25] {
    color: var(--color-text-gray-100)
}

.green-default div.label[data-v-ae8e4b25] {
    color: var(--color-text-gray-200)
}

.forest-green .header ion-label[data-v-ae8e4b25],
.auroral-yellow .header ion-label[data-v-ae8e4b25] {
    color: var(--color-text-white-100)
}

.forest-green ion-select[data-v-ae8e4b25],
.auroral-yellow ion-select[data-v-ae8e4b25] {
    --border-color: var(--color-text-white-100);
    --highlight-color-valid: red
}

.sc-ion-select-popover-md {
    color: var(--color-text-white-100)
}

.forest-green .item[data-v-ae8e4b25],
.auroral-yellow .item[data-v-ae8e4b25] {
    background: var(--color-bg-200)
}

.forest-green .item .top[data-v-ae8e4b25],
.auroral-yellow .item .top[data-v-ae8e4b25] {
    color: var(--color-text-gray-100)
}

.forest-green div.label[data-v-ae8e4b25],
.auroral-yellow div.label[data-v-ae8e4b25] {
    color: var(--color-text-gray-200)
}

.amber-purple .header ion-label[data-v-ae8e4b25] {
    color: var(--color-text-gray-100)
}

.amber-purple ion-select[data-v-ae8e4b25] {
    --border-color: var(--color-text-gray-100);
    --highlight-color-valid: red
}

.item-radio-checked.sc-ion-select-popover-md {
    --background: var(--color-bg-200)
}

.sc-ion-select-popover-md {
    color: var(--color-text-gray-100)
}

.amber-purple .item[data-v-ae8e4b25] {
    background: var(--color-bg-200)
}

.amber-purple .item .top[data-v-ae8e4b25] {
    color: var(--color-text-gray-100)
}

.amber-purple div.label[data-v-ae8e4b25] {
    color: var(--color-text-gray-200)
}

.color-primary-600[data-v-b7d1d15e] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-b7d1d15e] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-b7d1d15e] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-b7d1d15e] {
    color: var(--color-primary-900)
}

.bg-100[data-v-b7d1d15e] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-b7d1d15e] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-b7d1d15e] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-b7d1d15e] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-b7d1d15e] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-b7d1d15e] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-b7d1d15e] {
    background-color: var(--color-warning)
}

.bg-link[data-v-b7d1d15e] {
    background-color: var(--color-link)
}

.bg-danger[data-v-b7d1d15e] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-b7d1d15e] {
    color: var(--color-text-100)
}

.color-text-80[data-v-b7d1d15e] {
    color: var(--color-text-80)
}

.color-text-50[data-v-b7d1d15e] {
    color: var(--color-text-50)
}

.color-text-40[data-v-b7d1d15e] {
    color: var(--color-text-40)
}

.color-text-20[data-v-b7d1d15e] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-b7d1d15e] {
    color: var(--color-currency)
}

.color-warning[data-v-b7d1d15e] {
    color: var(--color-warning)
}

.color-danger[data-v-b7d1d15e] {
    color: var(--color-danger)
}

.color-link[data-v-b7d1d15e] {
    color: var(--color-link)
}

.color-line[data-v-b7d1d15e] {
    color: var(--color-line)
}

.color-border[data-v-b7d1d15e] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-b7d1d15e] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-b7d1d15e] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-b7d1d15e] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-b7d1d15e] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-b7d1d15e] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-b7d1d15e] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-b7d1d15e] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-b7d1d15e] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-b7d1d15e] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-b7d1d15e] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-b7d1d15e] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-b7d1d15e] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-b7d1d15e] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-b7d1d15e] {
    display: flex;
    align-items: center
}

.flex-start[data-v-b7d1d15e] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-b7d1d15e] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-b7d1d15e] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-b7d1d15e] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-b7d1d15e] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-b7d1d15e] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-b7d1d15e] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-b7d1d15e] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-b7d1d15e] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-b7d1d15e] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-b7d1d15e] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-b7d1d15e] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-b7d1d15e] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-b7d1d15e] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-b7d1d15e] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-b7d1d15e] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-b7d1d15e] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-b7d1d15e] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-b7d1d15e] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-b7d1d15e] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-b7d1d15e] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-b7d1d15e] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-b7d1d15e] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-b7d1d15e] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-b7d1d15e],
.mlm-selected-item[data-v-b7d1d15e] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-b7d1d15e] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-b7d1d15e]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-b7d1d15e] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-b7d1d15e] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-b7d1d15e] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-toolbar.top[data-v-b7d1d15e] {
    --border-width: 0
}

.bottom[data-v-b7d1d15e] {
    display: flex;
    height: 100%
}

ion-toolbar ion-segment.md[data-v-b7d1d15e] {
    display: flex;
    justify-content: left
}

ion-toolbar ion-segment-button.md[data-v-b7d1d15e]::part(native) {
    padding: 0
}

ion-toolbar ion-segment-button.md[data-v-b7d1d15e]::part(indicator) {
    margin-left: auto;
    margin-right: auto
}

ion-toolbar ion-segment-button.md[data-v-b7d1d15e]::part(indicator-background) {
    height: .125rem
}

ion-toolbar ion-segment-button.md ion-label[data-v-b7d1d15e] {
    font-size: .78rem;
    margin-top: 0;
    margin-bottom: 0;
    text-transform: none
}

ion-toolbar ion-segment-button.btn-center[data-v-b7d1d15e] {
    padding: 0 .5rem
}

ion-toolbar.top .btn-center ion-label.selected[data-v-b7d1d15e] {
    color: var(--color-text-white-100)
}

ion-toolbar.top .btn-center ion-label.unselected[data-v-b7d1d15e] {
    color: var(--color-text-gray-200)
}

ion-toolbar ion-segment-button.md[data-v-b7d1d15e]::part(indicator-background) {
    background: var(--theme-color-gradient-100)
}

.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)
}

.green-default ion-toolbar.top .btn-center ion-label.selected[data-v-b7d1d15e] {
    color: var(--color-text-gray-100)
}

.green-default ion-toolbar.top .btn-center ion-label.unselected[data-v-b7d1d15e] {
    color: var(--color-text-gray-200)
}

.green-default ion-toolbar ion-segment-button.md[data-v-b7d1d15e]::part(indicator-background) {
    background: var(--theme-color-gradient-100)
}

.amber-purple ion-toolbar.top .btn-center ion-label.selected[data-v-b7d1d15e] {
    color: var(--color-text-gray-100)
}

.amber-purple ion-toolbar.top .btn-center ion-label.unselected[data-v-b7d1d15e] {
    color: var(--color-text-gray-200)
}

.amber-purple ion-toolbar ion-segment-button.md[data-v-b7d1d15e]::part(indicator-background) {
    background: var(--theme-color-gradient-100)
}

.auroral-yellow ion-toolbar.top .btn-center ion-label.selected[data-v-b7d1d15e] {
    color: var(--color-text-white-100)
}

.auroral-yellow ion-toolbar.top .btn-center ion-label.unselected[data-v-b7d1d15e] {
    color: var(--color-text-gray-200)
}

.auroral-yellow ion-toolbar ion-segment-button.md[data-v-b7d1d15e]::part(indicator-background) {
    background: var(--theme-color-800)
}

.color-primary-600[data-v-3eb55093] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-3eb55093] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-3eb55093] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-3eb55093] {
    color: var(--color-primary-900)
}

.bg-100[data-v-3eb55093] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-3eb55093] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-3eb55093] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-3eb55093] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-3eb55093] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-3eb55093] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-3eb55093] {
    background-color: var(--color-warning)
}

.bg-link[data-v-3eb55093] {
    background-color: var(--color-link)
}

.bg-danger[data-v-3eb55093] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-3eb55093] {
    color: var(--color-text-100)
}

.color-text-80[data-v-3eb55093] {
    color: var(--color-text-80)
}

.color-text-50[data-v-3eb55093] {
    color: var(--color-text-50)
}

.color-text-40[data-v-3eb55093] {
    color: var(--color-text-40)
}

.color-text-20[data-v-3eb55093] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-3eb55093] {
    color: var(--color-currency)
}

.color-warning[data-v-3eb55093] {
    color: var(--color-warning)
}

.color-danger[data-v-3eb55093] {
    color: var(--color-danger)
}

.color-link[data-v-3eb55093] {
    color: var(--color-link)
}

.color-line[data-v-3eb55093] {
    color: var(--color-line)
}

.color-border[data-v-3eb55093] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-3eb55093] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-3eb55093] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-3eb55093] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-3eb55093] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-3eb55093] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-3eb55093] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-3eb55093] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-3eb55093] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-3eb55093] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-3eb55093] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-3eb55093] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-3eb55093] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-3eb55093] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-3eb55093] {
    display: flex;
    align-items: center
}

.flex-start[data-v-3eb55093] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-3eb55093] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-3eb55093] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-3eb55093] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-3eb55093] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-3eb55093] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-3eb55093] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-3eb55093] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-3eb55093] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-3eb55093] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-3eb55093] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-3eb55093] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-3eb55093] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-3eb55093] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-3eb55093] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-3eb55093] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-3eb55093] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-3eb55093] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-3eb55093] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-3eb55093] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-3eb55093] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-3eb55093] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-3eb55093] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-3eb55093] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-3eb55093],
.mlm-selected-item[data-v-3eb55093] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-3eb55093] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-3eb55093]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-3eb55093] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-3eb55093] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-3eb55093] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-item[data-v-3eb55093]::part(native) {
    padding-inline-start: 0;
    padding-inline-end: 0;
    --ion-safe-area-right: 0
}

ion-popover ion-button[data-v-3eb55093] {
    margin-top: 0;
    margin-bottom: 0
}

ion-popover ion-button[data-v-3eb55093]::part(native) {
    --padding-start: .375rem;
    --padding-end: .375rem;
    --padding-top: 0;
    --padding-bottom: 0
}

ion-icon[data-v-3eb55093] {
    transition: transform .1s linear
}

ion-icon.on[data-v-3eb55093] {
    transform: rotate(180deg)
}

ion-col.select-col[data-v-3eb55093] {
    line-height: .75rem;
    padding: 0 .3125rem .3125rem 0
}

ion-col.select-col[data-v-3eb55093]:nth-child(4),
ion-col.select-col[data-v-3eb55093]:nth-child(4n) {
    padding: 0 0 .3125rem
}

.platform-name[data-v-3eb55093] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

ion-col.lang-col[data-v-3eb55093] {
    font-size: .5rem
}

ion-item[data-v-3eb55093] {
    --background: var(--color-bg-300)
}

ion-item.odd[data-v-3eb55093] {
    --background: var(--color-bg-200)
}

ion-popover[data-v-3eb55093] {
    --backdrop-opacity: 0;
    --background: var(--color-bg-200)
}

ion-popover ion-row ion-col p.on[data-v-3eb55093] {
    background: var(--theme-color-gradient-100);
    color: var(--color-text-white-100)
}

.rebate-record-select[data-v-3eb55093] {
    color: var(--color-text-white-100);
    border: 1px solid var(--color-text-gray-200)
}

.rebate-record-selected[data-v-3eb55093] {
    color: var(--color-text-white-100);
    border: 1px solid var(--color-text-white-100)
}

.record-select-icon[data-v-3eb55093] {
    color: var(--color-text-gray-200)
}

.record-select-p[data-v-3eb55093] {
    color: var(--color-text-gray-200);
    border: 1px solid var(--color-border-600)
}

.record-agent34[data-v-3eb55093],
.record-rebate-ratio[data-v-3eb55093] {
    color: var(--color-text-white-100)
}

.record-empty-text[data-v-3eb55093] {
    color: var(--color-text-gray-200)
}

.record-list-text-color[data-v-3eb55093] {
    color: var(--color-text-white-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)
}

.green-default ion-item[data-v-3eb55093] {
    --background: var(--color-bg-300)
}

.green-default ion-item.odd[data-v-3eb55093] {
    --background: var(--color-bg-200)
}

.green-default ion-popover[data-v-3eb55093] {
    --backdrop-opacity: 0;
    --background: var(--color-bg-200)
}

.green-default ion-popover ion-row ion-col p.on[data-v-3eb55093] {
    background: var(--theme-color-gradient-100);
    color: var(--color-text-white-100)
}

.green-default .rebate-record-select[data-v-3eb55093] {
    color: var(--color-text-gray-100);
    border: 1px solid var(--color-text-gray-200)
}

.green-default .rebate-record-selected[data-v-3eb55093] {
    color: var(--color-text-gray-100);
    border: 1px solid var(--color-text-gray-100)
}

.green-default .record-select-icon[data-v-3eb55093] {
    color: var(--color-text-gray-200)
}

.green-default .record-select-p[data-v-3eb55093] {
    color: var(--color-text-gray-200);
    border: 1px solid var(--color-line)
}

.green-default .record-agent34[data-v-3eb55093],
.green-default .record-rebate-ratio[data-v-3eb55093] {
    color: var(--color-text-gray-100)
}

.green-default .record-empty-text[data-v-3eb55093] {
    color: var(--color-text-gray-200)
}

.green-default .record-list-text-color[data-v-3eb55093] {
    color: var(--color-text-gray-100)
}

.amber-purple ion-item[data-v-3eb55093] {
    --background: var(--color-bg-300)
}

.amber-purple ion-item.odd[data-v-3eb55093] {
    --background: var(--color-bg-200)
}

.amber-purple ion-popover[data-v-3eb55093] {
    --backdrop-opacity: 0;
    --background: var(--color-bg-200)
}

.amber-purple ion-popover ion-row ion-col p.on[data-v-3eb55093] {
    background: var(--theme-color-800);
    color: var(--text-color-white-100)
}

.amber-purple .rebate-record-select[data-v-3eb55093],
.amber-purple .rebate-record-selected[data-v-3eb55093] {
    color: var(--text-color-light-purple-1-100);
    border: 1px solid var(--line-color)
}

.amber-purple .record-select-icon[data-v-3eb55093] {
    color: var(--text-color-light-purple-2-100)
}

.amber-purple .record-select-p[data-v-3eb55093] {
    color: var(--text-color-light-purple-2-100);
    border: 1px solid var(--line-color)
}

.amber-purple .record-agent34[data-v-3eb55093],
.amber-purple .record-rebate-ratio[data-v-3eb55093] {
    color: var(--text-color-light-purple-1-100)
}

.amber-purple .record-empty-text[data-v-3eb55093] {
    color: var(--text-color-light-purple-2-100)
}

.amber-purple .record-list-text-color[data-v-3eb55093] {
    color: var(--text-color-light-purple-1-100)
}

.auroral-yellow ion-item[data-v-3eb55093] {
    --background: var(--color-bg-300)
}

.auroral-yellow ion-item.odd[data-v-3eb55093] {
    --background: var(--color-bg-200)
}

.auroral-yellow ion-popover[data-v-3eb55093] {
    --backdrop-opacity: 0;
    --background: var(--color-bg-200)
}

.auroral-yellow ion-popover ion-row ion-col p.on[data-v-3eb55093] {
    background: var(--theme-color-800);
    color: var(--agent-btn-color)
}

.auroral-yellow .rebate-record-select[data-v-3eb55093] {
    color: var(--color-text-white-100);
    border: 1px solid var(--color-text-gray-200)
}

.auroral-yellow .rebate-record-selected[data-v-3eb55093] {
    color: var(--color-text-white-100);
    border: 1px solid var(--color-text-white-100)
}

.auroral-yellow .record-select-icon[data-v-3eb55093] {
    color: var(--color-text-gray-200)
}

.auroral-yellow .record-select-p[data-v-3eb55093] {
    color: var(--color-text-gray-200);
    border: 1px solid var(--color-border-600)
}

.auroral-yellow .record-agent34[data-v-3eb55093],
.auroral-yellow .record-rebate-ratio[data-v-3eb55093] {
    color: var(--color-text-white-100)
}

.auroral-yellow .record-empty-text[data-v-3eb55093] {
    color: var(--color-text-gray-200)
}

.auroral-yellow .record-list-text-color[data-v-3eb55093] {
    color: var(--color-text-white-100)
}

.color-primary-600[data-v-5814d1c8] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-5814d1c8] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-5814d1c8] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-5814d1c8] {
    color: var(--color-primary-900)
}

.bg-100[data-v-5814d1c8] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-5814d1c8] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-5814d1c8] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-5814d1c8] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-5814d1c8] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-5814d1c8] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-5814d1c8] {
    background-color: var(--color-warning)
}

.bg-link[data-v-5814d1c8] {
    background-color: var(--color-link)
}

.bg-danger[data-v-5814d1c8] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-5814d1c8] {
    color: var(--color-text-100)
}

.color-text-80[data-v-5814d1c8] {
    color: var(--color-text-80)
}

.color-text-50[data-v-5814d1c8] {
    color: var(--color-text-50)
}

.color-text-40[data-v-5814d1c8] {
    color: var(--color-text-40)
}

.color-text-20[data-v-5814d1c8] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-5814d1c8] {
    color: var(--color-currency)
}

.color-warning[data-v-5814d1c8] {
    color: var(--color-warning)
}

.color-danger[data-v-5814d1c8] {
    color: var(--color-danger)
}

.color-link[data-v-5814d1c8] {
    color: var(--color-link)
}

.color-line[data-v-5814d1c8] {
    color: var(--color-line)
}

.color-border[data-v-5814d1c8] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-5814d1c8] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-5814d1c8] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-5814d1c8] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-5814d1c8] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-5814d1c8] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-5814d1c8] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-5814d1c8] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-5814d1c8] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-5814d1c8] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-5814d1c8] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-5814d1c8] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-5814d1c8] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-5814d1c8] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-5814d1c8] {
    display: flex;
    align-items: center
}

.flex-start[data-v-5814d1c8] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-5814d1c8] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-5814d1c8] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-5814d1c8] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-5814d1c8] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-5814d1c8] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-5814d1c8] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-5814d1c8] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-5814d1c8] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-5814d1c8] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-5814d1c8] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-5814d1c8] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-5814d1c8] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-5814d1c8] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-5814d1c8] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-5814d1c8] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-5814d1c8] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-5814d1c8] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-5814d1c8] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-5814d1c8] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-5814d1c8] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-5814d1c8] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-5814d1c8] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-5814d1c8] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-5814d1c8],
.mlm-selected-item[data-v-5814d1c8] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-5814d1c8] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-5814d1c8]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-5814d1c8] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-5814d1c8] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-5814d1c8] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.panel[data-v-5814d1c8] {
    background: var(--color-bg-card);
    border-radius: .375rem
}

.panel[data-v-5814d1c8]>:not(:last-child) {
    border-bottom: 1px solid var(--color-border-input-basic)
}

span.property[data-v-5814d1c8] {
    color: var(--color-text-label-property)
}

.auroral-yellow .panel[data-v-5814d1c8]>:not(:last-child) {
    border-bottom: 1px solid var(--color-line)
}

.auroral-yellow span.property[data-v-5814d1c8] {
    color: var(--color-text-gray-200)
}

.color-primary-600[data-v-6f9f7017] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-6f9f7017] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-6f9f7017] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-6f9f7017] {
    color: var(--color-primary-900)
}

.bg-100[data-v-6f9f7017] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-6f9f7017] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-6f9f7017] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-6f9f7017] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-6f9f7017] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-6f9f7017] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-6f9f7017] {
    background-color: var(--color-warning)
}

.bg-link[data-v-6f9f7017] {
    background-color: var(--color-link)
}

.bg-danger[data-v-6f9f7017] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-6f9f7017] {
    color: var(--color-text-100)
}

.color-text-80[data-v-6f9f7017] {
    color: var(--color-text-80)
}

.color-text-50[data-v-6f9f7017] {
    color: var(--color-text-50)
}

.color-text-40[data-v-6f9f7017] {
    color: var(--color-text-40)
}

.color-text-20[data-v-6f9f7017] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-6f9f7017] {
    color: var(--color-currency)
}

.color-warning[data-v-6f9f7017] {
    color: var(--color-warning)
}

.color-danger[data-v-6f9f7017] {
    color: var(--color-danger)
}

.color-link[data-v-6f9f7017] {
    color: var(--color-link)
}

.color-line[data-v-6f9f7017] {
    color: var(--color-line)
}

.color-border[data-v-6f9f7017] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-6f9f7017] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-6f9f7017] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-6f9f7017] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-6f9f7017] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-6f9f7017] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-6f9f7017] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-6f9f7017] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-6f9f7017] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-6f9f7017] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-6f9f7017] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-6f9f7017] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-6f9f7017] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-6f9f7017] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-6f9f7017] {
    display: flex;
    align-items: center
}

.flex-start[data-v-6f9f7017] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-6f9f7017] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-6f9f7017] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-6f9f7017] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-6f9f7017] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-6f9f7017] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-6f9f7017] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-6f9f7017] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-6f9f7017] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-6f9f7017] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-6f9f7017] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-6f9f7017] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-6f9f7017] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-6f9f7017] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-6f9f7017] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-6f9f7017] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-6f9f7017] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-6f9f7017] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-6f9f7017] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-6f9f7017] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-6f9f7017] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-6f9f7017] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-6f9f7017] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-6f9f7017] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-6f9f7017],
.mlm-selected-item[data-v-6f9f7017] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-6f9f7017] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-6f9f7017]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-6f9f7017] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-6f9f7017] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-6f9f7017] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-content[data-v-6f9f7017] {
    --padding-start: var(--ion-padding, 1rem);
    --padding-end: var(--ion-padding, 1rem);
    --padding-top: var(--ion-padding, 1rem);
    --padding-bottom: var(--ion-padding, 1rem);
    padding-inline-start: var(--ion-padding, 1rem);
    padding-inline-end: var(--ion-padding, 1rem);
    padding-top: var(--ion-padding, 1rem);
    padding-bottom: var(--ion-padding, 1rem)
}

ion-content .btn[data-v-6f9f7017] {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: fixed;
    right: 0
}

ion-content .btn .read-all-btn img[data-v-6f9f7017] {
    width: 1.125rem;
    height: 1.125rem;
    margin-right: .375rem
}

ion-content .list[data-v-6f9f7017] {
    width: 100%
}

ion-content .list .notice-item-date[data-v-6f9f7017] {
    font-size: .75rem;
    line-height: 1rem;
    text-align: center;
    margin-bottom: .625rem;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

ion-content .list .notice-item[data-v-6f9f7017] {
    padding: .625rem;
    border-radius: .375rem;
    margin-bottom: .625rem
}

ion-content .list .notice-item .item[data-v-6f9f7017] {
    display: flex;
    justify-content: space-between
}

ion-content .list .notice-item .item .notice-item-title[data-v-6f9f7017] {
    font-size: .875rem;
    line-height: 1.25rem
}

ion-content .list .notice-item .item .dot[data-v-6f9f7017] {
    color: red;
    font-size: 1.875rem;
    line-height: 1rem
}

ion-content .list .notice-item .notice-item-content[data-v-6f9f7017] {
    font-size: .75rem;
    line-height: 1rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: pre-line
}

ion-content .list.unRead[data-v-6f9f7017] {
    margin-top: 3.5rem
}

ion-content .empty[data-v-6f9f7017] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

ion-content .empty .img[data-v-6f9f7017] {
    width: 7.5rem;
    height: 7.5rem;
    margin-top: 9rem;
    background: transparent url(/icons/No_record.png) no-repeat;
    background-size: 7.5rem
}

ion-infinite-scroll-content[data-v-6f9f7017] {
    min-height: 10px
}

ion-button.read-all-btn[data-v-6f9f7017] {
    min-height: 0;
    min-width: 0;
    --border-radius: 1.8125rem;
    font-weight: 500;
    font-size: .75rem
}

ion-button.read-all-btn[data-v-6f9f7017]::part(native) {
    padding: .5rem .75rem
}

ion-button.read-all-btn[data-v-6f9f7017] {
    --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)
}

.notice-item[data-v-6f9f7017] {
    background: var(--color-bg-200)
}

.notice-item-date[data-v-6f9f7017] {
    color: var(--color-text-gray-200)
}

.notice-item-title[data-v-6f9f7017] {
    color: var(--color-text-white-100)
}

.notice-item-content[data-v-6f9f7017] {
    color: var(--color-text-gray-200)
}

.blue-default ion-button.read-all-btn[data-v-6f9f7017] {
    --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-6f9f7017] {
    background: var(--color-bg-200)
}

.blue-default .notice-item-date[data-v-6f9f7017] {
    color: var(--color-text-gray-200)
}

.blue-default .notice-item-title[data-v-6f9f7017] {
    color: var(--color-text-white-100)
}

.blue-default .notice-item-content[data-v-6f9f7017] {
    color: var(--color-text-gray-200)
}

.green-default ion-button.read-all-btn[data-v-6f9f7017] {
    --background: var(--color-bg-50);
    --color: var(--color-text-gray-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)
}

.green-default .notice-item[data-v-6f9f7017] {
    background: var(--color-bg-200)
}

.green-default .notice-item-date[data-v-6f9f7017] {
    color: var(--color-text-gray-200)
}

.green-default .notice-item-title[data-v-6f9f7017] {
    color: var(--color-text-gray-100)
}

.green-default .notice-item-content[data-v-6f9f7017] {
    color: var(--color-text-gray-200)
}

.amber-purple ion-button.read-all-btn[data-v-6f9f7017] {
    --background: var(--color-bg-100);
    --color: var(--color-text-gray-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)
}

.amber-purple .notice-item[data-v-6f9f7017] {
    background: var(--color-bg-200)
}

.amber-purple .notice-item-date[data-v-6f9f7017] {
    color: var(--text-color-light-purple-2-100)
}

.amber-purple .notice-item-title[data-v-6f9f7017] {
    color: var(--text-color-light-purple-1-100)
}

.amber-purple .notice-item-content[data-v-6f9f7017] {
    color: var(--text-color-light-purple-2-100)
}

.forest-green ion-button.read-all-btn[data-v-6f9f7017] {
    --background: var(--color-bg-100);
    --color: var(--color-text-gray-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)
}

.forest-green .notice-item[data-v-6f9f7017] {
    background: var(--color-bg-200)
}

.forest-green .notice-item-date[data-v-6f9f7017] {
    color: var(--color-text-gray-200)
}

.forest-green .notice-item-title[data-v-6f9f7017] {
    color: var(--color-text-gray-100)
}

.forest-green .notice-item-content[data-v-6f9f7017] {
    color: var(--color-text-gray-200)
}

.auroral-yellow ion-button.read-all-btn[data-v-6f9f7017] {
    --background: var(--color-bg-100);
    --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)
}

.auroral-yellow .notice-item[data-v-6f9f7017] {
    background: var(--color-bg-200)
}

.auroral-yellow .notice-item-date[data-v-6f9f7017] {
    color: var(--color-text-gray-200)
}

.auroral-yellow .notice-item-title[data-v-6f9f7017] {
    color: var(--color-text-white-100)
}

.auroral-yellow .notice-item-content[data-v-6f9f7017] {
    color: var(--color-text-gray-200)
}

.color-primary-600[data-v-4c23f9a6] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-4c23f9a6] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-4c23f9a6] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-4c23f9a6] {
    color: var(--color-primary-900)
}

.bg-100[data-v-4c23f9a6] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-4c23f9a6] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-4c23f9a6] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-4c23f9a6] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-4c23f9a6] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-4c23f9a6] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-4c23f9a6] {
    background-color: var(--color-warning)
}

.bg-link[data-v-4c23f9a6] {
    background-color: var(--color-link)
}

.bg-danger[data-v-4c23f9a6] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-4c23f9a6] {
    color: var(--color-text-100)
}

.color-text-80[data-v-4c23f9a6] {
    color: var(--color-text-80)
}

.color-text-50[data-v-4c23f9a6] {
    color: var(--color-text-50)
}

.color-text-40[data-v-4c23f9a6] {
    color: var(--color-text-40)
}

.color-text-20[data-v-4c23f9a6] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-4c23f9a6] {
    color: var(--color-currency)
}

.color-warning[data-v-4c23f9a6] {
    color: var(--color-warning)
}

.color-danger[data-v-4c23f9a6] {
    color: var(--color-danger)
}

.color-link[data-v-4c23f9a6] {
    color: var(--color-link)
}

.color-line[data-v-4c23f9a6] {
    color: var(--color-line)
}

.color-border[data-v-4c23f9a6] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-4c23f9a6] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-4c23f9a6] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-4c23f9a6] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-4c23f9a6] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-4c23f9a6] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-4c23f9a6] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-4c23f9a6] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-4c23f9a6] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-4c23f9a6] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-4c23f9a6] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-4c23f9a6] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-4c23f9a6] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-4c23f9a6] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-4c23f9a6] {
    display: flex;
    align-items: center
}

.flex-start[data-v-4c23f9a6] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-4c23f9a6] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-4c23f9a6] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-4c23f9a6] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-4c23f9a6] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-4c23f9a6] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-4c23f9a6] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-4c23f9a6] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-4c23f9a6] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-4c23f9a6] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-4c23f9a6] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-4c23f9a6] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-4c23f9a6] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-4c23f9a6] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-4c23f9a6] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-4c23f9a6] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-4c23f9a6] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-4c23f9a6] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-4c23f9a6] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-4c23f9a6] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-4c23f9a6] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-4c23f9a6] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-4c23f9a6] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-4c23f9a6] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-4c23f9a6],
.mlm-selected-item[data-v-4c23f9a6] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-4c23f9a6] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-4c23f9a6]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-4c23f9a6] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-4c23f9a6] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-4c23f9a6] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.board[data-v-4c23f9a6] {
    border-radius: .375rem;
    padding: .5rem;
    margin-top: .625rem;
    display: flex;
    align-items: flex-start;
    width: 100%
}

.board ion-img[data-v-4c23f9a6] {
    width: 3.4375rem;
    flex: 0 1 auto
}

.board .online-service[data-v-4c23f9a6] {
    margin-left: .5rem;
    flex: 1 1 0%
}

.board .online-service .online-text[data-v-4c23f9a6] {
    font-size: 1rem;
    line-height: 1.375rem
}

.board .online-service .cust-service-tips[data-v-4c23f9a6] {
    line-height: 1.125rem;
    margin-top: .25rem;
    margin-bottom: .25rem;
    font-size: .6875rem
}

.bottom[data-v-4c23f9a6] {
    width: 100%
}

.bottom .list[data-v-4c23f9a6]>*+* {
    margin-top: .625rem
}

.bottom .list .service-item[data-v-4c23f9a6] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.bottom .list .service-item img[data-v-4c23f9a6] {
    width: 2.5rem;
    height: 2.5rem;
    object-fit: fill
}

.bottom .list .service-item .middle[data-v-4c23f9a6] {
    padding: 0 .75rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 1.125rem;
    width: 100%
}

.bottom .list .service-item .middle .item-nickname[data-v-4c23f9a6] {
    font-size: .875rem
}

.bottom .list .service-item .middle .item-account[data-v-4c23f9a6] {
    word-break: break-all;
    font-size: .75rem
}

.service-item[data-v-4c23f9a6] {
    width: 100%;
    min-height: 3.75rem;
    border-radius: .3125rem;
    padding: .625rem;
    margin-top: .625rem
}

.online-service ion-button[data-v-4c23f9a6],
.service-item ion-button[data-v-4c23f9a6] {
    --color: #FFFFFF;
    --border-radius: .3125rem;
    --padding-start: 1.25rem;
    --padding-end: 1.25rem;
    --font-size: .75rem;
    min-height: 0rem;
    margin: 0;
    height: 1.875rem
}

.online-service ion-button[data-v-4c23f9a6]::part(native) {
    width: 6.875rem
}

.service-item ion-button[data-v-4c23f9a6]::part(native) {
    width: 5.3125rem
}

ion-content[data-v-4c23f9a6] {
    --padding-start: .9375rem;
    --padding-end: .9375rem
}

ion-segment-button[data-v-4c23f9a6] {
    --color: #9BA7BE;
    --color-checked: #FFF;
    --indicator-color: linear-gradient(0deg, #0167CA -13.77%, #38A8FA 102.34%);
    text-transform: none
}

ion-segment[data-v-4c23f9a6] {
    border-bottom: .0625rem solid #1A233E
}

ion-button.cust-btn[data-v-4c23f9a6]::part(native) {
    white-space: normal;
    text-transform: none;
    font-size: .7rem;
    line-height: .6rem;
    padding: 0
}

.board[data-v-4c23f9a6],
.service-item[data-v-4c23f9a6] {
    background-color: var(--color-bg-200)
}

.online-service ion-button[data-v-4c23f9a6],
.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)
}

.online-text[data-v-4c23f9a6] {
    color: var(--color-text-white-100)
}

.cust-service-tips[data-v-4c23f9a6] {
    color: var(--color-text-gray-300)
}

.item-nickname[data-v-4c23f9a6] {
    color: var(--color-text-white-100)
}

.item-account[data-v-4c23f9a6] {
    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)
}

.green-default .board[data-v-4c23f9a6],
.green-default .service-item[data-v-4c23f9a6] {
    background-color: var(--color-bg-200)
}

.green-default .online-service ion-button[data-v-4c23f9a6],
.green-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(--service-customer-btn-hover-bgc);
    --background-activated: var(--service-customer-btn-focused-bgc)
}

.green-default .online-text[data-v-4c23f9a6] {
    color: var(--color-text-gray-100)
}

.green-default .cust-service-tips[data-v-4c23f9a6] {
    color: var(--color-text-gray-200)
}

.green-default .item-nickname[data-v-4c23f9a6] {
    color: var(--color-text-gray-100)
}

.green-default .item-account[data-v-4c23f9a6] {
    color: var(--color-text-gray-200)
}

.amber-purple .board[data-v-4c23f9a6],
.amber-purple .service-item[data-v-4c23f9a6] {
    background-color: var(--color-bg-200)
}

.amber-purple .online-service ion-button[data-v-4c23f9a6],
.amber-purple .service-item ion-button[data-v-4c23f9a6] {
    --color: var(--color-text-white-100);
    --background: var(--theme-color-800);
    --background-focused: var(--service-customer-btn-focused-bgc);
    --background-hover: var(--service-customer-btn-hover-bgc);
    --background-activated: var(--service-customer-btn-focused-bgc)
}

.amber-purple .online-text[data-v-4c23f9a6] {
    color: var(--text-color-light-purple-1-100)
}

.amber-purple .cust-service-tips[data-v-4c23f9a6] {
    color: var(--text-color-light-purple-2-100)
}

.amber-purple .item-nickname[data-v-4c23f9a6] {
    color: var(--text-color-light-purple-1-100)
}

.amber-purple .item-account[data-v-4c23f9a6] {
    color: var(--text-color-light-purple-2-100)
}

.forest-green .board[data-v-4c23f9a6],
.forest-green .service-item[data-v-4c23f9a6] {
    background-color: var(--color-bg-200)
}

.forest-green .online-service ion-button[data-v-4c23f9a6],
.forest-green .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(--service-customer-btn-hover-bgc);
    --background-activated: var(--service-customer-btn-focused-bgc)
}

.forest-green .online-text[data-v-4c23f9a6] {
    color: var(--color-text-gray-100)
}

.forest-green .cust-service-tips[data-v-4c23f9a6] {
    color: var(--color-text-gray-200)
}

.forest-green .item-nickname[data-v-4c23f9a6] {
    color: var(--color-text-gray-100)
}

.forest-green .item-account[data-v-4c23f9a6] {
    color: var(--color-text-gray-200)
}

.auroral-yellow .board[data-v-4c23f9a6],
.auroral-yellow .service-item[data-v-4c23f9a6] {
    background-color: var(--color-bg-200)
}

.auroral-yellow .online-service ion-button[data-v-4c23f9a6],
.auroral-yellow .service-item ion-button[data-v-4c23f9a6] {
    --color: var(--agent-btn-color);
    --background: var(--theme-color-800);
    --background-focused: var(--service-customer-btn-focused-bgc);
    --background-hover: var(--theme-color-gradient-100);
    --background-activated: var(--service-customer-btn-focused-bgc)
}

.auroral-yellow .online-text[data-v-4c23f9a6] {
    color: var(--color-text-white-100)
}

.auroral-yellow .cust-service-tips[data-v-4c23f9a6] {
    color: var(--color-text-gray-200)
}

.auroral-yellow .item-nickname[data-v-4c23f9a6] {
    color: var(--color-text-white-100)
}

.auroral-yellow .item-account[data-v-4c23f9a6] {
    color: var(--color-text-gray-200)
}

.color-primary-600[data-v-4d706cf6] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-4d706cf6] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-4d706cf6] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-4d706cf6] {
    color: var(--color-primary-900)
}

.bg-100[data-v-4d706cf6] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-4d706cf6] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-4d706cf6] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-4d706cf6] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-4d706cf6] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-4d706cf6] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-4d706cf6] {
    background-color: var(--color-warning)
}

.bg-link[data-v-4d706cf6] {
    background-color: var(--color-link)
}

.bg-danger[data-v-4d706cf6] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-4d706cf6] {
    color: var(--color-text-100)
}

.color-text-80[data-v-4d706cf6] {
    color: var(--color-text-80)
}

.color-text-50[data-v-4d706cf6] {
    color: var(--color-text-50)
}

.color-text-40[data-v-4d706cf6] {
    color: var(--color-text-40)
}

.color-text-20[data-v-4d706cf6] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-4d706cf6] {
    color: var(--color-currency)
}

.color-warning[data-v-4d706cf6] {
    color: var(--color-warning)
}

.color-danger[data-v-4d706cf6] {
    color: var(--color-danger)
}

.color-link[data-v-4d706cf6] {
    color: var(--color-link)
}

.color-line[data-v-4d706cf6] {
    color: var(--color-line)
}

.color-border[data-v-4d706cf6] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-4d706cf6] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-4d706cf6] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-4d706cf6] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-4d706cf6] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-4d706cf6] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-4d706cf6] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-4d706cf6] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-4d706cf6] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-4d706cf6] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-4d706cf6] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-4d706cf6] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-4d706cf6] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-4d706cf6] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-4d706cf6] {
    display: flex;
    align-items: center
}

.flex-start[data-v-4d706cf6] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-4d706cf6] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-4d706cf6] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-4d706cf6] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-4d706cf6] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-4d706cf6] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-4d706cf6] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-4d706cf6] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-4d706cf6] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-4d706cf6] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-4d706cf6] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-4d706cf6] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-4d706cf6] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-4d706cf6] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-4d706cf6] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-4d706cf6] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-4d706cf6] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-4d706cf6] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-4d706cf6] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-4d706cf6] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-4d706cf6] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-4d706cf6] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-4d706cf6] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-4d706cf6] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-4d706cf6],
.mlm-selected-item[data-v-4d706cf6] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-4d706cf6] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-4d706cf6]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-4d706cf6] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-4d706cf6] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-4d706cf6] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-content[data-v-4d706cf6] {
    --padding-start: var(--ion-padding, 1rem);
    --padding-end: var(--ion-padding, 1rem);
    --padding-top: var(--ion-padding, 1rem);
    --padding-bottom: var(--ion-padding, 1rem);
    padding-inline-start: var(--ion-padding, 1rem);
    padding-inline-end: var(--ion-padding, 1rem);
    padding-top: var(--ion-padding, 1rem);
    padding-bottom: var(--ion-padding, 1rem)
}

ion-content .btn[data-v-4d706cf6] {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: fixed;
    right: 0
}

ion-content .btn .read-all-btn img[data-v-4d706cf6] {
    width: 1.125rem;
    height: 1.125rem;
    margin-right: .375rem
}

ion-content .list[data-v-4d706cf6] {
    width: 100%
}

ion-content .list .notice-item-date[data-v-4d706cf6] {
    font-size: .75rem;
    line-height: 1rem;
    text-align: center;
    margin-bottom: .625rem;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

ion-content .list .notice-item[data-v-4d706cf6] {
    padding: .625rem;
    border-radius: .375rem;
    margin-bottom: .625rem
}

ion-content .list .notice-item .item[data-v-4d706cf6] {
    display: flex;
    justify-content: space-between
}

ion-content .list .notice-item .item .notice-item-title[data-v-4d706cf6] {
    font-size: .875rem;
    line-height: 1.25rem
}

ion-content .list .notice-item .item .dot[data-v-4d706cf6] {
    color: red;
    font-size: 1.875rem;
    line-height: 1rem
}

ion-content .list .notice-item .notice-item-content[data-v-4d706cf6] {
    font-size: .75rem;
    line-height: 1.25rem;
    margin-top: .3125rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: pre-line
}

ion-content .list.unRead[data-v-4d706cf6] {
    margin-top: 3.5rem
}

ion-content .empty[data-v-4d706cf6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

ion-content .empty .img[data-v-4d706cf6] {
    width: 7.5rem;
    height: 7.5rem;
    margin-top: 9rem;
    background: transparent url(/icons/No_record.png) no-repeat;
    background-size: 7.5rem
}

ion-infinite-scroll-content[data-v-4d706cf6] {
    min-height: 10px
}

ion-button.read-all-btn[data-v-4d706cf6] {
    min-height: 0;
    min-width: 0;
    --border-radius: 1.8125rem;
    font-weight: 500;
    font-size: .75rem
}

ion-button.read-all-btn[data-v-4d706cf6]::part(native) {
    padding: .5rem .75rem
}

.line-clamp-2[data-v-4d706cf6] {
    word-break: break-all
}

ion-button.read-all-btn[data-v-4d706cf6] {
    --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)
}

.notice-item[data-v-4d706cf6] {
    background: var(--color-bg-200)
}

.notice-item-date[data-v-4d706cf6] {
    color: var(--color-text-gray-200)
}

.notice-item-title[data-v-4d706cf6] {
    color: var(--color-text-white-100)
}

.notice-item-content[data-v-4d706cf6] {
    color: var(--color-text-gray-200)
}

.blue-default ion-button.read-all-btn[data-v-4d706cf6] {
    --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-4d706cf6] {
    background: var(--color-bg-200)
}

.blue-default .notice-item-date[data-v-4d706cf6] {
    color: var(--color-text-gray-200)
}

.blue-default .notice-item-title[data-v-4d706cf6] {
    color: var(--color-text-white-100)
}

.blue-default .notice-item-content[data-v-4d706cf6] {
    color: var(--color-text-gray-200)
}

.green-default ion-button.read-all-btn[data-v-4d706cf6] {
    --background: var(--color-bg-50);
    --color: var(--color-text-gray-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)
}

.green-default .notice-item[data-v-4d706cf6] {
    background: var(--color-bg-200)
}

.green-default .notice-item-date[data-v-4d706cf6] {
    color: var(--color-text-gray-200)
}

.green-default .notice-item-title[data-v-4d706cf6] {
    color: var(--color-text-gray-100)
}

.green-default .notice-item-content[data-v-4d706cf6] {
    color: var(--color-text-gray-200)
}

.amber-purple ion-button.read-all-btn[data-v-4d706cf6] {
    --background: var(--color-bg-100);
    --color: var(--color-text-gray-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)
}

.amber-purple .notice-item[data-v-4d706cf6] {
    background: var(--color-bg-200)
}

.amber-purple .notice-item-date[data-v-4d706cf6] {
    color: var(--text-color-light-purple-2-100)
}

.amber-purple .notice-item-title[data-v-4d706cf6] {
    color: var(--text-color-light-purple-1-100)
}

.amber-purple .notice-item-content[data-v-4d706cf6] {
    color: var(--text-color-light-purple-2-100)
}

.forest-green ion-button.read-all-btn[data-v-4d706cf6] {
    --background: var(--color-bg-100);
    --color: var(--color-text-gray-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)
}

.forest-green .notice-item[data-v-4d706cf6] {
    background: var(--color-bg-200)
}

.forest-green .notice-item-date[data-v-4d706cf6] {
    color: var(--color-text-gray-200)
}

.forest-green .notice-item-title[data-v-4d706cf6] {
    color: var(--color-text-gray-100)
}

.forest-green .notice-item-content[data-v-4d706cf6] {
    color: var(--color-text-gray-200)
}

.auroral-yellow ion-button.read-all-btn[data-v-4d706cf6] {
    --background: var(--color-bg-100);
    --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)
}

.auroral-yellow .notice-item[data-v-4d706cf6] {
    background: var(--color-bg-200)
}

.auroral-yellow .notice-item-date[data-v-4d706cf6] {
    color: var(--color-text-gray-200)
}

.auroral-yellow .notice-item-title[data-v-4d706cf6] {
    color: var(--color-text-white-100)
}

.auroral-yellow .notice-item-content[data-v-4d706cf6] {
    color: var(--color-text-gray-200)
}

.color-primary-600[data-v-53976f19] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-53976f19] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-53976f19] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-53976f19] {
    color: var(--color-primary-900)
}

.bg-100[data-v-53976f19] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-53976f19] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-53976f19] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-53976f19] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-53976f19] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-53976f19] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-53976f19] {
    background-color: var(--color-warning)
}

.bg-link[data-v-53976f19] {
    background-color: var(--color-link)
}

.bg-danger[data-v-53976f19] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-53976f19] {
    color: var(--color-text-100)
}

.color-text-80[data-v-53976f19] {
    color: var(--color-text-80)
}

.color-text-50[data-v-53976f19] {
    color: var(--color-text-50)
}

.color-text-40[data-v-53976f19] {
    color: var(--color-text-40)
}

.color-text-20[data-v-53976f19] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-53976f19] {
    color: var(--color-currency)
}

.color-warning[data-v-53976f19] {
    color: var(--color-warning)
}

.color-danger[data-v-53976f19] {
    color: var(--color-danger)
}

.color-link[data-v-53976f19] {
    color: var(--color-link)
}

.color-line[data-v-53976f19] {
    color: var(--color-line)
}

.color-border[data-v-53976f19] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-53976f19] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-53976f19] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-53976f19] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-53976f19] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-53976f19] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-53976f19] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-53976f19] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-53976f19] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-53976f19] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-53976f19] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-53976f19] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-53976f19] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-53976f19] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-53976f19] {
    display: flex;
    align-items: center
}

.flex-start[data-v-53976f19] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-53976f19] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-53976f19] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-53976f19] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-53976f19] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-53976f19] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-53976f19] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-53976f19] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-53976f19] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-53976f19] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-53976f19] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-53976f19] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-53976f19] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-53976f19] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-53976f19] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-53976f19] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-53976f19] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-53976f19] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-53976f19] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-53976f19] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-53976f19] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-53976f19] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-53976f19] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-53976f19] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-53976f19],
.mlm-selected-item[data-v-53976f19] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-53976f19] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-53976f19]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-53976f19] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-53976f19] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-53976f19] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-header[data-v-53976f19] {
    box-shadow: none
}

.tab-box[data-v-53976f19] {
    padding-left: 1rem;
    padding-right: 1rem
}

.tab-box ion-segment-button[data-v-53976f19] {
    min-height: 0rem
}

.tab-box ion-segment-button p[data-v-53976f19] {
    position: absolute;
    width: .75rem;
    height: .75rem;
    color: #fff;
    background-color: red;
    font-size: .5rem;
    top: .625rem;
    right: -.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%
}

ion-segment.md[data-v-53976f19] {
    display: flex;
    justify-content: left
}

ion-button.base-tab[data-v-53976f19],
ion-button.selected-tab[data-v-53976f19] {
    height: 1.875rem;
    font-size: .875rem;
    line-height: 1.375rem
}

ion-segment-button.md[data-v-53976f19] {
    --indicator-color: #1C2334;
    --padding-start: 1.25rem;
    --padding-end: 1.25rem;
    --padding-top: .125rem;
    --padding-bottom: .125rem;
    text-transform: capitalize;
    min-width: 0
}

ion-segment-button.md[data-v-53976f19]::part(indicator) {
    margin-left: auto;
    margin-right: auto
}

ion-segment-button.md[data-v-53976f19]::part(indicator-background) {
    height: .125rem
}

ion-segment-button.md ion-button[data-v-53976f19] {
    text-transform: none;
    min-height: 0;
    margin-top: 1rem;
    margin-bottom: 0;
    --padding-top: 0rem;
    --padding-bottom: .3125rem;
    --padding-start: 0;
    --padding-end: 0;
    min-width: 0
}

.tab-box[data-v-53976f19] {
    background: var(--color-bg-300)
}

ion-segment.md[data-v-53976f19] {
    border-bottom: .0625rem solid var(--color-line)
}

ion-button.base-tab[data-v-53976f19] {
    --color: var(--color-text-gray-200)
}

ion-button.selected-tab[data-v-53976f19] {
    --color: var(--color-text-white-100)
}

ion-segment-button.md[data-v-53976f19]::part(indicator-background) {
    background: var(--theme-color-600)
}

.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)
}

.green-default .tab-box[data-v-53976f19] {
    background: var(--color-bg-300)
}

.green-default ion-segment.md[data-v-53976f19] {
    border-bottom: .0625rem solid var(--color-line)
}

.green-default ion-button.base-tab[data-v-53976f19] {
    --color: var(--color-text-gray-200)
}

.green-default ion-button.selected-tab[data-v-53976f19] {
    --color: var(--color-text-gray-100)
}

.green-default ion-segment-button.md[data-v-53976f19]::part(indicator-background) {
    background: var(--theme-color-600)
}

.amber-purple .tab-box[data-v-53976f19] {
    background: var(--color-bg-300)
}

.amber-purple ion-segment.md[data-v-53976f19] {
    border-bottom: .0625rem solid var(--line-color)
}

.amber-purple ion-button.base-tab[data-v-53976f19] {
    --color: var(--text-color-light-purple-2-100)
}

.amber-purple ion-button.selected-tab[data-v-53976f19] {
    --color: var(--text-color-light-purple-1-100)
}

.amber-purple ion-segment-button.md[data-v-53976f19]::part(indicator-background) {
    background: var(--segment-gradients-purple)
}

.forest-green .tab-box[data-v-53976f19] {
    background: var(--color-bg-300)
}

.forest-green ion-segment.md[data-v-53976f19] {
    border-bottom: .0625rem solid var(--color-bg-200)
}

.forest-green ion-button.base-tab[data-v-53976f19] {
    --color: var(--color-text-gray-200)
}

.forest-green ion-button.selected-tab[data-v-53976f19] {
    --color: var(--color-text-gray-100)
}

.forest-green ion-segment-button.md[data-v-53976f19]::part(indicator-background) {
    background: var(--color-line)
}

.auroral-yellow .tab-box[data-v-53976f19] {
    background: var(--color-bg-300)
}

.auroral-yellow ion-segment.md[data-v-53976f19] {
    border-bottom: .0625rem solid var(--color-line)
}

.auroral-yellow ion-button.base-tab[data-v-53976f19] {
    --color: var(--color-text-gray-200)
}

.auroral-yellow ion-button.selected-tab[data-v-53976f19] {
    --color: var(--color-text-white-100)
}

.auroral-yellow ion-segment-button.md[data-v-53976f19]::part(indicator-background) {
    background: var(--theme-color-800)
}

.color-primary-600[data-v-6d33dc01] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-6d33dc01] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-6d33dc01] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-6d33dc01] {
    color: var(--color-primary-900)
}

.bg-100[data-v-6d33dc01] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-6d33dc01] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-6d33dc01] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-6d33dc01] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-6d33dc01] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-6d33dc01] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-6d33dc01] {
    background-color: var(--color-warning)
}

.bg-link[data-v-6d33dc01] {
    background-color: var(--color-link)
}

.bg-danger[data-v-6d33dc01] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-6d33dc01] {
    color: var(--color-text-100)
}

.color-text-80[data-v-6d33dc01] {
    color: var(--color-text-80)
}

.color-text-50[data-v-6d33dc01] {
    color: var(--color-text-50)
}

.color-text-40[data-v-6d33dc01] {
    color: var(--color-text-40)
}

.color-text-20[data-v-6d33dc01] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-6d33dc01] {
    color: var(--color-currency)
}

.color-warning[data-v-6d33dc01] {
    color: var(--color-warning)
}

.color-danger[data-v-6d33dc01] {
    color: var(--color-danger)
}

.color-link[data-v-6d33dc01] {
    color: var(--color-link)
}

.color-line[data-v-6d33dc01] {
    color: var(--color-line)
}

.color-border[data-v-6d33dc01] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-6d33dc01] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-6d33dc01] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-6d33dc01] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-6d33dc01] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-6d33dc01] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-6d33dc01] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-6d33dc01] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-6d33dc01] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-6d33dc01] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-6d33dc01] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-6d33dc01] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-6d33dc01] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-6d33dc01] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-6d33dc01] {
    display: flex;
    align-items: center
}

.flex-start[data-v-6d33dc01] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-6d33dc01] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-6d33dc01] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-6d33dc01] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-6d33dc01] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-6d33dc01] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-6d33dc01] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-6d33dc01] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-6d33dc01] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-6d33dc01] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-6d33dc01] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-6d33dc01] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-6d33dc01] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-6d33dc01] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-6d33dc01] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-6d33dc01] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-6d33dc01] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-6d33dc01] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-6d33dc01] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-6d33dc01] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-6d33dc01] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-6d33dc01] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-6d33dc01] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-6d33dc01] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-6d33dc01],
.mlm-selected-item[data-v-6d33dc01] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-6d33dc01] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-6d33dc01]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-6d33dc01] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-6d33dc01] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-6d33dc01] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-infinite-scroll-content[data-v-6d33dc01] {
    min-height: 10px
}

ion-content#iframe[data-v-6d33dc01] {
    --background: #fff
}

.color-primary-600[data-v-a6fc7d80] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-a6fc7d80] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-a6fc7d80] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-a6fc7d80] {
    color: var(--color-primary-900)
}

.bg-100[data-v-a6fc7d80] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-a6fc7d80] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-a6fc7d80] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-a6fc7d80] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-a6fc7d80] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-a6fc7d80] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-a6fc7d80] {
    background-color: var(--color-warning)
}

.bg-link[data-v-a6fc7d80] {
    background-color: var(--color-link)
}

.bg-danger[data-v-a6fc7d80] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-a6fc7d80] {
    color: var(--color-text-100)
}

.color-text-80[data-v-a6fc7d80] {
    color: var(--color-text-80)
}

.color-text-50[data-v-a6fc7d80] {
    color: var(--color-text-50)
}

.color-text-40[data-v-a6fc7d80] {
    color: var(--color-text-40)
}

.color-text-20[data-v-a6fc7d80] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-a6fc7d80] {
    color: var(--color-currency)
}

.color-warning[data-v-a6fc7d80] {
    color: var(--color-warning)
}

.color-danger[data-v-a6fc7d80] {
    color: var(--color-danger)
}

.color-link[data-v-a6fc7d80] {
    color: var(--color-link)
}

.color-line[data-v-a6fc7d80] {
    color: var(--color-line)
}

.color-border[data-v-a6fc7d80] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-a6fc7d80] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-a6fc7d80] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-a6fc7d80] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-a6fc7d80] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-a6fc7d80] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-a6fc7d80] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-a6fc7d80] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-a6fc7d80] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-a6fc7d80] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-a6fc7d80] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-a6fc7d80] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-a6fc7d80] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-a6fc7d80] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-a6fc7d80] {
    display: flex;
    align-items: center
}

.flex-start[data-v-a6fc7d80] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-a6fc7d80] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-a6fc7d80] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-a6fc7d80] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-a6fc7d80] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-a6fc7d80] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-a6fc7d80] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-a6fc7d80] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-a6fc7d80] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-a6fc7d80] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-a6fc7d80] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-a6fc7d80] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-a6fc7d80] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-a6fc7d80] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-a6fc7d80] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-a6fc7d80] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-a6fc7d80] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-a6fc7d80] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-a6fc7d80] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-a6fc7d80] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-a6fc7d80] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-a6fc7d80] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-a6fc7d80] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-a6fc7d80] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-a6fc7d80],
.mlm-selected-item[data-v-a6fc7d80] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-a6fc7d80] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-a6fc7d80]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-a6fc7d80] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-a6fc7d80] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-a6fc7d80] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.ion-padding form .password .top[data-v-a6fc7d80] {
    margin-bottom: .25rem;
    font-size: .875rem
}

.ion-padding form .password .middle[data-v-a6fc7d80],
.ion-padding form .password .bottom[data-v-a6fc7d80] {
    font-size: .625rem
}

.ion-padding form .phone[data-v-a6fc7d80],
.ion-padding form .email[data-v-a6fc7d80] {
    margin-bottom: .25rem;
    font-size: .875rem;
    line-height: 1.25rem
}

.ion-padding form ion-item.password[data-v-a6fc7d80] {
    margin-top: .625rem;
    margin-bottom: .3125rem
}

.ion-padding form ion-item.password ion-icon.verify-eye-color[data-v-a6fc7d80] {
    z-index: 10;
    position: absolute;
    right: 1.125rem;
    top: 1.125rem;
    font-size: 1.25rem;
    line-height: 1.75rem
}

.ion-padding form .item[data-v-a6fc7d80] {
    font-size: .625rem
}

.ion-padding form ion-item.code[data-v-a6fc7d80] {
    margin-top: .625rem;
    margin-bottom: .625rem
}

.ion-padding form ion-item.submit[data-v-a6fc7d80] {
    font-size: 1rem;
    filter: drop-shadow(0 .25rem .9375rem rgba(32, 139, 229, .25));
    margin: 1.25rem 2.5rem
}

.ion-padding form ion-item.submit ion-button[data-v-a6fc7d80] {
    width: 100%;
    font-size: .875rem
}

ion-item[data-v-a6fc7d80] {
    --background: transparent;
    --padding-start: 0;
    --inner-padding-end: .25rem;
    min-height: 3.375rem
}

ion-input[data-v-a6fc7d80] {
    --border-width: 0rem;
    --border-radius: .625rem;
    --padding-start: 1rem !important;
    --padding-end: 1rem !important;
    min-height: 3.375rem !important;
    font-size: .875rem
}

ion-item.submit[data-v-a6fc7d80] {
    --min-height: 0;
    --border-radius: .625rem;
    --ion-safe-area-left: 0;
    --ion-safe-area-right: 0
}

ion-button.verify[data-v-a6fc7d80] {
    --border-radius: .625rem;
    --padding-start: .625rem;
    --padding-end: .625rem;
    position: absolute;
    margin-top: auto;
    margin-bottom: auto;
    color: #fff;
    right: .625rem;
    z-index: 10;
    font-size: .75rem
}

ion-button.verify ion-spinner[data-v-a6fc7d80] {
    z-index: 10;
    width: 1rem;
    height: 1rem
}

ion-button.verify.on[data-v-a6fc7d80] {
    --background: #626262;
    color: #ee4639
}

ion-modal[data-v-a6fc7d80] {
    --width: fit-content;
    --height: fit-content;
    --border-radius: 1.25rem
}

ion-item#verification[data-v-a6fc7d80] {
    --background: #101629;
    --padding-top: 0;
    --padding-bottom: 0;
    min-height: 0rem
}

ion-button.submit-btn[data-v-a6fc7d80] {
    font-weight: 700
}

ion-modal#modal-verification .all[data-v-a6fc7d80] {
    background-color: #090f1f;
    width: 22.5rem;
    border-radius: .5rem;
    position: relative;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: .3125rem
}

ion-modal#modal-verification .all p[data-v-a6fc7d80] {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    text-align: center
}

ion-modal#modal-verification .all .close[data-v-a6fc7d80] {
    position: absolute;
    font-size: 1.875rem;
    line-height: 2.25rem;
    top: 1.25rem;
    right: .5rem
}

ion-modal#modal-verification .all ion-item#verification[data-v-a6fc7d80] {
    border-radius: .625rem;
    margin-bottom: .625rem
}

ion-modal#modal-verification .all ion-item#verification ion-icon[data-v-a6fc7d80] {
    width: 1.5rem;
    margin-left: .625rem;
    margin-right: .625rem
}

ion-modal#code .all[data-v-a6fc7d80] {
    background-color: #090f1f;
    width: 22.5rem;
    border-radius: .5rem;
    position: relative;
    padding: 1.25rem 1rem
}

ion-modal#code .all .top[data-v-a6fc7d80] {
    margin-bottom: .25rem;
    font-size: .875rem;
    line-height: 1.25rem
}

ion-modal#code .all .bottom[data-v-a6fc7d80] {
    margin-top: .25rem;
    margin-bottom: .25rem;
    font-size: .875rem;
    line-height: 1.25rem
}

.ion-padding form .item[data-v-a6fc7d80] {
    color: var(--color-text-gray-400)
}

ion-input[data-v-a6fc7d80] {
    --background: var(--color-bg-200);
    --placeholder-color: var(--color-text-gray-300)
}

ion-item.submit[data-v-a6fc7d80] {
    --background: var(--theme-color-gradient-100)
}

ion-item.submit ion-button[data-v-a6fc7d80] {
    color: var(--color-text-white-100)
}

ion-button.verify[data-v-a6fc7d80] {
    --background: var(--theme-color-gradient-100)
}

.verify-white-color[data-v-a6fc7d80] {
    color: var(--color-text-white-100)
}

.verify-minor-color[data-v-a6fc7d80],
.verify-eye-color[data-v-a6fc7d80] {
    color: var(--color-text-gray-200)
}

ion-button.submit-btn[data-v-a6fc7d80] {
    --background: var(--theme-color-gradient-100)
}

.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)
}

.green-default .ion-padding form .item[data-v-a6fc7d80],
.forest-green .ion-padding form .item[data-v-a6fc7d80] {
    color: var(--color-text-gray-200)
}

.green-default ion-input[data-v-a6fc7d80],
.forest-green ion-input[data-v-a6fc7d80] {
    --background: var(--color-bg-400);
    --placeholder-color: var(--color-text-gray-200)
}

.green-default ion-item.submit[data-v-a6fc7d80],
.forest-green ion-item.submit[data-v-a6fc7d80] {
    --background: var(--theme-color-gradient-100)
}

.green-default ion-item.submit ion-button[data-v-a6fc7d80],
.forest-green ion-item.submit ion-button[data-v-a6fc7d80] {
    color: var(--color-text-white-100)
}

.green-default ion-button.verify[data-v-a6fc7d80],
.forest-green ion-button.verify[data-v-a6fc7d80] {
    --background: var(--theme-color-gradient-100)
}

.green-default .verify-white-color[data-v-a6fc7d80],
.forest-green .verify-white-color[data-v-a6fc7d80] {
    color: var(--color-text-gray-100)
}

.green-default .verify-minor-color[data-v-a6fc7d80],
.forest-green .verify-minor-color[data-v-a6fc7d80],
.green-default .verify-eye-color[data-v-a6fc7d80],
.forest-green .verify-eye-color[data-v-a6fc7d80] {
    color: var(--color-text-gray-200)
}

.green-default ion-button.submit-btn[data-v-a6fc7d80],
.forest-green ion-button.submit-btn[data-v-a6fc7d80] {
    --background: var(--theme-color-gradient-100)
}

.amber-purple .ion-padding form .item[data-v-a6fc7d80] {
    color: var(--color-text-gray-100)
}

.amber-purple ion-input[data-v-a6fc7d80] {
    --background: var(--color-bg-400);
    --placeholder-color: var(--color-text-gray-200)
}

.amber-purple ion-item.submit[data-v-a6fc7d80] {
    --background: var(--theme-color-gradient-100)
}

.amber-purple ion-item.submit ion-button[data-v-a6fc7d80] {
    color: var(--color-text-white-100)
}

.amber-purple ion-button.verify[data-v-a6fc7d80] {
    --background: var(--theme-color-gradient-100)
}

.amber-purple .verify-white-color[data-v-a6fc7d80] {
    color: var(--color-text-gray-100)
}

.amber-purple .verify-minor-color[data-v-a6fc7d80],
.amber-purple .verify-eye-color[data-v-a6fc7d80] {
    color: var(--color-text-gray-200)
}

.amber-purple ion-button.submit-btn[data-v-a6fc7d80] {
    --background: var(--theme-color-gradient-100)
}

.auroral-yellow .ion-padding form .item[data-v-a6fc7d80] {
    color: var(--color-text-gray-400)
}

.auroral-yellow ion-input[data-v-a6fc7d80] {
    --background: var(--color-bg-200);
    --placeholder-color: var(--color-text-gray-300)
}

.auroral-yellow ion-item.submit[data-v-a6fc7d80] {
    --background: var(--theme-color-800)
}

.auroral-yellow ion-item.submit ion-button[data-v-a6fc7d80] {
    color: var(--color-text-black-100)
}

.auroral-yellow ion-button.verify[data-v-a6fc7d80] {
    --background: var(--theme-color-gradient-100)
}

.auroral-yellow .verify-white-color[data-v-a6fc7d80] {
    color: var(--color-text-white-100)
}

.auroral-yellow .verify-minor-color[data-v-a6fc7d80],
.auroral-yellow .verify-eye-color[data-v-a6fc7d80] {
    color: var(--color-text-gray-200)
}

.auroral-yellow ion-button.submit-btn[data-v-a6fc7d80] {
    --background: var(--theme-color-gradient-100)
}

.color-primary-600[data-v-5fffc26f] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-5fffc26f] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-5fffc26f] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-5fffc26f] {
    color: var(--color-primary-900)
}

.bg-100[data-v-5fffc26f] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-5fffc26f] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-5fffc26f] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-5fffc26f] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-5fffc26f] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-5fffc26f] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-5fffc26f] {
    background-color: var(--color-warning)
}

.bg-link[data-v-5fffc26f] {
    background-color: var(--color-link)
}

.bg-danger[data-v-5fffc26f] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-5fffc26f] {
    color: var(--color-text-100)
}

.color-text-80[data-v-5fffc26f] {
    color: var(--color-text-80)
}

.color-text-50[data-v-5fffc26f] {
    color: var(--color-text-50)
}

.color-text-40[data-v-5fffc26f] {
    color: var(--color-text-40)
}

.color-text-20[data-v-5fffc26f] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-5fffc26f] {
    color: var(--color-currency)
}

.color-warning[data-v-5fffc26f] {
    color: var(--color-warning)
}

.color-danger[data-v-5fffc26f] {
    color: var(--color-danger)
}

.color-link[data-v-5fffc26f] {
    color: var(--color-link)
}

.color-line[data-v-5fffc26f] {
    color: var(--color-line)
}

.color-border[data-v-5fffc26f] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-5fffc26f] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-5fffc26f] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-5fffc26f] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-5fffc26f] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-5fffc26f] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-5fffc26f] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-5fffc26f] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-5fffc26f] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-5fffc26f] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-5fffc26f] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-5fffc26f] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-5fffc26f] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-5fffc26f] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-5fffc26f] {
    display: flex;
    align-items: center
}

.flex-start[data-v-5fffc26f] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-5fffc26f] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-5fffc26f] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-5fffc26f] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-5fffc26f] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-5fffc26f] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-5fffc26f] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-5fffc26f] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-5fffc26f] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-5fffc26f] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-5fffc26f] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-5fffc26f] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-5fffc26f] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-5fffc26f] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-5fffc26f] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-5fffc26f] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-5fffc26f] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-5fffc26f] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-5fffc26f] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-5fffc26f] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-5fffc26f] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-5fffc26f] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-5fffc26f] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-5fffc26f] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-5fffc26f],
.mlm-selected-item[data-v-5fffc26f] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-5fffc26f] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-5fffc26f]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-5fffc26f] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-5fffc26f] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-5fffc26f] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-toolbar[data-v-5fffc26f] {
    --min-height: 3.125rem
}

ion-item[data-v-5fffc26f] {
    --background: transparent;
    --border-color: #2A324E
}

ion-segment[data-v-5fffc26f] {
    --background: transparent;
    border-radius: 0;
    display: flex;
    justify-content: left
}

ion-segment-button.segment-button-disabled[data-v-5fffc26f] {
    opacity: 1
}

ion-segment-button.ios[data-v-5fffc26f] {
    --border-radius: .375rem;
    --background: transparent;
    --color: #FFF;
    --indicator-color: transparent;
    --padding-start: 0;
    --padding-end: 0;
    --padding-top: 0;
    --padding-bottom: 0;
    text-transform: capitalize;
    flex: 0 0 auto;
    min-width: 0;
    max-width: 2.25rem;
    min-height: 2.5rem;
    max-height: 2.5rem;
    margin: .5rem .375rem .5rem 0
}

ion-segment-button.ios[data-v-5fffc26f]::part(native) {
    max-width: 2.25rem
}

ion-button.copy[data-v-5fffc26f]::part(native) {
    --padding-top: 0;
    --padding-bottom: 0;
    --padding-start: 0;
    --padding-end: 0
}

.validCondition ion-item[data-v-5fffc26f]:last-child {
    --border-color: transparent
}

.claimHistory .icon[data-v-5fffc26f] {
    font-size: 24px
}

.copy .icon[data-v-5fffc26f] {
    font-size: 1.75rem
}

.text-with-shadow[data-v-5fffc26f] {
    text-shadow: -1px -1px 1px red, 1px -1px 1px red, -1px 1px 1px red, 1px 1px 1px red
}

.condition[data-v-5fffc26f] {
    width: 100%;
    display: flex;
    text-align: center;
    font-size: .75rem;
    align-items: center;
    justify-content: space-between
}

.text[data-v-5fffc26f] {
    font-size: .875rem
}

.reward-box[data-v-5fffc26f] {
    justify-content: space-between
}

.reward-item[data-v-5fffc26f] {
    width: 25%
}

.text-position[data-v-5fffc26f] {
    left: 2.1rem
}

.reward-item[data-v-5fffc26f]:nth-child(4),
.reward-item[data-v-5fffc26f]:nth-child(4n) {
    width: 20%
}

.redPacketGet[data-v-5fffc26f] {
    animation-name: redPacketShake-5fffc26f;
    animation-duration: 1s;
    animation-iteration-count: infinite
}

.i8n-box[data-v-5fffc26f] {
    white-space: normal;
    text-align: center;
    font-size: .65rem;
    line-height: .9rem
}

.claim-click[data-v-5fffc26f] {
    flex-direction: column
}

@keyframes redPacketShake-5fffc26f {
    30% {
        scale: 1.1;
        transform: rotate(0)
    }

    40% {
        transform: rotate(-15deg)
    }

    50% {
        transform: rotate(0)
    }

    60% {
        transform: rotate(-15deg)
    }

    70% {
        transform: rotate(0);
        scale: 1.1
    }

    to {
        scale: 1
    }
}

.claimHistory[data-v-5fffc26f],
.copy[data-v-5fffc26f],
.more[data-v-5fffc26f] {
    --color: var(--color-text-gray-200)
}

.copy .icon[data-v-5fffc26f] {
    color: var(--color-text-white-100)
}

.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
}

.activity-share-box[data-v-5fffc26f] {
    background: var(--color-bg-200)
}

.activity-share-box .activity-agent1[data-v-5fffc26f] {
    color: var(--color-text-gray-300)
}

.activity-share-box .activity-agent2[data-v-5fffc26f],
.activity-share-box .activity-agent45[data-v-5fffc26f] {
    color: var(--color-text-white-100)
}

.activity-share-box .activity-agent8[data-v-5fffc26f] {
    color: var(--theme-color-500)
}

.activity-share-box .activity-reward[data-v-5fffc26f],
.activity-agent7[data-v-5fffc26f] {
    color: var(--accent-color-yellow)
}

.reward-box[data-v-5fffc26f] {
    background: var(--color-bg-200)
}

.reward-box .arrow_icon[data-v-5fffc26f] {
    color: var(--color-text-white-100)
}

.reward-box .i8n-box[data-v-5fffc26f] {
    color: var(--color-text-gray-200)
}

.agency-headcount[data-v-5fffc26f] {
    background: var(--color-bg-200)
}

.agency-headcount .activity-agent1011[data-v-5fffc26f] {
    color: var(--color-text-white-100)
}

.agency-headcount .headcount-userCount[data-v-5fffc26f] {
    color: var(--color-text-gray-200)
}

.agency-headcount .headcount-ZRewardType[data-v-5fffc26f] {
    color: var(--accent-color-yellow)
}

.validCondition[data-v-5fffc26f] {
    background: var(--color-bg-200)
}

.validCondition .validCondition-ZValidCondition[data-v-5fffc26f] {
    color: var(--color-text-gray-300)
}

.validCondition .validCondition-text-second[data-v-5fffc26f] {
    color: var(--color-text-gray-200)
}

.validCondition .validCondition-text-value[data-v-5fffc26f] {
    color: var(--theme-color-500)
}

.agency-description[data-v-5fffc26f] {
    color: var(--color-text-gray-200);
    background: var(--color-bg-200)
}

ion-item[data-v-5fffc26f] {
    --border-color: var(--color-line)
}

.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)
}

.green-default .claimHistory[data-v-5fffc26f],
.green-default .copy[data-v-5fffc26f],
.green-default .more[data-v-5fffc26f] {
    --color: var(--color-text-gray-200)
}

.green-default .copy .icon[data-v-5fffc26f] {
    color: var(--color-text-gray-200)
}

.green-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
}

.green-default .activity-share-box[data-v-5fffc26f] {
    background: var(--color-bg-200)
}

.green-default .activity-share-box .activity-agent1[data-v-5fffc26f] {
    color: var(--color-text-gray-200)
}

.green-default .activity-share-box .activity-agent2[data-v-5fffc26f],
.green-default .activity-share-box .activity-agent45[data-v-5fffc26f] {
    color: var(--color-text-gray-100)
}

.green-default .activity-share-box .activity-agent8[data-v-5fffc26f],
.green-default .activity-share-box .activity-reward[data-v-5fffc26f],
.green-default .activity-agent7[data-v-5fffc26f] {
    color: var(--accent-color-yellow)
}

.green-default .reward-box[data-v-5fffc26f] {
    background: var(--color-bg-200)
}

.green-default .reward-box .arrow_icon[data-v-5fffc26f] {
    color: var(--color-text-gray-100)
}

.green-default .reward-box .i8n-box[data-v-5fffc26f] {
    color: var(--color-text-gray-200)
}

.green-default .agency-headcount[data-v-5fffc26f] {
    background: var(--color-bg-200)
}

.green-default .agency-headcount .activity-agent1011[data-v-5fffc26f] {
    color: var(--color-text-gray-100)
}

.green-default .agency-headcount .headcount-userCount[data-v-5fffc26f] {
    color: var(--color-text-gray-200)
}

.green-default .agency-headcount .headcount-ZRewardType[data-v-5fffc26f] {
    color: var(--accent-color-yellow)
}

.green-default .validCondition[data-v-5fffc26f] {
    background: var(--color-bg-200)
}

.green-default .validCondition .validCondition-ZValidCondition[data-v-5fffc26f] {
    color: var(--color-text-gray-100)
}

.green-default .validCondition .validCondition-text-second[data-v-5fffc26f] {
    color: var(--color-text-gray-200)
}

.green-default .validCondition .validCondition-text-value[data-v-5fffc26f] {
    color: var(--accent-color-yellow)
}

.green-default .agency-description[data-v-5fffc26f] {
    color: var(--color-text-gray-200);
    background: var(--color-bg-200)
}

.green-default ion-item[data-v-5fffc26f] {
    --border-color: var(--color-line)
}

.amber-purple .claimHistory[data-v-5fffc26f],
.amber-purple .copy[data-v-5fffc26f],
.amber-purple .more[data-v-5fffc26f] {
    --color: var(--text-color-light-purple-2-100)
}

.amber-purple .copy .icon[data-v-5fffc26f] {
    color: var(--text-color-light-purple-2-100)
}

.amber-purple .claim[data-v-5fffc26f] {
    --background: var(--gradients-purple-1);
    --background-hover: var(--gradients-purple-1);
    --background-activated: var(--gradients-purple-1);
    --background-focused: var(--gradients-purple-1);
    --color: white
}

.amber-purple .activity-share-box[data-v-5fffc26f] {
    background: var(--color-bg-200)
}

.amber-purple .activity-share-box .activity-agent1[data-v-5fffc26f] {
    color: var(--text-color-light-purple-2-100)
}

.amber-purple .activity-share-box .activity-agent2[data-v-5fffc26f],
.amber-purple .activity-share-box .activity-agent45[data-v-5fffc26f] {
    color: var(--text-color-light-purple-1-100)
}

.amber-purple .activity-share-box .activity-agent8[data-v-5fffc26f],
.amber-purple .activity-share-box .activity-reward[data-v-5fffc26f],
.amber-purple .activity-agent7[data-v-5fffc26f] {
    color: var(--accent-color-yellow)
}

.amber-purple .reward-box[data-v-5fffc26f] {
    background: var(--color-bg-200)
}

.amber-purple .reward-box .arrow_icon[data-v-5fffc26f] {
    color: var(--text-color-light-purple-1-100)
}

.amber-purple .reward-box .i8n-box[data-v-5fffc26f] {
    color: var(--text-color-light-purple-2-100)
}

.amber-purple .agency-headcount[data-v-5fffc26f] {
    background: var(--color-bg-200)
}

.amber-purple .agency-headcount .activity-agent1011[data-v-5fffc26f] {
    color: var(--text-color-light-purple-1-100)
}

.amber-purple .agency-headcount .headcount-userCount[data-v-5fffc26f] {
    color: var(--text-color-light-purple-2-100)
}

.amber-purple .agency-headcount .headcount-ZRewardType[data-v-5fffc26f] {
    color: var(--accent-color-yellow)
}

.amber-purple .validCondition[data-v-5fffc26f] {
    background: var(--color-bg-200)
}

.amber-purple .validCondition .validCondition-ZValidCondition[data-v-5fffc26f] {
    color: var(--text-color-light-purple-1-100)
}

.amber-purple .validCondition .validCondition-text-second[data-v-5fffc26f] {
    color: var(--text-color-light-purple-2-100)
}

.amber-purple .validCondition .validCondition-text-value[data-v-5fffc26f] {
    color: var(--accent-color-yellow)
}

.amber-purple .agency-description[data-v-5fffc26f] {
    color: var(--text-color-light-purple-2-100);
    background: var(--color-bg-200)
}

.amber-purple ion-item[data-v-5fffc26f] {
    --border-color: var(--color-line)
}

.agency-default-rule[data-v-5fffc26f] {
    padding: .625rem;
    background: var(--color-bg-second);
    border-radius: var(--rounded-large)
}

.agency-default-rule[data-v-5fffc26f] .ruleHeader {
    justify-content: start;
    margin-bottom: 1rem
}

.agency-default-rule[data-v-5fffc26f] .ruleHeader .span-cls {
    font-size: 1rem;
    margin: 0
}

.agency-default-rule[data-v-5fffc26f] .item-wrap {
    padding: 0 0 0 .375rem
}

.agency-default-rule[data-v-5fffc26f] .item-wrap .rule-item {
    font-size: .75rem;
    line-height: 1.25;
    color: var(--color-text-second)
}

.color-primary-600[data-v-d54141fa] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-d54141fa] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-d54141fa] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-d54141fa] {
    color: var(--color-primary-900)
}

.bg-100[data-v-d54141fa] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-d54141fa] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-d54141fa] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-d54141fa] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-d54141fa] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-d54141fa] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-d54141fa] {
    background-color: var(--color-warning)
}

.bg-link[data-v-d54141fa] {
    background-color: var(--color-link)
}

.bg-danger[data-v-d54141fa] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-d54141fa] {
    color: var(--color-text-100)
}

.color-text-80[data-v-d54141fa] {
    color: var(--color-text-80)
}

.color-text-50[data-v-d54141fa] {
    color: var(--color-text-50)
}

.color-text-40[data-v-d54141fa] {
    color: var(--color-text-40)
}

.color-text-20[data-v-d54141fa] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-d54141fa] {
    color: var(--color-currency)
}

.color-warning[data-v-d54141fa] {
    color: var(--color-warning)
}

.color-danger[data-v-d54141fa] {
    color: var(--color-danger)
}

.color-link[data-v-d54141fa] {
    color: var(--color-link)
}

.color-line[data-v-d54141fa] {
    color: var(--color-line)
}

.color-border[data-v-d54141fa] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-d54141fa] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-d54141fa] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-d54141fa] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-d54141fa] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-d54141fa] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-d54141fa] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-d54141fa] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-d54141fa] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-d54141fa] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-d54141fa] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-d54141fa] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-d54141fa] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-d54141fa] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-d54141fa] {
    display: flex;
    align-items: center
}

.flex-start[data-v-d54141fa] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-d54141fa] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-d54141fa] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-d54141fa] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-d54141fa] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-d54141fa] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-d54141fa] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-d54141fa] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-d54141fa] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-d54141fa] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-d54141fa] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-d54141fa] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-d54141fa] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-d54141fa] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-d54141fa] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-d54141fa] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-d54141fa] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-d54141fa] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-d54141fa] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-d54141fa] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-d54141fa] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-d54141fa] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-d54141fa] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-d54141fa] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-d54141fa],
.mlm-selected-item[data-v-d54141fa] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-d54141fa] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-d54141fa]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-d54141fa] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-d54141fa] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-d54141fa] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.apply[data-v-d54141fa] {
    --color: white;
    width: 280px;
    height: 40px;
    position: relative;
    overflow: hidden
}

.apply[data-v-d54141fa]:before {
    content: "";
    animation: shiny-d54141fa 8s ease-in-out infinite;
    background: #fff;
    display: inline-block;
    height: 100%;
    left: 0;
    position: absolute;
    top: -180px;
    width: 30px;
    z-index: 100
}

[data-v-d54141fa] table {
    border-collapse: collapse;
    width: 100%
}

[data-v-d54141fa] th,
[data-v-d54141fa] td {
    text-align: left
}

@keyframes shiny-d54141fa {
    0% {
        opacity: 0;
        transform: scale(0) rotate(45deg)
    }

    80% {
        opacity: .5;
        transform: scale(0) rotate(45deg)
    }

    81% {
        opacity: 1;
        transform: scale(4) rotate(45deg)
    }

    to {
        opacity: 0;
        transform: scale(50) rotate(45deg)
    }
}

.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)
}

[data-v-d54141fa] table,
[data-v-d54141fa] th,
[data-v-d54141fa] td {
    border: 1px solid var(--line-color)
}

.custom-text-second[data-v-d54141fa] {
    color: var(--color-text-gray-200)
}

.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)
}

.auroral-yellow .apply[data-v-d54141fa] {
    --background: var(--theme-color-800);
    --background-activated: var(--theme-color-800);
    --color: var(--color-text-black-100);
    border-radius: var(--border-radius)
}

.auroral-yellow[data-v-d54141fa] table,
.auroral-yellow[data-v-d54141fa] th,
.auroral-yellow[data-v-d54141fa] td {
    border: 1px solid var(--line-color)
}

.auroral-yellow .custom-text-second[data-v-d54141fa] {
    color: var(--color-text-black-100)
}

.green-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)
}

.green-default[data-v-d54141fa] table,
.green-default[data-v-d54141fa] th,
.green-default[data-v-d54141fa] td {
    border: 1px solid var(--line-color)
}

.green-default .custom-text-second[data-v-d54141fa] {
    color: var(--color-text-gray-200)
}

.amber-purple .apply[data-v-d54141fa] {
    --background: var(--segment-gradients-purple);
    --background-activated: var(--segment-gradients-purple);
    --color: var(--color-text-white-100);
    border-radius: var(--border-radius)
}

.amber-purple[data-v-d54141fa] table,
.amber-purple[data-v-d54141fa] th,
.amber-purple[data-v-d54141fa] td {
    border: 1px solid var(--line-color)
}

.amber-purple .custom-text-second[data-v-d54141fa] {
    color: var(--text-color-light-purple-2-100)
}

.color-primary-600[data-v-dbd29227] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-dbd29227] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-dbd29227] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-dbd29227] {
    color: var(--color-primary-900)
}

.bg-100[data-v-dbd29227] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-dbd29227] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-dbd29227] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-dbd29227] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-dbd29227] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-dbd29227] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-dbd29227] {
    background-color: var(--color-warning)
}

.bg-link[data-v-dbd29227] {
    background-color: var(--color-link)
}

.bg-danger[data-v-dbd29227] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-dbd29227] {
    color: var(--color-text-100)
}

.color-text-80[data-v-dbd29227] {
    color: var(--color-text-80)
}

.color-text-50[data-v-dbd29227] {
    color: var(--color-text-50)
}

.color-text-40[data-v-dbd29227] {
    color: var(--color-text-40)
}

.color-text-20[data-v-dbd29227] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-dbd29227] {
    color: var(--color-currency)
}

.color-warning[data-v-dbd29227] {
    color: var(--color-warning)
}

.color-danger[data-v-dbd29227] {
    color: var(--color-danger)
}

.color-link[data-v-dbd29227] {
    color: var(--color-link)
}

.color-line[data-v-dbd29227] {
    color: var(--color-line)
}

.color-border[data-v-dbd29227] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-dbd29227] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-dbd29227] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-dbd29227] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-dbd29227] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-dbd29227] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-dbd29227] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-dbd29227] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-dbd29227] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-dbd29227] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-dbd29227] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-dbd29227] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-dbd29227] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-dbd29227] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-dbd29227] {
    display: flex;
    align-items: center
}

.flex-start[data-v-dbd29227] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-dbd29227] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-dbd29227] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-dbd29227] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-dbd29227] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-dbd29227] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-dbd29227] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-dbd29227] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-dbd29227] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-dbd29227] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-dbd29227] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-dbd29227] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-dbd29227] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-dbd29227] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-dbd29227] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-dbd29227] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-dbd29227] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-dbd29227] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-dbd29227] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-dbd29227] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-dbd29227] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-dbd29227] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-dbd29227] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-dbd29227] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-dbd29227],
.mlm-selected-item[data-v-dbd29227] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-dbd29227] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-dbd29227]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-dbd29227] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-dbd29227] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-dbd29227] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.ion-padding form .confirm-white-color[data-v-dbd29227] {
    margin-bottom: .25rem;
    font-size: .875rem;
    line-height: 1.25rem
}

.ion-padding form ion-item.password[data-v-dbd29227] {
    margin-top: .625rem;
    margin-bottom: .3125rem;
    position: relative
}

.ion-padding form ion-item.password ion-icon[data-v-dbd29227] {
    z-index: 10;
    position: absolute;
    right: 1.125rem;
    top: 1.125rem;
    font-size: 1.25rem;
    line-height: 1.75rem
}

.ion-padding form .fundPassword[data-v-dbd29227] {
    padding-bottom: 1rem
}

.ion-padding form .fundPassword p[data-v-dbd29227] {
    margin-bottom: .25rem;
    font-size: .875rem;
    line-height: 1.25rem
}

ion-item[data-v-dbd29227] {
    --background: transparent;
    --padding-start: 0;
    --inner-padding-end: .25rem;
    min-height: 3.375rem !important
}

ion-input[data-v-dbd29227] {
    --border-width: 0rem;
    --border-radius: .625rem;
    --padding-start: 1rem !important;
    --padding-end: 1rem !important;
    min-height: 3.375rem !important;
    font-size: .875rem
}

ion-item.submit[data-v-dbd29227] {
    --min-height: 0;
    --border-radius: .625rem;
    --ion-safe-area-left: 0;
    --ion-safe-area-right: 0;
    font-size: 1rem;
    filter: drop-shadow(0 .25rem .9375rem rgba(32, 139, 229, .25));
    margin: 1.25rem 2.5rem
}

ion-button.verify[data-v-dbd29227] {
    --background: linear-gradient(0deg, #0167CA 0%, #38A8FA 100%);
    --border-radius: .625rem
}

ion-button.verify.on[data-v-dbd29227] {
    --background: #626262;
    --padding-start: 1.25rem;
    --padding-end: 1.25rem
}

ion-button.submit-btn[data-v-dbd29227] {
    font-weight: 700;
    width: 100%;
    font-size: .875rem;
    color: #fff
}

ion-input[data-v-dbd29227] {
    --background: var(--color-bg-200);
    --placeholder-color: var(--color-text-gray-300)
}

.confirm-white-color[data-v-dbd29227] {
    color: var(--color-text-white-100)
}

.confirm-eye-color[data-v-dbd29227],
.confirm-asset-text-color[data-v-dbd29227] {
    color: var(--color-text-gray-200)
}

ion-button.submit-btn[data-v-dbd29227] {
    --background: var(--theme-color-gradient-100);
    color: var(--color-text-white-100)
}

.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)
}

.green-default ion-input[data-v-dbd29227] {
    --background: var(--color-bg-400);
    --placeholder-color: var(--color-text-gray-200)
}

.green-default .confirm-white-color[data-v-dbd29227] {
    color: var(--color-text-gray-100)
}

.green-default .confirm-eye-color[data-v-dbd29227],
.green-default .confirm-asset-text-color[data-v-dbd29227] {
    color: var(--color-text-gray-200)
}

.green-default ion-button.submit-btn[data-v-dbd29227] {
    --background: var(--theme-color-gradient-100);
    color: var(--color-text-white-100)
}

.amber-purple ion-input[data-v-dbd29227] {
    --background: var(--color-bg-400);
    --placeholder-color: var(--color-text-gray-200)
}

.amber-purple .confirm-white-color[data-v-dbd29227] {
    color: var(--color-text-gray-100)
}

.amber-purple .confirm-eye-color[data-v-dbd29227],
.amber-purple .confirm-asset-text-color[data-v-dbd29227] {
    color: var(--color-text-gray-200)
}

.amber-purple ion-button.submit-btn[data-v-dbd29227] {
    --background: var(--theme-color-gradient-100);
    color: var(--color-text-white-100)
}

.forest-green ion-input[data-v-dbd29227] {
    --background: var(--color-bg-200);
    --placeholder-color: var(--color-text-gray-200)
}

.forest-green .confirm-white-color[data-v-dbd29227] {
    color: var(--color-text-gray-100)
}

.forest-green .confirm-eye-color[data-v-dbd29227],
.forest-green .confirm-asset-text-color[data-v-dbd29227] {
    color: var(--color-text-gray-200)
}

.forest-green ion-button.submit-btn[data-v-dbd29227] {
    --background: var(--theme-color-gradient-100);
    color: var(--color-text-white-100)
}

.auroral-yellow ion-input[data-v-dbd29227] {
    --background: var(--color-bg-200);
    --placeholder-color: var(--color-text-gray-300)
}

.auroral-yellow .confirm-white-color[data-v-dbd29227] {
    color: var(--color-text-white-100)
}

.auroral-yellow .confirm-eye-color[data-v-dbd29227],
.auroral-yellow .confirm-asset-text-color[data-v-dbd29227] {
    color: var(--color-text-gray-200)
}

.auroral-yellow ion-button.submit-btn[data-v-dbd29227] {
    --background: var(--theme-color-800);
    color: var(--color-text-black-100)
}

.color-primary-600[data-v-7052bf40] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-7052bf40] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-7052bf40] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-7052bf40] {
    color: var(--color-primary-900)
}

.bg-100[data-v-7052bf40] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-7052bf40] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-7052bf40] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-7052bf40] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-7052bf40] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-7052bf40] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-7052bf40] {
    background-color: var(--color-warning)
}

.bg-link[data-v-7052bf40] {
    background-color: var(--color-link)
}

.bg-danger[data-v-7052bf40] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-7052bf40] {
    color: var(--color-text-100)
}

.color-text-80[data-v-7052bf40] {
    color: var(--color-text-80)
}

.color-text-50[data-v-7052bf40] {
    color: var(--color-text-50)
}

.color-text-40[data-v-7052bf40] {
    color: var(--color-text-40)
}

.color-text-20[data-v-7052bf40] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-7052bf40] {
    color: var(--color-currency)
}

.color-warning[data-v-7052bf40] {
    color: var(--color-warning)
}

.color-danger[data-v-7052bf40] {
    color: var(--color-danger)
}

.color-link[data-v-7052bf40] {
    color: var(--color-link)
}

.color-line[data-v-7052bf40] {
    color: var(--color-line)
}

.color-border[data-v-7052bf40] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-7052bf40] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-7052bf40] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-7052bf40] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-7052bf40] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-7052bf40] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-7052bf40] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-7052bf40] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-7052bf40] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-7052bf40] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-7052bf40] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-7052bf40] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-7052bf40] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-7052bf40] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-7052bf40] {
    display: flex;
    align-items: center
}

.flex-start[data-v-7052bf40] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-7052bf40] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-7052bf40] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-7052bf40] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-7052bf40] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-7052bf40] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-7052bf40] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-7052bf40] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-7052bf40] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-7052bf40] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-7052bf40] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-7052bf40] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-7052bf40] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-7052bf40] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-7052bf40] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-7052bf40] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-7052bf40] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-7052bf40] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-7052bf40] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-7052bf40] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-7052bf40] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-7052bf40] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-7052bf40] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-7052bf40] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-7052bf40],
.mlm-selected-item[data-v-7052bf40] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-7052bf40] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-7052bf40]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-7052bf40] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-7052bf40] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-7052bf40] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-content[data-v-7052bf40] {
    --padding-start: var(--ion-padding, 1rem);
    --padding-end: var(--ion-padding, 1rem);
    --padding-top: var(--ion-padding, 1rem);
    --padding-bottom: var(--ion-padding, 1rem);
    padding-inline-start: var(--ion-padding, 1rem);
    padding-inline-end: var(--ion-padding, 1rem);
    padding-top: var(--ion-padding, 1rem);
    padding-bottom: var(--ion-padding, 1rem)
}

ion-content p.header[data-v-7052bf40] {
    font-size: .875rem
}

ion-content h6.top[data-v-7052bf40] {
    font-size: .75rem;
    line-height: 1rem
}

ion-content h6.middle[data-v-7052bf40] {
    font-size: .75rem;
    line-height: 1rem
}

ion-content h6.bottom[data-v-7052bf40] {
    font-size: .625rem;
    margin-bottom: 1.75rem
}

ion-button.confirm[data-v-7052bf40] {
    --color: #FFF;
    --border-radius: .625rem;
    text-transform: none;
    margin-left: 3rem;
    margin-right: 3rem;
    min-height: 2.5rem
}

ion-button.confirm ion-spinner[data-v-7052bf40] {
    z-index: 10;
    width: 1.25rem;
    height: 1.25rem
}

.header[data-v-7052bf40] {
    color: var(--color-text-100)
}

.label[data-v-7052bf40] {
    color: var(--color-text-gray-200)
}

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)
}

ion-spinner[data-v-7052bf40] {
    --color: var(--theme-color-gradient-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)
}

.green-default .header[data-v-7052bf40] {
    color: var(--color-text-100)
}

.green-default .label[data-v-7052bf40] {
    color: var(--color-text-gray-200)
}

.green-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)
}

.green-default ion-spinner[data-v-7052bf40] {
    --color: var(--theme-color-gradient-100)
}

.amber-purple .header[data-v-7052bf40] {
    color: var(--color-text-100)
}

.amber-purple .label[data-v-7052bf40] {
    color: var(--color-text-gray-200)
}

.amber-purple ion-button.confirm[data-v-7052bf40] {
    --background: var(--theme-color-gradient-100);
    --background-activated: var(--theme-color-gradient-100);
    --color: var(--text-color-light-purple-2-100)
}

.amber-purple ion-spinner[data-v-7052bf40] {
    --color: var(--theme-color-gradient-100)
}

.auroral-yellow .header[data-v-7052bf40] {
    color: var(--color-text-100)
}

.auroral-yellow .label[data-v-7052bf40] {
    color: var(--color-text-gray-200)
}

.auroral-yellow ion-button.confirm[data-v-7052bf40] {
    --background: var(--theme-color-800);
    --background-activated: var(--theme-color-800);
    --color: var(--color-text-black-100)
}

.auroral-yellow ion-spinner[data-v-7052bf40] {
    --color: var(--theme-color-800)
}

.color-primary-600[data-v-8d2c028a] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-8d2c028a] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-8d2c028a] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-8d2c028a] {
    color: var(--color-primary-900)
}

.bg-100[data-v-8d2c028a] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-8d2c028a] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-8d2c028a] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-8d2c028a] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-8d2c028a] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-8d2c028a] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-8d2c028a] {
    background-color: var(--color-warning)
}

.bg-link[data-v-8d2c028a] {
    background-color: var(--color-link)
}

.bg-danger[data-v-8d2c028a] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-8d2c028a] {
    color: var(--color-text-100)
}

.color-text-80[data-v-8d2c028a] {
    color: var(--color-text-80)
}

.color-text-50[data-v-8d2c028a] {
    color: var(--color-text-50)
}

.color-text-40[data-v-8d2c028a] {
    color: var(--color-text-40)
}

.color-text-20[data-v-8d2c028a] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-8d2c028a] {
    color: var(--color-currency)
}

.color-warning[data-v-8d2c028a] {
    color: var(--color-warning)
}

.color-danger[data-v-8d2c028a] {
    color: var(--color-danger)
}

.color-link[data-v-8d2c028a] {
    color: var(--color-link)
}

.color-line[data-v-8d2c028a] {
    color: var(--color-line)
}

.color-border[data-v-8d2c028a] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-8d2c028a] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-8d2c028a] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-8d2c028a] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-8d2c028a] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-8d2c028a] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-8d2c028a] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-8d2c028a] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-8d2c028a] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-8d2c028a] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-8d2c028a] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-8d2c028a] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-8d2c028a] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-8d2c028a] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-8d2c028a] {
    display: flex;
    align-items: center
}

.flex-start[data-v-8d2c028a] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-8d2c028a] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-8d2c028a] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-8d2c028a] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-8d2c028a] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-8d2c028a] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-8d2c028a] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-8d2c028a] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-8d2c028a] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-8d2c028a] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-8d2c028a] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-8d2c028a] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-8d2c028a] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-8d2c028a] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-8d2c028a] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-8d2c028a] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-8d2c028a] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-8d2c028a] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-8d2c028a] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-8d2c028a] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-8d2c028a] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-8d2c028a] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-8d2c028a] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-8d2c028a] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-8d2c028a],
.mlm-selected-item[data-v-8d2c028a] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-8d2c028a] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-8d2c028a]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-8d2c028a] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-8d2c028a] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-8d2c028a] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-header[data-v-8d2c028a] {
    box-shadow: none
}

ion-content[data-v-8d2c028a] {
    --padding-start: var(--ion-padding, 1rem);
    --padding-end: var(--ion-padding, 1rem);
    --padding-top: var(--ion-padding, 1rem);
    --padding-bottom: var(--ion-padding, 1rem);
    padding-inline-start: var(--ion-padding, 1rem);
    padding-inline-end: var(--ion-padding, 1rem);
    padding-top: var(--ion-padding, 1rem);
    padding-bottom: var(--ion-padding, 1rem)
}

ion-content .detail-title[data-v-8d2c028a] {
    margin-bottom: .3125rem
}

ion-content .announcement-content[data-v-8d2c028a] {
    font-size: .75rem;
    line-height: 1.125rem
}

ion-content .bottom[data-v-8d2c028a] {
    text-align: right;
    font-size: .875rem;
    line-height: 1.25rem;
    margin-top: 2rem
}

[data-v-8d2c028a] .announcement-content p img {
    width: 100%;
    height: auto;
    margin-bottom: 1.25rem
}

[data-v-8d2c028a] table {
    border-collapse: collapse;
    width: 100%
}

[data-v-8d2c028a] table th,
[data-v-8d2c028a] table td {
    text-align: left
}

ion-content .announcement-content[data-v-8d2c028a] {
    color: var(--text-color-white-40)
}

ion-content .bottom[data-v-8d2c028a] {
    color: var(--color-text-gray-300)
}

.detail-title[data-v-8d2c028a] {
    color: var(--color-text-white-100)
}

.detail-content[data-v-8d2c028a] {
    color: var(--color-text-gray-200)
}

[data-v-8d2c028a] table,
[data-v-8d2c028a] table th,
[data-v-8d2c028a] table td {
    border: .0625rem solid var(--color-border)
}

.blue-default ion-content .announcement-content[data-v-8d2c028a] {
    color: var(--text-color-white-40)
}

.blue-default ion-content .bottom[data-v-8d2c028a] {
    color: var(--color-text-gray-300)
}

.blue-default .detail-title[data-v-8d2c028a] {
    color: var(--color-text-white-100)
}

.blue-default .detail-content[data-v-8d2c028a] {
    color: var(--color-text-gray-200)
}

.blue-default[data-v-8d2c028a] table,
.blue-default[data-v-8d2c028a] table th,
.blue-default[data-v-8d2c028a] table td {
    border: .0625rem solid var(--color-border)
}

.green-default ion-content .announcement-content[data-v-8d2c028a] {
    color: var(--color-text-gray-200)
}

.green-default ion-content .bottom[data-v-8d2c028a] {
    color: var(--color-text-gray-200)
}

.green-default .detail-title[data-v-8d2c028a] {
    color: var(--color-text-gray-100)
}

.green-default .detail-content[data-v-8d2c028a] {
    color: var(--color-text-gray-200)
}

.green-default[data-v-8d2c028a] table,
.green-default[data-v-8d2c028a] table th,
.green-default[data-v-8d2c028a] table td {
    border: .0625rem solid var(--color-line)
}

.amber-purple ion-content .announcement-content[data-v-8d2c028a] {
    color: var(--text-color-light-purple-2-100)
}

.amber-purple ion-content .bottom[data-v-8d2c028a] {
    color: var(--text-color-light-purple-2-100)
}

.amber-purple .detail-title[data-v-8d2c028a] {
    color: var(--text-color-light-purple-1-100)
}

.amber-purple .detail-content[data-v-8d2c028a] {
    color: var(--text-color-light-purple-2-100)
}

.amber-purple[data-v-8d2c028a] table,
.amber-purple[data-v-8d2c028a] table th,
.amber-purple[data-v-8d2c028a] table td {
    border: .0625rem solid var(--line-color)
}

.forest-green ion-content .announcement-content[data-v-8d2c028a] {
    color: var(--color-text-gray-200)
}

.forest-green ion-content .bottom[data-v-8d2c028a] {
    color: var(--color-text-gray-200)
}

.forest-green .detail-title[data-v-8d2c028a] {
    color: var(--color-text-gray-100)
}

.forest-green .detail-content[data-v-8d2c028a] {
    color: var(--color-text-gray-200)
}

.forest-green[data-v-8d2c028a] table,
.forest-green[data-v-8d2c028a] table th,
.forest-green[data-v-8d2c028a] table td {
    border: .0625rem solid var(--color-line)
}

.color-primary-600[data-v-3d18a877] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-3d18a877] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-3d18a877] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-3d18a877] {
    color: var(--color-primary-900)
}

.bg-100[data-v-3d18a877] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-3d18a877] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-3d18a877] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-3d18a877] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-3d18a877] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-3d18a877] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-3d18a877] {
    background-color: var(--color-warning)
}

.bg-link[data-v-3d18a877] {
    background-color: var(--color-link)
}

.bg-danger[data-v-3d18a877] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-3d18a877] {
    color: var(--color-text-100)
}

.color-text-80[data-v-3d18a877] {
    color: var(--color-text-80)
}

.color-text-50[data-v-3d18a877] {
    color: var(--color-text-50)
}

.color-text-40[data-v-3d18a877] {
    color: var(--color-text-40)
}

.color-text-20[data-v-3d18a877] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-3d18a877] {
    color: var(--color-currency)
}

.color-warning[data-v-3d18a877] {
    color: var(--color-warning)
}

.color-danger[data-v-3d18a877] {
    color: var(--color-danger)
}

.color-link[data-v-3d18a877] {
    color: var(--color-link)
}

.color-line[data-v-3d18a877] {
    color: var(--color-line)
}

.color-border[data-v-3d18a877] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-3d18a877] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-3d18a877] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-3d18a877] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-3d18a877] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-3d18a877] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-3d18a877] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-3d18a877] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-3d18a877] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-3d18a877] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-3d18a877] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-3d18a877] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-3d18a877] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-3d18a877] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-3d18a877] {
    display: flex;
    align-items: center
}

.flex-start[data-v-3d18a877] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-3d18a877] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-3d18a877] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-3d18a877] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-3d18a877] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-3d18a877] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-3d18a877] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-3d18a877] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-3d18a877] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-3d18a877] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-3d18a877] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-3d18a877] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-3d18a877] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-3d18a877] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-3d18a877] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-3d18a877] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-3d18a877] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-3d18a877] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-3d18a877] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-3d18a877] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-3d18a877] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-3d18a877] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-3d18a877] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-3d18a877] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-3d18a877],
.mlm-selected-item[data-v-3d18a877] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-3d18a877] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-3d18a877]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-3d18a877] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-3d18a877] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-3d18a877] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-content[data-v-3d18a877] {
    --padding-start: var(--ion-padding, 1rem);
    --padding-end: var(--ion-padding, 1rem);
    --padding-top: var(--ion-padding, 1rem);
    --padding-bottom: var(--ion-padding, 1rem);
    padding-inline-start: var(--ion-padding, 1rem);
    padding-inline-end: var(--ion-padding, 1rem);
    padding-top: var(--ion-padding, 1rem);
    padding-bottom: var(--ion-padding, 1rem)
}

ion-content .top[data-v-3d18a877] {
    margin-top: 3.9375rem;
    display: flex;
    align-items: center;
    flex-direction: column
}

ion-content .top ion-icon[data-v-3d18a877] {
    font-size: 3.4375rem
}

ion-content .top p.status[data-v-3d18a877] {
    font-size: 1rem;
    line-height: 1.375rem;
    padding-top: .9375rem;
    padding-bottom: .9375rem
}

ion-content .top p.tip[data-v-3d18a877] {
    font-size: .875rem;
    line-height: 1.375rem
}

ion-content .btn[data-v-3d18a877] {
    align-items: center;
    justify-content: center;
    display: flex;
    gap: 1.125rem;
    margin-top: 2.5rem
}

.btnBase[data-v-3d18a877] {
    --border-radius: .625rem;
    font-size: .75rem;
    width: 10.3125rem;
    height: 2.5rem
}

.btnContinueWithdraw[data-v-3d18a877] {
    --background: transparent;
    --border-width: .0625rem;
    --border-style: solid
}

.btnBase[data-v-3d18a877] {
    --color: var(--color-text-white-100)
}

.btnGoHomePage[data-v-3d18a877] {
    --background: var(--theme-color-gradient-100);
    --background-activated: var(--theme-color-gradient-100);
    --color: var(--color-text-white-100)
}

.btnContinueWithdraw[data-v-3d18a877] {
    --border-color: var(--color-border);
    --color: var(--color-text-white-100);
    --background: var(--color-bg-300)
}

.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)
}

.green-default .btnBase[data-v-3d18a877] {
    --color: var(--color-text-white-100)
}

.green-default .btnGoHomePage[data-v-3d18a877] {
    --background: var(--theme-color-gradient-100);
    --background-activated: var(--theme-color-gradient-100);
    --color: var(--color-text-white-100)
}

.green-default .btnContinueWithdraw[data-v-3d18a877] {
    --border-color: var(--color-line);
    --color: var(--color-text-white-100);
    --background: var(--color-bg-300)
}

.amber-purple .btnBase[data-v-3d18a877] {
    --color: var(--color-text-white-100)
}

.amber-purple .btnGoHomePage[data-v-3d18a877] {
    --background: var(--theme-color-gradient-100);
    --background-activated: var(--theme-color-gradient-100);
    --color: var(--color-text-white-100)
}

.amber-purple .btnContinueWithdraw[data-v-3d18a877] {
    --border-color: var(--color-line);
    --color: var(--color-text-white-100);
    --background: var(--color-bg-300)
}

.auroral-yellow .btnBase[data-v-3d18a877] {
    --color: var(--color-text-white-100)
}

.auroral-yellow .btnGoHomePage[data-v-3d18a877] {
    --background: var(--theme-color-800);
    --background-activated: var(--theme-color-800);
    --color: var(--color-text-black-100)
}

.auroral-yellow .btnContinueWithdraw[data-v-3d18a877] {
    --border-color: var(--color-line);
    --color: var(--color-text-white-100);
    --background: var(--color-bg-200)
}

.color-primary-600[data-v-b40ad705] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-b40ad705] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-b40ad705] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-b40ad705] {
    color: var(--color-primary-900)
}

.bg-100[data-v-b40ad705] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-b40ad705] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-b40ad705] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-b40ad705] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-b40ad705] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-b40ad705] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-b40ad705] {
    background-color: var(--color-warning)
}

.bg-link[data-v-b40ad705] {
    background-color: var(--color-link)
}

.bg-danger[data-v-b40ad705] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-b40ad705] {
    color: var(--color-text-100)
}

.color-text-80[data-v-b40ad705] {
    color: var(--color-text-80)
}

.color-text-50[data-v-b40ad705] {
    color: var(--color-text-50)
}

.color-text-40[data-v-b40ad705] {
    color: var(--color-text-40)
}

.color-text-20[data-v-b40ad705] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-b40ad705] {
    color: var(--color-currency)
}

.color-warning[data-v-b40ad705] {
    color: var(--color-warning)
}

.color-danger[data-v-b40ad705] {
    color: var(--color-danger)
}

.color-link[data-v-b40ad705] {
    color: var(--color-link)
}

.color-line[data-v-b40ad705] {
    color: var(--color-line)
}

.color-border[data-v-b40ad705] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-b40ad705] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-b40ad705] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-b40ad705] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-b40ad705] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-b40ad705] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-b40ad705] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-b40ad705] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-b40ad705] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-b40ad705] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-b40ad705] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-b40ad705] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-b40ad705] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-b40ad705] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-b40ad705] {
    display: flex;
    align-items: center
}

.flex-start[data-v-b40ad705] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-b40ad705] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-b40ad705] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-b40ad705] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-b40ad705] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-b40ad705] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-b40ad705] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-b40ad705] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-b40ad705] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-b40ad705] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-b40ad705] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-b40ad705] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-b40ad705] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-b40ad705] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-b40ad705] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-b40ad705] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-b40ad705] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-b40ad705] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-b40ad705] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-b40ad705] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-b40ad705] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-b40ad705] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-b40ad705] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-b40ad705] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-b40ad705],
.mlm-selected-item[data-v-b40ad705] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-b40ad705] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-b40ad705]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-b40ad705] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-b40ad705] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-b40ad705] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.apply[data-v-b40ad705] {
    --color: white;
    width: 280px;
    height: 40px
}

[data-v-b40ad705] table {
    border-collapse: collapse;
    width: 100%
}

[data-v-b40ad705] th,
[data-v-b40ad705] td {
    text-align: left
}

[data-v-b40ad705] table,
[data-v-b40ad705] th,
[data-v-b40ad705] td {
    border: 1px solid var(--line-color)
}

.apply[data-v-b40ad705] {
    --background: var(--theme-color-gradient-100)
}

.rechargeReward-text-basic[data-v-b40ad705] {
    color: var(--color-text-white-100)
}

.rechargeReward-text-basic[data-v-b40ad705] table,
.rechargeReward-text-basic[data-v-b40ad705] th,
.rechargeReward-text-basic[data-v-b40ad705] td {
    border: 1px solid var(--line-color)
}

.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)
}

.green-default .apply[data-v-b40ad705] {
    --background: var(--theme-color-gradient-100)
}

.green-default .rechargeReward-text-basic[data-v-b40ad705] {
    color: var(--color-text-gray-100)
}

.green-default .rechargeReward-text-basic[data-v-b40ad705] table,
.green-default .rechargeReward-text-basic[data-v-b40ad705] th,
.green-default .rechargeReward-text-basic[data-v-b40ad705] td {
    border: 1px solid var(--line-color)
}

.amber-purple .apply[data-v-b40ad705] {
    --background: var(--segment-gradients-purple)
}

.amber-purple .rechargeReward-text-basic[data-v-b40ad705] {
    color: var(--text-color-light-purple-1-100)
}

.amber-purple .rechargeReward-text-basic[data-v-b40ad705] table,
.amber-purple .rechargeReward-text-basic[data-v-b40ad705] th,
.amber-purple .rechargeReward-text-basic[data-v-b40ad705] td {
    border: 1px solid var(--line-color)
}

.color-primary-600[data-v-14776837] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-14776837] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-14776837] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-14776837] {
    color: var(--color-primary-900)
}

.bg-100[data-v-14776837] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-14776837] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-14776837] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-14776837] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-14776837] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-14776837] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-14776837] {
    background-color: var(--color-warning)
}

.bg-link[data-v-14776837] {
    background-color: var(--color-link)
}

.bg-danger[data-v-14776837] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-14776837] {
    color: var(--color-text-100)
}

.color-text-80[data-v-14776837] {
    color: var(--color-text-80)
}

.color-text-50[data-v-14776837] {
    color: var(--color-text-50)
}

.color-text-40[data-v-14776837] {
    color: var(--color-text-40)
}

.color-text-20[data-v-14776837] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-14776837] {
    color: var(--color-currency)
}

.color-warning[data-v-14776837] {
    color: var(--color-warning)
}

.color-danger[data-v-14776837] {
    color: var(--color-danger)
}

.color-link[data-v-14776837] {
    color: var(--color-link)
}

.color-line[data-v-14776837] {
    color: var(--color-line)
}

.color-border[data-v-14776837] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-14776837] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-14776837] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-14776837] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-14776837] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-14776837] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-14776837] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-14776837] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-14776837] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-14776837] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-14776837] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-14776837] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-14776837] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-14776837] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-14776837] {
    display: flex;
    align-items: center
}

.flex-start[data-v-14776837] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-14776837] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-14776837] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-14776837] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-14776837] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-14776837] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-14776837] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-14776837] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-14776837] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-14776837] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-14776837] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-14776837] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-14776837] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-14776837] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-14776837] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-14776837] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-14776837] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-14776837] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-14776837] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-14776837] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-14776837] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-14776837] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-14776837] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-14776837] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-14776837],
.mlm-selected-item[data-v-14776837] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-14776837] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-14776837]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-14776837] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-14776837] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-14776837] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

form[data-v-14776837] {
    width: 22.5rem;
    margin: 0 auto;
    border-radius: .625rem
}

form ion-content[data-v-14776837] {
    --background: transparent
}

.illustrate[data-v-14776837] {
    font-size: .75rem;
    line-height: .875rem;
    width: 21.25rem;
    margin: 1.25rem auto;
    padding: 0 .4rem
}

ion-item[data-v-14776837] {
    --background: transparent;
    --padding-bottom: 0px;
    --padding-end: 0;
    --padding-start: 0;
    --padding-top: 0;
    --inner-padding-end: 0;
    --inner-border-width: 0px
}

ion-input[data-v-14776837] {
    --placeholder-opacity: 1;
    --padding-bottom: 0px;
    --padding-start: 10px;
    --padding-top: 0px;
    --border-width: 0px;
    --border-radius: 10px;
    border-radius: 10px;
    font-size: 12px
}

#register-subordinates .input-bottom.sc-ion-input-ios .error-text.sc-ion-input-ios {
    color: red
}

.sc-ion-input-ios-h[data-v-14776837]:not(.legacy-input) {
    min-height: 40px
}

ion-item.sc-ion-input-ios-h[data-v-14776837]:not(.item-label):not(.item-has-modern-input),
ion-item:not(.item-label):not(.item-has-modern-input) .sc-ion-input-ios-h[data-v-14776837] {
    --padding-start: 10px
}

ion-item.submit[data-v-14776837] {
    --min-height: 40px;
    --background: linear-gradient(0deg, #0167CA 0%, #38A8FA 100%);
    --border-radius: 10px
}

ion-button[data-v-14776837] {
    text-transform: none
}

form[data-v-14776837] {
    background: var(--color-bg-200)
}

.illustrate[data-v-14776837] {
    color: var(--color-text-white-100)
}

ion-input[data-v-14776837] {
    --background: var(--color-bg-300);
    --placeholder-color: var(--color-text-gray-100)
}

.confirm-eye-color[data-v-14776837] {
    color: var(--color-text-gray-200)
}

.register-tips[data-v-14776837] {
    border-left: .125rem solid var(--color-text-white-100);
    color: var(--color-text-gray-100)
}

ion-item.submit[data-v-14776837]::part(native) {
    --background: var(--theme-color-gradient-100)
}

ion-item ion-button[data-v-14776837] {
    color: var(--color-text-white-100)
}

.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)
}

.green-default form[data-v-14776837] {
    background: var(--color-bg-200)
}

.green-default .illustrate[data-v-14776837] {
    color: var(--color-text-gray-100)
}

.green-default ion-input[data-v-14776837] {
    --background: var(--color-bg-400);
    --placeholder-color: var(--color-text-gray-200)
}

.green-default .confirm-eye-color[data-v-14776837] {
    color: var(--color-text-gray-200)
}

.green-default .register-tips[data-v-14776837] {
    border-left: .125rem solid var(--color-text-gray-100);
    color: var(--color-text-gray-100)
}

.green-default ion-item.submit[data-v-14776837]::part(native) {
    --background: var(--theme-color-gradient-100)
}

.green-default ion-item ion-button[data-v-14776837] {
    color: var(--color-text-white-100)
}

.amber-purple form[data-v-14776837] {
    background: var(--color-bg-200)
}

.amber-purple .illustrate[data-v-14776837] {
    color: var(--text-color-light-purple-1-100)
}

.amber-purple ion-input[data-v-14776837] {
    --background: var(--color-bg-400);
    --placeholder-color: var(--text-color-light-purple-2-100)
}

.amber-purple .confirm-eye-color[data-v-14776837] {
    color: var(--text-color-light-purple-2-100)
}

.amber-purple .register-tips[data-v-14776837] {
    border-left: .125rem solid var(--text-color-light-purple-1-100);
    color: var(--text-color-light-purple-1-100)
}

.amber-purple ion-item.submit[data-v-14776837]::part(native) {
    --background: var(--segment-gradients-purple)
}

.amber-purple ion-item ion-button[data-v-14776837] {
    color: var(--color-text-white-100)
}

.forest-green form[data-v-14776837] {
    background: var(--color-bg-200)
}

.forest-green .illustrate[data-v-14776837] {
    color: var(--color-text-gray-100)
}

.forest-green ion-input[data-v-14776837] {
    --background: var(--theme-color-500);
    --placeholder-color: var(--color-text-gray-200)
}

.forest-green .confirm-eye-color[data-v-14776837] {
    color: var(--color-text-gray-200)
}

.forest-green .register-tips[data-v-14776837] {
    border-left: .125rem solid var(--color-text-gray-100);
    color: var(--color-text-gray-100)
}

.forest-green ion-item.submit[data-v-14776837]::part(native) {
    --background: var(--theme-color-gradient-100)
}

.forest-green ion-item ion-button[data-v-14776837] {
    color: var(--color-text-white-100)
}

.auroral-yellow form[data-v-14776837] {
    background: var(--color-bg-200)
}

.auroral-yellow .illustrate[data-v-14776837] {
    color: var(--color-text-white-100)
}

.auroral-yellow ion-input[data-v-14776837] {
    --background: var(--color-bg-300);
    --placeholder-color: var(--color-text-gray-100)
}

.auroral-yellow .confirm-eye-color[data-v-14776837] {
    color: var(--color-text-gray-200)
}

.auroral-yellow .register-tips[data-v-14776837] {
    border-left: .125rem solid var(--color-text-white-100);
    color: var(--color-text-gray-100)
}

.auroral-yellow ion-item.submit[data-v-14776837]::part(native) {
    --background: var(--theme-color-800)
}

.auroral-yellow ion-item ion-button[data-v-14776837] {
    color: var(--color-text-black-100)
}

ion-select[data-v-795b863f]::part(icon) {
    color: transparent
}

ion-button#popover-trigger[data-v-795b863f] {
    --padding-start: 0;
    --padding-end: 0
}

#popover-trigger p.on[data-v-795b863f] {
    border-bottom: 1px solid #38A8FA
}

ion-content[data-v-795b863f] {
    --background: transperent
}

ion-item[data-v-795b863f] {
    --background: transparent;
    --padding-start: 0;
    --padding-end: 0;
    --inner-padding-end: 0;
    --border-color: #2A324E
}

ion-item.odd[data-v-795b863f] {
    --background: #151C2F
}

ion-grid[data-v-795b863f] {
    --ion-grid-padding: 0
}

ion-col[data-v-795b863f] {
    --ion-grid-column-padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

ion-modal[data-v-795b863f] {
    --height: auto;
    --border-radius: 16px;
    --background: #090F1F;
    background: var(--color-bg-mask-black);
    padding: 0 1.5625rem;
    height: auto
}

ion-modal ion-toolbar[data-v-795b863f] {
    --background: transparent;
    border-bottom: 1px solid #2A324E
}

.color-primary-600[data-v-872c19aa] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-872c19aa] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-872c19aa] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-872c19aa] {
    color: var(--color-primary-900)
}

.bg-100[data-v-872c19aa] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-872c19aa] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-872c19aa] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-872c19aa] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-872c19aa] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-872c19aa] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-872c19aa] {
    background-color: var(--color-warning)
}

.bg-link[data-v-872c19aa] {
    background-color: var(--color-link)
}

.bg-danger[data-v-872c19aa] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-872c19aa] {
    color: var(--color-text-100)
}

.color-text-80[data-v-872c19aa] {
    color: var(--color-text-80)
}

.color-text-50[data-v-872c19aa] {
    color: var(--color-text-50)
}

.color-text-40[data-v-872c19aa] {
    color: var(--color-text-40)
}

.color-text-20[data-v-872c19aa] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-872c19aa] {
    color: var(--color-currency)
}

.color-warning[data-v-872c19aa] {
    color: var(--color-warning)
}

.color-danger[data-v-872c19aa] {
    color: var(--color-danger)
}

.color-link[data-v-872c19aa] {
    color: var(--color-link)
}

.color-line[data-v-872c19aa] {
    color: var(--color-line)
}

.color-border[data-v-872c19aa] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-872c19aa] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-872c19aa] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-872c19aa] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-872c19aa] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-872c19aa] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-872c19aa] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-872c19aa] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-872c19aa] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-872c19aa] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-872c19aa] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-872c19aa] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-872c19aa] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-872c19aa] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-872c19aa] {
    display: flex;
    align-items: center
}

.flex-start[data-v-872c19aa] {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 21.25rem;
    margin: 0 auto;
    justify-content: flex-start
}

.flex-end[data-v-872c19aa] {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 21.25rem;
    margin: 0 auto;
    justify-content: flex-end
}

.flex-center[data-v-872c19aa] {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 21.25rem;
    margin: 0 auto;
    justify-content: center
}

.flex-around[data-v-872c19aa] {
    display: flex;
    align-items: center;
    width: 21.25rem;
    margin: 0 auto;
    justify-content: space-around
}

.flex-between[data-v-872c19aa] {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 21.25rem;
    margin: 0 auto;
    justify-content: space-between
}

.flex-evenly[data-v-872c19aa] {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 21.25rem;
    margin: 0 auto;
    justify-content: space-evenly
}

.flex-column[data-v-872c19aa] {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 21.25rem;
    margin: 0 auto;
    flex-direction: column
}

.minimum-text-white[data-v-872c19aa] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-872c19aa] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-872c19aa] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-872c19aa] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-872c19aa] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-872c19aa] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-872c19aa] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-872c19aa] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-872c19aa] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-872c19aa] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-872c19aa] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-872c19aa] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-872c19aa] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-872c19aa] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-872c19aa] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-872c19aa] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-872c19aa] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-872c19aa],
.mlm-selected-item[data-v-872c19aa] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-872c19aa] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-872c19aa]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-872c19aa] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-872c19aa] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-872c19aa] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.agent-bonus-rate-wrap[data-v-872c19aa] {
    width: 22.5rem;
    margin: 0 auto;
    border-radius: .625rem;
    background: #101629
}

.nav[data-v-872c19aa] {
    height: 2.25rem;
    font-size: .75rem;
    border-radius: .3125rem, .3125rem, 0, 0;
    border-bottom: 1px solid #6D788E
}

.flexBox[data-v-872c19aa] {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 21.25rem;
    margin: 0 auto
}

.nav li[data-v-872c19aa] {
    color: #6d788e;
    line-height: 2.23rem
}

.nav .active[data-v-872c19aa] {
    color: #fff;
    font-weight: 400;
    padding: 0 .5rem;
    border-bottom: 2px solid #38A8FA
}

.content-title[data-v-872c19aa] {
    margin-top: .5rem
}

.content-title li[data-v-872c19aa] {
    background: #151c2f;
    line-height: 1rem
}

.content-box[data-v-872c19aa] {
    width: 6.875rem;
    height: 2.5rem;
    font-size: .75rem;
    flex-grow: 1;
    text-align: center;
    line-height: 2.5rem
}

.content[data-v-872c19aa] {
    min-height: 41.875rem;
    border-radius: 0, 0, .3125rem, .3125rem
}

.content li .item[data-v-872c19aa]:nth-last-child(1) {
    color: #fba531 !important
}

.content li[data-v-872c19aa]:nth-child(2n) {
    background: #151c2f !important
}

ion-segment-button[data-v-872c19aa] {
    --padding-start: 0;
    --padding-end: 0;
    text-transform: capitalize;
    min-width: 0;
    min-height: 0;
    margin-right: 10px;
    margin-top: 0;
    margin-bottom: 0
}

ion-segment-button ion-button[data-v-872c19aa] {
    min-width: 0
}

ion-segment-button ion-label[data-v-872c19aa] {
    font-size: .75rem !important;
    margin-top: .375rem;
    margin-bottom: .375rem
}

ion-content[data-v-872c19aa] {
    --background: transperent
}

ion-item[data-v-872c19aa] {
    --background: transparent;
    --padding-start: 0;
    --padding-end: 0;
    --inner-padding-end: 0;
    --inner-border-width: 0px
}

ion-grid[data-v-872c19aa] {
    --ion-grid-padding: 0
}

ion-col[data-v-872c19aa] {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.agent-bonus-rate[data-v-872c19aa] {
    background: var(--color-bg-200)
}

ion-segment[data-v-872c19aa] {
    --background: var(--color-bg-200);
    border-bottom: 1px solid var(--color-line)
}

ion-segment-button[data-v-872c19aa]::part(indicator-background) {
    background: var(--theme-color-600)
}

ion-label.selected-tab[data-v-872c19aa] {
    color: var(--color-text-white-100)
}

ion-label.base-tab[data-v-872c19aa] {
    color: var(--color-text-gray-200)
}

ion-item.odd[data-v-872c19aa] {
    --background: var(--color-bg-1200)
}

.rate-item-title[data-v-872c19aa] {
    background: var(--color-bg-1200);
    color: var(--color-text-white-100)
}

.table-content-text-color[data-v-872c19aa] {
    color: var(--color-text-gray-200)
}

.important-text[data-v-872c19aa] {
    color: var(--accent-color-yellow)
}

.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)
}

.green-default .agent-bonus-rate[data-v-872c19aa] {
    background: var(--color-bg-200)
}

.green-default ion-segment[data-v-872c19aa] {
    --background: var(--color-bg-200);
    border-bottom: 1px solid var(--color-line)
}

.green-default ion-segment-button[data-v-872c19aa]::part(indicator-background) {
    background: var(--theme-color-600)
}

.green-default ion-label.selected-tab[data-v-872c19aa] {
    color: var(--color-text-gray-100)
}

.green-default ion-label.base-tab[data-v-872c19aa] {
    color: var(--color-text-gray-200)
}

.green-default ion-item.odd[data-v-872c19aa] {
    --background: var(--color-bg-100)
}

.green-default .rate-item-title[data-v-872c19aa] {
    background: var(--color-bg-100);
    color: var(--color-text-gray-100)
}

.green-default .table-content-text-color[data-v-872c19aa] {
    color: var(--color-text-gray-200)
}

.green-default .important-text[data-v-872c19aa] {
    color: var(--accent-color-yellow)
}

.amber-purple .agent-bonus-rate[data-v-872c19aa] {
    background: var(--color-bg-200)
}

.amber-purple ion-segment[data-v-872c19aa] {
    --background: var(--color-bg-200);
    border-bottom: 1px solid var(--line-color)
}

.amber-purple ion-segment-button[data-v-872c19aa]::part(indicator-background) {
    background: var(--segment-gradients-purple)
}

.amber-purple ion-label.selected-tab[data-v-872c19aa] {
    color: var(--text-color-light-purple-1-100)
}

.amber-purple ion-label.base-tab[data-v-872c19aa] {
    color: var(--text-color-light-purple-2-100)
}

.amber-purple ion-item.odd[data-v-872c19aa] {
    --background: var(--color-bg-100)
}

.amber-purple .rate-item-title[data-v-872c19aa] {
    background: var(--color-bg-100);
    color: var(--text-color-light-purple-1-100)
}

.amber-purple .table-content-text-color[data-v-872c19aa] {
    color: var(--text-color-light-purple-2-100)
}

.amber-purple .important-text[data-v-872c19aa] {
    color: var(--accent-color-yellow)
}

.forest-green .agent-bonus-rate[data-v-872c19aa] {
    background: var(--color-bg-200)
}

.forest-green ion-segment[data-v-872c19aa] {
    --background: var(--color-bg-200);
    border-bottom: 1px solid var(--color-bg-100)
}

.forest-green ion-segment-button[data-v-872c19aa]::part(indicator-background) {
    background: var(--color-line)
}

.forest-green ion-label.selected-tab[data-v-872c19aa] {
    color: var(--color-text-gray-100)
}

.forest-green ion-label.base-tab[data-v-872c19aa] {
    color: var(--color-text-gray-200)
}

.forest-green ion-item.odd[data-v-872c19aa] {
    --background: var(--color-bg-100)
}

.forest-green .rate-item-title[data-v-872c19aa] {
    background: var(--color-bg-100);
    color: var(--color-text-gray-100)
}

.forest-green .table-content-text-color[data-v-872c19aa] {
    color: var(--color-text-gray-200)
}

.forest-green .important-text[data-v-872c19aa] {
    color: var(--accent-color-yellow)
}

.auroral-yellow .agent-bonus-rate[data-v-872c19aa] {
    background: var(--color-bg-200)
}

.auroral-yellow ion-segment[data-v-872c19aa] {
    --background: var(--color-bg-200);
    border-bottom: 1px solid var(--color-line)
}

.auroral-yellow ion-segment-button[data-v-872c19aa]::part(indicator-background) {
    background: var(--theme-color-800)
}

.auroral-yellow ion-label.selected-tab[data-v-872c19aa] {
    color: var(--color-text-white-100)
}

.auroral-yellow ion-label.base-tab[data-v-872c19aa] {
    color: var(--color-text-gray-200)
}

.auroral-yellow ion-item.odd[data-v-872c19aa] {
    --background: var(--color-bg-1200)
}

.auroral-yellow .rate-item-title[data-v-872c19aa] {
    background: var(--color-bg-1200);
    color: var(--color-text-white-100)
}

.auroral-yellow .table-content-text-color[data-v-872c19aa] {
    color: var(--color-text-gray-200)
}

.auroral-yellow .important-text[data-v-872c19aa] {
    color: var(--accent-color-yellow)
}

.people[data-v-6fa81794] {
    background-size: 100% 100% !important
}

.pepole-A[data-v-6fa81794] {
    background: url(/icons/spread/manA.png), #fff
}

.pepole-B1[data-v-6fa81794],
.pepole-B3[data-v-6fa81794] {
    background: url(/icons/spread/manB1.png), #fff
}

.pepole-B2[data-v-6fa81794] {
    background: url(/icons/spread/manB2.png), #fff
}

.pepole-C1[data-v-6fa81794],
.pepole-C3[data-v-6fa81794] {
    background: url(/icons/spread/womanC1.png), #fff
}

.pepole-C2[data-v-6fa81794] {
    background: url(/icons/spread/womanC2.png), #fff
}

.color-primary-600[data-v-73ec1a08] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-73ec1a08] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-73ec1a08] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-73ec1a08] {
    color: var(--color-primary-900)
}

.bg-100[data-v-73ec1a08] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-73ec1a08] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-73ec1a08] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-73ec1a08] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-73ec1a08] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-73ec1a08] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-73ec1a08] {
    background-color: var(--color-warning)
}

.bg-link[data-v-73ec1a08] {
    background-color: var(--color-link)
}

.bg-danger[data-v-73ec1a08] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-73ec1a08] {
    color: var(--color-text-100)
}

.color-text-80[data-v-73ec1a08] {
    color: var(--color-text-80)
}

.color-text-50[data-v-73ec1a08] {
    color: var(--color-text-50)
}

.color-text-40[data-v-73ec1a08] {
    color: var(--color-text-40)
}

.color-text-20[data-v-73ec1a08] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-73ec1a08] {
    color: var(--color-currency)
}

.color-warning[data-v-73ec1a08] {
    color: var(--color-warning)
}

.color-danger[data-v-73ec1a08] {
    color: var(--color-danger)
}

.color-link[data-v-73ec1a08] {
    color: var(--color-link)
}

.color-line[data-v-73ec1a08] {
    color: var(--color-line)
}

.color-border[data-v-73ec1a08] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-73ec1a08] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-73ec1a08] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-73ec1a08] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-73ec1a08] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-73ec1a08] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-73ec1a08] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-73ec1a08] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-73ec1a08] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-73ec1a08] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-73ec1a08] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-73ec1a08] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-73ec1a08] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-73ec1a08] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-73ec1a08] {
    display: flex;
    align-items: center
}

.flex-start[data-v-73ec1a08] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-73ec1a08] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-73ec1a08] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-73ec1a08] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-73ec1a08] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-73ec1a08] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-73ec1a08] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-73ec1a08] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-73ec1a08] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-73ec1a08] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-73ec1a08] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-73ec1a08] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-73ec1a08] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-73ec1a08] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-73ec1a08] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-73ec1a08] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-73ec1a08] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-73ec1a08] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-73ec1a08] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-73ec1a08] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-73ec1a08] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-73ec1a08] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-73ec1a08] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-73ec1a08] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-73ec1a08],
.mlm-selected-item[data-v-73ec1a08] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-73ec1a08] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-73ec1a08]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-73ec1a08] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-73ec1a08] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-73ec1a08] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.newest-border[data-v-73ec1a08] {
    border: 1px solid var(--color-border-600)
}

.agent-small-box[data-v-73ec1a08] {
    color: var(--color-text-white-100);
    background: var(--color-bg-200)
}

.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)
}

.green-default .newest-border[data-v-73ec1a08],
.forest-green .newest-border[data-v-73ec1a08] {
    border: 1px solid var(--color-line)
}

.green-default .agent-small-box[data-v-73ec1a08],
.forest-green .agent-small-box[data-v-73ec1a08] {
    color: var(--color-text-gray-100);
    background: var(--color-bg-200)
}

.amber-purple .newest-border[data-v-73ec1a08] {
    border: 1px solid var(--line-color)
}

.amber-purple .agent-small-box[data-v-73ec1a08] {
    color: var(--text-color-light-purple-1-100);
    background: var(--color-bg-200)
}

.color-primary-600[data-v-2a053bfb] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-2a053bfb] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-2a053bfb] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-2a053bfb] {
    color: var(--color-primary-900)
}

.bg-100[data-v-2a053bfb] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-2a053bfb] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-2a053bfb] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-2a053bfb] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-2a053bfb] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-2a053bfb] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-2a053bfb] {
    background-color: var(--color-warning)
}

.bg-link[data-v-2a053bfb] {
    background-color: var(--color-link)
}

.bg-danger[data-v-2a053bfb] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-2a053bfb] {
    color: var(--color-text-100)
}

.color-text-80[data-v-2a053bfb] {
    color: var(--color-text-80)
}

.color-text-50[data-v-2a053bfb] {
    color: var(--color-text-50)
}

.color-text-40[data-v-2a053bfb] {
    color: var(--color-text-40)
}

.color-text-20[data-v-2a053bfb] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-2a053bfb] {
    color: var(--color-currency)
}

.color-warning[data-v-2a053bfb] {
    color: var(--color-warning)
}

.color-danger[data-v-2a053bfb] {
    color: var(--color-danger)
}

.color-link[data-v-2a053bfb] {
    color: var(--color-link)
}

.color-line[data-v-2a053bfb] {
    color: var(--color-line)
}

.color-border[data-v-2a053bfb] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-2a053bfb] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-2a053bfb] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-2a053bfb] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-2a053bfb] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-2a053bfb] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-2a053bfb] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-2a053bfb] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-2a053bfb] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-2a053bfb] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-2a053bfb] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-2a053bfb] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-2a053bfb] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-2a053bfb] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-2a053bfb] {
    display: flex;
    align-items: center
}

.flex-start[data-v-2a053bfb] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-2a053bfb] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-2a053bfb] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-2a053bfb] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-2a053bfb] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-2a053bfb] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-2a053bfb] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-2a053bfb] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-2a053bfb] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-2a053bfb] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-2a053bfb] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-2a053bfb] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-2a053bfb] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-2a053bfb] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-2a053bfb] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-2a053bfb] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-2a053bfb] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-2a053bfb] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-2a053bfb] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-2a053bfb] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-2a053bfb] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-2a053bfb] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-2a053bfb] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-2a053bfb] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-2a053bfb],
.mlm-selected-item[data-v-2a053bfb] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-2a053bfb] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-2a053bfb]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-2a053bfb] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-2a053bfb] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-2a053bfb] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.commission-area[data-v-2a053bfb] {
    margin: 2.5rem auto
}

.agent-item[data-v-2a053bfb] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center
}

.newest-border[data-v-2a053bfb] {
    border: 1px solid var(--color-border-600)
}

.newest-white-color[data-v-2a053bfb] {
    color: var(--color-text-white-100)
}

.agent-small-box[data-v-2a053bfb] {
    color: var(--color-text-white-100);
    background: var(--color-bg-200)
}

.money-text[data-v-2a053bfb] {
    color: var(--accent-color-orange-1)
}

.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)
}

.green-default .newest-border[data-v-2a053bfb],
.forest-green .newest-border[data-v-2a053bfb] {
    border: 1px solid var(--color-line)
}

.green-default .newest-white-color[data-v-2a053bfb],
.forest-green .newest-white-color[data-v-2a053bfb] {
    color: var(--color-text-gray-100)
}

.green-default .agent-small-box[data-v-2a053bfb],
.forest-green .agent-small-box[data-v-2a053bfb] {
    color: var(--color-text-gray-100);
    background: var(--color-bg-200)
}

.green-default .money-text[data-v-2a053bfb],
.forest-green .money-text[data-v-2a053bfb] {
    color: var(--accent-color-yellow)
}

.amber-purple .newest-border[data-v-2a053bfb] {
    border: 1px solid var(--line-color)
}

.amber-purple .newest-white-color[data-v-2a053bfb] {
    color: var(--text-color-light-purple-1-100)
}

.amber-purple .agent-small-box[data-v-2a053bfb] {
    color: var(--text-color-light-purple-1-100);
    background: var(--color-bg-200)
}

.amber-purple .money-text[data-v-2a053bfb] {
    color: var(--accent-color-yellow)
}

.color-primary-600[data-v-0285c1fc] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-0285c1fc] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-0285c1fc] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-0285c1fc] {
    color: var(--color-primary-900)
}

.bg-100[data-v-0285c1fc] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-0285c1fc] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-0285c1fc] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-0285c1fc] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-0285c1fc] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-0285c1fc] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-0285c1fc] {
    background-color: var(--color-warning)
}

.bg-link[data-v-0285c1fc] {
    background-color: var(--color-link)
}

.bg-danger[data-v-0285c1fc] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-0285c1fc] {
    color: var(--color-text-100)
}

.color-text-80[data-v-0285c1fc] {
    color: var(--color-text-80)
}

.color-text-50[data-v-0285c1fc] {
    color: var(--color-text-50)
}

.color-text-40[data-v-0285c1fc] {
    color: var(--color-text-40)
}

.color-text-20[data-v-0285c1fc] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-0285c1fc] {
    color: var(--color-currency)
}

.color-warning[data-v-0285c1fc] {
    color: var(--color-warning)
}

.color-danger[data-v-0285c1fc] {
    color: var(--color-danger)
}

.color-link[data-v-0285c1fc] {
    color: var(--color-link)
}

.color-line[data-v-0285c1fc] {
    color: var(--color-line)
}

.color-border[data-v-0285c1fc] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-0285c1fc] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-0285c1fc] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-0285c1fc] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-0285c1fc] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-0285c1fc] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-0285c1fc] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-0285c1fc] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-0285c1fc] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-0285c1fc] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-0285c1fc] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-0285c1fc] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-0285c1fc] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-0285c1fc] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-0285c1fc] {
    display: flex;
    align-items: center
}

.flex-start[data-v-0285c1fc] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-0285c1fc] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-0285c1fc] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-0285c1fc] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-0285c1fc] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-0285c1fc] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-0285c1fc] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-0285c1fc] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-0285c1fc] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-0285c1fc] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-0285c1fc] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-0285c1fc] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-0285c1fc] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-0285c1fc] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-0285c1fc] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-0285c1fc] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-0285c1fc] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-0285c1fc] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-0285c1fc] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-0285c1fc] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-0285c1fc] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-0285c1fc] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-0285c1fc] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-0285c1fc] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-0285c1fc],
.mlm-selected-item[data-v-0285c1fc] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-0285c1fc] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-0285c1fc]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-0285c1fc] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-0285c1fc] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-0285c1fc] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.c1-left[data-v-0285c1fc] {
    top: 1rem
}

.c3-right[data-v-0285c1fc] {
    top: 1rem;
    right: 0
}

.top-box-area[data-v-0285c1fc] {
    top: -.2rem
}

.C2-toA[data-v-0285c1fc] {
    right: 3.6rem;
    position: absolute;
    top: -2.9rem
}

.b1-arrow[data-v-0285c1fc] {
    left: 2.2rem;
    transform: rotate(30deg);
    bottom: 5.1rem
}

.b2-arrow[data-v-0285c1fc] {
    left: 36%;
    bottom: 5rem
}

.b3-arrow[data-v-0285c1fc] {
    right: 2rem;
    transform: rotate(-30deg);
    bottom: 5.1rem
}

.c1-arrow-toB1[data-v-0285c1fc] {
    bottom: 3.8rem;
    left: .5rem
}

.c2-arrow-toB1[data-v-0285c1fc] {
    bottom: 4.2rem;
    left: 23%;
    transform: rotate(-28deg)
}

.c3-arrow-toB3[data-v-0285c1fc] {
    right: .7rem;
    bottom: 3.8rem
}

.c2-arrow-toA[data-v-0285c1fc] {
    bottom: 5.2rem;
    left: 24%
}

.c1-arrow-toA[data-v-0285c1fc] {
    bottom: 5.2rem;
    left: -6.6rem
}

.c3-arrow-toA[data-v-0285c1fc] {
    bottom: 5.2rem;
    right: -6.6rem;
    transform: scaleX(-1)
}

.tutorial-detail[data-v-0285c1fc] {
    border-radius: .28rem;
    font-size: .6rem;
    padding: .4rem
}

.tutorial-detail h1[data-v-0285c1fc] {
    font-size: .7rem;
    margin: 0
}

.tutorial-detail p[data-v-0285c1fc] {
    text-indent: .9rem
}

.newest-border[data-v-0285c1fc] {
    border: 1px solid var(--color-border-600)
}

.newest-white-color[data-v-0285c1fc] {
    color: var(--color-text-white-100)
}

.newest-minor-color[data-v-0285c1fc] {
    color: var(--color-text-gray-200)
}

.money-text[data-v-0285c1fc] {
    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)
}

.green-default .newest-border[data-v-0285c1fc],
.forest-green .newest-border[data-v-0285c1fc] {
    border: 1px solid var(--color-line)
}

.green-default .newest-white-color[data-v-0285c1fc],
.forest-green .newest-white-color[data-v-0285c1fc] {
    color: var(--color-text-gray-100)
}

.green-default .newest-minor-color[data-v-0285c1fc],
.forest-green .newest-minor-color[data-v-0285c1fc] {
    color: var(--color-text-gray-200)
}

.green-default .money-text[data-v-0285c1fc],
.forest-green .money-text[data-v-0285c1fc] {
    color: var(--accent-color-yellow)
}

.amber-purple .newest-border[data-v-0285c1fc] {
    border: 1px solid var(--line-color)
}

.amber-purple .newest-white-color[data-v-0285c1fc] {
    color: var(--text-color-light-purple-1-100)
}

.amber-purple .newest-minor-color[data-v-0285c1fc] {
    color: var(--text-color-light-purple-2-100)
}

.amber-purple .money-text[data-v-0285c1fc] {
    color: var(--accent-color-yellow)
}

.color-primary-600[data-v-019a68e0] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-019a68e0] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-019a68e0] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-019a68e0] {
    color: var(--color-primary-900)
}

.bg-100[data-v-019a68e0] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-019a68e0] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-019a68e0] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-019a68e0] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-019a68e0] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-019a68e0] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-019a68e0] {
    background-color: var(--color-warning)
}

.bg-link[data-v-019a68e0] {
    background-color: var(--color-link)
}

.bg-danger[data-v-019a68e0] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-019a68e0] {
    color: var(--color-text-100)
}

.color-text-80[data-v-019a68e0] {
    color: var(--color-text-80)
}

.color-text-50[data-v-019a68e0] {
    color: var(--color-text-50)
}

.color-text-40[data-v-019a68e0] {
    color: var(--color-text-40)
}

.color-text-20[data-v-019a68e0] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-019a68e0] {
    color: var(--color-currency)
}

.color-warning[data-v-019a68e0] {
    color: var(--color-warning)
}

.color-danger[data-v-019a68e0] {
    color: var(--color-danger)
}

.color-link[data-v-019a68e0] {
    color: var(--color-link)
}

.color-line[data-v-019a68e0] {
    color: var(--color-line)
}

.color-border[data-v-019a68e0] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-019a68e0] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-019a68e0] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-019a68e0] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-019a68e0] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-019a68e0] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-019a68e0] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-019a68e0] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-019a68e0] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-019a68e0] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-019a68e0] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-019a68e0] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-019a68e0] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-019a68e0] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-019a68e0] {
    display: flex;
    align-items: center
}

.flex-start[data-v-019a68e0] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-019a68e0] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-019a68e0] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-019a68e0] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-019a68e0] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-019a68e0] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-019a68e0] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-019a68e0] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-019a68e0] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-019a68e0] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-019a68e0] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-019a68e0] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-019a68e0] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-019a68e0] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-019a68e0] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-019a68e0] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-019a68e0] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-019a68e0] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-019a68e0] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-019a68e0] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-019a68e0] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-019a68e0] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-019a68e0] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-019a68e0] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-019a68e0],
.mlm-selected-item[data-v-019a68e0] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-019a68e0] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-019a68e0]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-019a68e0] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-019a68e0] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-019a68e0] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.card[data-v-019a68e0] {
    padding-bottom: .625rem
}

ion-item[data-v-019a68e0] {
    --background: transparent;
    --padding-bottom: 0px;
    --padding-end: 10px;
    --padding-start: 0;
    --padding-top: 0;
    --inner-padding-end: 0
}

ion-item[data-v-019a68e0]::part(detail-icon) {
    color: #08f;
    font-size: .875rem;
    margin-right: 5px
}

ion-label[data-v-019a68e0],
h6[data-v-019a68e0] {
    font-size: .875rem !important;
    text-align: center
}

h6[data-v-019a68e0] {
    margin-bottom: 5px
}

.card[data-v-019a68e0],
.blue-default .card[data-v-019a68e0] {
    background: var(--color-bg-200)
}

.green-default .card[data-v-019a68e0],
.forest-green .card[data-v-019a68e0],
.amber-purple .card[data-v-019a68e0] {
    background: var(--color-bg-300)
}

.color-primary-600[data-v-cad16fb0] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-cad16fb0] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-cad16fb0] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-cad16fb0] {
    color: var(--color-primary-900)
}

.bg-100[data-v-cad16fb0] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-cad16fb0] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-cad16fb0] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-cad16fb0] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-cad16fb0] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-cad16fb0] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-cad16fb0] {
    background-color: var(--color-warning)
}

.bg-link[data-v-cad16fb0] {
    background-color: var(--color-link)
}

.bg-danger[data-v-cad16fb0] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-cad16fb0] {
    color: var(--color-text-100)
}

.color-text-80[data-v-cad16fb0] {
    color: var(--color-text-80)
}

.color-text-50[data-v-cad16fb0] {
    color: var(--color-text-50)
}

.color-text-40[data-v-cad16fb0] {
    color: var(--color-text-40)
}

.color-text-20[data-v-cad16fb0] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-cad16fb0] {
    color: var(--color-currency)
}

.color-warning[data-v-cad16fb0] {
    color: var(--color-warning)
}

.color-danger[data-v-cad16fb0] {
    color: var(--color-danger)
}

.color-link[data-v-cad16fb0] {
    color: var(--color-link)
}

.color-line[data-v-cad16fb0] {
    color: var(--color-line)
}

.color-border[data-v-cad16fb0] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-cad16fb0] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-cad16fb0] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-cad16fb0] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-cad16fb0] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-cad16fb0] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-cad16fb0] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-cad16fb0] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-cad16fb0] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-cad16fb0] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-cad16fb0] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-cad16fb0] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-cad16fb0] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-cad16fb0] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-cad16fb0] {
    display: flex;
    align-items: center
}

.flex-start[data-v-cad16fb0] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-cad16fb0] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-cad16fb0] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-cad16fb0] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-cad16fb0] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-cad16fb0] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-cad16fb0] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-cad16fb0] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-cad16fb0] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-cad16fb0] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-cad16fb0] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-cad16fb0] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-cad16fb0] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-cad16fb0] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-cad16fb0] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-cad16fb0] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-cad16fb0] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-cad16fb0] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-cad16fb0] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-cad16fb0] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-cad16fb0] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-cad16fb0] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-cad16fb0] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-cad16fb0] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-cad16fb0],
.mlm-selected-item[data-v-cad16fb0] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-cad16fb0] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-cad16fb0]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-cad16fb0] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-cad16fb0] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-cad16fb0] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.card[data-v-cad16fb0] {
    border-radius: .625rem;
    margin: .625rem 0;
    padding: 0 .9375rem
}

.receive-rule[data-v-cad16fb0] {
    display: flex;
    justify-content: space-between;
    padding: 0 .625rem .625rem
}

.receive-rule .text[data-v-cad16fb0] {
    width: 80%
}

.receive-rule .text .hint[data-v-cad16fb0] {
    line-height: 1.0625rem
}

.receive-rule .btn-warpper[data-v-cad16fb0] {
    display: flex;
    align-items: center;
    justify-content: center
}

.receive-rule .rule-btn[data-v-cad16fb0] {
    background: rgba(255, 255, 255, .1);
    color: #6691d5;
    height: 1.125rem;
    width: 3.875rem;
    display: flex;
    justify-content: center
}

.receive-rule .rule-btn ion-icon[data-v-cad16fb0] {
    font-size: 1.125rem;
    line-height: 1.125rem
}

.receive-rule .rule-btn span[data-v-cad16fb0] {
    font-size: .625rem;
    line-height: 1.125rem
}

ion-item[data-v-cad16fb0] {
    --background: transparent;
    --padding-bottom: 0px;
    --padding-end: 10px;
    --padding-start: 0;
    --padding-top: 0;
    --inner-padding-end: 0;
    font-size: .75rem
}

ion-item[data-v-cad16fb0]::part(detail-icon) {
    font-size: .875rem;
    margin-right: 5px
}

ion-segment[data-v-cad16fb0] {
    display: flex;
    --background: transparent;
    border-radius: 0
}

ion-segment-button.ios[data-v-cad16fb0] {
    --border-radius: .375rem;
    --background: transparent;
    --color: #FFF;
    --indicator-color: transparent;
    --padding-start: 0;
    --padding-end: 0;
    --padding-top: 0;
    --padding-bottom: 0;
    text-transform: capitalize;
    min-width: 2.35rem;
    min-height: 2.5rem;
    max-height: 2.5rem;
    margin: 0 .375rem;
    margin-top: 0
}

ion-note[data-v-cad16fb0] {
    margin-right: 10px
}

ion-note.more[data-v-cad16fb0] {
    margin-right: 0
}

.flex-button[data-v-cad16fb0] {
    display: flex;
    flex-direction: column
}

ion-button.claim[data-v-cad16fb0]::part(native) {
    color: #fff
}

ion-button.history[data-v-cad16fb0]::part(native) {
    color: #fff;
    --background-activated: none;
    --background-focused: none
}

ion-button.shiny[data-v-cad16fb0] {
    position: relative;
    overflow: hidden
}

ion-button.shiny[data-v-cad16fb0]:before {
    content: "";
    animation: shiny-cad16fb0 7s ease-in-out infinite;
    background: #fff;
    display: inline-block;
    height: 100%;
    left: 0;
    position: absolute;
    top: -180px;
    width: 20px;
    z-index: 100
}

@keyframes shiny-cad16fb0 {
    0% {
        opacity: 0;
        transform: scale(0) rotate(45deg)
    }

    80% {
        opacity: .5;
        transform: scale(1) rotate(45deg)
    }

    81% {
        opacity: 1;
        transform: scale(3) rotate(45deg)
    }

    to {
        opacity: 0;
        transform: scale(50) rotate(45deg)
    }
}

ion-segment-button.segment-button-disabled[data-v-cad16fb0] {
    opacity: 1
}

.agent-share-info[data-v-cad16fb0],
.card[data-v-cad16fb0] {
    background: var(--color-bg-200)
}

.receive-rule[data-v-cad16fb0] {
    border-bottom: 1px solid var(--color-line)
}

.receive-rule .text .hint[data-v-cad16fb0] {
    color: var(--text-color-white-40)
}

.receive-rule .rule-btn[data-v-cad16fb0] {
    border-radius: var(--rounded-small)
}

ion-item[data-v-cad16fb0]::part(detail-icon) {
    color: var(--color-text-gray-200)
}

ion-note[data-v-cad16fb0] {
    --color: var(--color-text-white-100)
}

ion-note.cash[data-v-cad16fb0] {
    --color: var(--accent-color-orange-1)
}

ion-toolbar.agent-info[data-v-cad16fb0] {
    --ion-toolbar-background: var(--color-bg-200)
}

ion-button.claim[data-v-cad16fb0]::part(native) {
    background: var(--agent-claim-bgc)
}

ion-button.history[data-v-cad16fb0]::part(native) {
    background: var(--agent-history-bgc);
    color: var(--color-text-white-100)
}

ion-button.on[data-v-cad16fb0]::part(native) {
    background: var(--agent-disabled-btn-bgc);
    color: var(--color-text-white-100);
    --background-activated: none;
    --background-focused: none;
    --background-hover: none
}

.agent-white-text-color[data-v-cad16fb0] {
    color: var(--color-text-white-100)
}

.agent-minor-text-color[data-v-cad16fb0] {
    color: var(--color-text-gray-300)
}

.referral-tips[data-v-cad16fb0] {
    border-bottom: 1px solid var(--color-border-600)
}

.save-qrcode-btn[data-v-cad16fb0] {
    background: var(--theme-color-500)
}

.agent-share-link[data-v-cad16fb0] {
    border: 1px solid var(--color-line)
}

.agent-share-icon-color[data-v-cad16fb0] {
    color: var(--color-text-white-100)
}

.text-color[data-v-cad16fb0] {
    color: var(--color-text-gray-300)
}

ion-note.more[data-v-cad16fb0] {
    --color: var(--theme-color-500)
}

.blue-default .agent-share-info[data-v-cad16fb0],
.blue-default .card[data-v-cad16fb0] {
    background: var(--color-bg-200)
}

.blue-default .receive-rule[data-v-cad16fb0] {
    border-bottom: 1px solid var(--color-line)
}

.blue-default .receive-rule .text .hint[data-v-cad16fb0] {
    color: var(--text-color-white-40)
}

.blue-default .receive-rule .rule-btn[data-v-cad16fb0] {
    border-radius: var(--rounded-small)
}

.blue-default ion-item[data-v-cad16fb0]::part(detail-icon) {
    color: var(--color-text-gray-200)
}

.blue-default ion-note[data-v-cad16fb0] {
    --color: var(--color-text-white-100)
}

.blue-default ion-note.cash[data-v-cad16fb0] {
    --color: var(--accent-color-orange-1)
}

.blue-default ion-toolbar.agent-info[data-v-cad16fb0] {
    --ion-toolbar-background: var(--color-bg-200)
}

.blue-default ion-button.claim[data-v-cad16fb0]::part(native) {
    background: var(--agent-claim-bgc)
}

.blue-default ion-button.history[data-v-cad16fb0]::part(native) {
    background: var(--agent-history-bgc);
    color: var(--color-text-white-100)
}

.blue-default ion-button.on[data-v-cad16fb0]::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-cad16fb0] {
    color: var(--color-text-white-100)
}

.blue-default .agent-minor-text-color[data-v-cad16fb0] {
    color: var(--color-text-gray-300)
}

.blue-default .referral-tips[data-v-cad16fb0] {
    border-bottom: 1px solid var(--color-border-600)
}

.blue-default .save-qrcode-btn[data-v-cad16fb0] {
    background: var(--theme-color-500)
}

.blue-default .agent-share-link[data-v-cad16fb0] {
    border: 1px solid var(--color-line)
}

.blue-default .agent-share-icon-color[data-v-cad16fb0] {
    color: var(--color-text-white-100)
}

.blue-default .text-color[data-v-cad16fb0] {
    color: var(--color-text-gray-300)
}

.blue-default ion-note.more[data-v-cad16fb0] {
    --color: var(--theme-color-500)
}

.green-default .agent-share-info[data-v-cad16fb0],
.green-default .card[data-v-cad16fb0] {
    background: var(--color-bg-200)
}

.green-default .receive-rule[data-v-cad16fb0] {
    border-bottom: 1px solid var(--color-line)
}

.green-default .receive-rule .text .hint[data-v-cad16fb0] {
    color: var(--color-text-gray-200)
}

.green-default .receive-rule .rule-btn[data-v-cad16fb0] {
    border-radius: var(--rounded-small)
}

.green-default ion-item[data-v-cad16fb0]::part(detail-icon) {
    color: var(--color-text-gray-200)
}

.green-default ion-note[data-v-cad16fb0] {
    --color: var(--color-text-gray-100)
}

.green-default ion-note.cash[data-v-cad16fb0] {
    --color: var(--accent-color-yellow)
}

.green-default ion-toolbar.agent-info[data-v-cad16fb0] {
    --ion-toolbar-background: var(--color-bg-200)
}

.green-default ion-button.claim[data-v-cad16fb0]::part(native) {
    background: var(--theme-color-gradient-100)
}

.green-default ion-button.history[data-v-cad16fb0]::part(native) {
    background: var(--theme-color-gradient-200);
    color: var(--color-text-white-100)
}

.green-default ion-button.on[data-v-cad16fb0]::part(native) {
    background: var(--theme-color-gradient-500);
    color: var(--color-text-white-40);
    --background-activated: none;
    --background-focused: none;
    --background-hover: none
}

.green-default .agent-white-text-color[data-v-cad16fb0] {
    color: var(--color-text-gray-100)
}

.green-default .agent-minor-text-color[data-v-cad16fb0] {
    color: var(--color-text-gray-200)
}

.green-default .referral-tips[data-v-cad16fb0] {
    border-bottom: 1px solid var(--color-line)
}

.green-default .save-qrcode-btn[data-v-cad16fb0] {
    background: var(--color-bg-50)
}

.green-default .agent-share-link[data-v-cad16fb0] {
    border: 1px solid var(--color-line)
}

.green-default .agent-share-icon-color[data-v-cad16fb0],
.green-default .text-color[data-v-cad16fb0] {
    color: var(--color-text-gray-200)
}

.green-default ion-note.more[data-v-cad16fb0] {
    --color: var(--theme-color-500)
}

.amber-purple .agent-share-info[data-v-cad16fb0],
.amber-purple .card[data-v-cad16fb0] {
    background: var(--color-bg-200)
}

.amber-purple .receive-rule[data-v-cad16fb0] {
    border-bottom: 1px solid var(--line-color)
}

.amber-purple .receive-rule .text .hint[data-v-cad16fb0] {
    color: var(--text-color-light-purple-2-100)
}

.amber-purple .receive-rule .rule-btn[data-v-cad16fb0] {
    border-radius: var(--rounded-small)
}

.amber-purple ion-item[data-v-cad16fb0]::part(detail-icon) {
    color: var(--text-color-light-purple-2-100)
}

.amber-purple ion-note[data-v-cad16fb0] {
    --color: var(--text-color-light-purple-1-100)
}

.amber-purple ion-note.cash[data-v-cad16fb0] {
    --color: var(--accent-color-yellow)
}

.amber-purple ion-toolbar.agent-info[data-v-cad16fb0] {
    --ion-toolbar-background: var(--color-bg-200)
}

.amber-purple ion-button.claim[data-v-cad16fb0]::part(native) {
    background: var(--segment-gradients-purple)
}

.amber-purple ion-button.history[data-v-cad16fb0]::part(native) {
    background: var(--theme-color-800);
    color: var(--color-text-white-100)
}

.amber-purple ion-button.on[data-v-cad16fb0]::part(native) {
    background: var(--gradients-disabled-btn-bg);
    color: var(--text-color-white-40);
    --background-activated: none;
    --background-focused: none;
    --background-hover: none
}

.amber-purple .agent-white-text-color[data-v-cad16fb0] {
    color: var(--text-color-light-purple-1-100)
}

.amber-purple .agent-minor-text-color[data-v-cad16fb0] {
    color: var(--text-color-light-purple-2-100)
}

.amber-purple .referral-tips[data-v-cad16fb0] {
    border-bottom: 1px solid var(--line-color)
}

.amber-purple .save-qrcode-btn[data-v-cad16fb0] {
    background: var(--theme-color-400)
}

.amber-purple .agent-share-link[data-v-cad16fb0] {
    border: 1px solid var(--line-color)
}

.amber-purple .agent-share-icon-color[data-v-cad16fb0],
.amber-purple .text-color[data-v-cad16fb0] {
    color: var(--text-color-light-purple-2-100)
}

.amber-purple ion-note.more[data-v-cad16fb0] {
    --color: var(--theme-color-500)
}

.forest-green .agent-share-info[data-v-cad16fb0],
.forest-green .card[data-v-cad16fb0] {
    background: var(--color-bg-200)
}

.forest-green .receive-rule[data-v-cad16fb0] {
    border-bottom: 1px solid var(--color-line)
}

.forest-green .receive-rule .text .hint[data-v-cad16fb0] {
    color: var(--color-text-gray-200)
}

.forest-green .receive-rule .rule-btn[data-v-cad16fb0] {
    border-radius: var(--rounded-small)
}

.forest-green ion-item[data-v-cad16fb0]::part(detail-icon) {
    color: var(--color-text-gray-200)
}

.forest-green ion-note[data-v-cad16fb0] {
    --color: var(--color-text-gray-100)
}

.forest-green ion-note.cash[data-v-cad16fb0] {
    --color: var(--accent-color-yellow)
}

.forest-green ion-toolbar.agent-info[data-v-cad16fb0] {
    --ion-toolbar-background: var(--color-bg-200)
}

.forest-green ion-button.claim[data-v-cad16fb0]::part(native) {
    background: var(--theme-color-gradient-100)
}

.forest-green ion-button.history[data-v-cad16fb0]::part(native) {
    background: var(--theme-color-gradient-200);
    color: var(--color-text-white-100)
}

.forest-green ion-button.on[data-v-cad16fb0]::part(native) {
    background: var(--theme-color-gradient-500);
    color: var(--color-text-white-40);
    --background-activated: none;
    --background-focused: none;
    --background-hover: none
}

.forest-green .agent-white-text-color[data-v-cad16fb0] {
    color: var(--color-text-gray-100)
}

.forest-green .agent-minor-text-color[data-v-cad16fb0] {
    color: var(--color-text-gray-200)
}

.forest-green .referral-tips[data-v-cad16fb0] {
    border-bottom: 1px solid var(--color-line)
}

.forest-green .save-qrcode-btn[data-v-cad16fb0] {
    background: var(--color-bg-100)
}

.forest-green .agent-share-link[data-v-cad16fb0] {
    border: 1px solid var(--color-line)
}

.forest-green .agent-share-icon-color[data-v-cad16fb0],
.forest-green .text-color[data-v-cad16fb0] {
    color: var(--color-text-gray-200)
}

.forest-green ion-note.more[data-v-cad16fb0] {
    --color: var(--color-text-gray-100)
}

.auroral-yellow .agent-share-info[data-v-cad16fb0],
.auroral-yellow .card[data-v-cad16fb0] {
    background: var(--color-bg-200)
}

.auroral-yellow .receive-rule[data-v-cad16fb0] {
    border-bottom: 1px solid var(--color-line)
}

.auroral-yellow .receive-rule .text .hint[data-v-cad16fb0] {
    color: var(--text-color-white-40)
}

.auroral-yellow .receive-rule .rule-btn[data-v-cad16fb0] {
    border-radius: var(--rounded-small)
}

.auroral-yellow ion-item[data-v-cad16fb0]::part(detail-icon) {
    color: var(--color-text-gray-200)
}

.auroral-yellow ion-note[data-v-cad16fb0] {
    --color: var(--color-text-white-100)
}

.auroral-yellow ion-note.cash[data-v-cad16fb0] {
    --color: var(--accent-color-orange-1)
}

.auroral-yellow ion-toolbar.agent-info[data-v-cad16fb0] {
    --ion-toolbar-background: var(--color-bg-200)
}

.auroral-yellow ion-button.claim[data-v-cad16fb0]::part(native) {
    background: var(--agent-claim-bgc)
}

.auroral-yellow ion-button.history[data-v-cad16fb0]::part(native) {
    background: var(--theme-color-800);
    color: var(--color-text-black-100)
}

.auroral-yellow ion-button.on[data-v-cad16fb0]::part(native) {
    background: var(--agent-disabled-btn-bgc);
    color: var(--color-text-white-100);
    --background-activated: none;
    --background-focused: none;
    --background-hover: none
}

.auroral-yellow .agent-white-text-color[data-v-cad16fb0] {
    color: var(--color-text-white-100)
}

.auroral-yellow .agent-minor-text-color[data-v-cad16fb0] {
    color: var(--color-text-gray-300)
}

.auroral-yellow .referral-tips[data-v-cad16fb0] {
    border-bottom: 1px solid var(--color-border-600)
}

.auroral-yellow .save-qrcode-btn[data-v-cad16fb0] {
    background: var(--theme-color-500)
}

.auroral-yellow .agent-share-link[data-v-cad16fb0] {
    border: 1px solid var(--color-line)
}

.auroral-yellow .agent-share-icon-color[data-v-cad16fb0] {
    color: var(--color-text-white-100)
}

.auroral-yellow .text-color[data-v-cad16fb0] {
    color: var(--color-text-gray-300)
}

.auroral-yellow ion-note.more[data-v-cad16fb0] {
    --color: var(--theme-color-800)
}

.color-primary-600[data-v-67a14c87] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-67a14c87] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-67a14c87] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-67a14c87] {
    color: var(--color-primary-900)
}

.bg-100[data-v-67a14c87] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-67a14c87] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-67a14c87] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-67a14c87] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-67a14c87] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-67a14c87] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-67a14c87] {
    background-color: var(--color-warning)
}

.bg-link[data-v-67a14c87] {
    background-color: var(--color-link)
}

.bg-danger[data-v-67a14c87] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-67a14c87] {
    color: var(--color-text-100)
}

.color-text-80[data-v-67a14c87] {
    color: var(--color-text-80)
}

.color-text-50[data-v-67a14c87] {
    color: var(--color-text-50)
}

.color-text-40[data-v-67a14c87] {
    color: var(--color-text-40)
}

.color-text-20[data-v-67a14c87] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-67a14c87] {
    color: var(--color-currency)
}

.color-warning[data-v-67a14c87] {
    color: var(--color-warning)
}

.color-danger[data-v-67a14c87] {
    color: var(--color-danger)
}

.color-link[data-v-67a14c87] {
    color: var(--color-link)
}

.color-line[data-v-67a14c87] {
    color: var(--color-line)
}

.color-border[data-v-67a14c87] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-67a14c87] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-67a14c87] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-67a14c87] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-67a14c87] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-67a14c87] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-67a14c87] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-67a14c87] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-67a14c87] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-67a14c87] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-67a14c87] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-67a14c87] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-67a14c87] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-67a14c87] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-67a14c87] {
    display: flex;
    align-items: center
}

.flex-start[data-v-67a14c87] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-67a14c87] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-67a14c87] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-67a14c87] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-67a14c87] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-67a14c87] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-67a14c87] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-67a14c87] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-67a14c87] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-67a14c87] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-67a14c87] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-67a14c87] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-67a14c87] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-67a14c87] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-67a14c87] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-67a14c87] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-67a14c87] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-67a14c87] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-67a14c87] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-67a14c87] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-67a14c87] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-67a14c87] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-67a14c87] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-67a14c87] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-67a14c87],
.mlm-selected-item[data-v-67a14c87] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-67a14c87] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-67a14c87]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-67a14c87] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-67a14c87] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-67a14c87] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-select[data-v-67a14c87]::part(icon) {
    color: transparent
}

.select-item[data-v-67a14c87] {
    border-radius: .625rem .625rem 0 0
}

ion-item[data-v-67a14c87]::part(native) {
    padding: 0 0 0 .625rem !important
}

ion-button#popover-trigger[data-v-67a14c87] {
    --padding-start: 0;
    --padding-end: 0
}

ion-content[data-v-67a14c87] {
    --background: transperent
}

ion-grid[data-v-67a14c87] {
    --ion-grid-padding: 0
}

ion-col[data-v-67a14c87] {
    --ion-grid-column-padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

ion-modal[data-v-67a14c87] {
    --height: auto;
    --border-radius: 16px;
    padding: 0 1.5625rem;
    height: auto
}

ion-searchbar#search-agency[data-v-67a14c87] {
    --box-shadow: none;
    overflow: hidden
}

.agent-performance[data-v-67a14c87] {
    background: var(--color-bg-800)
}

.select-item[data-v-67a14c87] {
    background: var(--color-bg-1100)
}

ion-item[data-v-67a14c87] {
    --background: var(--agent-performance-detail-item-bgc)
}

ion-item.commission-list[data-v-67a14c87]:nth-child(odd) {
    --background: var(--color-bg-300)
}

ion-item.commission-list[data-v-67a14c87]:nth-child(2n) {
    --background: var(--color-bg-100)
}

#popover-trigger p.on[data-v-67a14c87] {
    border-bottom: 1px solid var(--theme-color-600)
}

ion-modal[data-v-67a14c87] {
    --background: var(--color-bg-300)
}

ion-modal ion-toolbar.detail-toolbar[data-v-67a14c87] {
    --background: var(--agent-performance-detail-toolbar-bgc);
    border-bottom: 1px solid var(--color-border-600)
}

ion-datetime[data-v-67a14c87] {
    --background: var(--color-bg-200);
    color: var(--color-text-white-100)
}

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
}

ion-datetime[data-v-67a14c87]::part(month-year-button) {
    color: var(--theme-color-800)
}

.ion-color-primary[data-v-67a14c87] {
    --ion-color-base: var(--agent-ion-color-primary) !important
}

.select-date[data-v-67a14c87] {
    background: var(--color-bg-300);
    color: var(--color-text-gray-300)
}

.select-date .text-base[data-v-67a14c87] {
    color: var(--color-text-gray-300)
}

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)
}

ion-searchbar#search-agency .search-icon[data-v-67a14c87] {
    color: var(--color-text-gray-300)
}

.performance-item-title[data-v-67a14c87] {
    --background: var(--color-bg-1200);
    color: var(--color-text-white-100)
}

.table-content-text-color[data-v-67a14c87] {
    color: var(--color-text-gray-200)
}

ion-datetime[data-v-67a14c87]::part(wheel-item active) {
    color: var(--color-text-white-100)
}

.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)
}

.green-default .agent-performance[data-v-67a14c87] {
    background: var(--color-bg-300)
}

.green-default .select-item[data-v-67a14c87] {
    background: var(--color-bg-200)
}

.green-default ion-item[data-v-67a14c87] {
    --background: var(--color-bg-200)
}

.green-default ion-item.commission-list[data-v-67a14c87]:nth-child(odd) {
    --background: var(--color-bg-300)
}

.green-default ion-item.commission-list[data-v-67a14c87]:nth-child(2n) {
    --background: var(--color-bg-100)
}

.green-default #popover-trigger p.on[data-v-67a14c87] {
    border-bottom: 1px solid var(--theme-color-500)
}

.green-default ion-modal[data-v-67a14c87] {
    --background: var(--color-bg-300)
}

.green-default ion-modal ion-toolbar.detail-toolbar[data-v-67a14c87] {
    --background: var(--color-bg-100);
    border-bottom: 1px solid var(--color-line)
}

.green-default ion-datetime[data-v-67a14c87] {
    --background: var(--color-bg-200);
    color: var(--color-text-gray-200)
}

.green-default ion-datetime[data-v-67a14c87]::part(calendar-day active) {
    color: var(--color-text-gray-100);
    background: var(--color-bg-50);
    box-shadow: none
}

.green-default ion-datetime[data-v-67a14c87]::part(month-year-button) {
    color: var(--theme-color-800)
}

.green-default .ion-color-primary[data-v-67a14c87] {
    --ion-color-base: var(--color-text-gray-100) !important
}

.green-default .select-date[data-v-67a14c87] {
    background: var(--color-bg-300);
    color: var(--color-text-gray-200)
}

.green-default .select-date .text-base[data-v-67a14c87] {
    color: var(--color-text-gray-200)
}

.green-default ion-searchbar#search-agency[data-v-67a14c87] {
    --color: var(--color-text-gray-100);
    --background: var(--color-bg-300);
    --placeholder-color: var(--color-text-gray-200)
}

.green-default ion-searchbar#search-agency .search-icon[data-v-67a14c87] {
    color: var(--color-text-gray-200)
}

.green-default .performance-item-title[data-v-67a14c87] {
    --background: var(--color-bg-100);
    color: var(--color-text-gray-100)
}

.green-default .table-content-text-color[data-v-67a14c87] {
    color: var(--color-text-gray-200)
}

.green-default ion-datetime[data-v-67a14c87]::part(wheel-item active) {
    color: var(--color-text-gray-100)
}

.amber-purple .agent-performance[data-v-67a14c87] {
    background: var(--color-bg-300)
}

.amber-purple .select-item[data-v-67a14c87] {
    background: var(--color-bg-200)
}

.amber-purple ion-item[data-v-67a14c87] {
    --background: var(--color-bg-200)
}

.amber-purple ion-item.commission-list[data-v-67a14c87]:nth-child(odd) {
    --background: var(--color-bg-300)
}

.amber-purple ion-item.commission-list[data-v-67a14c87]:nth-child(2n) {
    --background: var(--color-bg-100)
}

.amber-purple #popover-trigger p.on[data-v-67a14c87] {
    border-bottom: 1px solid var(--theme-color-400)
}

.amber-purple ion-modal[data-v-67a14c87] {
    --background: var(--color-bg-300)
}

.amber-purple ion-modal ion-toolbar.detail-toolbar[data-v-67a14c87] {
    --background: var(--color-bg-100);
    border-bottom: 1px solid var(--line-color)
}

.amber-purple ion-datetime[data-v-67a14c87] {
    --background: var(--color-bg-200);
    color: var(--text-color-light-purple-2-100)
}

.amber-purple ion-datetime[data-v-67a14c87]::part(calendar-day active) {
    color: var(--text-color-light-purple-1-100);
    background: var(--theme-color-800);
    box-shadow: none
}

.amber-purple ion-datetime[data-v-67a14c87]::part(month-year-button) {
    color: var(--theme-color-800)
}

.amber-purple .ion-color-primary[data-v-67a14c87] {
    --ion-color-base: var(--text-color-light-purple-1-100) !important
}

.amber-purple .select-date[data-v-67a14c87] {
    background: var(--color-bg-300);
    color: var(--text-color-light-purple-2-100)
}

.amber-purple .select-date .text-base[data-v-67a14c87] {
    color: var(--text-color-light-purple-2-100)
}

.amber-purple ion-searchbar#search-agency[data-v-67a14c87] {
    --color: var(--text-color-light-purple-1-100);
    --background: var(--color-bg-300);
    --placeholder-color: var(--text-color-light-purple-2-100)
}

.amber-purple ion-searchbar#search-agency .search-icon[data-v-67a14c87] {
    color: var(--text-color-light-purple-2-100)
}

.amber-purple .performance-item-title[data-v-67a14c87] {
    --background: var(--color-bg-100);
    color: var(--text-color-light-purple-1-100)
}

.amber-purple .table-content-text-color[data-v-67a14c87] {
    color: var(--text-color-light-purple-2-100)
}

.amber-purple ion-datetime[data-v-67a14c87]::part(wheel-item active) {
    color: var(--text-color-light-purple-1-100)
}

.forest-green .agent-performance[data-v-67a14c87] {
    background: var(--color-bg-300)
}

.forest-green .select-item[data-v-67a14c87] {
    background: var(--color-bg-200)
}

.forest-green ion-item[data-v-67a14c87] {
    --background: var(--color-bg-200)
}

.forest-green ion-item.commission-list[data-v-67a14c87]:nth-child(odd) {
    --background: var(--color-bg-300)
}

.forest-green ion-item.commission-list[data-v-67a14c87]:nth-child(2n) {
    --background: var(--color-bg-100)
}

.forest-green #popover-trigger p.on[data-v-67a14c87] {
    border-bottom: 1px solid var(--theme-color-500)
}

.forest-green ion-modal[data-v-67a14c87] {
    --background: var(--color-bg-300)
}

.forest-green ion-modal ion-toolbar.detail-toolbar[data-v-67a14c87] {
    --background: var(--color-bg-100);
    border-bottom: 1px solid var(--color-line)
}

.forest-green ion-datetime[data-v-67a14c87] {
    --background: var(--color-bg-200);
    color: var(--color-text-gray-200)
}

.forest-green ion-datetime[data-v-67a14c87]::part(calendar-day active) {
    color: var(--color-text-gray-100);
    background: var(--color-bg-100);
    box-shadow: none
}

.forest-green ion-datetime[data-v-67a14c87]::part(month-year-button) {
    color: var(--theme-color-800)
}

.forest-green .ion-color-primary[data-v-67a14c87] {
    --ion-color-base: var(--color-text-gray-100) !important
}

.forest-green .select-date[data-v-67a14c87] {
    background: var(--color-bg-300);
    color: var(--color-text-gray-200)
}

.forest-green .select-date .text-base[data-v-67a14c87] {
    color: var(--color-text-gray-200)
}

.forest-green ion-searchbar#search-agency[data-v-67a14c87] {
    --color: var(--color-text-gray-100);
    --background: var(--color-bg-300);
    --placeholder-color: var(--color-text-gray-200)
}

.forest-green ion-searchbar#search-agency .search-icon[data-v-67a14c87] {
    color: var(--color-text-gray-200)
}

.forest-green .performance-item-title[data-v-67a14c87] {
    --background: var(--color-bg-100);
    color: var(--color-text-gray-100)
}

.forest-green .table-content-text-color[data-v-67a14c87] {
    color: var(--color-text-gray-200)
}

.forest-green ion-datetime[data-v-67a14c87]::part(wheel-item active) {
    color: var(--color-text-gray-100)
}

.auroral-yellow .agent-performance[data-v-67a14c87] {
    background: var(--color-bg-800)
}

.auroral-yellow .select-item[data-v-67a14c87] {
    background: var(--color-bg-1100)
}

.auroral-yellow ion-item[data-v-67a14c87] {
    --background: var(--agent-performance-detail-item-bgc)
}

.auroral-yellow ion-item.commission-list[data-v-67a14c87]:nth-child(odd) {
    --background: var(--color-bg-300)
}

.auroral-yellow ion-item.commission-list[data-v-67a14c87]:nth-child(2n) {
    --background: var(--color-bg-100)
}

.auroral-yellow #popover-trigger p.on[data-v-67a14c87] {
    border-bottom: 1px solid var(--theme-color-600)
}

.auroral-yellow ion-modal[data-v-67a14c87] {
    --background: var(--color-bg-300)
}

.auroral-yellow ion-modal ion-toolbar.detail-toolbar[data-v-67a14c87] {
    --background: var(--agent-performance-detail-toolbar-bgc);
    border-bottom: 1px solid var(--color-border-600)
}

.auroral-yellow ion-datetime[data-v-67a14c87] {
    --background: var(--color-bg-200);
    color: var(--color-text-white-100)
}

.auroral-yellow ion-datetime[data-v-67a14c87]::part(calendar-day active) {
    color: var(--agent-datetime-select-text-color);
    background: var(--theme-color-800);
    box-shadow: none
}

.auroral-yellow ion-datetime[data-v-67a14c87]::part(month-year-button) {
    color: var(--theme-color-800)
}

.auroral-yellow .ion-color-primary[data-v-67a14c87] {
    --ion-color-base: var(--theme-color-800) !important
}

.auroral-yellow .select-date[data-v-67a14c87] {
    background: var(--color-bg-300);
    color: var(--color-text-gray-300)
}

.auroral-yellow .select-date .text-base[data-v-67a14c87] {
    color: var(--color-text-gray-300)
}

.auroral-yellow 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)
}

.auroral-yellow ion-searchbar#search-agency .search-icon[data-v-67a14c87] {
    color: var(--color-text-gray-300)
}

.auroral-yellow .performance-item-title[data-v-67a14c87] {
    --background: var(--color-bg-1200);
    color: var(--color-text-white-100)
}

.auroral-yellow .table-content-text-color[data-v-67a14c87] {
    color: var(--color-text-gray-200)
}

.auroral-yellow ion-datetime[data-v-67a14c87]::part(wheel-item active) {
    color: var(--color-text-white-100)
}

.select-item[data-v-67a14c87] .date {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 6.125rem;
    padding: .125rem .25rem;
    border-radius: .375rem;
    background-color: var(--color-bg-300);
    color: var(--color-text-white-100)
}

.select-item[data-v-67a14c87] .date .timeChoose {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

.select-item[data-v-67a14c87] .date .timeChoose .single-date {
    font-size: .75rem;
    margin: .125rem 0
}

.select-item[data-v-67a14c87] .date .timeChoose ion-icon {
    font-size: 1rem;
    margin: .125rem 0 .125rem .25rem
}

.color-primary-600[data-v-ae9eafe7] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-ae9eafe7] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-ae9eafe7] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-ae9eafe7] {
    color: var(--color-primary-900)
}

.bg-100[data-v-ae9eafe7] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-ae9eafe7] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-ae9eafe7] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-ae9eafe7] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-ae9eafe7] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-ae9eafe7] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-ae9eafe7] {
    background-color: var(--color-warning)
}

.bg-link[data-v-ae9eafe7] {
    background-color: var(--color-link)
}

.bg-danger[data-v-ae9eafe7] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-ae9eafe7] {
    color: var(--color-text-100)
}

.color-text-80[data-v-ae9eafe7] {
    color: var(--color-text-80)
}

.color-text-50[data-v-ae9eafe7] {
    color: var(--color-text-50)
}

.color-text-40[data-v-ae9eafe7] {
    color: var(--color-text-40)
}

.color-text-20[data-v-ae9eafe7] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-ae9eafe7] {
    color: var(--color-currency)
}

.color-warning[data-v-ae9eafe7] {
    color: var(--color-warning)
}

.color-danger[data-v-ae9eafe7] {
    color: var(--color-danger)
}

.color-link[data-v-ae9eafe7] {
    color: var(--color-link)
}

.color-line[data-v-ae9eafe7] {
    color: var(--color-line)
}

.color-border[data-v-ae9eafe7] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-ae9eafe7] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-ae9eafe7] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-ae9eafe7] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-ae9eafe7] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-ae9eafe7] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-ae9eafe7] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-ae9eafe7] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-ae9eafe7] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-ae9eafe7] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-ae9eafe7] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-ae9eafe7] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-ae9eafe7] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-ae9eafe7] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-ae9eafe7] {
    display: flex;
    align-items: center
}

.flex-start[data-v-ae9eafe7] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-ae9eafe7] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-ae9eafe7] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-ae9eafe7] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-ae9eafe7] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-ae9eafe7] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-ae9eafe7] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-ae9eafe7] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-ae9eafe7] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-ae9eafe7] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-ae9eafe7] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-ae9eafe7] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-ae9eafe7] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-ae9eafe7] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-ae9eafe7] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-ae9eafe7] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-ae9eafe7] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-ae9eafe7] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-ae9eafe7] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-ae9eafe7] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-ae9eafe7] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-ae9eafe7] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-ae9eafe7] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-ae9eafe7] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-ae9eafe7],
.mlm-selected-item[data-v-ae9eafe7] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-ae9eafe7] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-ae9eafe7]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-ae9eafe7] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-ae9eafe7] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-ae9eafe7] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button#popover-trigger[data-v-ae9eafe7] {
    --padding-start: 0;
    --padding-end: 0
}

ion-content#main[data-v-ae9eafe7] {
    --background: transperent
}

.select-item[data-v-ae9eafe7] {
    border-radius: .625rem .625rem 0 0
}

ion-item[data-v-ae9eafe7] {
    --background: #141a29
}

ion-item[data-v-ae9eafe7]::part(native) {
    padding: 0 0 0 .625rem !important
}

ion-grid[data-v-ae9eafe7] {
    --ion-grid-padding: 0
}

ion-col[data-v-ae9eafe7] {
    --ion-grid-column-padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

ion-select[data-v-ae9eafe7] {
    --border-radius: .375rem;
    --padding-top: 0px;
    --padding-bottom: 0px;
    --padding-start: .25rem;
    --padding-end: 0px;
    --placeholder-opacity: 1;
    font-size: .75rem;
    min-height: 0;
    height: 1.5rem;
    flex: 1;
    margin-left: 5px
}

ion-modal ion-content[data-v-ae9eafe7] {
    --padding-top: 0
}

ion-toolbar.detail-title[data-v-ae9eafe7] {
    display: flex
}

ion-segment-button[data-v-ae9eafe7]::part(native) {
    padding: 0
}

ion-label[data-v-ae9eafe7] {
    margin: 0 0 .3125rem;
    font-size: .875rem;
    line-height: 1.375rem;
    z-index: 998
}

ion-title toolbar-title[data-v-ae9eafe7] {
    overflow: visible
}

.agent-commission[data-v-ae9eafe7],
.model-detail-main[data-v-ae9eafe7] {
    background: var(--color-bg-800)
}

#popover-trigger p.on[data-v-ae9eafe7] {
    border-bottom: 1px solid var(--theme-color-600)
}

.select-item[data-v-ae9eafe7] {
    background: var(--color-bg-1100)
}

.select-date[data-v-ae9eafe7] {
    background: var(--color-bg-300);
    color: var(--color-text-gray-300)
}

.select-date .text-base[data-v-ae9eafe7] {
    color: var(--color-text-gray-300)
}

ion-item.commission-list[data-v-ae9eafe7]:nth-child(odd) {
    --background: var(--color-bg-300)
}

ion-item.commission-list[data-v-ae9eafe7]:nth-child(2n) {
    --background: var(--color-bg-100)
}

ion-select[data-v-ae9eafe7] {
    --background: var(--color-bg-300);
    color: var(--color-text-white-100);
    --placeholder-color: var(--color-text-gray-100)
}

ion-toolbar.detail-title[data-v-ae9eafe7] {
    --background: var(--color-bg-900)
}

.tab-box[data-v-ae9eafe7],
ion-segment.detail-type[data-v-ae9eafe7] {
    background: var(--color-bg-800)
}

ion-segment-button[data-v-ae9eafe7] {
    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)
}

ion-item.detail-list-title[data-v-ae9eafe7] {
    --background: var(--color-bg-100);
    color: var(--color-text-white-100)
}

ion-item.detail-list[data-v-ae9eafe7]:nth-child(2n) {
    --background: var(--color-bg-100)
}

ion-item.detail-list[data-v-ae9eafe7]:nth-child(odd) {
    --background: var(--color-bg-300)
}

ion-datetime[data-v-ae9eafe7] {
    --background: var(--color-bg-200);
    color: var(--color-text-white-100)
}

ion-datetime[data-v-ae9eafe7]::part(calendar-day active) {
    color: var(--agent-datetime-select-text-color);
    background: var(--agent-ion-datetime-calendar-day-bgc);
    box-shadow: none
}

ion-datetime[data-v-ae9eafe7]::part(month-year-button) {
    color: var(--theme-color-800)
}

ion-datetime[data-v-ae9eafe7]::part(wheel-item active) {
    color: var(--text-color-light-purple-1-100)
}

.ion-color-primary[data-v-ae9eafe7] {
    --ion-color-base: var(--agent-ion-color-primary) !important
}

.commission-item-title[data-v-ae9eafe7] {
    --background: var(--color-bg-1200);
    color: var(--color-text-white-100)
}

.table-content-text-color[data-v-ae9eafe7] {
    color: var(--color-text-gray-200)
}

.select-item .select-date[data-v-ae9eafe7] .date {
    display: flex;
    align-items: center;
    border-radius: .375rem;
    background: transparent;
    height: auto;
    padding: .125rem .25rem;
    min-width: auto
}

.select-item .select-date[data-v-ae9eafe7] .date .timeChoose {
    width: 100%;
    justify-content: space-between;
    display: flex;
    align-items: center
}

.select-item .select-date[data-v-ae9eafe7] .date .timeChoose p {
    font-size: .75rem;
    color: #8f9cb4;
    margin: 0
}

.select-item .select-date[data-v-ae9eafe7] .date .timeChoose p.on {
    border-bottom: 1px solid var(--color-primary-800)
}

.select-item .select-date[data-v-ae9eafe7] .date .timeChoose .separator {
    margin: 0 .25rem;
    font-size: .75rem;
    color: #8f9cb4
}

.select-item .select-date[data-v-ae9eafe7] .date .timeChoose ion-icon {
    font-size: 1rem;
    color: #8f9cb4;
    margin: .125rem 0 .125rem .25rem
}

.blue-default .agent-commission[data-v-ae9eafe7],
.blue-default .model-detail-main[data-v-ae9eafe7] {
    background: var(--color-bg-800)
}

.blue-default #popover-trigger p.on[data-v-ae9eafe7] {
    border-bottom: 1px solid var(--theme-color-600)
}

.blue-default .select-item[data-v-ae9eafe7] {
    background: var(--color-bg-1100)
}

.blue-default .select-date[data-v-ae9eafe7] {
    background: var(--color-bg-300);
    color: var(--color-text-gray-300)
}

.blue-default .select-date .text-base[data-v-ae9eafe7] {
    color: var(--color-text-gray-300)
}

.blue-default ion-item.commission-list[data-v-ae9eafe7]:nth-child(odd) {
    --background: var(--color-bg-300)
}

.blue-default ion-item.commission-list[data-v-ae9eafe7]:nth-child(2n) {
    --background: var(--color-bg-100)
}

.blue-default ion-select[data-v-ae9eafe7] {
    --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-ae9eafe7] {
    --background: var(--color-bg-900)
}

.blue-default .tab-box[data-v-ae9eafe7],
.blue-default ion-segment.detail-type[data-v-ae9eafe7] {
    background: var(--color-bg-800)
}

.blue-default ion-segment-button[data-v-ae9eafe7] {
    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-ae9eafe7] {
    --background: var(--color-bg-100);
    color: var(--color-text-white-100)
}

.blue-default ion-item.detail-list[data-v-ae9eafe7]:nth-child(2n) {
    --background: var(--color-bg-100)
}

.blue-default ion-item.detail-list[data-v-ae9eafe7]:nth-child(odd) {
    --background: var(--color-bg-300)
}

.blue-default ion-datetime[data-v-ae9eafe7] {
    --background: var(--color-bg-200);
    color: var(--color-text-white-100)
}

.blue-default ion-datetime[data-v-ae9eafe7]::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-ae9eafe7]::part(month-year-button) {
    color: var(--theme-color-800)
}

.blue-default ion-datetime[data-v-ae9eafe7]::part(wheel-item active) {
    color: var(--color-text-white-100)
}

.blue-default .ion-color-primary[data-v-ae9eafe7] {
    --ion-color-base: var(--agent-ion-color-primary) !important
}

.blue-default .commission-item-title[data-v-ae9eafe7] {
    --background: var(--color-bg-1200);
    color: var(--color-text-white-100)
}

.blue-default .table-content-text-color[data-v-ae9eafe7] {
    color: var(--color-text-gray-200)
}

.green-default .agent-commission[data-v-ae9eafe7],
.green-default .model-detail-main[data-v-ae9eafe7] {
    background: var(--color-bg-300)
}

.green-default #popover-trigger p.on[data-v-ae9eafe7] {
    border-bottom: 1px solid var(--theme-color-500)
}

.green-default .select-item[data-v-ae9eafe7] {
    background: var(--color-bg-200)
}

.green-default .select-date[data-v-ae9eafe7] {
    background: var(--color-bg-300);
    color: var(--color-text-gray-200)
}

.green-default .select-date .text-base[data-v-ae9eafe7] {
    color: var(--color-text-gray-200)
}

.green-default ion-item.commission-list[data-v-ae9eafe7]:nth-child(odd) {
    --background: var(--color-bg-300)
}

.green-default ion-item.commission-list[data-v-ae9eafe7]:nth-child(2n) {
    --background: var(--color-bg-100)
}

.green-default ion-select[data-v-ae9eafe7] {
    --background: var(--color-bg-300);
    color: var(--color-text-gray-200);
    --placeholder-color: var(--color-text-gray-100)
}

.green-default ion-toolbar.detail-title[data-v-ae9eafe7] {
    --background: var(--color-bg-100)
}

.green-default .tab-box[data-v-ae9eafe7],
.green-default ion-segment.detail-type[data-v-ae9eafe7] {
    background: var(--color-bg-300)
}

.green-default ion-segment-button[data-v-ae9eafe7] {
    text-transform: none;
    --color: var(--color-text-gray-200);
    --color-checked: var(--color-text-gray-100);
    --indicator-color: var(--theme-color-600)
}

.green-default ion-item.detail-list-title[data-v-ae9eafe7] {
    --background: var(--color-bg-100);
    color: var(--color-text-gray-100)
}

.green-default ion-item.detail-list[data-v-ae9eafe7]:nth-child(2n) {
    --background: var(--color-bg-100)
}

.green-default ion-item.detail-list[data-v-ae9eafe7]:nth-child(odd) {
    --background: var(--color-bg-300)
}

.green-default ion-datetime[data-v-ae9eafe7] {
    --background: var(--color-bg-200);
    color: var(--color-text-gray-200)
}

.green-default ion-datetime[data-v-ae9eafe7]::part(calendar-day active) {
    color: var(--color-text-gray-100);
    background: var(--color-bg-50);
    box-shadow: none
}

.green-default ion-datetime[data-v-ae9eafe7]::part(month-year-button) {
    color: var(--theme-color-800)
}

.green-default ion-datetime[data-v-ae9eafe7]::part(wheel-item active) {
    color: var(--color-text-gray-100)
}

.green-default .ion-color-primary[data-v-ae9eafe7] {
    --ion-color-base: var(--color-text-gray-100) !important
}

.green-default .commission-item-title[data-v-ae9eafe7] {
    --background: var(--color-bg-100);
    color: var(--color-text-gray-100)
}

.green-default .table-content-text-color[data-v-ae9eafe7] {
    color: var(--color-text-gray-200)
}

.amber-purple .agent-commission[data-v-ae9eafe7],
.amber-purple .model-detail-main[data-v-ae9eafe7] {
    background: var(--color-bg-300)
}

.amber-purple #popover-trigger p.on[data-v-ae9eafe7] {
    border-bottom: 1px solid var(--theme-color-400)
}

.amber-purple .select-item[data-v-ae9eafe7] {
    background: var(--color-bg-200)
}

.amber-purple .select-date[data-v-ae9eafe7] {
    background: var(--color-bg-300);
    color: var(--text-color-light-purple-2-100)
}

.amber-purple .select-date .text-base[data-v-ae9eafe7] {
    color: var(--text-color-light-purple-2-100)
}

.amber-purple ion-item.commission-list[data-v-ae9eafe7]:nth-child(odd) {
    --background: var(--color-bg-300)
}

.amber-purple ion-item.commission-list[data-v-ae9eafe7]:nth-child(2n) {
    --background: var(--color-bg-100)
}

.amber-purple ion-select[data-v-ae9eafe7] {
    --background: var(--color-bg-300);
    color: var(--text-color-light-purple-2-100);
    --placeholder-color: var(--text-color-light-purple-1-100)
}

.amber-purple ion-toolbar.detail-title[data-v-ae9eafe7] {
    --background: var(--color-bg-100)
}

.amber-purple .tab-box[data-v-ae9eafe7],
.amber-purple ion-segment.detail-type[data-v-ae9eafe7] {
    background: var(--color-bg-300)
}

.amber-purple ion-segment-button[data-v-ae9eafe7] {
    text-transform: none;
    --color: var(--text-color-light-purple-2-100);
    --color-checked: var(--text-color-light-purple-1-100);
    --indicator-color: var(--theme-color-700)
}

.amber-purple ion-item.detail-list-title[data-v-ae9eafe7] {
    --background: var(--color-bg-100);
    color: var(--text-color-light-purple-1-100)
}

.amber-purple ion-item.detail-list[data-v-ae9eafe7]:nth-child(2n) {
    --background: var(--color-bg-100)
}

.amber-purple ion-item.detail-list[data-v-ae9eafe7]:nth-child(odd) {
    --background: var(--color-bg-300)
}

.amber-purple ion-datetime[data-v-ae9eafe7] {
    --background: var(--color-bg-200);
    color: var(--text-color-light-purple-2-100)
}

.amber-purple ion-datetime[data-v-ae9eafe7]::part(calendar-day active) {
    color: var(--text-color-light-purple-1-100);
    background: var(--theme-color-800);
    box-shadow: none
}

.amber-purple ion-datetime[data-v-ae9eafe7]::part(month-year-button) {
    color: var(--theme-color-800)
}

.amber-purple ion-datetime[data-v-ae9eafe7]::part(wheel-item active) {
    color: var(--text-color-light-purple-1-100)
}

.amber-purple .ion-color-primary[data-v-ae9eafe7] {
    --ion-color-base: var(--text-color-light-purple-1-100) !important
}

.amber-purple .commission-item-title[data-v-ae9eafe7] {
    --background: var(--color-bg-100);
    color: var(--text-color-light-purple-1-100)
}

.amber-purple .table-content-text-color[data-v-ae9eafe7] {
    color: var(--text-color-light-purple-2-100)
}

.forest-green .agent-commission[data-v-ae9eafe7],
.forest-green .model-detail-main[data-v-ae9eafe7] {
    background: var(--color-bg-300)
}

.forest-green #popover-trigger p.on[data-v-ae9eafe7] {
    border-bottom: 1px solid var(--theme-color-500)
}

.forest-green .select-item[data-v-ae9eafe7] {
    background: var(--color-bg-200)
}

.forest-green .select-date[data-v-ae9eafe7] {
    background: var(--color-bg-300);
    color: var(--color-text-gray-200)
}

.forest-green .select-date .text-base[data-v-ae9eafe7] {
    color: var(--color-text-gray-200)
}

.forest-green ion-item.commission-list[data-v-ae9eafe7]:nth-child(odd) {
    --background: var(--color-bg-300)
}

.forest-green ion-item.commission-list[data-v-ae9eafe7]:nth-child(2n) {
    --background: var(--color-bg-100)
}

.forest-green ion-select[data-v-ae9eafe7] {
    --background: var(--color-bg-300);
    color: var(--color-text-gray-200);
    --placeholder-color: var(--color-text-gray-100)
}

.forest-green ion-toolbar.detail-title[data-v-ae9eafe7] {
    --background: var(--color-bg-100)
}

.forest-green .tab-box[data-v-ae9eafe7],
.forest-green ion-segment.detail-type[data-v-ae9eafe7] {
    background: var(--color-bg-300)
}

.forest-green ion-segment-button[data-v-ae9eafe7] {
    text-transform: none;
    --color: var(--color-text-gray-200);
    --color-checked: var(--color-text-gray-100);
    --indicator-color: var(--theme-color-600)
}

.forest-green ion-item.detail-list-title[data-v-ae9eafe7] {
    --background: var(--color-bg-100);
    color: var(--color-text-gray-100)
}

.forest-green ion-item.detail-list[data-v-ae9eafe7]:nth-child(2n) {
    --background: var(--color-bg-100)
}

.forest-green ion-item.detail-list[data-v-ae9eafe7]:nth-child(odd) {
    --background: var(--color-bg-300)
}

.forest-green ion-datetime[data-v-ae9eafe7] {
    --background: var(--color-bg-200);
    color: var(--color-text-gray-200)
}

.forest-green ion-datetime[data-v-ae9eafe7]::part(calendar-day active) {
    color: var(--color-text-gray-100);
    background: var(--color-bg-100);
    box-shadow: none
}

.forest-green ion-datetime[data-v-ae9eafe7]::part(month-year-button) {
    color: var(--theme-color-800)
}

.forest-green ion-datetime[data-v-ae9eafe7]::part(wheel-item active) {
    color: var(--color-text-gray-100)
}

.forest-green .ion-color-primary[data-v-ae9eafe7] {
    --ion-color-base: var(--color-text-gray-100) !important
}

.forest-green .commission-item-title[data-v-ae9eafe7] {
    --background: var(--color-bg-100);
    color: var(--color-text-gray-100)
}

.forest-green .table-content-text-color[data-v-ae9eafe7] {
    color: var(--color-text-gray-200)
}

.auroral-yellow .agent-commission[data-v-ae9eafe7],
.auroral-yellow .model-detail-main[data-v-ae9eafe7] {
    background: var(--color-bg-800)
}

.auroral-yellow #popover-trigger p.on[data-v-ae9eafe7] {
    border-bottom: 1px solid var(--theme-color-600)
}

.auroral-yellow .select-item[data-v-ae9eafe7] {
    background: var(--color-bg-1100)
}

.auroral-yellow .select-date[data-v-ae9eafe7] {
    background: var(--color-bg-300);
    color: var(--color-text-gray-300)
}

.auroral-yellow .select-date .text-base[data-v-ae9eafe7] {
    color: var(--color-text-gray-300)
}

.auroral-yellow ion-item.commission-list[data-v-ae9eafe7]:nth-child(odd) {
    --background: var(--color-bg-300)
}

.auroral-yellow ion-item.commission-list[data-v-ae9eafe7]:nth-child(2n) {
    --background: var(--color-bg-100)
}

.auroral-yellow ion-select[data-v-ae9eafe7] {
    --background: var(--color-bg-300);
    color: var(--color-text-white-100);
    --placeholder-color: var(--color-text-gray-100)
}

.auroral-yellow ion-toolbar.detail-title[data-v-ae9eafe7] {
    --background: var(--color-bg-900)
}

.auroral-yellow .tab-box[data-v-ae9eafe7],
.auroral-yellow ion-segment.detail-type[data-v-ae9eafe7] {
    background: var(--color-bg-800)
}

.auroral-yellow ion-segment-button[data-v-ae9eafe7] {
    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)
}

.auroral-yellow ion-item.detail-list-title[data-v-ae9eafe7] {
    --background: var(--color-bg-100);
    color: var(--color-text-white-100)
}

.auroral-yellow ion-item.detail-list[data-v-ae9eafe7]:nth-child(2n) {
    --background: var(--color-bg-100)
}

.auroral-yellow ion-item.detail-list[data-v-ae9eafe7]:nth-child(odd) {
    --background: var(--color-bg-300)
}

.auroral-yellow ion-datetime[data-v-ae9eafe7] {
    --background: var(--color-bg-200);
    color: var(--color-text-white-100)
}

.auroral-yellow ion-datetime[data-v-ae9eafe7]::part(calendar-day active) {
    color: var(--agent-datetime-select-text-color);
    background: var(--theme-color-800);
    box-shadow: none
}

.auroral-yellow ion-datetime[data-v-ae9eafe7]::part(month-year-button) {
    color: var(--theme-color-800)
}

.auroral-yellow ion-datetime[data-v-ae9eafe7]::part(wheel-item active) {
    color: var(--text-color-light-purple-1-100)
}

.auroral-yellow .ion-color-primary[data-v-ae9eafe7] {
    --ion-color-base: var(--theme-color-800) !important
}

.auroral-yellow .commission-item-title[data-v-ae9eafe7] {
    --background: var(--color-bg-1200);
    color: var(--color-text-white-100)
}

.auroral-yellow .table-content-text-color[data-v-ae9eafe7] {
    color: var(--color-text-gray-200)
}

.color-primary-600[data-v-433c98a3] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-433c98a3] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-433c98a3] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-433c98a3] {
    color: var(--color-primary-900)
}

.bg-100[data-v-433c98a3] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-433c98a3] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-433c98a3] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-433c98a3] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-433c98a3] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-433c98a3] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-433c98a3] {
    background-color: var(--color-warning)
}

.bg-link[data-v-433c98a3] {
    background-color: var(--color-link)
}

.bg-danger[data-v-433c98a3] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-433c98a3] {
    color: var(--color-text-100)
}

.color-text-80[data-v-433c98a3] {
    color: var(--color-text-80)
}

.color-text-50[data-v-433c98a3] {
    color: var(--color-text-50)
}

.color-text-40[data-v-433c98a3] {
    color: var(--color-text-40)
}

.color-text-20[data-v-433c98a3] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-433c98a3] {
    color: var(--color-currency)
}

.color-warning[data-v-433c98a3] {
    color: var(--color-warning)
}

.color-danger[data-v-433c98a3] {
    color: var(--color-danger)
}

.color-link[data-v-433c98a3] {
    color: var(--color-link)
}

.color-line[data-v-433c98a3] {
    color: var(--color-line)
}

.color-border[data-v-433c98a3] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-433c98a3] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-433c98a3] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-433c98a3] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-433c98a3] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-433c98a3] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-433c98a3] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-433c98a3] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-433c98a3] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-433c98a3] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-433c98a3] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-433c98a3] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-433c98a3] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-433c98a3] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-433c98a3] {
    display: flex;
    align-items: center
}

.flex-start[data-v-433c98a3] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-433c98a3] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-433c98a3] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-433c98a3] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-433c98a3] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-433c98a3] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-433c98a3] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-433c98a3] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-433c98a3] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-433c98a3] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-433c98a3] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-433c98a3] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-433c98a3] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-433c98a3] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-433c98a3] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-433c98a3] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-433c98a3] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-433c98a3] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-433c98a3] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-433c98a3] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-433c98a3] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-433c98a3] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-433c98a3] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-433c98a3] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-433c98a3],
.mlm-selected-item[data-v-433c98a3] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-433c98a3] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-433c98a3]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-433c98a3] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-433c98a3] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-433c98a3] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-toolbar.toolbar-info[data-v-433c98a3] {
    --padding-start: .625rem;
    --padding-end: .625rem;
    --padding-top: .625rem;
    --padding-bottom: .625rem
}

ion-content#main[data-v-433c98a3]::part(background) {
    border-radius: .375rem
}

ion-segment[data-v-433c98a3] {
    --background: transparent;
    scrollbar-width: none;
    -webkit-overflow-scrolling: auto
}

ion-segment-button[data-v-433c98a3] {
    height: 1.875rem;
    font-size: .7rem;
    text-transform: none;
    --transition: none;
    --indicator-transition: none;
    --indicator-transform: none
}

.btn-wrap[data-v-433c98a3] {
    display: flex;
    justify-content: space-evenly
}

.btn-item-wrap[data-v-433c98a3] {
    position: relative;
    margin-right: .625rem;
    width: 100%;
    flex: 1
}

ion-segment-button[data-v-433c98a3]:last-child {
    margin: 0
}

ion-segment-button.ios[data-v-433c98a3]::part(indicator) {
    padding: 0
}

ion-label[data-v-433c98a3] {
    margin: 0;
    z-index: 998
}

ion-toolbar[data-v-433c98a3] {
    --background: var(--color-bg-200)
}

.tab-box[data-v-433c98a3] {
    background: var(--color-bg-300)
}

ion-segment-button[data-v-433c98a3] {
    --indicator-color: var(--theme-color-gradient-100);
    background: var(--color-bg-900)
}

ion-label.base-tab[data-v-433c98a3] {
    color: var(--text-color-white-100)
}

ion-label.selected-tab[data-v-433c98a3] {
    color: var(--text-color-white-100)
}

.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)
}

.green-default ion-toolbar[data-v-433c98a3] {
    --background: var(--color-bg-100)
}

.green-default .tab-box[data-v-433c98a3] {
    background: var(--color-bg-300)
}

.green-default ion-segment-button[data-v-433c98a3] {
    --indicator-color: var(--theme-color-gradient-100);
    background: var(--color-bg-200)
}

.green-default ion-label.base-tab[data-v-433c98a3] {
    color: var(--color-text-gray-100)
}

.green-default ion-label.selected-tab[data-v-433c98a3] {
    color: var(--color-text-white-100)
}

.amber-purple ion-toolbar[data-v-433c98a3] {
    --background: var(--color-bg-100)
}

.amber-purple .tab-box[data-v-433c98a3] {
    background: var(--color-bg-300)
}

.amber-purple ion-segment-button[data-v-433c98a3] {
    --indicator-color: var(--theme-color-800);
    background: var(--color-bg-200)
}

.amber-purple ion-label.base-tab[data-v-433c98a3] {
    color: var(--text-color-light-purple-2-100)
}

.amber-purple ion-label.selected-tab[data-v-433c98a3] {
    color: var(--text-color-white-100)
}

.forest-green ion-toolbar[data-v-433c98a3] {
    --background: var(--color-bg-100)
}

.forest-green .tab-box[data-v-433c98a3] {
    background: var(--color-bg-300)
}

.forest-green ion-segment-button[data-v-433c98a3] {
    --indicator-color: var(--theme-color-gradient-100);
    background: var(--color-bg-200)
}

.forest-green ion-label.base-tab[data-v-433c98a3] {
    color: var(--color-text-gray-100)
}

.forest-green ion-label.selected-tab[data-v-433c98a3] {
    color: var(--color-text-white-100)
}

.auroral-yellow ion-toolbar[data-v-433c98a3] {
    --background: var(--color-bg-200)
}

.auroral-yellow .tab-box[data-v-433c98a3] {
    background: var(--color-bg-300)
}

.auroral-yellow ion-segment-button[data-v-433c98a3] {
    --indicator-color: var(--theme-color-800);
    background: var(--color-bg-900)
}

.auroral-yellow ion-label.base-tab[data-v-433c98a3] {
    color: var(--text-color-white-100)
}

.auroral-yellow ion-label.selected-tab[data-v-433c98a3] {
    color: var(--color-text-black-100)
}

div.content[data-v-0fe0f02b] {
    color: var(--ion-background-color);
    background-color: var(--ion-text-color)
}

div.header[data-v-0fe0f02b] {
    background: url(/svg/copy-url-bg.svg) no-repeat;
    background-size: 100%
}

ion-button[data-v-0fe0f02b] {
    min-height: 2.1875rem;
    font-size: .75rem;
    --border-radius: .3125rem
}

ion-button.confirm[data-v-0fe0f02b] {
    --background: #FBA531;
    --color: #fff
}

ion-button.cancel[data-v-0fe0f02b] {
    --border-color: #FBA531;
    --color: #FBA531
}

ion-modal#modal-tenants[data-v-2eb154a3] {
    --width: fit-content;
    --min-width: 250px;
    --max-height: 60vh;
    --border-radius: 6px;
    --box-shadow: 0 28px 48px rgba(0, 0, 0, .4)
}

.theme-grid[data-v-edf17304] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: 16px;
    padding: 16px
}

.theme-item[data-v-edf17304] {
    position: relative;
    cursor: pointer;
    transition: transform .2s
}

.theme-item[data-v-edf17304]:hover {
    transform: scale(1.05)
}

.theme-item.active .theme-preview[data-v-edf17304] {
    border: 2px solid var(--ion-color-primary)
}

.theme-preview[data-v-edf17304] {
    height: 80px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 500;
    font-size: 12px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .5);
    border: 1px solid rgba(255, 255, 255, .2)
}

.check-icon[data-v-edf17304] {
    position: absolute;
    top: -4px;
    right: -4px;
    color: var(--ion-color-success);
    background: #fff;
    border-radius: 50%;
    padding: 2px
}

.home-type-badge[data-v-edf17304] {
    position: absolute;
    bottom: 4px;
    right: 4px;
    background: rgba(0, 0, 0, .7);
    color: #fff;
    font-size: 9px;
    padding: 2px 6px;
    border-radius: 4px;
    font-weight: 400
}

.home-type-list[data-v-edf17304] {
    padding: 16px
}

.home-type-list ion-item[data-v-edf17304] {
    margin-bottom: 8px;
    border-radius: 8px;
    overflow: hidden
}

@font-face {
    font-family: swiper-icons;
    src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

*,
:before,
:after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
 */
*,
:before,
:after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb
}

:before,
:after {
    --tw-content: ""
}

html,
:host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    tab-size: 4;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent
}

body {
    margin: 0;
    line-height: inherit
}

hr {
    height: 0;
    color: inherit;
    border-top-width: 1px
}

abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit
}

a {
    color: inherit;
    text-decoration: inherit
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp,
pre {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    margin: 0;
    padding: 0
}

button,
select {
    text-transform: none
}

button,
input:where([type=button]),
input:where([type=reset]),
input:where([type=submit]) {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
    margin: 0
}

fieldset {
    margin: 0;
    padding: 0
}

legend {
    padding: 0
}

ol,
ul,
menu {
    list-style: none;
    margin: 0;
    padding: 0
}

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

input::placeholder,
textarea::placeholder {
    opacity: 1;
    color: #9ca3af
}

button,
[role=button] {
    cursor: pointer
}

:disabled {
    cursor: default
}

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
    display: block;
    vertical-align: middle
}

img,
video {
    max-width: 100%;
    height: auto
}

[hidden]:where(:not([hidden=until-found])) {
    display: none
}

.swiper-pagination-bullet-active {
    background: #fff !important
}

ion-header ion-toolbar {
    --min-height: 3.125rem;
    --background: var(--color-bar-bg);
    --border-color: var(--line-color);
    --padding-bottom: 0;
    --padding-top: 0
}

ion-title {
    font-size: 1.25rem;
    font-weight: 400
}

.error-text {
    font-size: 10px
}

ion-content::part(scroll) {
    scrollbar-width: none
}

ion-content::part(scroll)::-webkit-scrollbar {
    display: none
}

ion-toast {
    --background: var(--color-bg-toast);
    --min-width: 10rem;
    --max-width: 18rem;
    --border-radius: .5rem;
    --white-space: normal;
    --start: none;
    --end: none;
    display: flex;
    justify-content: center
}

ion-toast::part(icon) {
    font-size: 1.75rem;
    color: var(--ion-color-warning)
}

ion-toast.success::part(icon) {
    color: var(--ion-color-success)
}

ion-toast::part(message) {
    text-align: center;
    color: var(--ion-color-light)
}

ion-toast.success::part(message) {
    text-align: start
}

ion-toast.warning::part(message) {
    text-align: start
}

ion-searchbar#searchbar {
    --border-radius: .3125rem;
    --background: var(--color-bar-bg);
    padding-bottom: 0
}

ion-searchbar#searchbar .searchbar-input-container .searchbar-input {
    padding-inline-start: .75rem;
    padding-inline-end: 2.25rem;
    padding-top: .375rem;
    padding-bottom: .375rem;
    font-size: .825rem;
    line-height: 0%;
    min-height: 2.5rem
}

ion-searchbar#searchbar .searchbar-input-container .searchbar-search-icon {
    display: none
}

ion-searchbar#search-agency {
    --border-radius: .375rem;
    --background: #090F1F;
    padding-inline-end: 0;
    padding-top: 0;
    padding-bottom: 0;
    width: auto;
    min-height: 0
}

ion-searchbar#search-agency .searchbar-input-container {
    min-height: 0
}

ion-searchbar#search-agency .searchbar-input-container .searchbar-input {
    min-width: 5.25rem;
    padding-inline-start: 5px;
    padding-inline-end: .75rem;
    padding-top: .375rem;
    padding-bottom: .375rem;
    font-size: .75rem;
    line-height: 0%
}

ion-searchbar#search-agency .searchbar-input-container .searchbar-search-icon {
    display: none
}

.loading-wrapper.ion-overlay-wrapper {
    background: transparent;
    box-shadow: none
}

.animate-star {
    animation: scale .5s 1 ease-in-out
}

@keyframes scale {
    0% {
        transform: scale(1)
    }

    25% {
        transform: scale(1.15)
    }

    50% {
        transform: scale(1)
    }

    75% {
        transform: scale(1.05)
    }

    to {
        transform: scale(1)
    }
}

ion-modal {
    --background: transparent;
    background: rgba(0, 0, 0, .6);
    --backdrop-opacity: 0
}

ion-modal#pwa-compulsory-modal,
ion-modal#ios-pwa-guide {
    --height: 100%
}

ion-popover .popover-viewport ion-item {
    --inner-padding-end: 0
}

ion-checkbox {
    --size: 16px;
    --border-width: 0px;
    --border-color-checked: #6815ec;
    --checkbox-background-checked: var(--color-checkbox-bg);
    --checkbox-background: #EAEDF6;
    --border-color: #EAEDF6;
    --checkmark-color: var(--ep-color-icon-inverse, #fff);
    --checkmark-width: 4px;
    --border-radius: 4px;
    margin-inline-end: 0
}

ion-checkbox::part(container) {
    padding: .125rem;
    border-radius: 4px;
    border: 1px solid var(--color-checkbox-border)
}

.share-wheel-modal {
    --height: 100%;
    --max-height: 100%;
    --background: rgba(0, 0, 0, .5)
}

ion-infinite-scroll-content div.infinite-loading {
    margin-bottom: 0
}

ion-segment {
    scrollbar-width: none
}

ion-segment::-webkit-scrollbar {
    display: none
}

ion-item.submit ion-button {
    margin: 0
}

ion-button {
    min-width: -moz-fit-content;
    min-width: fit-content;
    text-transform: none;
    letter-spacing: unset
}

ion-button ion-spinner {
    --color: #fff
}

ion-segment-button {
    letter-spacing: unset;
    font-weight: 400
}

.alert-controller .alert-wrapper {
    position: relative;
    overflow: hidden
}

body.backdrop-no-scroll.progressier-blurring>div.progressier-backdrop.no-blurring {
    --progressierBackdrop: rgba(0, 0, 0, .5)
}

ion-img.cover::part(image) {
    object-fit: cover
}

ion-img.contain::part(image) {
    object-fit: contain
}

.common-ion-content {
    --padding-top: .75rem;
    --padding-bottom: .75rem;
    --padding-start: .75rem;
    --padding-end: .75rem;
    --background: var(--color-bg-300)
}

ion-modal {
    font-family: var(--ion-font-family);
    --box-shadow: 0 0 0 rgba(0, 0, 0, .4) !important
}

.animate-refresh {
    animation: rotation .5s infinite linear
}

.pwa-progress-bar ion-progress-bar {
    --background: var(--color-bg-200);
    --progress-background: var(--theme-color-900)
}

.pwa-progress-bar.amber-purple ion-progress-bar {
    --background: var(--color-bg-100)
}

.pwa-progress-bar .progress-text {
    color: var(--color-text-100) !important
}

.pwa-progress-bar.purple-light .progress-text {
    color: var(--text-color-white-100) !important
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@keyframes rotation {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(359deg)
    }
}

.keep-space {
    white-space: pre-wrap
}

.flex-start {
    display: flex;
    align-items: center;
    justify-content: start
}

.flex-end {
    display: flex;
    align-items: center;
    justify-content: end
}

.report-recoed-item {
    padding: .625rem;
    background: var(--color-bg-200);
    border-radius: var(--rounded-middle)
}

.report-selected {
    font-size: var(--font-size-12);
    line-height: 1.125rem;
    font-weight: var(--font-weight-bold);
    color: var(--color-report-selected);
    white-space: nowrap
}

.report-select-item {
    border: 1px solid var(--color-menu-btn-bg);
    background: var(--color-card-bg-200);
    color: var(--color-text-80);
    font-weight: var(--font-weight-medium)
}

.report-selected-item {
    border: none;
    background: var(--color-card-bg--100);
    color: var(--color-primary-800);
    border-radius: var(--rounded-small);
    font-weight: var(--font-weight-bold)
}

.record-selecet-item {
    border: none;
    background: var(--color-bg-200);
    color: var(--color-text-40);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item {
    border: none;
    background: var(--color-bg-100);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: #7f7f7e;
    --background-focused: #4c4c4b;
    --background-activated: #4c4c4b
}

.button-bg-right-color {
    --background-focused-opacity: 1;
    --background-hover-opacity: 1;
    --background-activated-opacity: 1;
    --background-focused: var(--button-bg-color-shade);
    --background-hover: var(--button-bg-color-tint);
    --background-activated: var(--button-bg-color-shade)
}

.header-title {
    text-align: right;
    line-height: 1.125rem;
    margin: .8125rem 0 .75rem;
    color: var(--color-text-100);
    font-size: var(--font-size-12);
    font-weight: var(--font-weight-bold)
}

.header-title .total-money {
    color: var(--color-primary-800);
    font-size: var(--font-size-12);
    font-weight: var(--font-weight-bold)
}

.record-wrap {
    width: 22.875rem;
    background-color: var(--color-bg-200);
    border-radius: var(--rounded-middle);
    margin-bottom: 1rem;
    padding: .5625rem;
    box-sizing: border-box
}

.record-wrap .top {
    color: var(--color-text-100);
    font-size: var(--font-size-14);
    font-weight: var(--font-weight-medium);
    margin-bottom: 1rem;
    line-height: 1.3125rem
}

.record-wrap .middle,
.record-wrap .bottom {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    font-weight: var(--font-weight-regular);
    line-height: 18px
}

.record-wrap ion-icon.copy {
    color: var(--color-text-40);
    font-size: var(--font-size-18);
    font-weight: var(--font-weight-regular);
    vertical-align: top;
    margin-left: .1875rem
}

.scheme-light .record-wrap .middle,
.scheme-light .record-wrap .bottom,
.scheme-light .record-wrap ion-icon.copy {
    color: var(--color-text-80)
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-vertical>.swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform, .2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translate(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s right
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0
}

.swiper-vertical>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.\!visible {
    visibility: visible !important
}

.visible {
    visibility: visible
}

.invisible {
    visibility: hidden
}

.collapse {
    visibility: collapse
}

.static {
    position: static
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.-bottom-\[1px\] {
    bottom: -1px
}

.-left-3 {
    left: -.75rem
}

.-right-2 {
    right: -.5rem
}

.-right-7 {
    right: -1.75rem
}

.-top-\[0\.5rem\] {
    top: -.5rem
}

.-top-\[2\.0625rem\] {
    top: -2.0625rem
}

.bottom-0 {
    bottom: 0
}

.bottom-2 {
    bottom: .5rem
}

.bottom-2\.5 {
    bottom: .625rem
}

.bottom-6 {
    bottom: 1.5rem
}

.bottom-\[0\.9375rem\] {
    bottom: .9375rem
}

.bottom-\[21px\] {
    bottom: 21px
}

.bottom-\[30\%\] {
    bottom: 30%
}

.left-0 {
    left: 0
}

.left-1 {
    left: .25rem
}

.left-2 {
    left: .5rem
}

.left-3 {
    left: .75rem
}

.left-6 {
    left: 1.5rem
}

.left-8 {
    left: 2rem
}

.left-\[-1\.125rem\] {
    left: -1.125rem
}

.left-\[-1\.25rem\] {
    left: -1.25rem
}

.left-\[-1rem\] {
    left: -1rem
}

.left-\[\.5rem\] {
    left: .5rem
}

.left-\[0\.0625rem\] {
    left: .0625rem
}

.left-\[0\.5625rem\] {
    left: .5625rem
}

.left-\[0\] {
    left: 0
}

.left-\[1\.125rem\] {
    left: 1.125rem
}

.left-\[1\.375rem\] {
    left: 1.375rem
}

.left-\[1\.4375rem\] {
    left: 1.4375rem
}

.left-\[1\.85rem\] {
    left: 1.85rem
}

.left-\[1\.875rem\] {
    left: 1.875rem
}

.left-\[2\.8rem\] {
    left: 2.8rem
}

.left-\[28px\] {
    left: 28px
}

.left-\[3\.375rem\] {
    left: 3.375rem
}

.left-\[35\%\] {
    left: 35%
}

.left-\[4\.25rem\] {
    left: 4.25rem
}

.left-\[4\.625rem\] {
    left: 4.625rem
}

.left-\[45\%\] {
    left: 45%
}

.left-\[50\%\] {
    left: 50%
}

.left-\[5rem\] {
    left: 5rem
}

.left-\[6\.52rem\] {
    left: 6.52rem
}

.left-\[6\.5rem\] {
    left: 6.5rem
}

.left-\[7\.125rem\] {
    left: 7.125rem
}

.left-\[8\.8rem\] {
    left: 8.8rem
}

.right-0 {
    right: 0
}

.right-1 {
    right: .25rem
}

.right-11 {
    right: 2.75rem
}

.right-2 {
    right: .5rem
}

.right-3 {
    right: .75rem
}

.right-4 {
    right: 1rem
}

.right-5 {
    right: 1.25rem
}

.right-\[-0\.0625rem\] {
    right: -.0625rem
}

.right-\[-0\.125rem\] {
    right: -.125rem
}

.right-\[-0\.1rem\] {
    right: -.1rem
}

.right-\[-0\.5rem\] {
    right: -.5rem
}

.right-\[-0\.625rem\] {
    right: -.625rem
}

.right-\[0\.125rem\] {
    right: .125rem
}

.right-\[0\.1956rem\] {
    right: .1956rem
}

.right-\[0\.1rem\] {
    right: .1rem
}

.right-\[0\.25rem\] {
    right: .25rem
}

.right-\[0\.3125rem\] {
    right: .3125rem
}

.right-\[0\.375rem\] {
    right: .375rem
}

.right-\[0\.625rem\] {
    right: .625rem
}

.right-\[0\.75rem\] {
    right: .75rem
}

.right-\[0\.875rem\] {
    right: .875rem
}

.right-\[1\.0625rem\] {
    right: 1.0625rem
}

.right-\[1\.2rem\] {
    right: 1.2rem
}

.right-\[1\.625rem\] {
    right: 1.625rem
}

.right-\[1\.875rem\] {
    right: 1.875rem
}

.right-\[10px\] {
    right: 10px
}

.right-\[15px\] {
    right: 15px
}

.right-\[1rem\] {
    right: 1rem
}

.right-\[3\.95rem\] {
    right: 3.95rem
}

.right-\[6px\] {
    right: 6px
}

.top-0 {
    top: 0
}

.top-1 {
    top: .25rem
}

.top-1\/2 {
    top: 50%
}

.top-2 {
    top: .5rem
}

.top-20 {
    top: 5rem
}

.top-3 {
    top: .75rem
}

.top-4 {
    top: 1rem
}

.top-5 {
    top: 1.25rem
}

.top-56 {
    top: 14rem
}

.top-8 {
    top: 2rem
}

.top-\[-\.25rem\],
.top-\[-0\.25rem\] {
    top: -.25rem
}

.top-\[-0\.5rem\] {
    top: -.5rem
}

.top-\[-1\.125rem\] {
    top: -1.125rem
}

.top-\[-1\.45rem\] {
    top: -1.45rem
}

.top-\[-26px\] {
    top: -26px
}

.top-\[-2rem\] {
    top: -2rem
}

.top-\[-4rem\] {
    top: -4rem
}

.top-\[\.1875rem\] {
    top: .1875rem
}

.top-\[\.875rem\] {
    top: .875rem
}

.top-\[0\.0625rem\] {
    top: .0625rem
}

.top-\[0\.234375rem\] {
    top: .234375rem
}

.top-\[0\.3125rem\] {
    top: .3125rem
}

.top-\[0\.325rem\] {
    top: .325rem
}

.top-\[0\.375rem\] {
    top: .375rem
}

.top-\[0\.5313rem\] {
    top: .5313rem
}

.top-\[0\.5625rem\] {
    top: .5625rem
}

.top-\[0\.625rem\] {
    top: .625rem
}

.top-\[0\.75rem\] {
    top: .75rem
}

.top-\[0\.9375rem\] {
    top: .9375rem
}

.top-\[1\.0625rem\] {
    top: 1.0625rem
}

.top-\[1\.375rem\] {
    top: 1.375rem
}

.top-\[1\.5rem\] {
    top: 1.5rem
}

.top-\[11\.275rem\] {
    top: 11.275rem
}

.top-\[12\.75rem\] {
    top: 12.75rem
}

.top-\[1rem\] {
    top: 1rem
}

.top-\[2\.25rem\] {
    top: 2.25rem
}

.top-\[2\.5625rem\] {
    top: 2.5625rem
}

.top-\[20\%\] {
    top: 20%
}

.top-\[24\%\] {
    top: 24%
}

.top-\[24\.5px\] {
    top: 24.5px
}

.top-\[25px\] {
    top: 25px
}

.top-\[2rem\] {
    top: 2rem
}

.top-\[3\.1rem\] {
    top: 3.1rem
}

.top-\[3\.25rem\] {
    top: 3.25rem
}

.top-\[3\.5rem\] {
    top: 3.5rem
}

.top-\[3\.68rem\] {
    top: 3.68rem
}

.top-\[34\%\] {
    top: 34%
}

.top-\[4\.25rem\] {
    top: 4.25rem
}

.top-\[4\.5rem\] {
    top: 4.5rem
}

.top-\[4px\] {
    top: 4px
}

.top-\[5\.2rem\] {
    top: 5.2rem
}

.top-\[50\%\] {
    top: 50%
}

.top-\[5rem\] {
    top: 5rem
}

.top-\[6\.875rem\] {
    top: 6.875rem
}

.-z-10 {
    z-index: -10
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.z-30 {
    z-index: 30
}

.z-40 {
    z-index: 40
}

.z-50 {
    z-index: 50
}

.z-\[-1\] {
    z-index: -1
}

.z-\[-2\] {
    z-index: -2
}

.z-\[-9\] {
    z-index: -9
}

.z-\[101\] {
    z-index: 101
}

.-order-1 {
    order: -1
}

.-order-2 {
    order: -2
}

.order-2 {
    order: 2
}

.m-0 {
    margin: 0
}

.m-2\.5 {
    margin: .625rem
}

.m-\[0\.75rem\] {
    margin: .75rem
}

.m-auto {
    margin: auto
}

.mx-1 {
    margin-left: .25rem;
    margin-right: .25rem
}

.mx-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem
}

.mx-2 {
    margin-left: .5rem;
    margin-right: .5rem
}

.mx-2\.5 {
    margin-left: .625rem;
    margin-right: .625rem
}

.mx-3 {
    margin-left: .75rem;
    margin-right: .75rem
}

.mx-4 {
    margin-left: 1rem;
    margin-right: 1rem
}

.mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem
}

.mx-\[\.3125rem\] {
    margin-left: .3125rem;
    margin-right: .3125rem
}

.mx-\[\.625rem\] {
    margin-left: .625rem;
    margin-right: .625rem
}

.mx-\[\.9375rem\] {
    margin-left: .9375rem;
    margin-right: .9375rem
}

.mx-\[\.975rem\] {
    margin-left: .975rem;
    margin-right: .975rem
}

.mx-\[0\.125rem\] {
    margin-left: .125rem;
    margin-right: .125rem
}

.mx-\[0\.2925rem\] {
    margin-left: .2925rem;
    margin-right: .2925rem
}

.mx-\[0\.375rem\] {
    margin-left: .375rem;
    margin-right: .375rem
}

.mx-\[10px\] {
    margin-left: 10px;
    margin-right: 10px
}

.mx-\[2\.8125rem\] {
    margin-left: 2.8125rem;
    margin-right: 2.8125rem
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.my-0\.5 {
    margin-top: .125rem;
    margin-bottom: .125rem
}

.my-1 {
    margin-top: .25rem;
    margin-bottom: .25rem
}

.my-1\.5 {
    margin-top: .375rem;
    margin-bottom: .375rem
}

.my-2 {
    margin-top: .5rem;
    margin-bottom: .5rem
}

.my-2\.5 {
    margin-top: .625rem;
    margin-bottom: .625rem
}

.my-3 {
    margin-top: .75rem;
    margin-bottom: .75rem
}

.my-3\.5 {
    margin-top: .875rem;
    margin-bottom: .875rem
}

.my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem
}

.my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

.my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.my-\[\.625rem\] {
    margin-top: .625rem;
    margin-bottom: .625rem
}

.my-\[0\.25rem\] {
    margin-top: .25rem;
    margin-bottom: .25rem
}

.my-\[0\.625rem\] {
    margin-top: .625rem;
    margin-bottom: .625rem
}

.my-\[1\.25rem\] {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem
}

.my-\[1\.5369rem\] {
    margin-top: 1.5369rem;
    margin-bottom: 1.5369rem
}

.my-\[1\.781875rem\] {
    margin-top: 1.781875rem;
    margin-bottom: 1.781875rem
}

.my-\[1rem\] {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.my-\[5px\] {
    margin-top: 5px;
    margin-bottom: 5px
}

.my-auto {
    margin-top: auto;
    margin-bottom: auto
}

.-mt-0\.5 {
    margin-top: -.125rem
}

.-mt-1\.5 {
    margin-top: -.375rem
}

.-mt-5 {
    margin-top: -1.25rem
}

.mb-1 {
    margin-bottom: .25rem
}

.mb-1\.5 {
    margin-bottom: .375rem
}

.mb-10 {
    margin-bottom: 2.5rem
}

.mb-2 {
    margin-bottom: .5rem
}

.mb-2\.5 {
    margin-bottom: .625rem
}

.mb-3 {
    margin-bottom: .75rem
}

.mb-4 {
    margin-bottom: 1rem
}

.mb-44 {
    margin-bottom: 11rem
}

.mb-5 {
    margin-bottom: 1.25rem
}

.mb-6 {
    margin-bottom: 1.5rem
}

.mb-7 {
    margin-bottom: 1.75rem
}

.mb-8 {
    margin-bottom: 2rem
}

.mb-\[-1\.275rem\] {
    margin-bottom: -1.275rem
}

.mb-\[\.1875rem\] {
    margin-bottom: .1875rem
}

.mb-\[\.3125rem\] {
    margin-bottom: .3125rem
}

.mb-\[\.4375rem\] {
    margin-bottom: .4375rem
}

.mb-\[\.625rem\] {
    margin-bottom: .625rem
}

.mb-\[\.6rem\] {
    margin-bottom: .6rem
}

.mb-\[\.875rem\] {
    margin-bottom: .875rem
}

.mb-\[0\.0625rem\] {
    margin-bottom: .0625rem
}

.mb-\[0\.0919rem\] {
    margin-bottom: .0919rem
}

.mb-\[0\.1875rem\] {
    margin-bottom: .1875rem
}

.mb-\[0\.1944rem\] {
    margin-bottom: .1944rem
}

.mb-\[0\.2188rem\] {
    margin-bottom: .2188rem
}

.mb-\[0\.25rem\] {
    margin-bottom: .25rem
}

.mb-\[0\.3125rem\] {
    margin-bottom: .3125rem
}

.mb-\[0\.5487rem\] {
    margin-bottom: .5487rem
}

.mb-\[0\.5625rem\] {
    margin-bottom: .5625rem
}

.mb-\[0\.5rem\] {
    margin-bottom: .5rem
}

.mb-\[0\.625rem\] {
    margin-bottom: .625rem
}

.mb-\[0\.734375rem\] {
    margin-bottom: .734375rem
}

.mb-\[0\.75rem\] {
    margin-bottom: .75rem
}

.mb-\[0\.875rem\] {
    margin-bottom: .875rem
}

.mb-\[1\.0313rem\] {
    margin-bottom: 1.0313rem
}

.mb-\[1\.0875rem\] {
    margin-bottom: 1.0875rem
}

.mb-\[1\.125rem\] {
    margin-bottom: 1.125rem
}

.mb-\[1\.1563rem\] {
    margin-bottom: 1.1563rem
}

.mb-\[1\.1875rem\] {
    margin-bottom: 1.1875rem
}

.mb-\[1\.25rem\] {
    margin-bottom: 1.25rem
}

.mb-\[1\.2rem\] {
    margin-bottom: 1.2rem
}

.mb-\[1\.375rem\] {
    margin-bottom: 1.375rem
}

.mb-\[1\.5106rem\] {
    margin-bottom: 1.5106rem
}

.mb-\[1\.5rem\] {
    margin-bottom: 1.5rem
}

.mb-\[1\.6875rem\] {
    margin-bottom: 1.6875rem
}

.mb-\[1\.8125rem\] {
    margin-bottom: 1.8125rem
}

.mb-\[1\.875rem\] {
    margin-bottom: 1.875rem
}

.mb-\[10px\] {
    margin-bottom: 10px
}

.mb-\[1rem\] {
    margin-bottom: 1rem
}

.mb-\[2\.125rem\] {
    margin-bottom: 2.125rem
}

.mb-\[2\.215rem\] {
    margin-bottom: 2.215rem
}

.mb-\[2\.9688rem\] {
    margin-bottom: 2.9688rem
}

.mb-\[20px\] {
    margin-bottom: 20px
}

.mb-\[3\.5rem\] {
    margin-bottom: 3.5rem
}

.me-0 {
    margin-inline-end: 0px
}

.ml-0\.5 {
    margin-left: .125rem
}

.ml-1 {
    margin-left: .25rem
}

.ml-1\.5 {
    margin-left: .375rem
}

.ml-2 {
    margin-left: .5rem
}

.ml-2\.5 {
    margin-left: .625rem
}

.ml-3 {
    margin-left: .75rem
}

.ml-3\.5 {
    margin-left: .875rem
}

.ml-4 {
    margin-left: 1rem
}

.ml-5 {
    margin-left: 1.25rem
}

.ml-6 {
    margin-left: 1.5rem
}

.ml-\[-1\.375rem\] {
    margin-left: -1.375rem
}

.ml-\[\.125rem\] {
    margin-left: .125rem
}

.ml-\[\.3125rem\] {
    margin-left: .3125rem
}

.ml-\[\.625rem\] {
    margin-left: .625rem
}

.ml-\[\.9375rem\] {
    margin-left: .9375rem
}

.ml-\[0\.125rem\] {
    margin-left: .125rem
}

.ml-\[0\.1406rem\] {
    margin-left: .1406rem
}

.ml-\[0\.1563rem\] {
    margin-left: .1563rem
}

.ml-\[0\.25rem\] {
    margin-left: .25rem
}

.ml-\[0\.3125rem\] {
    margin-left: .3125rem
}

.ml-\[0\.359375rem\] {
    margin-left: .359375rem
}

.ml-\[0\.375rem\] {
    margin-left: .375rem
}

.ml-\[0\.4375rem\] {
    margin-left: .4375rem
}

.ml-\[0\.625rem\] {
    margin-left: .625rem
}

.ml-\[0\.75rem\] {
    margin-left: .75rem
}

.ml-\[1\.1475rem\] {
    margin-left: 1.1475rem
}

.ml-\[1\.25rem\] {
    margin-left: 1.25rem
}

.ml-\[1\.5313rem\] {
    margin-left: 1.5313rem
}

.ml-\[10\.15rem\] {
    margin-left: 10.15rem
}

.ml-\[10px\] {
    margin-left: 10px
}

.ml-\[14px\] {
    margin-left: 14px
}

.ml-\[6px\] {
    margin-left: 6px
}

.mr-0 {
    margin-right: 0
}

.mr-0\.5 {
    margin-right: .125rem
}

.mr-1 {
    margin-right: .25rem
}

.mr-1\.5 {
    margin-right: .375rem
}

.mr-2 {
    margin-right: .5rem
}

.mr-2\.5 {
    margin-right: .625rem
}

.mr-3 {
    margin-right: .75rem
}

.mr-3\.5 {
    margin-right: .875rem
}

.mr-4 {
    margin-right: 1rem
}

.mr-5 {
    margin-right: 1.25rem
}

.mr-6 {
    margin-right: 1.5rem
}

.mr-8 {
    margin-right: 2rem
}

.mr-9 {
    margin-right: 2.25rem
}

.mr-\[\.125rem\] {
    margin-right: .125rem
}

.mr-\[\.3125rem\] {
    margin-right: .3125rem
}

.mr-\[\.375rem\] {
    margin-right: .375rem
}

.mr-\[\.5rem\] {
    margin-right: .5rem
}

.mr-\[\.625rem\] {
    margin-right: .625rem
}

.mr-\[0\.125rem\] {
    margin-right: .125rem
}

.mr-\[0\.14125rem\] {
    margin-right: .14125rem
}

.mr-\[0\.1563rem\] {
    margin-right: .1563rem
}

.mr-\[0\.15rem\] {
    margin-right: .15rem
}

.mr-\[0\.1rem\] {
    margin-right: .1rem
}

.mr-\[0\.25rem\] {
    margin-right: .25rem
}

.mr-\[0\.2rem\] {
    margin-right: .2rem
}

.mr-\[0\.3125rem\] {
    margin-right: .3125rem
}

.mr-\[0\.375rem\] {
    margin-right: .375rem
}

.mr-\[0\.3rem\] {
    margin-right: .3rem
}

.mr-\[0\.5rem\] {
    margin-right: .5rem
}

.mr-\[0\.625rem\] {
    margin-right: .625rem
}

.mr-\[0\.6875rem\] {
    margin-right: .6875rem
}

.mr-\[0\.75rem\] {
    margin-right: .75rem
}

.mr-\[1\.25rem\] {
    margin-right: 1.25rem
}

.mr-\[1\.625rem\] {
    margin-right: 1.625rem
}

.mr-\[1\.8125rem\] {
    margin-right: 1.8125rem
}

.mr-\[1rem\] {
    margin-right: 1rem
}

.mr-\[2rem\] {
    margin-right: 2rem
}

.mt-0 {
    margin-top: 0
}

.mt-0\.5 {
    margin-top: .125rem
}

.mt-1 {
    margin-top: .25rem
}

.mt-1\.5 {
    margin-top: .375rem
}

.mt-10 {
    margin-top: 2.5rem
}

.mt-12 {
    margin-top: 3rem
}

.mt-2 {
    margin-top: .5rem
}

.mt-2\.5 {
    margin-top: .625rem
}

.mt-20 {
    margin-top: 5rem
}

.mt-3 {
    margin-top: .75rem
}

.mt-3\.5 {
    margin-top: .875rem
}

.mt-36 {
    margin-top: 9rem
}

.mt-4 {
    margin-top: 1rem
}

.mt-5 {
    margin-top: 1.25rem
}

.mt-6 {
    margin-top: 1.5rem
}

.mt-7 {
    margin-top: 1.75rem
}

.mt-8 {
    margin-top: 2rem
}

.mt-9 {
    margin-top: 2.25rem
}

.mt-\[-0\.125rem\] {
    margin-top: -.125rem
}

.mt-\[-0\.25rem\] {
    margin-top: -.25rem
}

.mt-\[-0\.625rem\] {
    margin-top: -.625rem
}

.mt-\[-1\.25rem\] {
    margin-top: -1.25rem
}

.mt-\[-1\.375rem\] {
    margin-top: -1.375rem
}

.mt-\[-4\.125rem\] {
    margin-top: -4.125rem
}

.mt-\[\.625rem\] {
    margin-top: .625rem
}

.mt-\[\.75rem\] {
    margin-top: .75rem
}

.mt-\[0\.25rem\] {
    margin-top: .25rem
}

.mt-\[0\.3125rem\] {
    margin-top: .3125rem
}

.mt-\[0\.375rem\] {
    margin-top: .375rem
}

.mt-\[0\.4375rem\] {
    margin-top: .4375rem
}

.mt-\[0\.5rem\] {
    margin-top: .5rem
}

.mt-\[0\.625rem\] {
    margin-top: .625rem
}

.mt-\[0\.6381rem\] {
    margin-top: .6381rem
}

.mt-\[0\.649375rem\] {
    margin-top: .649375rem
}

.mt-\[0\.6875rem\] {
    margin-top: .6875rem
}

.mt-\[0\.75rem\] {
    margin-top: .75rem
}

.mt-\[0\.8125rem\] {
    margin-top: .8125rem
}

.mt-\[0\.9331rem\] {
    margin-top: .9331rem
}

.mt-\[0\.9375rem\] {
    margin-top: .9375rem
}

.mt-\[0\.961875rem\] {
    margin-top: .961875rem
}

.mt-\[1\.0313rem\] {
    margin-top: 1.0313rem
}

.mt-\[1\.0625rem\] {
    margin-top: 1.0625rem
}

.mt-\[1\.125rem\] {
    margin-top: 1.125rem
}

.mt-\[1\.1875rem\] {
    margin-top: 1.1875rem
}

.mt-\[1\.25rem\] {
    margin-top: 1.25rem
}

.mt-\[1\.279375rem\] {
    margin-top: 1.279375rem
}

.mt-\[1\.3125rem\] {
    margin-top: 1.3125rem
}

.mt-\[1\.325rem\] {
    margin-top: 1.325rem
}

.mt-\[1\.375rem\] {
    margin-top: 1.375rem
}

.mt-\[1\.4375rem\] {
    margin-top: 1.4375rem
}

.mt-\[1\.5625rem\] {
    margin-top: 1.5625rem
}

.mt-\[1\.5rem\] {
    margin-top: 1.5rem
}

.mt-\[1\.8125rem\] {
    margin-top: 1.8125rem
}

.mt-\[1\.875rem\] {
    margin-top: 1.875rem
}

.mt-\[15px\] {
    margin-top: 15px
}

.mt-\[16px\] {
    margin-top: 16px
}

.mt-\[1rem\] {
    margin-top: 1rem
}

.mt-\[2\.03125rem\] {
    margin-top: 2.03125rem
}

.mt-\[2\.3rem\] {
    margin-top: 2.3rem
}

.mt-\[20px\] {
    margin-top: 20px
}

.mt-\[2rem\] {
    margin-top: 2rem
}

.mt-\[3\.0625rem\] {
    margin-top: 3.0625rem
}

.mt-\[3\.1rem\] {
    margin-top: 3.1rem
}

.mt-\[3\.25rem\] {
    margin-top: 3.25rem
}

.mt-\[3\.9375rem\] {
    margin-top: 3.9375rem
}

.mt-\[5\.125rem\] {
    margin-top: 5.125rem
}

.mt-\[5px\] {
    margin-top: 5px
}

.mt-\[5rem\] {
    margin-top: 5rem
}

.mt-\[7\.353125rem\] {
    margin-top: 7.353125rem
}

.mt-\[8\.5rem\] {
    margin-top: 8.5rem
}

.mt-\[8\.625rem\] {
    margin-top: 8.625rem
}

.mt-\[9\.1rem\] {
    margin-top: 9.1rem
}

.mt-\[9\.3125rem\] {
    margin-top: 9.3125rem
}

.mt-auto {
    margin-top: auto
}

.line-clamp-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

.line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.line-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.table {
    display: table
}

.table-row {
    display: table-row
}

.grid {
    display: grid
}

.list-item {
    display: list-item
}

.hidden {
    display: none
}

.h-10 {
    height: 2.5rem
}

.h-11 {
    height: 2.75rem
}

.h-12 {
    height: 3rem
}

.h-14 {
    height: 3.5rem
}

.h-16 {
    height: 4rem
}

.h-2\.5 {
    height: .625rem
}

.h-20 {
    height: 5rem
}

.h-3 {
    height: .75rem
}

.h-4 {
    height: 1rem
}

.h-40 {
    height: 10rem
}

.h-48 {
    height: 12rem
}

.h-5 {
    height: 1.25rem
}

.h-6 {
    height: 1.5rem
}

.h-7 {
    height: 1.75rem
}

.h-72 {
    height: 18rem
}

.h-8 {
    height: 2rem
}

.h-9 {
    height: 2.25rem
}

.h-\[\.125rem\] {
    height: .125rem
}

.h-\[\.375rem\] {
    height: .375rem
}

.h-\[\.5625rem\] {
    height: .5625rem
}

.h-\[\.625rem\] {
    height: .625rem
}

.h-\[0\.0625rem\] {
    height: .0625rem
}

.h-\[0\.625rem\] {
    height: .625rem
}

.h-\[0\.6813rem\] {
    height: .6813rem
}

.h-\[0\.75rem\] {
    height: .75rem
}

.h-\[0\.875rem\] {
    height: .875rem
}

.h-\[0\.9688rem\] {
    height: .9688rem
}

.h-\[1\.0625rem\] {
    height: 1.0625rem
}

.h-\[1\.105rem\] {
    height: 1.105rem
}

.h-\[1\.125rem\] {
    height: 1.125rem
}

.h-\[1\.25rem\] {
    height: 1.25rem
}

.h-\[1\.3125rem\] {
    height: 1.3125rem
}

.h-\[1\.375rem\] {
    height: 1.375rem
}

.h-\[1\.39125rem\] {
    height: 1.39125rem
}

.h-\[1\.51375rem\] {
    height: 1.51375rem
}

.h-\[1\.5rem\] {
    height: 1.5rem
}

.h-\[1\.6387rem\] {
    height: 1.6387rem
}

.h-\[1\.75rem\] {
    height: 1.75rem
}

.h-\[1\.875rem\] {
    height: 1.875rem
}

.h-\[1\.9375rem\] {
    height: 1.9375rem
}

.h-\[11\.5rem\] {
    height: 11.5rem
}

.h-\[11\.75rem\] {
    height: 11.75rem
}

.h-\[12\.5rem\] {
    height: 12.5rem
}

.h-\[13\.6875rem\] {
    height: 13.6875rem
}

.h-\[13\.75rem\] {
    height: 13.75rem
}

.h-\[14\.0625rem\] {
    height: 14.0625rem
}

.h-\[14\.5rem\] {
    height: 14.5rem
}

.h-\[15\.1875rem\] {
    height: 15.1875rem
}

.h-\[15\.75rem\] {
    height: 15.75rem
}

.h-\[15rem\] {
    height: 15rem
}

.h-\[16\.6875rem\] {
    height: 16.6875rem
}

.h-\[16\.875rem\] {
    height: 16.875rem
}

.h-\[18\.75rem\] {
    height: 18.75rem
}

.h-\[18rem\] {
    height: 18rem
}

.h-\[1px\] {
    height: 1px
}

.h-\[1rem\] {
    height: 1rem
}

.h-\[2\.070625rem\] {
    height: 2.070625rem
}

.h-\[2\.1875rem\] {
    height: 2.1875rem
}

.h-\[2\.25rem\] {
    height: 2.25rem
}

.h-\[2\.375rem\] {
    height: 2.375rem
}

.h-\[2\.5rem\] {
    height: 2.5rem
}

.h-\[2\.625rem\] {
    height: 2.625rem
}

.h-\[2\.75rem\] {
    height: 2.75rem
}

.h-\[2\.8125rem\] {
    height: 2.8125rem
}

.h-\[2\.8rem\] {
    height: 2.8rem
}

.h-\[20px\] {
    height: 20px
}

.h-\[21\.8231rem\] {
    height: 21.8231rem
}

.h-\[22\.125rem\] {
    height: 22.125rem
}

.h-\[22\.875rem\] {
    height: 22.875rem
}

.h-\[23\.875rem\] {
    height: 23.875rem
}

.h-\[25\.6875rem\] {
    height: 25.6875rem
}

.h-\[26px\] {
    height: 26px
}

.h-\[27\.5rem\] {
    height: 27.5rem
}

.h-\[28\.65625rem\] {
    height: 28.65625rem
}

.h-\[28px\] {
    height: 28px
}

.h-\[2rem\] {
    height: 2rem
}

.h-\[3\.0625rem\] {
    height: 3.0625rem
}

.h-\[3\.125rem\] {
    height: 3.125rem
}

.h-\[3\.1875rem\] {
    height: 3.1875rem
}

.h-\[3\.25rem\] {
    height: 3.25rem
}

.h-\[3\.375rem\] {
    height: 3.375rem
}

.h-\[3\.4375rem\] {
    height: 3.4375rem
}

.h-\[3\.5rem\] {
    height: 3.5rem
}

.h-\[3\.625rem\] {
    height: 3.625rem
}

.h-\[3\.75rem\] {
    height: 3.75rem
}

.h-\[30rem\] {
    height: 30rem
}

.h-\[33rem\] {
    height: 33rem
}

.h-\[36\.5625rem\] {
    height: 36.5625rem
}

.h-\[3rem\] {
    height: 3rem
}

.h-\[4\.033125rem\] {
    height: 4.033125rem
}

.h-\[4\.0625rem\] {
    height: 4.0625rem
}

.h-\[4\.125rem\] {
    height: 4.125rem
}

.h-\[4\.25rem\] {
    height: 4.25rem
}

.h-\[4\.375rem\] {
    height: 4.375rem
}

.h-\[4\.5rem\] {
    height: 4.5rem
}

.h-\[4\.755rem\] {
    height: 4.755rem
}

.h-\[4\.875rem\] {
    height: 4.875rem
}

.h-\[45px\] {
    height: 45px
}

.h-\[46px\] {
    height: 46px
}

.h-\[5\.2rem\] {
    height: 5.2rem
}

.h-\[5\.31rem\] {
    height: 5.31rem
}

.h-\[5\.333rem\] {
    height: 5.333rem
}

.h-\[5\.5rem\] {
    height: 5.5rem
}

.h-\[5\.625rem\] {
    height: 5.625rem
}

.h-\[5\.75rem\] {
    height: 5.75rem
}

.h-\[56px\] {
    height: 56px
}

.h-\[5rem\] {
    height: 5rem
}

.h-\[6\.25rem\] {
    height: 6.25rem
}

.h-\[6\.375rem\] {
    height: 6.375rem
}

.h-\[6\.5rem\] {
    height: 6.5rem
}

.h-\[6\.75rem\] {
    height: 6.75rem
}

.h-\[6\.875rem\] {
    height: 6.875rem
}

.h-\[7\.5rem\] {
    height: 7.5rem
}

.h-\[7\.75rem\] {
    height: 7.75rem
}

.h-\[7\.96375rem\] {
    height: 7.96375rem
}

.h-\[8\.4375rem\] {
    height: 8.4375rem
}

.h-\[8\.875rem\] {
    height: 8.875rem
}

.h-\[9\.375rem\] {
    height: 9.375rem
}

.h-\[9\.4375rem\] {
    height: 9.4375rem
}

.h-\[9\.6rem\] {
    height: 9.6rem
}

.h-\[9\.75rem\] {
    height: 9.75rem
}

.h-auto {
    height: auto
}

.h-full {
    height: 100%
}

.max-h-\[1\.5rem\] {
    max-height: 1.5rem
}

.max-h-\[5rem\] {
    max-height: 5rem
}

.max-h-full {
    max-height: 100%
}

.min-h-0 {
    min-height: 0px
}

.min-h-5 {
    min-height: 1.25rem
}

.min-h-\[0\.766875rem\] {
    min-height: .766875rem
}

.min-h-\[1\.25rem\] {
    min-height: 1.25rem
}

.min-h-\[1\.875rem\] {
    min-height: 1.875rem
}

.min-h-\[13\.75rem\] {
    min-height: 13.75rem
}

.min-h-\[2\.5rem\] {
    min-height: 2.5rem
}

.min-h-\[2\.625rem\] {
    min-height: 2.625rem
}

.min-h-\[2\.75rem\] {
    min-height: 2.75rem
}

.min-h-\[20\.9375rem\] {
    min-height: 20.9375rem
}

.min-h-\[21\.5625rem\] {
    min-height: 21.5625rem
}

.min-h-\[3\.125rem\] {
    min-height: 3.125rem
}

.min-h-\[3\.75rem\] {
    min-height: 3.75rem
}

.min-h-\[36px\] {
    min-height: 36px
}

.min-h-\[40px\] {
    min-height: 40px
}

.min-h-full {
    min-height: 100%
}

.w-1 {
    width: .25rem
}

.w-1\/2 {
    width: 50%
}

.w-1\/3 {
    width: 33.333333%
}

.w-10 {
    width: 2.5rem
}

.w-11 {
    width: 2.75rem
}

.w-12 {
    width: 3rem
}

.w-14 {
    width: 3.5rem
}

.w-16 {
    width: 4rem
}

.w-2\/3 {
    width: 66.666667%
}

.w-20 {
    width: 5rem
}

.w-24 {
    width: 6rem
}

.w-28 {
    width: 7rem
}

.w-3 {
    width: .75rem
}

.w-3\.5 {
    width: .875rem
}

.w-36 {
    width: 9rem
}

.w-4 {
    width: 1rem
}

.w-40 {
    width: 10rem
}

.w-48 {
    width: 12rem
}

.w-5 {
    width: 1.25rem
}

.w-5\/6 {
    width: 83.333333%
}

.w-56 {
    width: 14rem
}

.w-6 {
    width: 1.5rem
}

.w-60 {
    width: 15rem
}

.w-7 {
    width: 1.75rem
}

.w-72 {
    width: 18rem
}

.w-8 {
    width: 2rem
}

.w-80 {
    width: 20rem
}

.w-9 {
    width: 2.25rem
}

.w-\[\.1875rem\] {
    width: .1875rem
}

.w-\[\.375rem\] {
    width: .375rem
}

.w-\[\.625rem\] {
    width: .625rem
}

.w-\[\.8125rem\] {
    width: .8125rem
}

.w-\[\.9375rem\] {
    width: .9375rem
}

.w-\[0\.0625rem\] {
    width: .0625rem
}

.w-\[0\.125rem\] {
    width: .125rem
}

.w-\[0\.6813rem\] {
    width: .6813rem
}

.w-\[0\.875rem\] {
    width: .875rem
}

.w-\[1\.125rem\] {
    width: 1.125rem
}

.w-\[1\.25rem\] {
    width: 1.25rem
}

.w-\[1\.375rem\] {
    width: 1.375rem
}

.w-\[1\.51375rem\] {
    width: 1.51375rem
}

.w-\[1\.5rem\] {
    width: 1.5rem
}

.w-\[1\.625rem\] {
    width: 1.625rem
}

.w-\[1\.6387rem\] {
    width: 1.6387rem
}

.w-\[1\.875rem\] {
    width: 1.875rem
}

.w-\[1\.9375rem\] {
    width: 1.9375rem
}

.w-\[10\.75rem\] {
    width: 10.75rem
}

.w-\[10rem\] {
    width: 10rem
}

.w-\[11\.3125rem\] {
    width: 11.3125rem
}

.w-\[11\.5625rem\] {
    width: 11.5625rem
}

.w-\[11\.625rem\] {
    width: 11.625rem
}

.w-\[11\.75rem\] {
    width: 11.75rem
}

.w-\[12\.5rem\] {
    width: 12.5rem
}

.w-\[12\.875rem\] {
    width: 12.875rem
}

.w-\[13\.75rem\] {
    width: 13.75rem
}

.w-\[14\.875rem\] {
    width: 14.875rem
}

.w-\[14rem\] {
    width: 14rem
}

.w-\[15\.375rem\] {
    width: 15.375rem
}

.w-\[15\.625rem\] {
    width: 15.625rem
}

.w-\[15rem\] {
    width: 15rem
}

.w-\[16\.25rem\] {
    width: 16.25rem
}

.w-\[16\.875rem\] {
    width: 16.875rem
}

.w-\[16rem\] {
    width: 16rem
}

.w-\[17\.5rem\] {
    width: 17.5rem
}

.w-\[1px\] {
    width: 1px
}

.w-\[1rem\] {
    width: 1rem
}

.w-\[2\.070625rem\] {
    width: 2.070625rem
}

.w-\[2\.1875rem\] {
    width: 2.1875rem
}

.w-\[2\.25rem\] {
    width: 2.25rem
}

.w-\[2\.375rem\] {
    width: 2.375rem
}

.w-\[2\.5rem\] {
    width: 2.5rem
}

.w-\[2\.625rem\] {
    width: 2.625rem
}

.w-\[2\.75rem\] {
    width: 2.75rem
}

.w-\[2\.8125rem\] {
    width: 2.8125rem
}

.w-\[2\.8rem\] {
    width: 2.8rem
}

.w-\[20\.375rem\] {
    width: 20.375rem
}

.w-\[200px\] {
    width: 200px
}

.w-\[20px\] {
    width: 20px
}

.w-\[20rem\] {
    width: 20rem
}

.w-\[21\.25rem\] {
    width: 21.25rem
}

.w-\[21\.875rem\] {
    width: 21.875rem
}

.w-\[22\.219375rem\] {
    width: 22.219375rem
}

.w-\[22\.5rem\] {
    width: 22.5rem
}

.w-\[22\.6875rem\] {
    width: 22.6875rem
}

.w-\[22px\] {
    width: 22px
}

.w-\[23\.125rem\] {
    width: 23.125rem
}

.w-\[24\.375rem\] {
    width: 24.375rem
}

.w-\[2rem\] {
    width: 2rem
}

.w-\[3\.125rem\] {
    width: 3.125rem
}

.w-\[3\.25rem\] {
    width: 3.25rem
}

.w-\[3\.264375rem\] {
    width: 3.264375rem
}

.w-\[3\.2rem\] {
    width: 3.2rem
}

.w-\[3\.4375rem\] {
    width: 3.4375rem
}

.w-\[3\.6275rem\] {
    width: 3.6275rem
}

.w-\[3\.75rem\] {
    width: 3.75rem
}

.w-\[3\.77875rem\] {
    width: 3.77875rem
}

.w-\[3\.875rem\] {
    width: 3.875rem
}

.w-\[30px\] {
    width: 30px
}

.w-\[33\%\] {
    width: 33%
}

.w-\[3rem\] {
    width: 3rem
}

.w-\[4\.0625rem\] {
    width: 4.0625rem
}

.w-\[4\.25rem\] {
    width: 4.25rem
}

.w-\[4\.375rem\] {
    width: 4.375rem
}

.w-\[4\.5rem\] {
    width: 4.5rem
}

.w-\[4\.75rem\] {
    width: 4.75rem
}

.w-\[4rem\] {
    width: 4rem
}

.w-\[5\.0625rem\] {
    width: 5.0625rem
}

.w-\[5\.25rem\] {
    width: 5.25rem
}

.w-\[5\.3125rem\] {
    width: 5.3125rem
}

.w-\[5\.5rem\] {
    width: 5.5rem
}

.w-\[5\.6875rem\] {
    width: 5.6875rem
}

.w-\[54px\] {
    width: 54px
}

.w-\[5rem\] {
    width: 5rem
}

.w-\[6\.125rem\] {
    width: 6.125rem
}

.w-\[6\.1875rem\] {
    width: 6.1875rem
}

.w-\[6\.25rem\] {
    width: 6.25rem
}

.w-\[6\.3rem\] {
    width: 6.3rem
}

.w-\[6\.75rem\] {
    width: 6.75rem
}

.w-\[6\.875rem\] {
    width: 6.875rem
}

.w-\[6\.8rem\] {
    width: 6.8rem
}

.w-\[6rem\] {
    width: 6rem
}

.w-\[7\.125rem\] {
    width: 7.125rem
}

.w-\[7\.25rem\] {
    width: 7.25rem
}

.w-\[7\.5rem\] {
    width: 7.5rem
}

.w-\[7\.96375rem\] {
    width: 7.96375rem
}

.w-\[7rem\] {
    width: 7rem
}

.w-\[8\.125rem\] {
    width: 8.125rem
}

.w-\[8\.25rem\] {
    width: 8.25rem
}

.w-\[8\.875rem\] {
    width: 8.875rem
}

.w-\[84px\] {
    width: 84px
}

.w-\[87\.5\%\] {
    width: 87.5%
}

.w-\[8rem\] {
    width: 8rem
}

.w-\[9\.5rem\] {
    width: 9.5rem
}

.w-auto {
    width: auto
}

.w-full {
    width: 100%
}

.min-w-0 {
    min-width: 0px
}

.min-w-16 {
    min-width: 4rem
}

.min-w-\[3\.5rem\] {
    min-width: 3.5rem
}

.min-w-\[4\.6875rem\] {
    min-width: 4.6875rem
}

.min-w-\[7\.875rem\] {
    min-width: 7.875rem
}

.max-w-52 {
    max-width: 13rem
}

.max-w-\[1024px\] {
    max-width: 1024px
}

.max-w-\[12\.5rem\] {
    max-width: 12.5rem
}

.max-w-\[120px\] {
    max-width: 120px
}

.max-w-\[13\.75rem\] {
    max-width: 13.75rem
}

.max-w-\[15\.625rem\] {
    max-width: 15.625rem
}

.max-w-\[450px\] {
    max-width: 450px
}

.max-w-\[50\%\] {
    max-width: 50%
}

.max-w-\[60\%\] {
    max-width: 60%
}

.flex-1 {
    flex: 1 1 0%
}

.flex-\[2\.5\] {
    flex: 2.5
}

.flex-\[40\%\] {
    flex: 40%
}

.flex-initial {
    flex: 0 1 auto
}

.flex-none {
    flex: none
}

.flex-shrink {
    flex-shrink: 1
}

.flex-shrink-0 {
    flex-shrink: 0
}

.border-collapse {
    border-collapse: collapse
}

.-translate-x-8 {
    --tw-translate-x: -2rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-y-1\/2 {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-y-1\/4 {
    --tw-translate-y: -25%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-y-\[4\.375rem\] {
    --tw-translate-y: -4.375rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-1\/4 {
    --tw-translate-x: 25%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-\[-50\%\] {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-\[45\%\] {
    --tw-translate-x: 45%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-\[-45\%\] {
    --tw-translate-y: -45%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-\[0\.1875rem\] {
    --tw-translate-y: .1875rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-\[0\.8125rem\] {
    --tw-translate-y: .8125rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-rotate-90 {
    --tw-rotate: -90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-180 {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-90 {
    --tw-rotate: 90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-\[-30deg\] {
    --tw-rotate: -30deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-\[30deg\] {
    --tw-rotate: 30deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.resize {
    resize: both
}

.flex-row {
    flex-direction: row
}

.flex-row-reverse {
    flex-direction: row-reverse
}

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

.flex-nowrap {
    flex-wrap: nowrap
}

.items-start {
    align-items: flex-start
}

.items-end {
    align-items: flex-end
}

.items-center {
    align-items: center
}

.items-baseline {
    align-items: baseline
}

.items-stretch {
    align-items: stretch
}

.justify-start {
    justify-content: flex-start
}

.justify-end {
    justify-content: flex-end
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.justify-around {
    justify-content: space-around
}

.justify-evenly {
    justify-content: space-evenly
}

.gap-5 {
    gap: 1.25rem
}

.space-x-\[1\.125rem\]>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1.125rem * var(--tw-space-x-reverse));
    margin-left: calc(1.125rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-y-2>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.5rem * var(--tw-space-y-reverse))
}

.space-y-3>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.75rem * var(--tw-space-y-reverse))
}

.overflow-auto {
    overflow: auto
}

.overflow-hidden {
    overflow: hidden
}

.overflow-x-auto {
    overflow-x: auto
}

.overflow-y-auto {
    overflow-y: auto
}

.overflow-x-hidden {
    overflow-x: hidden
}

.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.whitespace-normal {
    white-space: normal
}

.whitespace-nowrap {
    white-space: nowrap
}

.text-wrap {
    text-wrap: wrap
}

.break-all {
    word-break: break-all
}

.rounded {
    border-radius: .25rem
}

.rounded-2xl {
    border-radius: 1rem
}

.rounded-3xl {
    border-radius: 1.5rem
}

.rounded-\[--rounded-large\] {
    border-radius: var(--rounded-large)
}

.rounded-\[\.1875rem\] {
    border-radius: .1875rem
}

.rounded-\[\.25rem\] {
    border-radius: .25rem
}

.rounded-\[\.3125rem\] {
    border-radius: .3125rem
}

.rounded-\[\.375rem\] {
    border-radius: .375rem
}

.rounded-\[\.5rem\] {
    border-radius: .5rem
}

.rounded-\[\.625rem\] {
    border-radius: .625rem
}

.rounded-\[\.9375rem\] {
    border-radius: .9375rem
}

.rounded-\[0\.1875rem\] {
    border-radius: .1875rem
}

.rounded-\[0\.375rem\] {
    border-radius: .375rem
}

.rounded-\[0\.5rem\] {
    border-radius: .5rem
}

.rounded-\[0\.625rem\] {
    border-radius: .625rem
}

.rounded-\[0\.625rem_0\.625rem_0rem_0rem\] {
    border-radius: .625rem .625rem 0rem 0rem
}

.rounded-\[0\.875rem\] {
    border-radius: .875rem
}

.rounded-\[1\.25rem\] {
    border-radius: 1.25rem
}

.rounded-\[10px\] {
    border-radius: 10px
}

.rounded-\[2\.75rem\] {
    border-radius: 2.75rem
}

.rounded-\[20\%\] {
    border-radius: 20%
}

.rounded-\[4px\] {
    border-radius: 4px
}

.rounded-\[50\%\] {
    border-radius: 50%
}

.rounded-\[6px\] {
    border-radius: 6px
}

.rounded-\[7px\] {
    border-radius: 7px
}

.rounded-full {
    border-radius: 9999px
}

.rounded-lg {
    border-radius: .5rem
}

.rounded-md {
    border-radius: .375rem
}

.rounded-xl {
    border-radius: .75rem
}

.rounded-b-\[7px\] {
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px
}

.rounded-t {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.rounded-t-\[\.625rem\] {
    border-top-left-radius: .625rem;
    border-top-right-radius: .625rem
}

.rounded-t-\[1\.25rem\] {
    border-top-left-radius: 1.25rem;
    border-top-right-radius: 1.25rem
}

.rounded-ee-\[\.625rem\] {
    border-end-end-radius: .625rem
}

.border {
    border-width: 1px
}

.border-\[\.125rem\] {
    border-width: .125rem
}

.border-\[0\.0625rem\] {
    border-width: .0625rem
}

.border-\[1px\] {
    border-width: 1px
}

.border-b {
    border-bottom-width: 1px
}

.border-l-2 {
    border-left-width: 2px
}

.border-r-2 {
    border-right-width: 2px
}

.border-t {
    border-top-width: 1px
}

.border-dashed {
    border-style: dashed
}

.border-\[\#028760\] {
    --tw-border-opacity: 1;
    border-color: rgb(2 135 96 / var(--tw-border-opacity, 1))
}

.border-\[\#292D36\] {
    --tw-border-opacity: 1;
    border-color: rgb(41 45 54 / var(--tw-border-opacity, 1))
}

.border-\[\#293548\] {
    --tw-border-opacity: 1;
    border-color: rgb(41 53 72 / var(--tw-border-opacity, 1))
}

.border-\[\#2A324E\] {
    --tw-border-opacity: 1;
    border-color: rgb(42 50 78 / var(--tw-border-opacity, 1))
}

.border-\[\#303C59\] {
    --tw-border-opacity: 1;
    border-color: rgb(48 60 89 / var(--tw-border-opacity, 1))
}

.border-\[\#31343D\] {
    --tw-border-opacity: 1;
    border-color: rgb(49 52 61 / var(--tw-border-opacity, 1))
}

.border-\[\#38A8FA\] {
    --tw-border-opacity: 1;
    border-color: rgb(56 168 250 / var(--tw-border-opacity, 1))
}

.border-\[\#566488\] {
    --tw-border-opacity: 1;
    border-color: rgb(86 100 136 / var(--tw-border-opacity, 1))
}

.border-\[\#747475\] {
    --tw-border-opacity: 1;
    border-color: rgb(116 116 117 / var(--tw-border-opacity, 1))
}

.border-\[\#9BA7BE\] {
    --tw-border-opacity: 1;
    border-color: rgb(155 167 190 / var(--tw-border-opacity, 1))
}

.border-\[\#D6DDED\] {
    --tw-border-opacity: 1;
    border-color: rgb(214 221 237 / var(--tw-border-opacity, 1))
}

.border-\[\#dadce0\] {
    --tw-border-opacity: 1;
    border-color: rgb(218 220 224 / var(--tw-border-opacity, 1))
}

.border-\[--color-border-btn-basic\] {
    border-color: var(--color-border-btn-basic)
}

.border-\[--color-border-input-basic\] {
    border-color: var(--color-border-input-basic)
}

.border-\[--color-border-input\] {
    border-color: var(--color-border-input)
}

.border-\[--color-border\] {
    border-color: var(--color-border)
}

.border-\[--color-text-basic\] {
    border-color: var(--color-text-basic)
}

.border-\[--color-text-second\] {
    border-color: var(--color-text-second)
}

.border-\[--report-select-item-border-color\] {
    border-color: var(--report-select-item-border-color)
}

.border-\[var\(--color-border-input-basic\)\] {
    border-color: var(--color-border-input-basic)
}

.border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1))
}

.bg-\[\#00000047\] {
    background-color: rgba(0, 0, 0, .28)
}

.bg-\[\#0287601A\] {
    background-color: rgba(2, 135, 96, .1)
}

.bg-\[\#090F1F\],
.bg-\[\#090f1f\] {
    --tw-bg-opacity: 1;
    background-color: rgb(9 15 31 / var(--tw-bg-opacity, 1))
}

.bg-\[\#101629\] {
    --tw-bg-opacity: 1;
    background-color: rgb(16 22 41 / var(--tw-bg-opacity, 1))
}

.bg-\[\#161D16\] {
    --tw-bg-opacity: 1;
    background-color: rgb(22 29 22 / var(--tw-bg-opacity, 1))
}

.bg-\[\#1680DC\] {
    --tw-bg-opacity: 1;
    background-color: rgb(22 128 220 / var(--tw-bg-opacity, 1))
}

.bg-\[\#1b0e0f\] {
    --tw-bg-opacity: 1;
    background-color: rgb(27 14 15 / var(--tw-bg-opacity, 1))
}

.bg-\[\#1f2124\] {
    --tw-bg-opacity: 1;
    background-color: rgb(31 33 36 / var(--tw-bg-opacity, 1))
}

.bg-\[\#202124\] {
    --tw-bg-opacity: 1;
    background-color: rgb(32 33 36 / var(--tw-bg-opacity, 1))
}

.bg-\[\#202940\] {
    --tw-bg-opacity: 1;
    background-color: rgb(32 41 64 / var(--tw-bg-opacity, 1))
}

.bg-\[\#303C59\] {
    --tw-bg-opacity: 1;
    background-color: rgb(48 60 89 / var(--tw-bg-opacity, 1))
}

.bg-\[\#3139FB\] {
    --tw-bg-opacity: 1;
    background-color: rgb(49 57 251 / var(--tw-bg-opacity, 1))
}

.bg-\[\#354165\] {
    --tw-bg-opacity: 1;
    background-color: rgb(53 65 101 / var(--tw-bg-opacity, 1))
}

.bg-\[\#566488\] {
    --tw-bg-opacity: 1;
    background-color: rgb(86 100 136 / var(--tw-bg-opacity, 1))
}

.bg-\[\#66C7BC\] {
    --tw-bg-opacity: 1;
    background-color: rgb(102 199 188 / var(--tw-bg-opacity, 1))
}

.bg-\[\#69D03C\] {
    --tw-bg-opacity: 1;
    background-color: rgb(105 208 60 / var(--tw-bg-opacity, 1))
}

.bg-\[\#6ddf39\] {
    --tw-bg-opacity: 1;
    background-color: rgb(109 223 57 / var(--tw-bg-opacity, 1))
}

.bg-\[\#7EC361\] {
    --tw-bg-opacity: 1;
    background-color: rgb(126 195 97 / var(--tw-bg-opacity, 1))
}

.bg-\[\#7FE453\] {
    --tw-bg-opacity: 1;
    background-color: rgb(127 228 83 / var(--tw-bg-opacity, 1))
}

.bg-\[\#898988\] {
    --tw-bg-opacity: 1;
    background-color: rgb(137 137 136 / var(--tw-bg-opacity, 1))
}

.bg-\[\#BEBEBE\] {
    --tw-bg-opacity: 1;
    background-color: rgb(190 190 190 / var(--tw-bg-opacity, 1))
}

.bg-\[\#D74141\] {
    --tw-bg-opacity: 1;
    background-color: rgb(215 65 65 / var(--tw-bg-opacity, 1))
}

.bg-\[\#E59B62\] {
    --tw-bg-opacity: 1;
    background-color: rgb(229 155 98 / var(--tw-bg-opacity, 1))
}

.bg-\[\#E89E66\] {
    --tw-bg-opacity: 1;
    background-color: rgb(232 158 102 / var(--tw-bg-opacity, 1))
}

.bg-\[\#E8EAED\] {
    --tw-bg-opacity: 1;
    background-color: rgb(232 234 237 / var(--tw-bg-opacity, 1))
}

.bg-\[\#F5F5F5\] {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1))
}

.bg-\[\#FBA531\] {
    --tw-bg-opacity: 1;
    background-color: rgb(251 165 49 / var(--tw-bg-opacity, 1))
}

.bg-\[\#FDB782\] {
    --tw-bg-opacity: 1;
    background-color: rgb(253 183 130 / var(--tw-bg-opacity, 1))
}

.bg-\[\#FE5353\] {
    --tw-bg-opacity: 1;
    background-color: rgb(254 83 83 / var(--tw-bg-opacity, 1))
}

.bg-\[\#FF0000\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 0 0 / var(--tw-bg-opacity, 1))
}

.bg-\[\#dadce0\] {
    --tw-bg-opacity: 1;
    background-color: rgb(218 220 224 / var(--tw-bg-opacity, 1))
}

.bg-\[\#e3e3e3\] {
    --tw-bg-opacity: 1;
    background-color: rgb(227 227 227 / var(--tw-bg-opacity, 1))
}

.bg-\[\#e6f3ef\] {
    --tw-bg-opacity: 1;
    background-color: rgb(230 243 239 / var(--tw-bg-opacity, 1))
}

.bg-\[\#f9f9f9\] {
    --tw-bg-opacity: 1;
    background-color: rgb(249 249 249 / var(--tw-bg-opacity, 1))
}

.bg-\[\#fff\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}

.bg-\[--color-bg-100\] {
    background-color: var(--color-bg-100)
}

.bg-\[--color-bg-200\] {
    background-color: var(--color-bg-200)
}

.bg-\[--color-bg-400\] {
    background-color: var(--color-bg-400)
}

.bg-\[--color-bg-fifth\] {
    background-color: var(--color-bg-fifth)
}

.bg-\[--color-bg-first\] {
    background-color: var(--color-bg-first)
}

.bg-\[--color-bg-second\] {
    background-color: var(--color-bg-second)
}

.bg-\[--color-bg-third\] {
    background-color: var(--color-bg-third)
}

.bg-\[--spread-qr-box-bg\] {
    background-color: var(--spread-qr-box-bg)
}

.bg-\[--spread-save-qr-bg\] {
    background-color: var(--spread-save-qr-bg)
}

.bg-\[rgb\(0\,112\,201\)\] {
    --tw-bg-opacity: 1;
    background-color: rgb(0 112 201 / var(--tw-bg-opacity, 1))
}

.bg-\[rgb\(2\,135\,96\)\] {
    --tw-bg-opacity: 1;
    background-color: rgb(2 135 96 / var(--tw-bg-opacity, 1))
}

.bg-\[rgba\(0\,0\,0\,0\.54\)\] {
    background-color: rgba(0, 0, 0, .54)
}

.bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1))
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}

.bg-opacity-20 {
    --tw-bg-opacity: .2
}

.bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--tw-gradient-stops))
}

.from-\[\#49a319\] {
    --tw-gradient-from: #49a319 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(73 163 25 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.to-\[\#2b8b2f\] {
    --tw-gradient-to: #2b8b2f var(--tw-gradient-to-position)
}

.bg-bottom {
    background-position: bottom
}

.bg-top {
    background-position: top
}

.bg-no-repeat {
    background-repeat: no-repeat
}

.object-contain {
    object-fit: contain
}

.object-cover {
    object-fit: cover
}

.object-fill {
    object-fit: fill
}

.object-center {
    object-position: center
}

.p-0 {
    padding: 0
}

.p-0\.5 {
    padding: .125rem
}

.p-1 {
    padding: .25rem
}

.p-1\.5 {
    padding: .375rem
}

.p-2 {
    padding: .5rem
}

.p-2\.5 {
    padding: .625rem
}

.p-3 {
    padding: .75rem
}

.p-4 {
    padding: 1rem
}

.p-5 {
    padding: 1.25rem
}

.p-6 {
    padding: 1.5rem
}

.p-\[\.3125rem\] {
    padding: .3125rem
}

.p-\[\.625rem\] {
    padding: .625rem
}

.p-\[0\.125rem\] {
    padding: .125rem
}

.p-\[0\.4375rem\] {
    padding: .4375rem
}

.p-\[0\.5625rem\] {
    padding: .5625rem
}

.p-\[0\.625rem\] {
    padding: .625rem
}

.p-\[0\.75rem\] {
    padding: .75rem
}

.p-\[1\.5rem\] {
    padding: 1.5rem
}

.p-\[10px\] {
    padding: 10px
}

.p-\[5px\] {
    padding: 5px
}

.px-0\.5 {
    padding-left: .125rem;
    padding-right: .125rem
}

.px-1 {
    padding-left: .25rem;
    padding-right: .25rem
}

.px-1\.5 {
    padding-left: .375rem;
    padding-right: .375rem
}

.px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

.px-12 {
    padding-left: 3rem;
    padding-right: 3rem
}

.px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.px-2\.5 {
    padding-left: .625rem;
    padding-right: .625rem
}

.px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

.px-3\.5 {
    padding-left: .875rem;
    padding-right: .875rem
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.px-8 {
    padding-left: 2rem;
    padding-right: 2rem
}

.px-\[\.1875rem\] {
    padding-left: .1875rem;
    padding-right: .1875rem
}

.px-\[\.3125rem\] {
    padding-left: .3125rem;
    padding-right: .3125rem
}

.px-\[\.375rem\] {
    padding-left: .375rem;
    padding-right: .375rem
}

.px-\[\.46875rem\] {
    padding-left: .46875rem;
    padding-right: .46875rem
}

.px-\[\.5625rem\] {
    padding-left: .5625rem;
    padding-right: .5625rem
}

.px-\[\.625rem\] {
    padding-left: .625rem;
    padding-right: .625rem
}

.px-\[\.9375rem\] {
    padding-left: .9375rem;
    padding-right: .9375rem
}

.px-\[0\.1875rem\] {
    padding-left: .1875rem;
    padding-right: .1875rem
}

.px-\[0\.2462rem\] {
    padding-left: .2462rem;
    padding-right: .2462rem
}

.px-\[0\.25rem\] {
    padding-left: .25rem;
    padding-right: .25rem
}

.px-\[0\.375rem\] {
    padding-left: .375rem;
    padding-right: .375rem
}

.px-\[0\.4375rem\] {
    padding-left: .4375rem;
    padding-right: .4375rem
}

.px-\[0\.5rem\] {
    padding-left: .5rem;
    padding-right: .5rem
}

.px-\[0\.625rem\] {
    padding-left: .625rem;
    padding-right: .625rem
}

.px-\[0\.75rem\] {
    padding-left: .75rem;
    padding-right: .75rem
}

.px-\[0\.8125rem\] {
    padding-left: .8125rem;
    padding-right: .8125rem
}

.px-\[0\.9375rem\] {
    padding-left: .9375rem;
    padding-right: .9375rem
}

.px-\[1\.25rem\] {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.px-\[1\.375rem\] {
    padding-left: 1.375rem;
    padding-right: 1.375rem
}

.px-\[1\.9375rem\] {
    padding-left: 1.9375rem;
    padding-right: 1.9375rem
}

.px-\[10px\] {
    padding-left: 10px;
    padding-right: 10px
}

.px-\[12px\] {
    padding-left: 12px;
    padding-right: 12px
}

.px-\[17px\] {
    padding-left: 17px;
    padding-right: 17px
}

.px-\[1rem\] {
    padding-left: 1rem;
    padding-right: 1rem
}

.px-\[2\.4375rem\] {
    padding-left: 2.4375rem;
    padding-right: 2.4375rem
}

.px-\[25px\] {
    padding-left: 25px;
    padding-right: 25px
}

.px-\[6px\] {
    padding-left: 6px;
    padding-right: 6px
}

.px-\[7px\] {
    padding-left: 7px;
    padding-right: 7px
}

.py-0 {
    padding-top: 0;
    padding-bottom: 0
}

.py-0\.5 {
    padding-top: .125rem;
    padding-bottom: .125rem
}

.py-1 {
    padding-top: .25rem;
    padding-bottom: .25rem
}

.py-1\.5 {
    padding-top: .375rem;
    padding-bottom: .375rem
}

.py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}

.py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.py-2\.5 {
    padding-top: .625rem;
    padding-bottom: .625rem
}

.py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}

.py-7 {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem
}

.py-\[\.0625rem\] {
    padding-top: .0625rem;
    padding-bottom: .0625rem
}

.py-\[\.1875rem\] {
    padding-top: .1875rem;
    padding-bottom: .1875rem
}

.py-\[\.3125rem\] {
    padding-top: .3125rem;
    padding-bottom: .3125rem
}

.py-\[\.625rem\] {
    padding-top: .625rem;
    padding-bottom: .625rem
}

.py-\[0\.25rem\] {
    padding-top: .25rem;
    padding-bottom: .25rem
}

.py-\[0\.265rem\] {
    padding-top: .265rem;
    padding-bottom: .265rem
}

.py-\[0\.4375rem\] {
    padding-top: .4375rem;
    padding-bottom: .4375rem
}

.py-\[0\.53125rem\] {
    padding-top: .53125rem;
    padding-bottom: .53125rem
}

.py-\[0\.625rem\] {
    padding-top: .625rem;
    padding-bottom: .625rem
}

.py-\[0\.6875rem\] {
    padding-top: .6875rem;
    padding-bottom: .6875rem
}

.py-\[0\.75rem\] {
    padding-top: .75rem;
    padding-bottom: .75rem
}

.py-\[0\.835625rem\] {
    padding-top: .835625rem;
    padding-bottom: .835625rem
}

.py-\[0\.9375rem\] {
    padding-top: .9375rem;
    padding-bottom: .9375rem
}

.py-\[12px\] {
    padding-top: 12px;
    padding-bottom: 12px
}

.py-\[20px\] {
    padding-top: 20px;
    padding-bottom: 20px
}

.py-\[2px\] {
    padding-top: 2px;
    padding-bottom: 2px
}

.py-\[4px\] {
    padding-top: 4px;
    padding-bottom: 4px
}

.py-\[7px\] {
    padding-top: 7px;
    padding-bottom: 7px
}

.pb-0 {
    padding-bottom: 0
}

.pb-0\.5 {
    padding-bottom: .125rem
}

.pb-2\.5 {
    padding-bottom: .625rem
}

.pb-28 {
    padding-bottom: 7rem
}

.pb-4 {
    padding-bottom: 1rem
}

.pb-5 {
    padding-bottom: 1.25rem
}

.pb-6 {
    padding-bottom: 1.5rem
}

.pb-7 {
    padding-bottom: 1.75rem
}

.pb-8 {
    padding-bottom: 2rem
}

.pb-\[\.3125rem\] {
    padding-bottom: .3125rem
}

.pb-\[\.8125rem\] {
    padding-bottom: .8125rem
}

.pb-\[0\.0625rem\] {
    padding-bottom: .0625rem
}

.pb-\[0\.1563rem\] {
    padding-bottom: .1563rem
}

.pb-\[0\.3125rem\] {
    padding-bottom: .3125rem
}

.pb-\[0\.6875rem\] {
    padding-bottom: .6875rem
}

.pb-\[0\.8125rem\] {
    padding-bottom: .8125rem
}

.pb-\[0\.9375rem\] {
    padding-bottom: .9375rem
}

.pb-\[0\.9506rem\] {
    padding-bottom: .9506rem
}

.pb-\[1\.2rem\] {
    padding-bottom: 1.2rem
}

.pb-\[1\.3125rem\] {
    padding-bottom: 1.3125rem
}

.pb-\[1\.875rem\] {
    padding-bottom: 1.875rem
}

.pb-\[10px\] {
    padding-bottom: 10px
}

.pb-\[1rem\] {
    padding-bottom: 1rem
}

.pb-\[2\.125rem\] {
    padding-bottom: 2.125rem
}

.pb-\[5\.5rem\] {
    padding-bottom: 5.5rem
}

.pb-\[6\.5rem\] {
    padding-bottom: 6.5rem
}

.pb-\[7\.5rem\] {
    padding-bottom: 7.5rem
}

.pb-\[9rem\] {
    padding-bottom: 9rem
}

.pe-0 {
    padding-inline-end: 0px
}

.pl-1 {
    padding-left: .25rem
}

.pl-10 {
    padding-left: 2.5rem
}

.pl-2 {
    padding-left: .5rem
}

.pl-2\.5 {
    padding-left: .625rem
}

.pl-28 {
    padding-left: 7rem
}

.pl-3\.5 {
    padding-left: .875rem
}

.pl-4 {
    padding-left: 1rem
}

.pl-\[\.5625rem\] {
    padding-left: .5625rem
}

.pl-\[\.875rem\] {
    padding-left: .875rem
}

.pl-\[0\.25rem\] {
    padding-left: .25rem
}

.pl-\[0\.375rem\] {
    padding-left: .375rem
}

.pl-\[0\.5rem\] {
    padding-left: .5rem
}

.pl-\[0\.75rem\] {
    padding-left: .75rem
}

.pl-\[0\.8125rem\] {
    padding-left: .8125rem
}

.pl-\[0\.8438rem\] {
    padding-left: .8438rem
}

.pl-\[1\.0625rem\] {
    padding-left: 1.0625rem
}

.pl-\[1\.25rem\] {
    padding-left: 1.25rem
}

.pl-\[1\.875rem\] {
    padding-left: 1.875rem
}

.pl-\[1rem\] {
    padding-left: 1rem
}

.pr-1 {
    padding-right: .25rem
}

.pr-2 {
    padding-right: .5rem
}

.pr-2\.5 {
    padding-right: .625rem
}

.pr-4 {
    padding-right: 1rem
}

.pr-\[\.3125rem\] {
    padding-right: .3125rem
}

.pr-\[\.625rem\] {
    padding-right: .625rem
}

.pr-\[\.8125rem\] {
    padding-right: .8125rem
}

.pr-\[\.8128rem\] {
    padding-right: .8128rem
}

.pr-\[0\.25rem\] {
    padding-right: .25rem
}

.pr-\[0\.3125rem\] {
    padding-right: .3125rem
}

.pr-\[0\.375rem\] {
    padding-right: .375rem
}

.pr-\[0\.5rem\] {
    padding-right: .5rem
}

.pr-\[0\.625rem\] {
    padding-right: .625rem
}

.pr-\[1\.25rem\] {
    padding-right: 1.25rem
}

.pr-\[1rem\] {
    padding-right: 1rem
}

.pr-\[3px\] {
    padding-right: 3px
}

.ps-0 {
    padding-inline-start: 0px
}

.pt-0 {
    padding-top: 0
}

.pt-1 {
    padding-top: .25rem
}

.pt-1\.5 {
    padding-top: .375rem
}

.pt-10 {
    padding-top: 2.5rem
}

.pt-14 {
    padding-top: 3.5rem
}

.pt-2 {
    padding-top: .5rem
}

.pt-2\.5 {
    padding-top: .625rem
}

.pt-3 {
    padding-top: .75rem
}

.pt-4 {
    padding-top: 1rem
}

.pt-5 {
    padding-top: 1.25rem
}

.pt-6 {
    padding-top: 1.5rem
}

.pt-7 {
    padding-top: 1.75rem
}

.pt-\[\.1875rem\] {
    padding-top: .1875rem
}

.pt-\[\.625rem\] {
    padding-top: .625rem
}

.pt-\[0\.3125rem\] {
    padding-top: .3125rem
}

.pt-\[0\.40625rem\] {
    padding-top: .40625rem
}

.pt-\[0\.4rem\] {
    padding-top: .4rem
}

.pt-\[0\.625rem\] {
    padding-top: .625rem
}

.pt-\[0\.75rem\] {
    padding-top: .75rem
}

.pt-\[0\.8125rem\] {
    padding-top: .8125rem
}

.pt-\[0\.9375rem\] {
    padding-top: .9375rem
}

.pt-\[1\.0625rem\] {
    padding-top: 1.0625rem
}

.pt-\[1\.25rem\] {
    padding-top: 1.25rem
}

.pt-\[1\.57rem\] {
    padding-top: 1.57rem
}

.pt-\[1\.875rem\] {
    padding-top: 1.875rem
}

.pt-\[1\.8rem\] {
    padding-top: 1.8rem
}

.pt-\[10px\] {
    padding-top: 10px
}

.pt-\[1rem\] {
    padding-top: 1rem
}

.pt-\[2\.3825rem\] {
    padding-top: 2.3825rem
}

.pt-\[3\.4rem\] {
    padding-top: 3.4rem
}

.pt-\[5\.5744rem\] {
    padding-top: 5.5744rem
}

.pt-\[7\.875rem\] {
    padding-top: 7.875rem
}

.pt-\[7px\] {
    padding-top: 7px
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-start {
    text-align: start
}

.text-end {
    text-align: end
}

.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}

.text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
}

.text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem
}

.text-5xl {
    font-size: 3rem;
    line-height: 1
}

.text-9xl {
    font-size: 8rem;
    line-height: 1
}

.text-\[\.5rem\] {
    font-size: .5rem
}

.text-\[\.625rem\] {
    font-size: .625rem
}

.text-\[\.6875rem\] {
    font-size: .6875rem
}

.text-\[\.6rem\] {
    font-size: .6rem
}

.text-\[\.75rem\] {
    font-size: .75rem
}

.text-\[\.8125rem\] {
    font-size: .8125rem
}

.text-\[\.875rem\] {
    font-size: .875rem
}

.text-\[\.9375rem\] {
    font-size: .9375rem
}

.text-\[0\.625rem\] {
    font-size: .625rem
}

.text-\[0\.6875rem\] {
    font-size: .6875rem
}

.text-\[0\.75rem\] {
    font-size: .75rem
}

.text-\[0\.7rem\] {
    font-size: .7rem
}

.text-\[0\.8125rem\] {
    font-size: .8125rem
}

.text-\[0\.875rem\] {
    font-size: .875rem
}

.text-\[0\.8rem\] {
    font-size: .8rem
}

.text-\[1\.125rem\] {
    font-size: 1.125rem
}

.text-\[1\.1875rem\] {
    font-size: 1.1875rem
}

.text-\[1\.25rem\] {
    font-size: 1.25rem
}

.text-\[1\.3125rem\] {
    font-size: 1.3125rem
}

.text-\[1\.375rem\] {
    font-size: 1.375rem
}

.text-\[1\.4375rem\] {
    font-size: 1.4375rem
}

.text-\[1\.5rem\] {
    font-size: 1.5rem
}

.text-\[1\.625rem\] {
    font-size: 1.625rem
}

.text-\[1\.6875rem\] {
    font-size: 1.6875rem
}

.text-\[1\.75rem\] {
    font-size: 1.75rem
}

.text-\[1\.875rem\] {
    font-size: 1.875rem
}

.text-\[10px\] {
    font-size: 10px
}

.text-\[12px\] {
    font-size: 12px
}

.text-\[14\.5rem\] {
    font-size: 14.5rem
}

.text-\[14px\] {
    font-size: 14px
}

.text-\[16px\] {
    font-size: 16px
}

.text-\[17rem\] {
    font-size: 17rem
}

.text-\[18px\] {
    font-size: 18px
}

.text-\[1rem\] {
    font-size: 1rem
}

.text-\[2\.375rem\] {
    font-size: 2.375rem
}

.text-\[2\.5rem\] {
    font-size: 2.5rem
}

.text-\[20px\] {
    font-size: 20px
}

.text-\[22\.5px\] {
    font-size: 22.5px
}

.text-\[22px\] {
    font-size: 22px
}

.text-\[23rem\] {
    font-size: 23rem
}

.text-\[26px\] {
    font-size: 26px
}

.text-\[28px\] {
    font-size: 28px
}

.text-\[2rem\] {
    font-size: 2rem
}

.text-\[3\.125rem\] {
    font-size: 3.125rem
}

.text-\[3\.25rem\] {
    font-size: 3.25rem
}

.text-\[3\.625rem\] {
    font-size: 3.625rem
}

.text-\[4rem\] {
    font-size: 4rem
}

.text-\[5rem\] {
    font-size: 5rem
}

.text-\[6rem\] {
    font-size: 6rem
}

.text-base {
    font-size: 1rem;
    line-height: 1.5rem
}

.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.text-xs {
    font-size: .75rem;
    line-height: 1rem
}

.font-\[--font-weight-semibold\] {
    font-weight: var(--font-weight-semibold)
}

.font-\[380\] {
    font-weight: 380
}

.font-\[400\] {
    font-weight: 400
}

.font-\[700\] {
    font-weight: 700
}

.font-black {
    font-weight: 900
}

.font-bold {
    font-weight: 700
}

.font-extrabold {
    font-weight: 800
}

.font-medium {
    font-weight: 500
}

.font-normal {
    font-weight: 400
}

.font-semibold {
    font-weight: 600
}

.uppercase {
    text-transform: uppercase
}

.capitalize {
    text-transform: capitalize
}

.italic {
    font-style: italic
}

.tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
}

.leading-10 {
    line-height: 2.5rem
}

.leading-3 {
    line-height: .75rem
}

.leading-4 {
    line-height: 1rem
}

.leading-5 {
    line-height: 1.25rem
}

.leading-6 {
    line-height: 1.5rem
}

.leading-7 {
    line-height: 1.75rem
}

.leading-8 {
    line-height: 2rem
}

.leading-\[0\.5625rem\] {
    line-height: .5625rem
}

.leading-\[0\.65rem\] {
    line-height: .65rem
}

.leading-\[0\.6rem\] {
    line-height: .6rem
}

.leading-\[0\.75rem\] {
    line-height: .75rem
}

.leading-\[0\.9375rem\] {
    line-height: .9375rem
}

.leading-\[1\.0625rem\] {
    line-height: 1.0625rem
}

.leading-\[1\.125rem\] {
    line-height: 1.125rem
}

.leading-\[1\.25rem\] {
    line-height: 1.25rem
}

.leading-\[1\.3125rem\] {
    line-height: 1.3125rem
}

.leading-\[1\.375rem\] {
    line-height: 1.375rem
}

.leading-\[1\.875rem\] {
    line-height: 1.875rem
}

.leading-\[1rem\] {
    line-height: 1rem
}

.leading-\[2\.75rem\] {
    line-height: 2.75rem
}

.leading-\[2\.8125rem\] {
    line-height: 2.8125rem
}

.leading-\[2\.875rem\] {
    line-height: 2.875rem
}

.leading-loose {
    line-height: 2
}

.leading-none {
    line-height: 1
}

.leading-relaxed {
    line-height: 1.625
}

.leading-tight {
    line-height: 1.25
}

.text-\[\#0070c9\] {
    --tw-text-opacity: 1;
    color: rgb(0 112 201 / var(--tw-text-opacity, 1))
}

.text-\[\#01875F\],
.text-\[\#01875f\] {
    --tw-text-opacity: 1;
    color: rgb(1 135 95 / var(--tw-text-opacity, 1))
}

.text-\[\#028760\] {
    --tw-text-opacity: 1;
    color: rgb(2 135 96 / var(--tw-text-opacity, 1))
}

.text-\[\#070D1F\] {
    --tw-text-opacity: 1;
    color: rgb(7 13 31 / var(--tw-text-opacity, 1))
}

.text-\[\#1680DC\] {
    --tw-text-opacity: 1;
    color: rgb(22 128 220 / var(--tw-text-opacity, 1))
}

.text-\[\#202124\] {
    --tw-text-opacity: 1;
    color: rgb(32 33 36 / var(--tw-text-opacity, 1))
}

.text-\[\#3F5F3F\] {
    --tw-text-opacity: 1;
    color: rgb(63 95 63 / var(--tw-text-opacity, 1))
}

.text-\[\#40a1de\] {
    --tw-text-opacity: 1;
    color: rgb(64 161 222 / var(--tw-text-opacity, 1))
}

.text-\[\#566488\] {
    --tw-text-opacity: 1;
    color: rgb(86 100 136 / var(--tw-text-opacity, 1))
}

.text-\[\#595959\] {
    --tw-text-opacity: 1;
    color: rgb(89 89 89 / var(--tw-text-opacity, 1))
}

.text-\[\#5A985A\] {
    --tw-text-opacity: 1;
    color: rgb(90 152 90 / var(--tw-text-opacity, 1))
}

.text-\[\#5D4547\] {
    --tw-text-opacity: 1;
    color: rgb(93 69 71 / var(--tw-text-opacity, 1))
}

.text-\[\#5f6368\] {
    --tw-text-opacity: 1;
    color: rgb(95 99 104 / var(--tw-text-opacity, 1))
}

.text-\[\#666\] {
    --tw-text-opacity: 1;
    color: rgb(102 102 102 / var(--tw-text-opacity, 1))
}

.text-\[\#66C7BC\] {
    --tw-text-opacity: 1;
    color: rgb(102 199 188 / var(--tw-text-opacity, 1))
}

.text-\[\#66D73E\] {
    --tw-text-opacity: 1;
    color: rgb(102 215 62 / var(--tw-text-opacity, 1))
}

.text-\[\#6D788E\] {
    --tw-text-opacity: 1;
    color: rgb(109 120 142 / var(--tw-text-opacity, 1))
}

.text-\[\#6E3D03\] {
    --tw-text-opacity: 1;
    color: rgb(110 61 3 / var(--tw-text-opacity, 1))
}

.text-\[\#6ddf38\] {
    --tw-text-opacity: 1;
    color: rgb(109 223 56 / var(--tw-text-opacity, 1))
}

.text-\[\#6ddf39\] {
    --tw-text-opacity: 1;
    color: rgb(109 223 57 / var(--tw-text-opacity, 1))
}

.text-\[\#787878\] {
    --tw-text-opacity: 1;
    color: rgb(120 120 120 / var(--tw-text-opacity, 1))
}

.text-\[\#7EC361\] {
    --tw-text-opacity: 1;
    color: rgb(126 195 97 / var(--tw-text-opacity, 1))
}

.text-\[\#86888D\] {
    --tw-text-opacity: 1;
    color: rgb(134 136 141 / var(--tw-text-opacity, 1))
}

.text-\[\#8795b1\] {
    --tw-text-opacity: 1;
    color: rgb(135 149 177 / var(--tw-text-opacity, 1))
}

.text-\[\#898988\] {
    --tw-text-opacity: 1;
    color: rgb(137 137 136 / var(--tw-text-opacity, 1))
}

.text-\[\#899FBE\] {
    --tw-text-opacity: 1;
    color: rgb(137 159 190 / var(--tw-text-opacity, 1))
}

.text-\[\#8F97AC\] {
    --tw-text-opacity: 1;
    color: rgb(143 151 172 / var(--tw-text-opacity, 1))
}

.text-\[\#8f9cb4\] {
    --tw-text-opacity: 1;
    color: rgb(143 156 180 / var(--tw-text-opacity, 1))
}

.text-\[\#9BA7BE\] {
    --tw-text-opacity: 1;
    color: rgb(155 167 190 / var(--tw-text-opacity, 1))
}

.text-\[\#9c9c9c\] {
    --tw-text-opacity: 1;
    color: rgb(156 156 156 / var(--tw-text-opacity, 1))
}

.text-\[\#A0A6B0\] {
    --tw-text-opacity: 1;
    color: rgb(160 166 176 / var(--tw-text-opacity, 1))
}

.text-\[\#BBB\] {
    --tw-text-opacity: 1;
    color: rgb(187 187 187 / var(--tw-text-opacity, 1))
}

.text-\[\#BDB8E1\] {
    --tw-text-opacity: 1;
    color: rgb(189 184 225 / var(--tw-text-opacity, 1))
}

.text-\[\#D434CD\] {
    --tw-text-opacity: 1;
    color: rgb(212 52 205 / var(--tw-text-opacity, 1))
}

.text-\[\#EE4639\] {
    --tw-text-opacity: 1;
    color: rgb(238 70 57 / var(--tw-text-opacity, 1))
}

.text-\[\#EEC7FF\] {
    --tw-text-opacity: 1;
    color: rgb(238 199 255 / var(--tw-text-opacity, 1))
}

.text-\[\#FBA531\] {
    --tw-text-opacity: 1;
    color: rgb(251 165 49 / var(--tw-text-opacity, 1))
}

.text-\[\#FDB782\] {
    --tw-text-opacity: 1;
    color: rgb(253 183 130 / var(--tw-text-opacity, 1))
}

.text-\[\#FFCC4A\] {
    --tw-text-opacity: 1;
    color: rgb(255 204 74 / var(--tw-text-opacity, 1))
}

.text-\[\#FFF268\] {
    --tw-text-opacity: 1;
    color: rgb(255 242 104 / var(--tw-text-opacity, 1))
}

.text-\[\#FFF\] {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.text-\[\#ffaa09\] {
    --tw-text-opacity: 1;
    color: rgb(255 170 9 / var(--tw-text-opacity, 1))
}

.text-\[\#ffe336\] {
    --tw-text-opacity: 1;
    color: rgb(255 227 54 / var(--tw-text-opacity, 1))
}

.text-\[\#fff\],
.text-\[\#ffffff\] {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.text-\[---color-text-basic\] {
    color: var(---color-text-basic)
}

.text-\[--accent-color-yellow\] {
    color: var(--accent-color-yellow)
}

.text-\[--color-currency\] {
    color: var(--color-currency)
}

.text-\[--color-text-basic\] {
    color: var(--color-text-basic)
}

.text-\[--color-text-btn-basic\] {
    color: var(--color-text-btn-basic)
}

.text-\[--color-text-emphasis\] {
    color: var(--color-text-emphasis)
}

.text-\[--color-text-empty\] {
    color: var(--color-text-empty)
}

.text-\[--color-text-first\] {
    color: var(--color-text-first)
}

.text-\[--color-text-href-agency-detail\] {
    color: var(--color-text-href-agency-detail)
}

.text-\[--color-text-label-value-agency\] {
    color: var(--color-text-label-value-agency)
}

.text-\[--color-text-link-agency\] {
    color: var(--color-text-link-agency)
}

.text-\[--color-text-second\] {
    color: var(--color-text-second)
}

.text-\[--color-text-title-basic\] {
    color: var(--color-text-title-basic)
}

.text-\[--color-text-title-label-agency\] {
    color: var(--color-text-title-label-agency)
}

.text-\[--color-text-unChecked\] {
    color: var(--color-text-unChecked)
}

.text-\[--color-text-unThemeWhite\] {
    color: var(--color-text-unThemeWhite)
}

.text-\[--color-text-wheelBottomUnchecked\] {
    color: var(--color-text-wheelBottomUnchecked)
}

.text-\[--color-text-yellow-emphasis\] {
    color: var(--color-text-yellow-emphasis)
}

.text-\[--font-size-10\] {
    color: var(--font-size-10)
}

.text-\[--text-color-light-purple-1-100\] {
    color: var(--text-color-light-purple-1-100)
}

.text-\[--text-color-light-purple-2-100\] {
    color: var(--text-color-light-purple-2-100)
}

.text-\[--text-color-white-100\] {
    color: var(--text-color-white-100)
}

.text-\[rgba\(189\,184\,225\,1\)\] {
    color: #bdb8e1
}

.text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1))
}

.text-blue-500 {
    --tw-text-opacity: 1;
    color: rgb(59 130 246 / var(--tw-text-opacity, 1))
}

.text-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity, 1))
}

.text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity, 1))
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.underline {
    text-decoration-line: underline
}

.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.opacity-0 {
    opacity: 0
}

.opacity-100 {
    opacity: 1
}

.opacity-30 {
    opacity: .3
}

.opacity-40 {
    opacity: .4
}

.opacity-\[\.3\] {
    opacity: .3
}

.shadow {
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.outline {
    outline-style: solid
}

.blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.drop-shadow {
    --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.drop-shadow-\[0_2px_4px_rgba\(32\,139\,229\,0\.25\)\] {
    --tw-drop-shadow: drop-shadow(0 2px 4px rgba(32, 139, 229, .25));
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.drop-shadow-\[0_4px_15px_rgba\(32\,139\,229\,0\.25\)\] {
    --tw-drop-shadow: drop-shadow(0 4px 15px rgba(32, 139, 229, .25));
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.grayscale {
    --tw-grayscale: grayscale(100%);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.backdrop-filter {
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.ease-in-out {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.ease-out {
    transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

.\[key\:string\] {
    key: string
}

.container {
    width: 100%
}

@media (min-width: 640px) {
    .container {
        max-width: 640px
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 768px
    }
}

@media (min-width: 1024px) {
    .container {
        max-width: 1024px
    }
}

@media (min-width: 1280px) {
    .container {
        max-width: 1280px
    }
}

@media (min-width: 1536px) {
    .container {
        max-width: 1536px
    }
}

ion-app {
    background: var(--color-screen-bg)
}

.new-skin-symbol body {
    background: var(--ep-color-background-fill-surface-raised-L2)
}

#app-content {
    --background: transparent;
    background-image: var(--color-screen-bg-img);
    background-size: 5rem;
    background-repeat: repeat
}

@media all and (display-mode: standalone),
all and (display-mode: fullscreen),
all and (display-mode: minimal-ui),
all and (display-mode: widows-controls-overlay) {

    #pwa-bar,
    #pwa-footer-modal,
    #app-install-bar {
        display: none
    }
}

.full-screen-loading-main-tree {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: var(--color-screen-bg, #000);
    z-index: 1000;
    opacity: 1
}

.fade-in-loading-main-tree {
    animation: fade-in-main-tree .3s ease-in-out
}
@keyframes fade-in-main-tree {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fib,
.fi {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.fi {
    position: relative;
    display: inline-block;
    width: 1.333333em;
    line-height: 1em
}

.fi:before {
    content: " "
}

.fi.fis {
    width: 1em
}

.fi-us.fis {
    background-image: url(../images/us-DAM9Utrf.svg)
}

.fi-in.fis {
    background-image: url(../images/in-BrINBvML.svg)
}

.fi-id.fis {
    background-image: url(../images/id-CJiY5UnY.svg)
}

.fi-br.fis {
    background-image: url(../images/br-Yf30zEjB.svg)
}

.fi-cn.fis {
    background-image: url(../images/cn-sZmOitVP.svg)
}

.fi-ph.fis {
    background-image: url(../images/ph-C1bDRxKV.svg)
}

.fi-vn.fis {
    background-image: url(../images/vn-CsUBJx2L.svg)
}

#app {
    --color-accent: #fff;
    --color-main: var(--theme-color-800, #fff);
    --color-base: #fff;
    --color-secondary: #566488;
    --color-extra: var(--color-text-white-100, #566488);
    --color-theme-main: var(--theme-color-700, #38a8fa);
    --color-theme-base: var(--theme-color-800, #38a8fa);
    --color-theme-secondary: var(--theme-color-900, #38a8fa);
    --color-theme-extra: var(--theme-color-500, var(--theme-color-600), #38a8fa);
    --gradient-blue1: linear-gradient(to bottom, #38a8fa, #0167ca);
    --gradient-blue2: linear-gradient(0deg, #0167CA -13.77%, #38A8FA 102.34%);
    --gradient-blue-gray1: linear-gradient(90deg, #131826 46.36%, rgba(28, 35, 52, 0) 100%);
    --gradient-blue-gray2: linear-gradient(270deg, #131826 46.36%, rgba(28, 35, 52, 0) 100%);
    --gradient-green-green-1: linear-gradient(to bottom, #13C96A, #1D9554);
    --bg-main-tabs: var(--color-bg-100);
    --color-main-tabs-btn-active: #fff;
    --color-main-tabs-flexible: #94FF7F;
    --bg-main-underline: #94FF7F;
    --bg-main-announcement: var(--color-bg-300);
    --bg-main-drawer-left: var(--color-bg-300, #090F1F);
    --bg-main-drawer-left-card: var(--color-bg-200, #1C2334);
    --bg-inicio-watermark: var(--color-bg-200);
    --bg-inicio-float-btn1: var(--theme-color-gradient-100, var(--gradient-blue1));
    --bg-inicio-float-btn2: var(--color-bg-100, #090f1f);
    --bg-inicio-float-btn2-icon: var(--theme-color-gradient-100, var(--gradient-blue1));
    --bg-inicio-PwaView-toolbar: var(--color-bg-200);
    --bg-inicio-PwaView-toolbar-install: linear-gradient(0deg, #0167CA -13.77%, #38A8FA 102.34%);
    --color-inicio-PwaView-toolbar-install: #fff;
    --bg-inicio-marquee: var(--color-bg-50, #131826);
    --bg-inicio-marquee-icon1: var(--gradient-green1, var(--gradient-blue-gray1));
    --color-inicio-marquee-icon2: #38A8FA;
    --bg-inicio-marquee-icon2: var(--gradient-green2, var(--gradient-blue-gray2));
    --bg-inicio-HeaderBar-btn-login: linear-gradient(0deg, #0167CA -13.77%, #38A8FA 102.34%);
    --color-inicio-HeaderBar-btn-login: #fff;
    --bg-inicio-HeaderBar-btn-register: var(--gradient-green-green-1);
    --color-inicio-HeaderBar-btn-register: #fff;
    --bg-inicio-HeaderBar-assets: transparent;
    --color-inicio-HeaderBar-assets-prefix: var(--accent-color-orange-2);
    --bg-inicio-HeaderBar-assets-icon: var(--gradient-green-green-1);
    --color-inicio-HeaderBar-assets-icon: var(--color-bg-100);
    --bg-inicio-HeaderBar-btn: var(--color-bg-100);
    --color-inicio-SortView-logo: var(--color-theme-base);
    --bg-inicio-SortView-bar: var(--color-bg-200);
    --color-inicio-SortView-bar-total: var(--color-base);
    --bg-game-search-searchbar: var(--ion-background-color);
    --bg-game-search-tabs-btn-index: var(--color-theme-base, #1c2334);
    --color-game-search-tabs-btn-active: var(--color-secondary);
    --color-game-search-tabs-icon-active: var(--color-theme-base);
    --bg-game-category-toolbar: var(--color-bg-300, #090F1F);
    --color-game-category-tabs-btn-active: var(--color-base);
    --bg-game-category-tabs-btn-active: var(--color-theme-base, var(--gradient-blue2))
}

.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
}

.green-default #app {
    --color-base: var(--color-text-gray-100);
    --color-secondary: var(--color-text-gray-200);
    --color-inicio-marquee-icon2: #fff;
    --color-main-tabs-btn-active: var(--accent-color-yellow);
    --bg-game-category-tabs-btn-active: var(--color-bg-100);
    --bg-inicio-HeaderBar-btn-login: var(--theme-color-gradient-100);
    --bg-inicio-HeaderBar-btn-register: var(--theme-color-gradient-200);
    --color-inicio-HeaderBar-assets-prefix: #FBA531;
    --bg-inicio-HeaderBar-assets-icon: var(--theme-color-gradient-200);
    --color-inicio-HeaderBar-assets-icon: #fff;
    --color-game-search-tabs-icon-active: #fff;
    --bg-inicio-PwaView-toolbar: var(--theme-color-gradient-300);
    --bg-inicio-PwaView-toolbar-install: var(--theme-color-gradient-200);
    --color-inicio-PwaView-toolbar-install: var(--color-bg-400)
}

.yellow-dark #app,
.green-dark #app {
    --color-secondary: var(--text-color-white-40);
    --color-base: var(--text-color-white-100);
    --color-inicio-SortView-bar-total: var(--color-theme-base);
    --color-game-search-tabs-btn-active: var(--color-base)
}

.purple-light #app {
    --color-secondary: var(--text-color-black-80);
    --color-base: var(--text-color-black-100);
    --color-game-category-tabs-btn-active: #fff;
    --color-inicio-SortView-bar-total: var(--color-theme-base)
}

.amber-purple #app {
    --gradient-yellow-purple: linear-gradient(5deg, #F0BF4A 20.82%, #8D36D1 112.62%);
    --gradient-green-blue: linear-gradient(2deg, #3BDF86 23.05%, #2376A4 98.19%);
    --gradient-green-green: linear-gradient(180deg, #64C536 0%, #15C18D 100%);
    --color-base: var(--text-color-light-purple-1-100);
    --color-secondary: var(--text-color-light-purple-2-100);
    --bg-game-search-tabs-btn-index: var(--gradients-indicatorLine);
    --color-game-search-tabs-btn-active: var(--color-base);
    --bg-game-search-searchbar: transparent;
    --bg-inicio-HeaderBar-btn-login: var(--gradient-green-blue);
    --bg-inicio-HeaderBar-btn-register: var(--gradient-yellow-purple);
    --bg-inicio-float-btn1: var(--gradient-green-green);
    --color-inicio-SortView-logo: var(--accent-color-orange);
    --bg-inicio-HeaderBar-assets-icon: var(--accent-color-yellow);
    --color-inicio-HeaderBar-assets-prefix: var(--accent-color-orange);
    --bg-inicio-HeaderBar-assets: linear-gradient(to right, var(--color-bg-100), var(--color-bg-100)), var(--gradients-orange-purple)
}

.amber-purple #app .border-gradient {
    background: var(--bg-inicio-HeaderBar-assets);
    border-style: solid;
    border-color: transparent;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box
}

:root {
    --ion-color-primary: #3880FF;
    --ion-color-primary-rgb: 56, 128, 255;
    --ion-color-primary-contrast: #ffffff;
    --ion-color-primary-contrast-rgb: 255, 255, 255;
    --ion-color-primary-shade: #3171e0;
    --ion-color-primary-tint: #4c8dff;
    --ion-color-secondary: #3dc2ff;
    --ion-color-secondary-rgb: 61, 194, 255;
    --ion-color-secondary-contrast: #ffffff;
    --ion-color-secondary-contrast-rgb: 255, 255, 255;
    --ion-color-secondary-shade: #36abe0;
    --ion-color-secondary-tint: #50c8ff;
    --ion-color-tertiary: #5260ff;
    --ion-color-tertiary-rgb: 82, 96, 255;
    --ion-color-tertiary-contrast: #ffffff;
    --ion-color-tertiary-contrast-rgb: 255, 255, 255;
    --ion-color-tertiary-shade: #4854e0;
    --ion-color-tertiary-tint: #6370ff;
    --ion-color-success: #2dd36f;
    --ion-color-success-rgb: 45, 211, 111;
    --ion-color-success-contrast: #ffffff;
    --ion-color-success-contrast-rgb: 255, 255, 255;
    --ion-color-success-shade: #28ba62;
    --ion-color-success-tint: #42d77d;
    --ion-color-warning: #ffc409;
    --ion-color-warning-rgb: 255, 196, 9;
    --ion-color-warning-contrast: #000000;
    --ion-color-warning-contrast-rgb: 0, 0, 0;
    --ion-color-warning-shade: #e0ac08;
    --ion-color-warning-tint: #ffca22;
    --ion-color-danger: #eb445a;
    --ion-color-danger-rgb: 235, 68, 90;
    --ion-color-danger-contrast: #ffffff;
    --ion-color-danger-contrast-rgb: 255, 255, 255;
    --ion-color-danger-shade: #cf3c4f;
    --ion-color-danger-tint: #ed576b;
    --ion-color-dark: #222428;
    --ion-color-dark-rgb: 34, 36, 40;
    --ion-color-dark-contrast: #ffffff;
    --ion-color-dark-contrast-rgb: 255, 255, 255;
    --ion-color-dark-shade: #1e2023;
    --ion-color-dark-tint: #383a3e;
    --ion-color-medium: #92949c;
    --ion-color-medium-rgb: 146, 148, 156;
    --ion-color-medium-contrast: #ffffff;
    --ion-color-medium-contrast-rgb: 255, 255, 255;
    --ion-color-medium-shade: #808289;
    --ion-color-medium-tint: #9d9fa6;
    --ion-color-light: #f4f5f8;
    --ion-color-light-rgb: 244, 245, 248;
    --ion-color-light-contrast: #000000;
    --ion-color-light-contrast-rgb: 0, 0, 0;
    --ion-color-light-shade: #d7d8da;
    --ion-color-light-tint: #f5f6f9;
    --ion-background-color: #090F1F;
    --ion-background-color-rgb: 0, 0, 0;
    --ion-text-color: #ffffff;
    --ion-text-color-rgb: 255, 255, 255;
    --ion-color-step-50: #0d0d0d;
    --ion-color-step-100: #1a1a1a;
    --ion-color-step-150: #262626;
    --ion-color-step-200: #333333;
    --ion-color-step-250: #404040;
    --ion-color-step-300: #4d4d4d;
    --ion-color-step-350: #595959;
    --ion-color-step-400: #666666;
    --ion-color-step-450: #737373;
    --ion-color-step-500: #808080;
    --ion-color-step-550: #8c8c8c;
    --ion-color-step-600: #999999;
    --ion-color-step-650: #a6a6a6;
    --ion-color-step-700: #b3b3b3;
    --ion-color-step-750: #bfbfbf;
    --ion-color-step-800: #cccccc;
    --ion-color-step-850: #d9d9d9;
    --ion-color-step-900: #e6e6e6;
    --ion-color-step-950: #f2f2f2;
    --ion-item-background: #090F1F;
    --ion-tab-bar-background: #101629;
    --ion-card-background: #1c1c1d;
    --color-primary-800: #1680DC;
    --ion-toolbar-background: var(--ion-color-step-150);
    --ion-toolbar-border-color: var(--ion-color-step-250);
    --color-focus: #0167CA;
    --color-text-100: #fff;
    --color-bg-200: #1A223A;
    --line-color: #1A223A;
    --color-bg-400: #101629;
    --color-card-bg-200: #182434;
    --color-card-bg-300: #090F1F;
    --color-button-bg-update: #FBA531;
    --color-segment-md: #566488;
    --color-segment-md-indicator: #38A8FA;
    --rounded-small: .3125rem;
    --rounded-button-tab: .5rem;
    --rounded-segment: .75rem;
    --rounded-card-game: .75rem;
    --color-border: #292D36;
    --color-bg-tab-on: linear-gradient(0deg, #0167CA -13.77%, #38A8FA 102.34%);
    --color-bg-segment-ios: linear-gradient(0deg, #1C2334, #141b2a);
    --color-bg-segment-ios-indicator: linear-gradient(0deg, #0167CA -13.77%, #38A8FA 102.34%);
    --color-checkbox-bg: linear-gradient(0deg, #0167CA 0%, #38A8FA 100%);
    --font-size-24: 1.5rem;
    --font-size-20: 1.25rem;
    --font-size-18: 1.125rem;
    --font-size-16: 1rem;
    --font-size-14: .875rem;
    --font-size-12: .75rem;
    --font-size-10: .625rem;
    --font-size-8: .5rem;
    --color-currency: #FBA531;
    --color-bar-bg: #090F1F;
    --color-bg-toast: var(--ion-color-dark);
    --color-bg-mask-black: rgba(0, 0, 0, .8)
}

.empty-bg-img {
    background: transparent url(/icons/No_record.png) no-repeat;
    background-size: 7.5rem
}

ion-spinner {
    --color: var(--theme-color-800)
}

.text-\[\#FF0000\] {
    color: red
}

.line-before:before {
    content: "";
    display: block;
    width: 100%;
    height: .0625rem;
    margin-top: var(--line-margin-top);
    margin-bottom: var(--line-margin-bottom);
    background: var(--line-color)
}

.line-after:after {
    content: "";
    display: block;
    width: 100%;
    height: .0625rem;
    margin-top: var(--line-margin-top);
    margin-bottom: var(--line-margin-bottom);
    background: var(--line-color)
}

.background-border-top {
    position: relative
}

.background-border-top:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: .0625rem;
    background: var(--border-color1)
}

.background-border-bottom {
    position: relative
}

.background-border-bottom:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .0625rem;
    background: var(--border-color2)
}

ion-button[data-v-23c77edc]::part(native) {
    width: 6.875rem;
    height: 2.1875rem;
    border-radius: .3125rem
}

.btnList[data-v-23c77edc]:nth-child(2) {
    margin-left: 1.875rem
}

.bg-img-wrapper[data-v-23c77edc] {
    border-radius: var(--ep-border-radius-surface-small, 1.125rem) var(--ep-border-radius-surface-small, 1.125rem) 0 0;
    overflow: hidden
}

.leftBtn[data-v-23c77edc] {
    min-height: 2.1875rem;
    --background: var(--color-bg-btn-popup-cancel);
    --color: var(--color-text-btn-basic);
    --box-shadow: none;
    font-size: .75rem
}

.rightBtn[data-v-23c77edc] {
    min-height: 2.1875rem;
    --background: transparent;
    --background-activated: transparent;
    --border-width: .0625rem;
    --border-style: solid;
    --border-color: var(--color-border-popup-confirm);
    --color: #595959;
    --box-shadow: none;
    font-size: .75rem
}

.color-primary-600[data-v-b3bdd585] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-b3bdd585] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-b3bdd585] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-b3bdd585] {
    color: var(--color-primary-900)
}

.bg-100[data-v-b3bdd585] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-b3bdd585] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-b3bdd585] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-b3bdd585] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-b3bdd585] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-b3bdd585] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-b3bdd585] {
    background-color: var(--color-warning)
}

.bg-link[data-v-b3bdd585] {
    background-color: var(--color-link)
}

.bg-danger[data-v-b3bdd585] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-b3bdd585] {
    color: var(--color-text-100)
}

.color-text-80[data-v-b3bdd585] {
    color: var(--color-text-80)
}

.color-text-50[data-v-b3bdd585] {
    color: var(--color-text-50)
}

.color-text-40[data-v-b3bdd585] {
    color: var(--color-text-40)
}

.color-text-20[data-v-b3bdd585] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-b3bdd585] {
    color: var(--color-currency)
}

.color-warning[data-v-b3bdd585] {
    color: var(--color-warning)
}

.color-danger[data-v-b3bdd585] {
    color: var(--color-danger)
}

.color-link[data-v-b3bdd585] {
    color: var(--color-link)
}

.color-line[data-v-b3bdd585] {
    color: var(--color-line)
}

.color-border[data-v-b3bdd585] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-b3bdd585] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-b3bdd585] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-b3bdd585] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-b3bdd585] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-b3bdd585] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-b3bdd585] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-b3bdd585] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-b3bdd585] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-b3bdd585] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-b3bdd585] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-b3bdd585] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-b3bdd585] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-b3bdd585] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-b3bdd585] {
    display: flex;
    align-items: center
}

.flex-start[data-v-b3bdd585] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-b3bdd585] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-b3bdd585] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-b3bdd585] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-b3bdd585] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-b3bdd585] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-b3bdd585] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-b3bdd585] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-b3bdd585] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-b3bdd585] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-b3bdd585] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-b3bdd585] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-b3bdd585] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-b3bdd585] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-b3bdd585] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-b3bdd585] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-b3bdd585] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-b3bdd585] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-b3bdd585] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-b3bdd585] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-b3bdd585] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-b3bdd585] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-b3bdd585] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-b3bdd585] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-b3bdd585],
.mlm-selected-item[data-v-b3bdd585] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-b3bdd585] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-b3bdd585]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-b3bdd585] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-b3bdd585] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-b3bdd585] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.public-popup-wrap[data-v-b3bdd585] {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.main-bg[data-v-b3bdd585] {
    width: 21.25rem;
    min-height: 13.75rem;
    position: relative;
    background-color: var(--ep-color-background-fill-surface-raised-L1, var(--common-dialog-bg));
    border-radius: var(--ep-border-radius-surface-small, 1.125rem)
}

.bg-img-wrapper[data-v-b3bdd585] {
    border-radius: var(--ep-border-radius-surface-small, 1.125rem) var(--ep-border-radius-surface-small, 1.125rem) 0 0;
    overflow: hidden
}

.popup-icon[data-v-b3bdd585] {
    position: absolute;
    top: 0
}

.content-wrapper[data-v-b3bdd585] {
    width: 100%;
    min-height: 3.75rem;
    margin: 1.25rem 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.content[data-v-b3bdd585] {
    width: 16.25rem;
    font-size: var(--ep-font-size-m, .875rem);
    line-height: 1.5;
    font-weight: var(--ep-font-weight-regular, 400);
    text-align: center;
    color: var(--ep-color-text-weak, var(--common-dialog-text-color))
}

.btn-wrapper[data-v-b3bdd585] {
    margin: 0 .5rem 1.25rem;
    display: flex;
    align-items: center;
    justify-content: space-around
}

.left-btn[data-v-b3bdd585] {
    background-color: var(--ep-dynamic-primary, var(--common-dialog-left-btn-bg));
    color: var(--ep-color-text-inverse, var(--common-dialog-left-btn-text-color))
}

.right-btn[data-v-b3bdd585] {
    background-color: var(--ep-color-background-fill-surface-raised-L2, var(--common-dialog-right-btn-bg));
    color: var(--ep-color-text-default, var(--common-dialog-right-btn-text-color))
}

.color-primary-600[data-v-ef4f7c0c] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-ef4f7c0c] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-ef4f7c0c] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-ef4f7c0c] {
    color: var(--color-primary-900)
}

.bg-100[data-v-ef4f7c0c] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-ef4f7c0c] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-ef4f7c0c] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-ef4f7c0c] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-ef4f7c0c] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-ef4f7c0c] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-ef4f7c0c] {
    background-color: var(--color-warning)
}

.bg-link[data-v-ef4f7c0c] {
    background-color: var(--color-link)
}

.bg-danger[data-v-ef4f7c0c] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-ef4f7c0c] {
    color: var(--color-text-100)
}

.color-text-80[data-v-ef4f7c0c] {
    color: var(--color-text-80)
}

.color-text-50[data-v-ef4f7c0c] {
    color: var(--color-text-50)
}

.color-text-40[data-v-ef4f7c0c] {
    color: var(--color-text-40)
}

.color-text-20[data-v-ef4f7c0c] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-ef4f7c0c] {
    color: var(--color-currency)
}

.color-warning[data-v-ef4f7c0c] {
    color: var(--color-warning)
}

.color-danger[data-v-ef4f7c0c] {
    color: var(--color-danger)
}

.color-link[data-v-ef4f7c0c] {
    color: var(--color-link)
}

.color-line[data-v-ef4f7c0c] {
    color: var(--color-line)
}

.color-border[data-v-ef4f7c0c] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-ef4f7c0c] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-ef4f7c0c] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-ef4f7c0c] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-ef4f7c0c] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-ef4f7c0c] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-ef4f7c0c] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-ef4f7c0c] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-ef4f7c0c] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-ef4f7c0c] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-ef4f7c0c] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-ef4f7c0c] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-ef4f7c0c] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-ef4f7c0c] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-ef4f7c0c] {
    display: flex;
    align-items: center
}

.flex-start[data-v-ef4f7c0c] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-ef4f7c0c] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-ef4f7c0c] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-ef4f7c0c] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-ef4f7c0c] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-ef4f7c0c] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-ef4f7c0c] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-ef4f7c0c] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-ef4f7c0c] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-ef4f7c0c] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-ef4f7c0c] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-ef4f7c0c] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-ef4f7c0c] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-ef4f7c0c] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-ef4f7c0c] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-ef4f7c0c] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-ef4f7c0c] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-ef4f7c0c] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-ef4f7c0c] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-ef4f7c0c] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-ef4f7c0c] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-ef4f7c0c] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-ef4f7c0c] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-ef4f7c0c] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-ef4f7c0c],
.mlm-selected-item[data-v-ef4f7c0c] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-ef4f7c0c] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-ef4f7c0c]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-ef4f7c0c] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-ef4f7c0c] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-ef4f7c0c] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.footer[data-v-ef4f7c0c] {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5rem;
    margin: 0 auto;
    padding-top: 1.25rem;
    color: #fff
}

.footer .btn[data-v-ef4f7c0c-s] {
    width: 17.5rem;
    height: 2.5rem;
    border-radius: .625rem;
    text-align: center;
    line-height: 2.5rem;
    margin: 0 auto
}

.footer .shiny[data-v-ef4f7c0c-s] {
    position: relative;
    overflow: hidden;
    color: #fff
}

.footer .shiny[data-v-ef4f7c0c-s]:before {
    content: "";
    animation: shiny-ef4f7c0c 8s ease-in-out infinite;
    background: #fff;
    display: inline-block;
    height: 100%;
    left: 0;
    position: absolute;
    top: -180px;
    width: 30px;
    z-index: 100
}

@keyframes shiny-ef4f7c0c {
    0% {
        opacity: 0;
        transform: scale(0) rotate(45deg)
    }

    80% {
        opacity: .5;
        transform: scale(0) rotate(45deg)
    }

    81% {
        opacity: 1;
        transform: scale(4) rotate(45deg)
    }

    to {
        opacity: 0;
        transform: scale(50) rotate(45deg)
    }
}

.footer[data-v-ef4f7c0c] {
    background-color: var(--color-bg-100);
    box-shadow: 0 .5px 0 0 var(--color-border) inset
}

.footer .unable[data-v-ef4f7c0c-s] {
    background: var(--color-btn-gradient-footerUnable);
    color: var(--color-text-white-100)
}

.footer .enable[data-v-ef4f7c0c-s] {
    background: var(--color-btn-gradient-footer);
    color: var(--color-text-white-100)
}

.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 .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)
}

.auroral-yellow .footer[data-v-ef4f7c0c] {
    background-color: var(--color-bg-100);
    box-shadow: 0 .5px 0 0 var(--color-border) inset
}

.auroral-yellow .footer .unable[data-v-ef4f7c0c-s] {
    background: var(--color-btn-gradient-footerUnable);
    color: var(--color-text-black-100)
}

.auroral-yellow .footer .enable[data-v-ef4f7c0c-s] {
    background: var(--color-btn-gradient-footer);
    color: var(--color-text-black-100)
}

.auroral-yellow .footer .active[data-v-ef4f7c0c-s] {
    background: var(--color-btn-gradient-footer);
    color: var(--color-text-black-100);
    box-shadow: 0 4px 15px rgba(32, 139, 229, .25)
}

.forest-green .footer[data-v-ef4f7c0c] {
    background-color: var(--color-bg-100);
    box-shadow: 0 .5px 0 0 var(--color-border) inset
}

.forest-green .footer .unable[data-v-ef4f7c0c-s] {
    background: var(--color-btn-gradient-footerUnable);
    color: var(--color-text-white-40)
}

.forest-green .footer .enable[data-v-ef4f7c0c-s] {
    background: var(--color-btn-gradient-footer);
    color: var(--color-text-white-100)
}

.forest-green .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)
}

.green-default .footer[data-v-ef4f7c0c] {
    background-color: var(--color-bg-100);
    box-shadow: 0 .5px 0 0 var(--color-line) inset
}

.green-default .footer .unable[data-v-ef4f7c0c-s] {
    background: var(--theme-color-gradient-400);
    color: var(--color-text-white-40)
}

.green-default .footer .enable[data-v-ef4f7c0c-s] {
    background: var(--color-btn-gradient-footer);
    color: var(--color-text-white-100)
}

.green-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)
}

.amber-purple .footer[data-v-ef4f7c0c] {
    background-color: var(--color-bg-100);
    box-shadow: 0 .5px 0 0 var(--line-color) inset
}

.amber-purple .footer .unable[data-v-ef4f7c0c-s] {
    background: var(--gradients-disabled-btn-bg);
    color: var(--text-color-white-40)
}

.amber-purple .footer .enable[data-v-ef4f7c0c-s] {
    background: var(--color-btn-gradient-footer);
    color: var(--color-text-white-100)
}

.amber-purple .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)
}

.new-skin-symbol .footer[data-v-ef4f7c0c] {
    background-color: var(--ep-color-background-fill-surface-raised-L1);
    box-shadow: 0 .5px 0 0 var(--ep-color-border-default) inset
}

.color-primary-600[data-v-7ec2e1cc] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-7ec2e1cc] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-7ec2e1cc] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-7ec2e1cc] {
    color: var(--color-primary-900)
}

.bg-100[data-v-7ec2e1cc] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-7ec2e1cc] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-7ec2e1cc] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-7ec2e1cc] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-7ec2e1cc] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-7ec2e1cc] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-7ec2e1cc] {
    background-color: var(--color-warning)
}

.bg-link[data-v-7ec2e1cc] {
    background-color: var(--color-link)
}

.bg-danger[data-v-7ec2e1cc] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-7ec2e1cc] {
    color: var(--color-text-100)
}

.color-text-80[data-v-7ec2e1cc] {
    color: var(--color-text-80)
}

.color-text-50[data-v-7ec2e1cc] {
    color: var(--color-text-50)
}

.color-text-40[data-v-7ec2e1cc] {
    color: var(--color-text-40)
}

.color-text-20[data-v-7ec2e1cc] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-7ec2e1cc] {
    color: var(--color-currency)
}

.color-warning[data-v-7ec2e1cc] {
    color: var(--color-warning)
}

.color-danger[data-v-7ec2e1cc] {
    color: var(--color-danger)
}

.color-link[data-v-7ec2e1cc] {
    color: var(--color-link)
}

.color-line[data-v-7ec2e1cc] {
    color: var(--color-line)
}

.color-border[data-v-7ec2e1cc] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-7ec2e1cc] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-7ec2e1cc] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-7ec2e1cc] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-7ec2e1cc] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-7ec2e1cc] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-7ec2e1cc] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-7ec2e1cc] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-7ec2e1cc] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-7ec2e1cc] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-7ec2e1cc] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-7ec2e1cc] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-7ec2e1cc] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-7ec2e1cc] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-7ec2e1cc] {
    display: flex;
    align-items: center
}

.flex-start[data-v-7ec2e1cc] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-7ec2e1cc] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-7ec2e1cc] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-7ec2e1cc] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-7ec2e1cc] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-7ec2e1cc] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-7ec2e1cc] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-7ec2e1cc] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-7ec2e1cc] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-7ec2e1cc] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-7ec2e1cc] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-7ec2e1cc] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-7ec2e1cc] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-7ec2e1cc] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-7ec2e1cc] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-7ec2e1cc] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-7ec2e1cc] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-7ec2e1cc] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-7ec2e1cc] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-7ec2e1cc] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-7ec2e1cc] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-7ec2e1cc] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-7ec2e1cc] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-7ec2e1cc] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-7ec2e1cc],
.mlm-selected-item[data-v-7ec2e1cc] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-7ec2e1cc] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-7ec2e1cc]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-7ec2e1cc] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-7ec2e1cc] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-7ec2e1cc] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.illustrate[data-v-7ec2e1cc] {
    width: 22.5rem;
    margin: .875rem auto 7rem;
    border-radius: .9375rem;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .05);
    padding: .625rem;
    line-height: 1.25rem;
    box-sizing: border-box;
    font-size: .75rem
}

.mineral[data-v-7ec2e1cc] {
    background: linear-gradient(transparent 0%, transparent 85%, #090F1F), url(/images/activity/redPacketBg.png) no-repeat;
    background-size: contain
}

.earnings[data-v-7ec2e1cc] {
    font-size: 1.25rem;
    font-weight: 400
}

.time-list[data-v-7ec2e1cc] {
    display: flex;
    flex-wrap: wrap
}

.temp[data-v-7ec2e1cc] {
    background: url(/images/activity/redPacketBg.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center
}

.explain-content[data-v-7ec2e1cc] {
    background: url(/svg/activity/mineral_explain_bg.svg) no-repeat;
    background-size: 100%;
    background-position: center
}

@keyframes shiny-7ec2e1cc {
    0% {
        opacity: 0;
        transform: scale(0) rotate(45deg)
    }

    80% {
        opacity: .5;
        transform: scale(0) rotate(45deg)
    }

    81% {
        opacity: 1;
        transform: scale(4) rotate(45deg)
    }

    to {
        opacity: 0;
        transform: scale(50) rotate(45deg)
    }
}

.illustrate[data-v-7ec2e1cc] {
    background: var(--color-bg-200);
    color: var(--color-text-gray-200)
}

.illustrate[data-v-7ec2e1cc] .ruleHeader .span-cls {
    color: var(--color-text-gray-200)
}

.earnings[data-v-7ec2e1cc] {
    color: var(--accent-color-yellow)
}

ion-modal div.button[data-v-7ec2e1cc] {
    background: var(--theme-color-gradient-400)
}

.mineral-time-date[data-v-7ec2e1cc] {
    background: var(--color-bg-200);
    color: var(--color-text-white-100)
}

.mineral-text-basic[data-v-7ec2e1cc] {
    color: var(--color-text-white-100)
}

.mineral-text-emphasis[data-v-7ec2e1cc] {
    color: var(--accent-color-yellow)
}

.mineral-text-second[data-v-7ec2e1cc] {
    color: var(--color-text-gray-200)
}

.illustrate[data-v-7ec2e1cc] .ruleHeader {
    justify-content: start;
    margin-bottom: 1rem
}

.illustrate[data-v-7ec2e1cc] .ruleHeader .span-cls {
    font-size: 1rem;
    margin: 0
}

.illustrate[data-v-7ec2e1cc] .item-wrap {
    padding: 0 0 0 .375rem
}

.illustrate[data-v-7ec2e1cc] .item-wrap .rule-item {
    color: inherit;
    font-size: .75rem;
    line-height: 1.25rem
}

.blue-default .illustrate[data-v-7ec2e1cc] {
    background: var(--color-bg-200);
    color: var(--color-text-gray-200)
}

.blue-default .illustrate[data-v-7ec2e1cc] .ruleHeader .span-cls {
    color: var(--color-text-gray-200)
}

.blue-default .earnings[data-v-7ec2e1cc] {
    color: var(--accent-color-yellow)
}

.blue-default ion-modal div.button[data-v-7ec2e1cc] {
    background: var(--theme-color-gradient-400)
}

.blue-default .mineral-time-date[data-v-7ec2e1cc] {
    background: var(--color-bg-200);
    color: var(--color-text-white-100)
}

.blue-default .mineral-text-basic[data-v-7ec2e1cc] {
    color: var(--color-text-white-100)
}

.blue-default .mineral-text-emphasis[data-v-7ec2e1cc] {
    color: var(--accent-color-yellow)
}

.blue-default .mineral-text-second[data-v-7ec2e1cc] {
    color: var(--color-text-gray-200)
}

.green-default .illustrate[data-v-7ec2e1cc] {
    background: var(--color-bg-200);
    color: var(--color-text-gray-200)
}

.green-default .illustrate[data-v-7ec2e1cc] .ruleHeader .span-cls {
    color: var(--color-text-gray-200)
}

.green-default .earnings[data-v-7ec2e1cc] {
    color: var(--accent-color-yellow)
}

.green-default ion-modal div.button[data-v-7ec2e1cc] {
    background: var(--theme-color-gradient-200)
}

.green-default .mineral-time-date[data-v-7ec2e1cc] {
    background: var(--color-bg-200);
    color: var(--color-text-gray-100)
}

.green-default .mineral-text-basic[data-v-7ec2e1cc] {
    color: var(--color-text-gray-100)
}

.green-default .mineral-text-emphasis[data-v-7ec2e1cc] {
    color: var(--accent-color-yellow)
}

.green-default .mineral-text-second[data-v-7ec2e1cc] {
    color: var(--color-text-gray-200)
}

.amber-purple .illustrate[data-v-7ec2e1cc] {
    background: var(--color-bg-200);
    color: var(--text-color-light-purple-2-100)
}

.amber-purple .illustrate[data-v-7ec2e1cc] .ruleHeader .span-cls {
    color: var(--text-color-light-purple-2-100)
}

.amber-purple .earnings[data-v-7ec2e1cc] {
    color: var(--accent-color-yellow)
}

.amber-purple ion-modal div.button[data-v-7ec2e1cc] {
    background: var(--theme-color-gradient-200)
}

.amber-purple .mineral-time-date[data-v-7ec2e1cc] {
    background: var(--color-bg-200);
    color: var(--text-color-light-purple-1-100)
}

.amber-purple .mineral-text-basic[data-v-7ec2e1cc] {
    color: var(--text-color-light-purple-1-100)
}

.amber-purple .mineral-text-emphasis[data-v-7ec2e1cc] {
    color: var(--accent-color-yellow)
}

.amber-purple .mineral-text-second[data-v-7ec2e1cc] {
    color: var(--text-color-light-purple-2-100)
}

.color-primary-600[data-v-13640743] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-13640743] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-13640743] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-13640743] {
    color: var(--color-primary-900)
}

.bg-100[data-v-13640743] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-13640743] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-13640743] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-13640743] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-13640743] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-13640743] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-13640743] {
    background-color: var(--color-warning)
}

.bg-link[data-v-13640743] {
    background-color: var(--color-link)
}

.bg-danger[data-v-13640743] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-13640743] {
    color: var(--color-text-100)
}

.color-text-80[data-v-13640743] {
    color: var(--color-text-80)
}

.color-text-50[data-v-13640743] {
    color: var(--color-text-50)
}

.color-text-40[data-v-13640743] {
    color: var(--color-text-40)
}

.color-text-20[data-v-13640743] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-13640743] {
    color: var(--color-currency)
}

.color-warning[data-v-13640743] {
    color: var(--color-warning)
}

.color-danger[data-v-13640743] {
    color: var(--color-danger)
}

.color-link[data-v-13640743] {
    color: var(--color-link)
}

.color-line[data-v-13640743] {
    color: var(--color-line)
}

.color-border[data-v-13640743] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-13640743] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-13640743] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-13640743] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-13640743] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-13640743] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-13640743] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-13640743] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-13640743] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-13640743] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-13640743] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-13640743] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-13640743] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-13640743] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-13640743] {
    display: flex;
    align-items: center
}

.flex-start[data-v-13640743] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-13640743] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-13640743] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-13640743] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-13640743] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-13640743] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-13640743] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-13640743] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-13640743] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-13640743] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-13640743] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-13640743] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-13640743] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-13640743] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-13640743] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-13640743] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-13640743] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-13640743] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-13640743] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-13640743] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-13640743] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-13640743] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-13640743] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-13640743] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-13640743],
.mlm-selected-item[data-v-13640743] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-13640743] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-13640743]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-13640743] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-13640743] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-13640743] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.illustrate[data-v-13640743] {
    width: 22.5rem;
    margin: .875rem auto 7rem;
    border-radius: var(--rounded-middle);
    background: var(--color-bg-200);
    color: var(--color-activity-rule);
    padding: .625rem;
    line-height: 1.25rem;
    box-sizing: border-box;
    font-size: .75rem
}

.earnings[data-v-13640743] {
    font-size: 1.25rem;
    font-weight: 400;
    color: var(--color-currency)
}

.time-list[data-v-13640743] {
    display: flex;
    flex-wrap: wrap
}

.explain-content[data-v-13640743] {
    background: url(/svg/activity/mineral_explain_bg.svg) no-repeat;
    background-size: 100%;
    background-position: center
}

.new-skin-symbol .color-text-40[data-v-13640743] {
    color: var(--ep-color-text-weaker)
}

.illustrate[data-v-13640743] .ruleHeader {
    justify-content: start;
    margin-bottom: 1rem
}

.illustrate[data-v-13640743] .ruleHeader .span-cls {
    font-size: 1rem;
    margin: 0
}

.illustrate[data-v-13640743] .item-wrap {
    padding: 0
}

.illustrate[data-v-13640743] .item-wrap .rule-item {
    font-size: .75rem;
    line-height: 1.25rem;
    color: var(--color-activity-rule)
}

.color-primary-600[data-v-f270f862] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-f270f862] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-f270f862] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-f270f862] {
    color: var(--color-primary-900)
}

.bg-100[data-v-f270f862] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-f270f862] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-f270f862] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-f270f862] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-f270f862] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-f270f862] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-f270f862] {
    background-color: var(--color-warning)
}

.bg-link[data-v-f270f862] {
    background-color: var(--color-link)
}

.bg-danger[data-v-f270f862] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-f270f862] {
    color: var(--color-text-100)
}

.color-text-80[data-v-f270f862] {
    color: var(--color-text-80)
}

.color-text-50[data-v-f270f862] {
    color: var(--color-text-50)
}

.color-text-40[data-v-f270f862] {
    color: var(--color-text-40)
}

.color-text-20[data-v-f270f862] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-f270f862] {
    color: var(--color-currency)
}

.color-warning[data-v-f270f862] {
    color: var(--color-warning)
}

.color-danger[data-v-f270f862] {
    color: var(--color-danger)
}

.color-link[data-v-f270f862] {
    color: var(--color-link)
}

.color-line[data-v-f270f862] {
    color: var(--color-line)
}

.color-border[data-v-f270f862] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-f270f862] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-f270f862] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-f270f862] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-f270f862] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-f270f862] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-f270f862] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-f270f862] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-f270f862] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-f270f862] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-f270f862] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-f270f862] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-f270f862] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-f270f862] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-f270f862] {
    display: flex;
    align-items: center
}

.flex-start[data-v-f270f862] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-f270f862] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-f270f862] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-f270f862] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-f270f862] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-f270f862] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-f270f862] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-f270f862] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-f270f862] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-f270f862] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-f270f862] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-f270f862] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-f270f862] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-f270f862] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-f270f862] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-f270f862] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-f270f862] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-f270f862] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-f270f862] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-f270f862] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-f270f862] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-f270f862] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-f270f862] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-f270f862] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-f270f862],
.mlm-selected-item[data-v-f270f862] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-f270f862] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-f270f862]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-f270f862] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-f270f862] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-f270f862] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-modal[data-v-f270f862] {
    --max-width: 486px;
    --height: 100%;
    background: rgba(9, 14, 33, .5);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px)
}

ion-content[data-v-f270f862] {
    --background: transparent;
    font-family: Prompt !important
}

.modal-tips[data-v-f270f862] {
    font-size: 2.5rem;
    line-height: 2.5rem;
    font-weight: 900;
    background: linear-gradient(90deg, #eca326, #9e2326 51.24%, #1659e6 75.54%);
    -webkit-text-stroke-width: .1313rem;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-style: normal;
    -webkit-text-stroke-color: #eed3a5;
    text-transform: uppercase
}

.available-img-box .rotate-beam[data-v-f270f862] {
    z-index: 1;
    animation: rotateAnimation-f270f862 14s linear infinite
}

.available-img-box .available-start1[data-v-f270f862],
.available-img-box .available-start2[data-v-f270f862],
.available-img-box .available-start3[data-v-f270f862] {
    widows: 19.421rem;
    height: 15.3514rem;
    animation: starAnimation-f270f862 3s ease-in-out infinite
}

.available-img-box .available-start2[data-v-f270f862] {
    animation: starAnimation-f270f862 4s ease-in-out infinite
}

.available-img-box .available-start3[data-v-f270f862] {
    animation: starAnimation-f270f862 5s ease-in-out infinite
}

.available-img-box .halo[data-v-f270f862] {
    max-width: 27.5rem !important;
    height: 27.5rem
}

.available-img-box .reward-diamonds[data-v-f270f862] {
    width: 7.9638rem;
    height: 7.9638rem
}

.available-img-box .reward-money .reward-money-color[data-v-f270f862],
.available-img-box .reward-money .reward-money-x[data-v-f270f862] {
    background: linear-gradient(180deg, #ffb54c -9.75%, #fff2bf 93.46%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.available-img-box .reward-money .reward-money-x[data-v-f270f862] {
    font-size: 24px;
    font-weight: 700
}

.available-img-box .reward-money .reward-money-color[data-v-f270f862] {
    font-size: 2rem;
    font-weight: 900
}

.reward-info[data-v-f270f862] {
    color: #95a9d3;
    font-size: .75rem
}

.reward-info[data-v-f270f862] span {
    color: #23db8c
}

ion-button.confirmar-btn[data-v-f270f862] {
    min-height: 0;
    height: 2.5rem;
    --background: linear-gradient(90deg, #E5C72B 0%, #A94B53 74.8%);
    --color: #fff;
    --border-radius: .5rem;
    --background-activated: none;
    --background-focused: none;
    --background-hover: none
}

@keyframes rotateAnimation-f270f862 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes starAnimation-f270f862 {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.color-primary-600[data-v-4d0c1673] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-4d0c1673] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-4d0c1673] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-4d0c1673] {
    color: var(--color-primary-900)
}

.bg-100[data-v-4d0c1673] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-4d0c1673] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-4d0c1673] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-4d0c1673] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-4d0c1673] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-4d0c1673] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-4d0c1673] {
    background-color: var(--color-warning)
}

.bg-link[data-v-4d0c1673] {
    background-color: var(--color-link)
}

.bg-danger[data-v-4d0c1673] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-4d0c1673] {
    color: var(--color-text-100)
}

.color-text-80[data-v-4d0c1673] {
    color: var(--color-text-80)
}

.color-text-50[data-v-4d0c1673] {
    color: var(--color-text-50)
}

.color-text-40[data-v-4d0c1673] {
    color: var(--color-text-40)
}

.color-text-20[data-v-4d0c1673] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-4d0c1673] {
    color: var(--color-currency)
}

.color-warning[data-v-4d0c1673] {
    color: var(--color-warning)
}

.color-danger[data-v-4d0c1673] {
    color: var(--color-danger)
}

.color-link[data-v-4d0c1673] {
    color: var(--color-link)
}

.color-line[data-v-4d0c1673] {
    color: var(--color-line)
}

.color-border[data-v-4d0c1673] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-4d0c1673] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-4d0c1673] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-4d0c1673] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-4d0c1673] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-4d0c1673] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-4d0c1673] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-4d0c1673] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-4d0c1673] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-4d0c1673] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-4d0c1673] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-4d0c1673] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-4d0c1673] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-4d0c1673] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-4d0c1673] {
    display: flex;
    align-items: center
}

.flex-start[data-v-4d0c1673] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-4d0c1673] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-4d0c1673] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-4d0c1673] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-4d0c1673] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-4d0c1673] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-4d0c1673] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-4d0c1673] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-4d0c1673] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-4d0c1673] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-4d0c1673] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-4d0c1673] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-4d0c1673] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-4d0c1673] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-4d0c1673] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-4d0c1673] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-4d0c1673] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-4d0c1673] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-4d0c1673] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-4d0c1673] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-4d0c1673] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-4d0c1673] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-4d0c1673] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-4d0c1673] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-4d0c1673],
.mlm-selected-item[data-v-4d0c1673] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-4d0c1673] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-4d0c1673]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-4d0c1673] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-4d0c1673] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-4d0c1673] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-content[data-v-4d0c1673] {
    font-family: Prompt !important;
    --background: #0B152A
}

.mineral-style1-top[data-v-4d0c1673] {
    height: 23.75rem;
    background: url(/images/activity/mineral/mineral_style1_top-bg.png) no-repeat;
    background-size: 100% 100%
}

.mineral-style1-top .star-light[data-v-4d0c1673] {
    mix-blend-mode: screen;
    animation: scaleAnimation-4d0c1673 1.5s ease-in-out infinite
}

.activity-name[data-v-4d0c1673] {
    font-size: 2.5rem;
    line-height: 2.5rem;
    font-weight: 900;
    background: linear-gradient(90deg, #eca326, #9e2326 51.24%, #1659e6 98.54%);
    -webkit-text-stroke-width: .1313rem;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-style: normal;
    -webkit-text-stroke-color: #eed3a5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis
}

.date-tips .date-tips-item[data-v-4d0c1673] {
    background: linear-gradient(180deg, #34ed7e, #26507c);
    width: 2.25rem;
    height: 2.75rem;
    border-radius: .3125rem
}

.date-tips .date-tips-item .date-tips-item-content[data-v-4d0c1673] {
    color: var(--ep-color-text-default, #FFF)
}

.date-tips .date-tips-item .date-tips-item-content .date-value[data-v-4d0c1673] {
    font-size: .875rem;
    line-height: .875rem;
    font-weight: 700
}

.date-tips .date-tips-item .date-tips-item-content .date-name[data-v-4d0c1673] {
    font-size: .5rem
}

.date-tips .start-bg[data-v-4d0c1673] {
    background: linear-gradient(180deg, #ed8d34, #26507c)
}

.date-tips .over-bg[data-v-4d0c1673] {
    background: linear-gradient(180deg, #261616, #1c2f43);
    color: rgba(255, 255, 255, .5)
}

.date-tips .date-footer-line[data-v-4d0c1673] {
    width: .375rem;
    height: .125rem;
    background: #faac47;
    transform: translate(-50%)
}

.date-tips .over-footer-line[data-v-4d0c1673] {
    background: #4f4232
}

.count-down-tips[data-v-4d0c1673] {
    color: #23db8c
}

.mineral-style1-reward[data-v-4d0c1673] {
    border-radius: var(--ep-border-radius-surface-small, .875rem);
    border: .125rem solid var(--ep-color-border-highlight-white, #BBBDFF);
    background: linear-gradient(180deg, var(--ep-color-background-fill-gradients-primary-a, #5582C4) 0%, var(--ep-color-background-fill-gradients-primary-b, #274B80) 100%);
    box-shadow: 0 0 12.9px #4a9fff, 0 5px 11.5px rgba(255, 255, 255, .38) inset
}

.mineral-style1-reward .currency-icon[data-v-4d0c1673] {
    width: 1.1875rem;
    height: 1.1875rem
}

.mineral-style1-reward .reward-merchantCy[data-v-4d0c1673] {
    margin: 0 .375rem
}

.mineral-style1-reward .reward-money[data-v-4d0c1673],
.mineral-style1-reward .reward-merchantCy[data-v-4d0c1673] {
    color: var(--ep-color-text-highlight, #F9D045);
    text-shadow: 0px 0px 9px rgba(252, 208, 88, .43);
    font-size: var(--ep-font-size-xl, 1.125rem);
    font-weight: var(--ep-font-weight-medium, 600)
}

.mineral-style1-reward .reward-tips[data-v-4d0c1673] {
    color: #fff
}

.mineral-style1-content[data-v-4d0c1673] {
    transform: translateY(-4.375rem)
}

.mineral-style1-content .content-box[data-v-4d0c1673] {
    border-radius: .875rem;
    padding: 1.875rem .5625rem 1.1875rem .9375rem;
    background: linear-gradient(180deg, #202f51 .33%, #111542 25.46%)
}

.open-time-item[data-v-4d0c1673] {
    color: #1acd4c;
    min-width: 6.5rem;
    padding: .5625rem 0;
    text-align: center;
    font-size: .75rem;
    border-radius: .375rem;
    border: 1px solid #2A337A;
    background: rgba(20, 23, 60, .5);
    margin-right: .5rem
}

.over-open-time-item[data-v-4d0c1673] {
    background: var(--ep-color-background-fill-glow-primary-opacity-40, rgba(255, 255, 255, .03));
    color: rgba(255, 255, 255, .2)
}

.open-time-item[data-v-4d0c1673]:nth-child(3),
.open-time-item[data-v-4d0c1673]:nth-child(3n) {
    margin-right: 0
}

.mineral-rule-icon[data-v-4d0c1673] {
    width: .8547rem;
    height: .5516rem;
    color: var(--ep-color-background-fill-active-primary, #5764FC)
}

.mineral-rule-icon.right[data-v-4d0c1673] {
    transform: scaleX(-1)
}

.rule-title[data-v-4d0c1673] {
    color: #fff;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.6875rem
}

.mineral-rule-detail[data-v-4d0c1673] .ruleHeader {
    margin-bottom: .9375rem
}

.mineral-rule-detail[data-v-4d0c1673] .ruleHeader .span-cls {
    color: #fff;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.6875rem;
    margin: 0 .375rem
}

.mineral-rule-detail[data-v-4d0c1673] .item-wrap {
    padding: 0
}

.mineral-rule-detail[data-v-4d0c1673] .item-wrap:before {
    content: "";
    display: block;
    width: 100%;
    height: .0625rem;
    background: linear-gradient(90deg, transparent 0%, #5764FC 50%, transparent 100%);
    margin-bottom: .9375rem
}

.mineral-rule-detail[data-v-4d0c1673] .item-wrap .rule-item {
    font-size: .75rem;
    line-height: 1.6875rem;
    color: #95a9d3
}

.mineral-rule-content[data-v-4d0c1673] {
    padding: .9375rem .6875rem 0 .9375rem
}

.mineral-rule-content .mineral-top-border[data-v-4d0c1673] {
    background: linear-gradient(270deg, #1a253a .65%, var(--ep-color-background-fill-gradients-tertiary-a) 49.64%, #192439 100%)
}

.mineral-rule-content .rule-contents[data-v-4d0c1673] {
    color: #95a9d3
}

.mineral-footer-btn[data-v-4d0c1673] {
    padding: 0 .75rem 1.1875rem
}

.mineral-footer-btn .footer-btn-box[data-v-4d0c1673] {
    height: 3.875rem;
    border-radius: .875rem;
    border: 1px solid #384E7A;
    background: #293856;
    box-shadow: 0 4px 17.6px rgba(21, 23, 138, .25)
}

.mineral-footer-btn .footer-btn-box ion-button.available-btn[data-v-4d0c1673] {
    min-height: 0;
    --color: #FFF;
    font-size: .875rem;
    font-weight: 700;
    --background: linear-gradient(90deg, #E5C72B 0%, #A94B53 74.8%);
    --border-radius: .5rem;
    --background-activated: none;
    --background-focused: none;
    --background-hover: none
}

.mineral-footer-btn .footer-btn-box ion-button.unAvailable-btn[data-v-4d0c1673] {
    opacity: .4
}

.new-skin-symbol .mineral-rule-detail[data-v-4d0c1673] .ruleHeader {
    color: var(--ep-color-text-weak)
}

.new-skin-symbol .mineral-rule-detail[data-v-4d0c1673] .item-wrap:before {
    background: linear-gradient(270deg, #1a253a .65%, var(--ep-color-background-fill-gradients-tertiary-a) 49.64%, #192439 100%)
}

.new-skin-symbol .mineral-rule-detail[data-v-4d0c1673] .item-wrap .rule-item {
    color: var(--ep-color-text-weak)
}

.new-skin-symbol .date-tips .date-tips-item[data-v-4d0c1673] {
    background: linear-gradient(90deg, var(--ep-color-background-fill-gradients-tertiary-a) 0%, var(--ep-color-background-fill-gradients-tertiary-b) 100%)
}

.new-skin-symbol .mineral-style1-content .content-box[data-v-4d0c1673] {
    background: linear-gradient(180deg, var(--ep-color-background-fill-gradients-secondary-b) .33%, var(--ep-color-background-fill-gradients-secondary-a) 25.46%)
}

.new-skin-symbol .mineral-style1-content .content-box .open-time-item[data-v-4d0c1673]:not(.over-open-time-item) {
    border: .125rem solid transparent;
    border-radius: .5rem;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    background-image: linear-gradient(to right, var(--ep-color-background-fill-body-default), var(--ep-color-background-fill-body-default)), linear-gradient(110deg, var(--ep-primary-primary-500), var(--ep-inverse-inverse-500));
    color: var(--ep-color-text-success)
}

.new-skin-symbol .mineral-style1-content .content-box .open-time-item[data-v-4d0c1673] {
    border: 1px solid transparent
}

.new-skin-symbol .mineral-style1-content .content-box .rule-title[data-v-4d0c1673],
.new-skin-symbol .mineral-style1-content .content-box .mineral-rule-content p[data-v-4d0c1673] {
    color: var(--ep-color-text-weak)
}

.new-skin-symbol .mineral-footer-btn div.footer-btn-box[data-v-4d0c1673] {
    border: 0;
    background: transparent
}

.new-skin-symbol .mineral-footer-btn div.footer-btn-box ion-button.available-btn[data-v-4d0c1673] {
    height: 2.875rem;
    --background: var(--ep-dynamic-primary, linear-gradient(90deg, #3a8ee3 0%, #cf3f5b 74.8%));
    opacity: 1
}

.new-skin-symbol .mineral-footer-btn div.footer-btn-box ion-button.unAvailable-btn[data-v-4d0c1673] {
    --background: var(--ep-color-background-fill-active-disabled)
}

@keyframes scaleAnimation-4d0c1673 {
    0% {
        transform: scale(2)
    }

    50% {
        transform: scale(1)
    }

    to {
        transform: scale(2)
    }
}

.color-primary-600[data-v-b1d7cf21] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-b1d7cf21] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-b1d7cf21] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-b1d7cf21] {
    color: var(--color-primary-900)
}

.bg-100[data-v-b1d7cf21] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-b1d7cf21] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-b1d7cf21] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-b1d7cf21] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-b1d7cf21] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-b1d7cf21] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-b1d7cf21] {
    background-color: var(--color-warning)
}

.bg-link[data-v-b1d7cf21] {
    background-color: var(--color-link)
}

.bg-danger[data-v-b1d7cf21] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-b1d7cf21] {
    color: var(--color-text-100)
}

.color-text-80[data-v-b1d7cf21] {
    color: var(--color-text-80)
}

.color-text-50[data-v-b1d7cf21] {
    color: var(--color-text-50)
}

.color-text-40[data-v-b1d7cf21] {
    color: var(--color-text-40)
}

.color-text-20[data-v-b1d7cf21] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-b1d7cf21] {
    color: var(--color-currency)
}

.color-warning[data-v-b1d7cf21] {
    color: var(--color-warning)
}

.color-danger[data-v-b1d7cf21] {
    color: var(--color-danger)
}

.color-link[data-v-b1d7cf21] {
    color: var(--color-link)
}

.color-line[data-v-b1d7cf21] {
    color: var(--color-line)
}

.color-border[data-v-b1d7cf21] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-b1d7cf21] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-b1d7cf21] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-b1d7cf21] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-b1d7cf21] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-b1d7cf21] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-b1d7cf21] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-b1d7cf21] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-b1d7cf21] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-b1d7cf21] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-b1d7cf21] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-b1d7cf21] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-b1d7cf21] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-b1d7cf21] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-b1d7cf21] {
    display: flex;
    align-items: center
}

.flex-start[data-v-b1d7cf21] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-b1d7cf21] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-b1d7cf21] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-b1d7cf21] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-b1d7cf21] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-b1d7cf21] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-b1d7cf21] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-b1d7cf21] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-b1d7cf21] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-b1d7cf21] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-b1d7cf21] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-b1d7cf21] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-b1d7cf21] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-b1d7cf21] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-b1d7cf21] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-b1d7cf21] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-b1d7cf21] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-b1d7cf21] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-b1d7cf21] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-b1d7cf21] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-b1d7cf21] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-b1d7cf21] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-b1d7cf21] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-b1d7cf21] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-b1d7cf21],
.mlm-selected-item[data-v-b1d7cf21] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-b1d7cf21] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-b1d7cf21]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-b1d7cf21] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-b1d7cf21] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-b1d7cf21] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-modal[data-v-b1d7cf21] {
    --width: fit-content;
    --height: fit-content;
    background: rgba(23, 26, 34, .75)
}

.availabled-content[data-v-b1d7cf21] {
    width: 20.5rem;
    border-radius: 1rem;
    background: #0e0e0f
}

.availabled-content .availabled-activity-name[data-v-b1d7cf21] {
    color: #fff;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2rem
}

@font-face {
    font-family: MoneyFont;
    src: url(/assets/numbersAndLetters-CEMi_ZIq.otf) format("opentype");
    font-weight: 400;
    font-style: normal
}

.reward-color[data-v-b1d7cf21] {
    font-family: MoneyFont;
    font-weight: 500;
    background: linear-gradient(180deg, #50fe93, #00a53f);
    -webkit-text-stroke-width: .0513rem;
    font-style: normal;
    -webkit-text-stroke-color: #c4edc4
}

.mineral-style2-reward-info[data-v-b1d7cf21] {
    color: #616d93;
    font-size: 1rem;
    line-height: 1.25rem
}

.mineral-style2-confirmar-btn[data-v-b1d7cf21] {
    min-height: 0;
    --border-radius: .25rem;
    --color: #FFF;
    --background: linear-gradient(0deg, #C08505 0%, #FFD272 100%);
    --background-hover: none;
    --background-activated: linear-gradient(0deg, #d9b468 0%, #edca7d 100%);
    --background-focused: linear-gradient(0deg, #d9b468 0%, #edca7d 100%)
}

.close-btn[data-v-b1d7cf21] {
    width: 1.25rem;
    height: 1.25rem
}

.color-primary-600[data-v-33e8ffb8] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-33e8ffb8] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-33e8ffb8] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-33e8ffb8] {
    color: var(--color-primary-900)
}

.bg-100[data-v-33e8ffb8] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-33e8ffb8] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-33e8ffb8] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-33e8ffb8] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-33e8ffb8] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-33e8ffb8] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-33e8ffb8] {
    background-color: var(--color-warning)
}

.bg-link[data-v-33e8ffb8] {
    background-color: var(--color-link)
}

.bg-danger[data-v-33e8ffb8] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-33e8ffb8] {
    color: var(--color-text-100)
}

.color-text-80[data-v-33e8ffb8] {
    color: var(--color-text-80)
}

.color-text-50[data-v-33e8ffb8] {
    color: var(--color-text-50)
}

.color-text-40[data-v-33e8ffb8] {
    color: var(--color-text-40)
}

.color-text-20[data-v-33e8ffb8] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-33e8ffb8] {
    color: var(--color-currency)
}

.color-warning[data-v-33e8ffb8] {
    color: var(--color-warning)
}

.color-danger[data-v-33e8ffb8] {
    color: var(--color-danger)
}

.color-link[data-v-33e8ffb8] {
    color: var(--color-link)
}

.color-line[data-v-33e8ffb8] {
    color: var(--color-line)
}

.color-border[data-v-33e8ffb8] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-33e8ffb8] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-33e8ffb8] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-33e8ffb8] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-33e8ffb8] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-33e8ffb8] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-33e8ffb8] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-33e8ffb8] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-33e8ffb8] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-33e8ffb8] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-33e8ffb8] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-33e8ffb8] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-33e8ffb8] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-33e8ffb8] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-33e8ffb8] {
    display: flex;
    align-items: center
}

.flex-start[data-v-33e8ffb8] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-33e8ffb8] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-33e8ffb8] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-33e8ffb8] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-33e8ffb8] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-33e8ffb8] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-33e8ffb8] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-33e8ffb8] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-33e8ffb8] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-33e8ffb8] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-33e8ffb8] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-33e8ffb8] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-33e8ffb8] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-33e8ffb8] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-33e8ffb8] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-33e8ffb8] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-33e8ffb8] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-33e8ffb8] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-33e8ffb8] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-33e8ffb8] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-33e8ffb8] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-33e8ffb8] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-33e8ffb8] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-33e8ffb8] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-33e8ffb8],
.mlm-selected-item[data-v-33e8ffb8] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-33e8ffb8] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-33e8ffb8]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-33e8ffb8] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-33e8ffb8] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-33e8ffb8] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.header-content[data-v-33e8ffb8] {
    opacity: .5;
    height: 3.125rem;
    background: #101629;
    box-shadow: 0 2px 8px rgba(42, 53, 84, .6);
    border: none
}

.header-content .activity-name[data-v-33e8ffb8] {
    color: #fff;
    font-size: 1.25rem;
    padding-left: 5.625rem;
    padding: .1875rem 5.625rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

ion-content[data-v-33e8ffb8] {
    --background: #0d111c
}

.mineral-style2-top[data-v-33e8ffb8] {
    height: 14.9375rem;
    background: url(/images/activity/mineral/mineral_style2_top_bg.png) no-repeat;
    background-size: 100% 100%
}

.mineral-style2-top .available-money[data-v-33e8ffb8] {
    padding: .5625rem .75rem;
    border-radius: 100px 0 0 100px;
    opacity: .9;
    line-height: 1.25rem;
    background: #1baa76;
    font-size: 1.25rem;
    font-weight: 700
}

.mineral-style2-conten[data-v-33e8ffb8] {
    padding: 1.5rem 1.5625rem 6.75rem;
    background: #090f1f
}

.mineral-style2-conten .count-down-content[data-v-33e8ffb8] {
    padding: 1.25rem 1.5rem;
    border-radius: .5rem;
    background: #222634;
    box-shadow: 0 8px #1b1f2e
}

.mineral-style2-conten .count-down-content .count-down-item[data-v-33e8ffb8]:last-child {
    margin-right: 0
}

.mineral-style2-conten .count-down-content .count-down-item .point-box .point[data-v-33e8ffb8] {
    width: .25rem;
    height: .25rem;
    border-radius: 50%;
    background: #4c5266
}

.mineral-style2-conten .count-down-content .count-down-item .time-bg[data-v-33e8ffb8] {
    color: #1baa76
}

.mineral-style2-conten .count-down-content .count-down-item .time-value[data-v-33e8ffb8] {
    color: #f2f2f2;
    font-size: 60px;
    font-weight: 700;
    font-family: Smooch Sans
}

.mineral-style2-conten .count-down-content .count-down-item .time-line[data-v-33e8ffb8] {
    width: 3.75rem;
    height: .125rem;
    background: #222634;
    transform: translate(-50%, -50%)
}

.mineral-style2-conten .count-down-content .count-down-item .time-name[data-v-33e8ffb8] {
    font-size: .75rem;
    color: #f2f2f2;
    text-transform: uppercase;
    line-height: normal
}

.mineral-style2-conten .count-down-content .forever-count-down .time-bg[data-v-33e8ffb8] {
    color: #0e583e
}

.mineral-style2-conten .count-down-content .forever-count-down .time-value[data-v-33e8ffb8] {
    color: #0a422e
}

.mineral-style2-conten .count-down-content .forever-count-down .time-name[data-v-33e8ffb8] {
    color: #3e4354
}

.mineral-style2-conten .count-down-content .over-count-down .time-bg[data-v-33e8ffb8] {
    color: #4c5266
}

.mineral-style2-conten .count-down-content .over-count-down .time-value[data-v-33e8ffb8] {
    color: #363b49
}

.mineral-style2-conten .count-down-content .over-count-down .time-name[data-v-33e8ffb8] {
    color: #3e4354
}

.mineral-style2-conten .open-time[data-v-33e8ffb8] {
    font-size: 20px;
    font-weight: 700;
    background: linear-gradient(360deg, #465375, #7f8eb3)
}

.mineral-style2-conten .open-time-item[data-v-33e8ffb8] {
    min-width: 6.25rem;
    font-size: .9375rem;
    line-height: 1.25rem;
    color: #fba531;
    margin-right: 1.25rem;
    font-weight: 400;
    font-family: Prompt
}

.mineral-style2-conten .open-time-item[data-v-33e8ffb8]:nth-child(3),
.mineral-style2-conten .open-time-item[data-v-33e8ffb8]:nth-child(3n) {
    margin-right: 0
}

.mineral-style2-conten .over-open-time-item[data-v-33e8ffb8] {
    color: #3e4354
}

.mineral-style2-conten .mineral-style2-activity-rules[data-v-33e8ffb8] {
    width: 100%;
    margin-top: .5rem;
    padding: 1.25rem .75rem;
    background: #101629;
    border-radius: .75rem
}

.mineral-style2-conten .mineral-style2-activity-rules[data-v-33e8ffb8] .ruleHeader {
    margin-bottom: .75rem
}

.mineral-style2-conten .mineral-style2-activity-rules[data-v-33e8ffb8] .ruleHeader .span-cls {
    font-size: 1rem;
    line-height: 1.5rem;
    background: linear-gradient(0deg, #465375, #7f8eb3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    white-space: nowrap;
    margin: 0 .75rem
}

.mineral-style2-conten .mineral-style2-activity-rules[data-v-33e8ffb8] .item-wrap {
    padding: 0
}

.mineral-style2-conten .mineral-style2-activity-rules[data-v-33e8ffb8] .item-wrap .rule-item {
    font-size: 1rem;
    line-height: 1.25rem;
    color: #465375;
    font-family: SF Pro
}

.mineral-style-footer-btn[data-v-33e8ffb8] {
    background: linear-gradient(0deg, #101629, #101629), #262623
}

.mineral-style2-available-btn[data-v-33e8ffb8] {
    min-height: 0;
    font-size: 1rem;
    font-weight: 600;
    --color: #FFF;
    --border-radius: .25rem;
    --background: linear-gradient(0deg, #C08505 0%, #FFD272 100%);
    box-shadow: 0 17px 7px rgba(47, 156, 33, .03);
    --background-hover: none;
    --background-activated: linear-gradient(0deg, #d9b468 0%, #edca7d 100%);
    --background-focused: linear-gradient(0deg, #d9b468 0%, #edca7d 100%)
}

.mineral-style2-unAvailable-btn[data-v-33e8ffb8] {
    box-shadow: 0 .5px #2c354b inset
}

.mineral-style2-unAvailable-btn ion-button.mineral-style2-available-btn[data-v-33e8ffb8] {
    opacity: .5
}

.color-primary-600[data-v-d02e59d9] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-d02e59d9] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-d02e59d9] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-d02e59d9] {
    color: var(--color-primary-900)
}

.bg-100[data-v-d02e59d9] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-d02e59d9] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-d02e59d9] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-d02e59d9] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-d02e59d9] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-d02e59d9] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-d02e59d9] {
    background-color: var(--color-warning)
}

.bg-link[data-v-d02e59d9] {
    background-color: var(--color-link)
}

.bg-danger[data-v-d02e59d9] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-d02e59d9] {
    color: var(--color-text-100)
}

.color-text-80[data-v-d02e59d9] {
    color: var(--color-text-80)
}

.color-text-50[data-v-d02e59d9] {
    color: var(--color-text-50)
}

.color-text-40[data-v-d02e59d9] {
    color: var(--color-text-40)
}

.color-text-20[data-v-d02e59d9] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-d02e59d9] {
    color: var(--color-currency)
}

.color-warning[data-v-d02e59d9] {
    color: var(--color-warning)
}

.color-danger[data-v-d02e59d9] {
    color: var(--color-danger)
}

.color-link[data-v-d02e59d9] {
    color: var(--color-link)
}

.color-line[data-v-d02e59d9] {
    color: var(--color-line)
}

.color-border[data-v-d02e59d9] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-d02e59d9] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-d02e59d9] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-d02e59d9] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-d02e59d9] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-d02e59d9] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-d02e59d9] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-d02e59d9] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-d02e59d9] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-d02e59d9] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-d02e59d9] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-d02e59d9] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-d02e59d9] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-d02e59d9] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-d02e59d9] {
    display: flex;
    align-items: center
}

.flex-start[data-v-d02e59d9] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-d02e59d9] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-d02e59d9] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-d02e59d9] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-d02e59d9] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-d02e59d9] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-d02e59d9] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-d02e59d9] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-d02e59d9] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-d02e59d9] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-d02e59d9] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-d02e59d9] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-d02e59d9] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-d02e59d9] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-d02e59d9] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-d02e59d9] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-d02e59d9] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-d02e59d9] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-d02e59d9] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-d02e59d9] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-d02e59d9] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-d02e59d9] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-d02e59d9] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-d02e59d9] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-d02e59d9],
.mlm-selected-item[data-v-d02e59d9] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-d02e59d9] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-d02e59d9]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-d02e59d9] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-d02e59d9] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-d02e59d9] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.ab-render-img[data-v-d02e59d9] {
    background-size: cover;
    background-position: center
}

.color-primary-600[data-v-f7649232] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-f7649232] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-f7649232] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-f7649232] {
    color: var(--color-primary-900)
}

.bg-100[data-v-f7649232] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-f7649232] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-f7649232] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-f7649232] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-f7649232] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-f7649232] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-f7649232] {
    background-color: var(--color-warning)
}

.bg-link[data-v-f7649232] {
    background-color: var(--color-link)
}

.bg-danger[data-v-f7649232] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-f7649232] {
    color: var(--color-text-100)
}

.color-text-80[data-v-f7649232] {
    color: var(--color-text-80)
}

.color-text-50[data-v-f7649232] {
    color: var(--color-text-50)
}

.color-text-40[data-v-f7649232] {
    color: var(--color-text-40)
}

.color-text-20[data-v-f7649232] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-f7649232] {
    color: var(--color-currency)
}

.color-warning[data-v-f7649232] {
    color: var(--color-warning)
}

.color-danger[data-v-f7649232] {
    color: var(--color-danger)
}

.color-link[data-v-f7649232] {
    color: var(--color-link)
}

.color-line[data-v-f7649232] {
    color: var(--color-line)
}

.color-border[data-v-f7649232] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-f7649232] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-f7649232] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-f7649232] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-f7649232] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-f7649232] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-f7649232] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-f7649232] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-f7649232] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-f7649232] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-f7649232] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-f7649232] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-f7649232] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-f7649232] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-f7649232] {
    display: flex;
    align-items: center
}

.flex-start[data-v-f7649232] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-f7649232] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-f7649232] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-f7649232] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-f7649232] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-f7649232] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-f7649232] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-f7649232] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-f7649232] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-f7649232] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-f7649232] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-f7649232] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-f7649232] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-f7649232] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-f7649232] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-f7649232] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-f7649232] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-f7649232] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-f7649232] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-f7649232] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-f7649232] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-f7649232] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-f7649232] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-f7649232] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-f7649232],
.mlm-selected-item[data-v-f7649232] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-f7649232] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-f7649232]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-f7649232] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-f7649232] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-f7649232] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.share-platform-list[data-v-f7649232] {
    width: 100%;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1
}

.share-platform-list ion-segment[data-v-f7649232] {
    display: flex;
    --background: transparent;
    border-radius: 0
}

.share-platform-list ion-segment-button.ios[data-v-f7649232] {
    --border-radius: .375rem;
    --background: transparent;
    --indicator-color: transparent;
    --padding-start: 0;
    --padding-end: 0;
    --padding-top: 0;
    --padding-bottom: 0;
    --indicator-box-shadow: none;
    text-transform: capitalize;
    min-width: 2.5rem;
    min-height: 2.5rem;
    max-height: 2.5rem;
    margin: 0 .375rem
}

.share-platform-list ion-segment-button.ios[data-v-f7649232]:first-child {
    margin-left: 0
}

.share-platform-list ion-segment-button.ios ion-icon[data-v-f7649232] {
    width: 2.5rem;
    height: 2.5rem
}

.share-platform-list ion-segment-button.segment-button-disabled[data-v-f7649232] {
    opacity: 1
}

.share-platform-list .divder[data-v-f7649232] {
    width: .0625rem;
    height: 2.5rem;
    margin-left: .3125rem;
    border-right: 1px solid var(--ep-color-border-default, #242B42)
}

.share-platform-list .icon-share[data-v-f7649232] {
    min-width: 2.5rem;
    height: 2.5rem;
    color: var(--ep-color-icon-brand-primary, #0A77DA);
    margin-left: .625rem
}

.color-primary-600[data-v-0f17e46d] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-0f17e46d] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-0f17e46d] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-0f17e46d] {
    color: var(--color-primary-900)
}

.bg-100[data-v-0f17e46d] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-0f17e46d] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-0f17e46d] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-0f17e46d] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-0f17e46d] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-0f17e46d] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-0f17e46d] {
    background-color: var(--color-warning)
}

.bg-link[data-v-0f17e46d] {
    background-color: var(--color-link)
}

.bg-danger[data-v-0f17e46d] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-0f17e46d] {
    color: var(--color-text-100)
}

.color-text-80[data-v-0f17e46d] {
    color: var(--color-text-80)
}

.color-text-50[data-v-0f17e46d] {
    color: var(--color-text-50)
}

.color-text-40[data-v-0f17e46d] {
    color: var(--color-text-40)
}

.color-text-20[data-v-0f17e46d] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-0f17e46d] {
    color: var(--color-currency)
}

.color-warning[data-v-0f17e46d] {
    color: var(--color-warning)
}

.color-danger[data-v-0f17e46d] {
    color: var(--color-danger)
}

.color-link[data-v-0f17e46d] {
    color: var(--color-link)
}

.color-line[data-v-0f17e46d] {
    color: var(--color-line)
}

.color-border[data-v-0f17e46d] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-0f17e46d] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-0f17e46d] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-0f17e46d] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-0f17e46d] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-0f17e46d] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-0f17e46d] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-0f17e46d] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-0f17e46d] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-0f17e46d] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-0f17e46d] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-0f17e46d] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-0f17e46d] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-0f17e46d] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-0f17e46d] {
    display: flex;
    align-items: center
}

.flex-start[data-v-0f17e46d] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-0f17e46d] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-0f17e46d] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-0f17e46d] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-0f17e46d] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-0f17e46d] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-0f17e46d] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-0f17e46d] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-0f17e46d] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-0f17e46d] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-0f17e46d] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-0f17e46d] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-0f17e46d] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-0f17e46d] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-0f17e46d] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-0f17e46d] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-0f17e46d] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-0f17e46d] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-0f17e46d] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-0f17e46d] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-0f17e46d] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-0f17e46d] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-0f17e46d] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-0f17e46d] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-0f17e46d],
.mlm-selected-item[data-v-0f17e46d] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-0f17e46d] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-0f17e46d]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-0f17e46d] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-0f17e46d] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-0f17e46d] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.share[data-v-0f17e46d] {
    border-radius: .625rem;
    padding: .75rem;
    background: url(/assets/share-url-bg-COyEscz5.png) no-repeat center / 100% 100%;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    background-color: var(--ep-color-background-fill-surface-raised-L1);
    background-size: 100% auto !important;
    background-position: top center !important
}

.share .title[data-v-0f17e46d] {
    color: var(--color-text-default, #FFF);
    font-size: .75rem;
    font-weight: var(--ep-font-weight-medium)
}

.share .share-content[data-v-0f17e46d] {
    margin-top: .75rem
}

.color-primary-600[data-v-782d4f98] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-782d4f98] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-782d4f98] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-782d4f98] {
    color: var(--color-primary-900)
}

.bg-100[data-v-782d4f98] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-782d4f98] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-782d4f98] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-782d4f98] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-782d4f98] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-782d4f98] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-782d4f98] {
    background-color: var(--color-warning)
}

.bg-link[data-v-782d4f98] {
    background-color: var(--color-link)
}

.bg-danger[data-v-782d4f98] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-782d4f98] {
    color: var(--color-text-100)
}

.color-text-80[data-v-782d4f98] {
    color: var(--color-text-80)
}

.color-text-50[data-v-782d4f98] {
    color: var(--color-text-50)
}

.color-text-40[data-v-782d4f98] {
    color: var(--color-text-40)
}

.color-text-20[data-v-782d4f98] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-782d4f98] {
    color: var(--color-currency)
}

.color-warning[data-v-782d4f98] {
    color: var(--color-warning)
}

.color-danger[data-v-782d4f98] {
    color: var(--color-danger)
}

.color-link[data-v-782d4f98] {
    color: var(--color-link)
}

.color-line[data-v-782d4f98] {
    color: var(--color-line)
}

.color-border[data-v-782d4f98] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-782d4f98] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-782d4f98] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-782d4f98] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-782d4f98] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-782d4f98] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-782d4f98] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-782d4f98] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-782d4f98] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-782d4f98] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-782d4f98] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-782d4f98] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-782d4f98] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-782d4f98] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-782d4f98] {
    display: flex;
    align-items: center
}

.flex-start[data-v-782d4f98] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-782d4f98] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-782d4f98] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-782d4f98] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-782d4f98] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-782d4f98] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-782d4f98] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-782d4f98] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-782d4f98] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-782d4f98] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-782d4f98] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-782d4f98] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-782d4f98] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-782d4f98] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-782d4f98] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-782d4f98] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-782d4f98] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-782d4f98] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-782d4f98] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-782d4f98] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-782d4f98] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-782d4f98] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-782d4f98] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-782d4f98] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-782d4f98],
.mlm-selected-item[data-v-782d4f98] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-782d4f98] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-782d4f98]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-782d4f98] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-782d4f98] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-782d4f98] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.wrap[data-v-782d4f98] {
    width: 21.875rem;
    border-radius: var(--ep-border-radius-surface-large, 20px);
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden;
    min-height: 31.25rem
}

.wrap .close-icon[data-v-782d4f98] {
    position: absolute;
    right: 4px;
    top: 5px;
    font-size: var(--ep-font-size-xxxl, 36px);
    color: #fff;
    cursor: pointer
}

.wrap .wrap-box[data-v-782d4f98] {
    position: absolute;
    width: 100%;
    top: 18rem;
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.wrap .wrap-box .content[data-v-782d4f98] {
    width: 18.75rem;
    margin: 0 auto
}

.wrap .wrap-box .price[data-v-782d4f98] {
    color: var(--ep-color-text-warning, #FC974C);
    text-align: center;
    font-size: var(--ep-font-size-xxxl, 36px);
    font-weight: var(--ep-font-weight-bold, 700);
    line-height: 150%
}

.wrap .wrap-box .price .hold[data-v-782d4f98] {
    font-size: 1.625rem;
    margin-right: .25rem
}

.wrap .wrap-box .tips[data-v-782d4f98] {
    color: var(--ep-color-text-highlight-white-weak, rgba(255, 255, 255, .6));
    text-align: center;
    font-family: var(--font_type-01_font, "SF Pro");
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.25rem;
    letter-spacing: 0
}

.confirmar-btn[data-v-782d4f98] {
    width: 18.75rem;
    height: 2.7125rem;
    --border-radius: .375rem;
    margin-top: 2.0625rem;
    color: var(--ep-color-text-inverse, #FFF);
    font-size: var(--ep-font-size-m, 14px);
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    line-height: 150%;
    --background: var(--ep-dynamic-primary)
}

.star-light[data-v-782d4f98] {
    position: absolute;
    top: 5rem;
    left: 4rem;
    width: 8.875rem;
    height: 8.875rem;
    mix-blend-mode: screen;
    animation: scaleAnimation-782d4f98 1.5s ease-in-out infinite
}

@keyframes scaleAnimation-782d4f98 {
    0% {
        transform: scale(2)
    }

    50% {
        transform: scale(1)
    }

    to {
        transform: scale(2)
    }
}

.color-primary-600[data-v-28209796] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-28209796] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-28209796] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-28209796] {
    color: var(--color-primary-900)
}

.bg-100[data-v-28209796] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-28209796] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-28209796] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-28209796] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-28209796] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-28209796] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-28209796] {
    background-color: var(--color-warning)
}

.bg-link[data-v-28209796] {
    background-color: var(--color-link)
}

.bg-danger[data-v-28209796] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-28209796] {
    color: var(--color-text-100)
}

.color-text-80[data-v-28209796] {
    color: var(--color-text-80)
}

.color-text-50[data-v-28209796] {
    color: var(--color-text-50)
}

.color-text-40[data-v-28209796] {
    color: var(--color-text-40)
}

.color-text-20[data-v-28209796] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-28209796] {
    color: var(--color-currency)
}

.color-warning[data-v-28209796] {
    color: var(--color-warning)
}

.color-danger[data-v-28209796] {
    color: var(--color-danger)
}

.color-link[data-v-28209796] {
    color: var(--color-link)
}

.color-line[data-v-28209796] {
    color: var(--color-line)
}

.color-border[data-v-28209796] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-28209796] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-28209796] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-28209796] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-28209796] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-28209796] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-28209796] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-28209796] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-28209796] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-28209796] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-28209796] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-28209796] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-28209796] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-28209796] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-28209796] {
    display: flex;
    align-items: center
}

.flex-start[data-v-28209796] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-28209796] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-28209796] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-28209796] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-28209796] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-28209796] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-28209796] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-28209796] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-28209796] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-28209796] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-28209796] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-28209796] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-28209796] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-28209796] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-28209796] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-28209796] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-28209796] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-28209796] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-28209796] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-28209796] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-28209796] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-28209796] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-28209796] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-28209796] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-28209796],
.mlm-selected-item[data-v-28209796] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-28209796] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-28209796]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-28209796] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-28209796] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-28209796] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.bg-img[data-v-28209796] {
    background-size: 100% 100%;
    background-position-y: -3.75rem;
    width: 24.375rem;
    height: 49rem;
    position: relative;
    margin-bottom: -2rem
}

.bg-img.share[data-v-28209796] {
    background-position-y: -1rem;
    margin-bottom: 0rem
}

.bg-img.share .price-wrap[data-v-28209796] {
    top: 19.8rem
}

.bg-img.share .time-box-wrap[data-v-28209796] {
    top: 33.4rem
}

.bg-img.share .btn-cls[data-v-28209796] {
    bottom: 1rem
}

.bg-img .price-wrap[data-v-28209796] {
    position: absolute;
    width: 10rem;
    height: 5.6rem;
    top: 17rem;
    left: 2rem
}

.bg-img .price-wrap .price[data-v-28209796] {
    color: var(--ep-color-text-highlight-white, #FFF);
    text-align: center;
    font-size: var(--ep-font-size-xl, 18px);
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    line-height: 150%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1.4rem
}

.bg-img .price-wrap .price .icon-img[data-v-28209796] {
    width: 1.125rem;
    height: 1.125rem;
    margin-right: .2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--ep-color-text-default, #FFF);
    font-size: 7px;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.bg-img .price-wrap .text[data-v-28209796] {
    color: var(--ep-color-text-highlight-white, #FFF);
    text-align: center;
    font-size: 12px;
    line-height: 100%;
    white-space: nowrap;
    width: 100%;
    margin-top: 1rem
}

.bg-img .time-box-wrap[data-v-28209796] {
    position: absolute;
    width: 100%;
    height: 12rem;
    top: 31rem
}

.bg-img .time-box-wrap .tips-content[data-v-28209796] {
    color: var(--ep-color-text-highlight-white, #FFF);
    text-align: center;
    font-size: var(--font-size-s, 12px);
    font-weight: var(--ep-font-weight-regular, var(--font-weight-regular));
    line-height: 150%
}

.time-wrap[data-v-28209796] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
    width: 18.75rem
}

.time-wrap .dot[data-v-28209796] {
    margin-left: 1.16rem
}

.time-wrap .time-span[data-v-28209796] {
    margin-top: .625rem;
    height: 3.5rem;
    width: 2.8125rem;
    background: rgba(0, 0, 0, .2);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.time-wrap .time-span .time[data-v-28209796] {
    color: var(--ep-color-text-highlight-white, #FFF);
    text-align: center;
    font-size: var(--ep-font-size-m, 14px);
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    line-height: 150%
}

.time-wrap .time-span .label[data-v-28209796] {
    color: var(--ep-color-text-highlight-white-weaker, rgba(255, 255, 255, .4));
    text-align: center;
    font-size: var(--ep-font-size-xs, 10px);
    font-weight: var(--ep-font-weight-regular, var(--font-weight-regular));
    line-height: 150%
}

.time-range-wrap[data-v-28209796] {
    width: 18.75rem;
    margin: .625rem auto 0;
    height: 3.75rem;
    background: rgba(0, 0, 0, .2);
    display: flex;
    align-items: center;
    white-space: nowrap;
    flex-wrap: wrap;
    overflow-y: scroll;
    scrollbar-width: none
}

.time-range-wrap .time-range[data-v-28209796] {
    width: 33.33%;
    color: var(--ep-color-text-highlight-white-weaker, rgba(255, 255, 255, .4));
    font-size: var(--ep-font-size-s, 12px);
    font-weight: var(--ep-font-weight-regular, var(--font-weight-regular));
    line-height: 150%;
    height: 1.875rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.time-range-wrap .time-range[data-v-28209796]:nth-child(3n+1) {
    text-align: left
}

.time-range-wrap .time-range[data-v-28209796]:nth-child(3n-1) {
    text-align: center
}

.time-range-wrap .time-range[data-v-28209796]:nth-child(3n) {
    text-align: right
}

.time-range-wrap .over-open-time-item[data-v-28209796] {
    color: var(--ep-color-text-highlight-white, #FFF)
}

.btn-cls[data-v-28209796] {
    background-size: 100% 100%;
    width: 16.25rem;
    height: 3.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 3.8rem;
    left: 5rem;
    padding-bottom: .24rem;
    color: var(--ep-color-text-highlight-white, #FFF);
    font-size: var(--ep-font-size-s, 12px);
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    line-height: 150%
}

[data-v-28209796] .desc .ruleHeader {
    margin-bottom: 1rem
}

[data-v-28209796] .desc .ruleHeader .span-cls {
    color: var(--ep-color-text-default);
    font-size: var(--font-size-s);
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium));
    line-height: 150%;
    margin: 0 .625rem
}

[data-v-28209796] .desc .item-wrap {
    padding: 0 1.0625rem 1.25rem
}

[data-v-28209796] .desc .item-wrap .rule-item {
    color: var(--ep-color-text-weaker);
    font-size: var(--ep-font-size-s, var(--font-size-12));
    font-weight: var(--ep-font-weight-regular, var(--font-weight-regular));
    line-height: 150%
}

.share-wrapper[data-v-28209796] {
    width: 100%;
    padding: .75rem
}

.color-primary-600[data-v-7dc53f31] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-7dc53f31] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-7dc53f31] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-7dc53f31] {
    color: var(--color-primary-900)
}

.bg-100[data-v-7dc53f31] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-7dc53f31] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-7dc53f31] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-7dc53f31] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-7dc53f31] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-7dc53f31] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-7dc53f31] {
    background-color: var(--color-warning)
}

.bg-link[data-v-7dc53f31] {
    background-color: var(--color-link)
}

.bg-danger[data-v-7dc53f31] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-7dc53f31] {
    color: var(--color-text-100)
}

.color-text-80[data-v-7dc53f31] {
    color: var(--color-text-80)
}

.color-text-50[data-v-7dc53f31] {
    color: var(--color-text-50)
}

.color-text-40[data-v-7dc53f31] {
    color: var(--color-text-40)
}

.color-text-20[data-v-7dc53f31] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-7dc53f31] {
    color: var(--color-currency)
}

.color-warning[data-v-7dc53f31] {
    color: var(--color-warning)
}

.color-danger[data-v-7dc53f31] {
    color: var(--color-danger)
}

.color-link[data-v-7dc53f31] {
    color: var(--color-link)
}

.color-line[data-v-7dc53f31] {
    color: var(--color-line)
}

.color-border[data-v-7dc53f31] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-7dc53f31] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-7dc53f31] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-7dc53f31] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-7dc53f31] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-7dc53f31] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-7dc53f31] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-7dc53f31] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-7dc53f31] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-7dc53f31] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-7dc53f31] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-7dc53f31] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-7dc53f31] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-7dc53f31] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-7dc53f31] {
    display: flex;
    align-items: center
}

.flex-start[data-v-7dc53f31] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-7dc53f31] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-7dc53f31] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-7dc53f31] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-7dc53f31] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-7dc53f31] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-7dc53f31] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-7dc53f31] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-7dc53f31] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-7dc53f31] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-7dc53f31] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-7dc53f31] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-7dc53f31] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-7dc53f31] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-7dc53f31] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-7dc53f31] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-7dc53f31] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-7dc53f31] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-7dc53f31] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-7dc53f31] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-7dc53f31] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-7dc53f31] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-7dc53f31] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-7dc53f31] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-7dc53f31],
.mlm-selected-item[data-v-7dc53f31] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-7dc53f31] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-7dc53f31]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-7dc53f31] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-7dc53f31] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-7dc53f31] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.wheel-box[data-v-7dc53f31] {
    background: url(/images/activity/share_bg.webp) no-repeat;
    background-size: 100%;
    background-position: 0 .75rem
}

.aperture[data-v-7dc53f31] {
    animation: apertureAnimation-7dc53f31 20s linear infinite
}

.wheel-light[data-v-7dc53f31] {
    animation-name: lightAnimation-7dc53f31;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    pointer-events: none
}

.wheel-start[data-v-7dc53f31] {
    pointer-events: none
}

.wheel-start .button[data-v-7dc53f31] {
    background: url(/images/activity/share_start.webp);
    background-size: 100%
}

.wheel-start .button.on[data-v-7dc53f31] {
    animation: buttonAnimation-7dc53f31 .25s
}

ion-segment[data-v-7dc53f31] {
    display: flex;
    justify-content: left
}

ion-segment-button.segment-button-disabled[data-v-7dc53f31] {
    opacity: 1
}

ion-segment-button.ios[data-v-7dc53f31] {
    --border-radius: .375rem;
    --background: transparent;
    --color: #FFF;
    --indicator-color: transparent;
    --indicator-box-shadow: none;
    --padding-start: 0;
    --padding-end: 0;
    --padding-top: 0;
    --padding-bottom: 0;
    text-transform: capitalize;
    min-width: 2.25rem;
    min-height: 5.5rem;
    max-height: 5.5rem;
    margin: 0 .1875rem;
    margin-top: 0
}

ion-item.submit[data-v-7dc53f31] {
    --padding-start: 0;
    --min-height: 40px;
    --background: #66D73E;
    --border-radius: 10px;
    --inner-padding-end: .25rem
}

ion-modal#modal-help[data-v-7dc53f31],
ion-modal#modal-piece[data-v-7dc53f31],
ion-modal#modal-prize[data-v-7dc53f31] {
    --width: 22.25rem;
    --height: fit-content;
    --border-radius: 1.25rem
}

ion-row.shiny[data-v-7dc53f31],
ion-button.pop.shiny[data-v-7dc53f31] {
    position: relative;
    overflow: hidden
}

.turntable-shiny[data-v-7dc53f31] {
    position: relative;
    overflow: hidden
}

ion-row.shiny[data-v-7dc53f31]:before,
ion-item.pop.shiny[data-v-7dc53f31]:before {
    content: "";
    animation: shiny-7dc53f31 6s ease-in-out infinite;
    background: #fff;
    display: inline-block;
    height: 100%;
    left: 0;
    position: absolute;
    top: -180px;
    width: 20px;
    z-index: 100
}

ion-item.pop.shiny[data-v-7dc53f31]:before {
    width: 30px !important
}

.turntable-shiny[data-v-7dc53f31]:before {
    content: "";
    animation: turntableShiny-7dc53f31 6s ease-in-out infinite;
    background: #fff;
    display: inline-block;
    height: 3.3rem;
    left: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 3.3rem;
    z-index: 100000;
    border-radius: 50%;
    overflow: hidden
}

ion-modal#modal-share[data-v-7dc53f31] {
    --background: transparent
}

div.scroll-box[data-v-7dc53f31] {
    animation: scrollAnimation-7dc53f31 linear infinite;
    animation-fill-mode: both
}

ion-checkbox[data-v-7dc53f31] {
    --size: .9375rem;
    --checkbox-background-checked: #66D73E;
    --checkbox-background: #EAEDF6;
    --border-color: #EAEDF6;
    --checkmark-color: #fff;
    --checkmark-width: 4px;
    --border-radius: 4px;
    margin-inline-end: 0
}

ion-checkbox[data-v-7dc53f31]::part(container) {
    padding: .25rem;
    border-radius: 50%;
    border: none
}

ion-item ion-button[data-v-7dc53f31] {
    --ripple-color: transparent
}

.winning-box[data-v-7dc53f31] {
    animation: blink-7dc53f31 1s infinite
}

.winning-arc[data-v-7dc53f31] {
    margin-left: .375rem;
    width: 5.5rem;
    height: 2.5rem;
    border: solid .25rem;
    border-color: #fff;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    border-radius: 50%/1.1rem 1.1rem 0 0;
    background-color: transparent
}

.winning-left[data-v-7dc53f31] {
    transform: rotate(22deg) translate3d(-.625rem, -2.375rem, 0);
    transform-origin: bottom
}

.winning-right[data-v-7dc53f31] {
    transform: rotate(-22deg) translate3d(2.375rem, -7rem, 0);
    transform-origin: bottom
}

.finger[data-v-7dc53f31] {
    width: 6rem;
    height: 6rem;
    margin: auto;
    z-index: 900;
    transform: translate(32px, 26px);
    opacity: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.fingerAnimation[data-v-7dc53f31] {
    animation: fingerTranslate-7dc53f31 6s ease-in-out infinite;
    animation-play-state: var(--67651bbf)
}

.zoom[data-v-7dc53f31] {
    opacity: 0;
    animation: zoom-7dc53f31 6s ease-in-out infinite;
    z-index: 1000;
    animation-play-state: var(--67651bbf)
}

@keyframes fingerTranslate-7dc53f31 {
    0% {
        opacity: 0;
        transform: translate(1000px, 800px)
    }

    25% {
        opacity: .2;
        transform: translate(18.75rem, 18.75rem)
    }

    70% {
        opacity: 1;
        transform: translate(2rem, 1.625rem)
    }

    80% {
        opacity: 1;
        transform: translate(2rem, 1.625rem) scale(.9)
    }

    90% {
        opacity: 1;
        transform: translate(2rem, 1.625rem) scale(1.1)
    }

    to {
        opacity: .5;
        transform: translate(2rem, 1.625rem) scale(1)
    }
}

@keyframes zoom-7dc53f31 {
    0% {
        opacity: 0
    }

    70% {
        opacity: 0
    }

    80% {
        opacity: .4;
        transform: scale(1.2)
    }

    90% {
        opacity: .6;
        transform: scale(1.3)
    }

    to {
        opacity: 0;
        transform: scale(135%)
    }
}

@keyframes buttonAnimation-7dc53f31 {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(.9)
    }

    to {
        transform: scale(1)
    }
}

@keyframes apertureAnimation-7dc53f31 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes lightAnimation-7dc53f31 {
    0% {
        transform: rotate(0)
    }

    49.99% {
        transform: rotate(0)
    }

    50% {
        transform: rotate(22.5deg)
    }

    99.99% {
        transform: rotate(22.5deg)
    }

    to {
        transform: rotate(0)
    }
}

@keyframes scrollAnimation-7dc53f31 {

    0%,
    to {
        transform: translateZ(0)
    }

    99.99% {
        transform: translate3d(0, -20%, 0)
    }
}

@keyframes turntableShiny-7dc53f31 {
    0% {
        opacity: 0;
        transform: scale(0)
    }

    50% {
        opacity: .3;
        transform: scale(.5)
    }

    81% {
        opacity: .6;
        transform: scale(.8)
    }

    to {
        opacity: 0;
        transform: scale(1)
    }
}

@keyframes shiny-7dc53f31 {
    0% {
        opacity: 0;
        transform: scale(0) rotate(45deg)
    }

    80% {
        opacity: .5;
        transform: scale(1) rotate(45deg)
    }

    81% {
        opacity: 1;
        transform: scale(3) rotate(45deg)
    }

    to {
        opacity: 0;
        transform: scale(50) rotate(45deg)
    }
}

@keyframes blink-7dc53f31 {
    0% {
        opacity: 1
    }

    49% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

.hide-scrollbar[data-v-7dc53f31] {
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.hide-scrollbar[data-v-7dc53f31]::-webkit-scrollbar {
    display: none
}

.piece-range-amount[data-v-7dc53f31],
.piece-award-count[data-v-7dc53f31] {
    color: var(--color-text-white-100)
}

.piece-expirationTime[data-v-7dc53f31] {
    color: var(--color-text-gray-200)
}

.piece-expireCountdown[data-v-7dc53f31] {
    color: var(--color-text-white-100)
}

.piece-bg-second[data-v-7dc53f31] {
    background: var(--color-bg-200)
}

.piece-text-basic[data-v-7dc53f31] {
    color: var(--color-text-white-100)
}

.piece-text-wheelBottomUnchecked[data-v-7dc53f31] {
    color: var(--color-text-gray-600)
}

.piece-receipt-record[data-v-7dc53f31],
.piece-support-record[data-v-7dc53f31] {
    color: var(--color-text-gray-200)
}

.piece-rule[data-v-7dc53f31] {
    color: var(--color-text-gray-500);
    background: var(--color-bg-200)
}

.piece-support-box[data-v-7dc53f31] {
    background: var(--color-bg-300)
}

.piece-support-box .support-bg-third[data-v-7dc53f31] {
    color: var(--color-bg-100)
}

.piece-support-box .support-bg-third .support-round-amount[data-v-7dc53f31] {
    color: var(--color-text-white-100)
}

.piece-reward-model[data-v-7dc53f31] {
    background: var(--color-bg-300)
}

.piece-reward-model .reward-count[data-v-7dc53f31] {
    color: var(--color-text-white-100)
}

.piece-pChecked[data-v-7dc53f31],
.invite[data-v-7dc53f31] {
    color: var(--color-text-basic)
}

.blue-default .piece-range-amount[data-v-7dc53f31],
.blue-default .piece-award-count[data-v-7dc53f31] {
    color: var(--color-text-white-100)
}

.blue-default .piece-expirationTime[data-v-7dc53f31] {
    color: var(--color-text-gray-200)
}

.blue-default .piece-expireCountdown[data-v-7dc53f31] {
    color: var(--color-text-white-100)
}

.blue-default .piece-bg-second[data-v-7dc53f31] {
    background: var(--color-bg-200)
}

.blue-default .piece-text-basic[data-v-7dc53f31] {
    color: var(--color-text-white-100)
}

.blue-default .piece-text-wheelBottomUnchecked[data-v-7dc53f31] {
    color: var(--color-text-gray-600)
}

.blue-default .piece-receipt-record[data-v-7dc53f31],
.blue-default .piece-support-record[data-v-7dc53f31] {
    color: var(--color-text-gray-200)
}

.blue-default .piece-rule[data-v-7dc53f31] {
    color: var(--color-text-gray-500);
    background: var(--color-bg-200)
}

.blue-default .piece-support-box[data-v-7dc53f31] {
    background: var(--color-bg-300)
}

.blue-default .piece-support-box .support-bg-third[data-v-7dc53f31] {
    color: var(--color-bg-100)
}

.blue-default .piece-support-box .support-bg-third .support-round-amount[data-v-7dc53f31] {
    color: var(--color-text-white-100)
}

.blue-default .piece-reward-model[data-v-7dc53f31] {
    background: var(--color-bg-300)
}

.blue-default .piece-reward-model .reward-count[data-v-7dc53f31] {
    color: var(--color-text-white-100)
}

.blue-default .piece-pChecked[data-v-7dc53f31],
.blue-default .invite[data-v-7dc53f31] {
    color: var(--color-text-basic)
}

.auroral-yellow .piece-range-amount[data-v-7dc53f31],
.auroral-yellow .piece-award-count[data-v-7dc53f31] {
    color: var(--color-text-white-100)
}

.auroral-yellow .piece-expirationTime[data-v-7dc53f31] {
    color: var(--color-text-gray-200)
}

.auroral-yellow .piece-expireCountdown[data-v-7dc53f31] {
    color: var(--color-text-white-100)
}

.auroral-yellow .piece-bg-second[data-v-7dc53f31] {
    background: var(--color-bg-200)
}

.auroral-yellow .piece-text-basic[data-v-7dc53f31] {
    color: var(--color-text-white-100)
}

.auroral-yellow .piece-text-wheelBottomUnchecked[data-v-7dc53f31] {
    color: var(--color-text-gray-600)
}

.auroral-yellow .piece-receipt-record[data-v-7dc53f31],
.auroral-yellow .piece-support-record[data-v-7dc53f31] {
    color: var(--color-text-gray-200)
}

.auroral-yellow .piece-rule[data-v-7dc53f31] {
    color: var(--color-text-gray-500);
    background: var(--color-bg-200)
}

.auroral-yellow .piece-support-box[data-v-7dc53f31] {
    background: var(--color-bg-300)
}

.auroral-yellow .piece-support-box .support-bg-third[data-v-7dc53f31] {
    color: var(--color-bg-100)
}

.auroral-yellow .piece-support-box .support-bg-third .support-round-amount[data-v-7dc53f31] {
    color: var(--color-text-white-100)
}

.auroral-yellow .piece-reward-model[data-v-7dc53f31] {
    background: var(--color-bg-300)
}

.auroral-yellow .piece-reward-model .reward-count[data-v-7dc53f31] {
    color: var(--color-text-white-100)
}

.auroral-yellow .piece-pChecked[data-v-7dc53f31] {
    color: var(--theme-color-800)
}

.auroral-yellow .invite[data-v-7dc53f31] {
    color: var(--color-text-basic)
}

.green-default .piece-range-amount[data-v-7dc53f31],
.green-default .piece-award-count[data-v-7dc53f31] {
    color: var(--color-text-white-100)
}

.green-default .piece-expirationTime[data-v-7dc53f31] {
    color: var(--color-text-gray-200)
}

.green-default .piece-expireCountdown[data-v-7dc53f31] {
    color: var(--color-text-white-100)
}

.green-default .piece-bg-second[data-v-7dc53f31] {
    background: var(--color-bg-200)
}

.green-default .piece-text-basic[data-v-7dc53f31] {
    color: var(--color-text-gray-100)
}

.green-default .piece-text-wheelBottomUnchecked[data-v-7dc53f31],
.green-default .piece-receipt-record[data-v-7dc53f31],
.green-default .piece-support-record[data-v-7dc53f31] {
    color: var(--color-text-gray-200)
}

.green-default .piece-rule[data-v-7dc53f31] {
    color: var(--color-text-gray-200);
    background: var(--color-bg-200)
}

.green-default .piece-support-box[data-v-7dc53f31] {
    background: var(--color-bg-300)
}

.green-default .piece-support-box .support-bg-third[data-v-7dc53f31] {
    color: var(--color-bg-100)
}

.green-default .piece-support-box .support-bg-third .support-round-amount[data-v-7dc53f31] {
    color: var(--color-text-gray-100)
}

.green-default .piece-reward-model[data-v-7dc53f31] {
    background: var(--color-bg-300)
}

.green-default .piece-reward-model .reward-count[data-v-7dc53f31] {
    color: var(--color-text-gray-100)
}

.green-default .piece-pChecked[data-v-7dc53f31],
.green-default .invite[data-v-7dc53f31] {
    color: var(--color-text-basic)
}

.forest-green .piece-range-amount[data-v-7dc53f31],
.forest-green .piece-award-count[data-v-7dc53f31] {
    color: var(--color-text-white-100)
}

.forest-green .piece-expirationTime[data-v-7dc53f31] {
    color: var(--color-text-gray-200)
}

.forest-green .piece-expireCountdown[data-v-7dc53f31] {
    color: var(--color-text-white-100)
}

.forest-green .piece-bg-second[data-v-7dc53f31] {
    background: var(--color-bg-200)
}

.forest-green .piece-text-basic[data-v-7dc53f31] {
    color: var(--color-text-white-100)
}

.forest-green .piece-text-wheelBottomUnchecked[data-v-7dc53f31] {
    color: var(--color-text-gray-600)
}

.forest-green .piece-receipt-record[data-v-7dc53f31],
.forest-green .piece-support-record[data-v-7dc53f31] {
    color: var(--color-text-gray-200)
}

.forest-green .piece-rule[data-v-7dc53f31] {
    color: var(--color-text-gray-500);
    background: var(--color-bg-200)
}

.forest-green .piece-support-box[data-v-7dc53f31] {
    background: var(--color-bg-300)
}

.forest-green .piece-support-box .support-bg-third[data-v-7dc53f31] {
    color: var(--color-bg-100)
}

.forest-green .piece-support-box .support-bg-third .support-round-amount[data-v-7dc53f31] {
    color: var(--color-text-white-100)
}

.forest-green .piece-reward-model[data-v-7dc53f31] {
    background: var(--color-bg-300)
}

.forest-green .piece-reward-model .reward-count[data-v-7dc53f31] {
    color: var(--color-text-white-100)
}

.forest-green .piece-pChecked[data-v-7dc53f31] {
    color: var(--color-warning)
}

.forest-green .invite[data-v-7dc53f31] {
    color: var(--color-text-gray-200)
}

.amber-purple .piece-range-amount[data-v-7dc53f31],
.amber-purple .piece-award-count[data-v-7dc53f31] {
    color: var(--text-color-white-100)
}

.amber-purple .piece-expirationTime[data-v-7dc53f31] {
    color: var(--text-color-light-purple-2-100)
}

.amber-purple .piece-expireCountdown[data-v-7dc53f31] {
    color: var(--text-color-white-100)
}

.amber-purple .piece-bg-second[data-v-7dc53f31] {
    background: var(--color-bg-200)
}

.amber-purple .piece-text-basic[data-v-7dc53f31] {
    color: var(--text-color-light-purple-1-100)
}

.amber-purple .piece-text-wheelBottomUnchecked[data-v-7dc53f31],
.amber-purple .piece-receipt-record[data-v-7dc53f31],
.amber-purple .piece-support-record[data-v-7dc53f31] {
    color: var(--text-color-light-purple-2-100)
}

.amber-purple .piece-rule[data-v-7dc53f31] {
    color: var(--text-color-light-purple-2-100);
    background: var(--color-bg-200)
}

.amber-purple .piece-support-box[data-v-7dc53f31] {
    background: var(--color-bg-300)
}

.amber-purple .piece-support-box .support-bg-third[data-v-7dc53f31] {
    color: var(--color-bg-100)
}

.amber-purple .piece-support-box .support-bg-third .support-round-amount[data-v-7dc53f31] {
    color: var(--text-color-light-purple-1-100)
}

.amber-purple .piece-reward-model[data-v-7dc53f31] {
    background: var(--color-bg-300)
}

.amber-purple .piece-reward-model .reward-count[data-v-7dc53f31] {
    color: var(--text-color-light-purple-1-100)
}

.amber-purple .piece-pChecked[data-v-7dc53f31],
.amber-purple .invite[data-v-7dc53f31] {
    color: var(--color-text-basic)
}

.rule-desc[data-v-7dc53f31] {
    margin: 0 1.25rem 1.25rem;
    color: var(--color-text-rule)
}

.rule-desc[data-v-7dc53f31] .ruleHeader {
    justify-content: start;
    margin-bottom: 1rem
}

.rule-desc[data-v-7dc53f31] .ruleHeader .span-cls {
    font-size: 1rem;
    margin: 0
}

.rule-desc[data-v-7dc53f31] .item-wrap {
    background-color: var(--color-bg-second);
    border-radius: .625rem;
    padding: .625rem;
    font-size: .75rem;
    line-height: 1rem;
    color: var(--color-text-rule)
}

.color-primary-600[data-v-7534b925] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-7534b925] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-7534b925] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-7534b925] {
    color: var(--color-primary-900)
}

.bg-100[data-v-7534b925] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-7534b925] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-7534b925] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-7534b925] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-7534b925] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-7534b925] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-7534b925] {
    background-color: var(--color-warning)
}

.bg-link[data-v-7534b925] {
    background-color: var(--color-link)
}

.bg-danger[data-v-7534b925] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-7534b925] {
    color: var(--color-text-100)
}

.color-text-80[data-v-7534b925] {
    color: var(--color-text-80)
}

.color-text-50[data-v-7534b925] {
    color: var(--color-text-50)
}

.color-text-40[data-v-7534b925] {
    color: var(--color-text-40)
}

.color-text-20[data-v-7534b925] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-7534b925] {
    color: var(--color-currency)
}

.color-warning[data-v-7534b925] {
    color: var(--color-warning)
}

.color-danger[data-v-7534b925] {
    color: var(--color-danger)
}

.color-link[data-v-7534b925] {
    color: var(--color-link)
}

.color-line[data-v-7534b925] {
    color: var(--color-line)
}

.color-border[data-v-7534b925] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-7534b925] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-7534b925] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-7534b925] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-7534b925] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-7534b925] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-7534b925] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-7534b925] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-7534b925] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-7534b925] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-7534b925] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-7534b925] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-7534b925] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-7534b925] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-7534b925] {
    display: flex;
    align-items: center
}

.flex-start[data-v-7534b925] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-7534b925] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-7534b925] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-7534b925] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-7534b925] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-7534b925] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-7534b925] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-7534b925] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-7534b925] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-7534b925] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-7534b925] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-7534b925] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-7534b925] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-7534b925] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-7534b925] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-7534b925] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-7534b925] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-7534b925] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-7534b925] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-7534b925] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-7534b925] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-7534b925] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-7534b925] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-7534b925] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-7534b925],
.mlm-selected-item[data-v-7534b925] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-7534b925] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-7534b925]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-7534b925] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-7534b925] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-7534b925] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.rule-desc[data-v-7534b925] {
    margin: 0 1.25rem 1.25rem;
    background-color: var(--color-bg-200);
    color: var(--color-text-rule);
    padding-left: .375rem
}

.rule-desc[data-v-7534b925] .ruleHeader {
    justify-content: start;
    margin-bottom: 1rem
}

.rule-desc[data-v-7534b925] .ruleHeader .span-cls {
    font-size: 1rem;
    margin-top: .8rem
}

.rule-desc[data-v-7534b925] .item-wrap {
    padding: 0 .375rem 0 .7rem;
    font-size: .75rem;
    line-height: 1rem;
    color: var(--color-activity-rule)
}

.aperture[data-v-7534b925] {
    animation: apertureAnimation-7534b925 20s linear infinite
}

.wheel-light[data-v-7534b925] {
    animation-name: lightAnimation-7534b925;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    pointer-events: none
}

.wheel-start[data-v-7534b925] {
    pointer-events: none
}

.wheel-start .button[data-v-7534b925] {
    background: url(/images/activity/share_start.webp);
    background-size: 100%
}

.wheel-start .button.on[data-v-7534b925] {
    animation: buttonAnimation-7534b925 .25s
}

.text-title[data-v-7534b925] {
    color: var(--color-piece-title)
}

.invite-btn-text[data-v-7534b925] {
    color: var(--color-piece-invite-text)
}

.text-normal[data-v-7534b925] {
    color: var(--color-piece-text)
}

.record-text[data-v-7534b925] {
    color: var(--color-piece-record-text)
}

ion-segment[data-v-7534b925] {
    display: flex;
    justify-content: left
}

ion-segment-button.segment-button-disabled[data-v-7534b925] {
    opacity: 1
}

ion-segment-button.ios[data-v-7534b925] {
    --border-radius: var(--rounded-small);
    --background: transparent;
    --color: var(--color-bg-100);
    --indicator-color: transparent;
    --indicator-box-shadow: none;
    --padding-start: 0;
    --padding-end: 0;
    --padding-top: 0;
    --padding-bottom: 0;
    text-transform: capitalize;
    min-width: 2.25rem;
    min-height: 5.5rem;
    max-height: 5.5rem;
    margin: 0 .1875rem;
    margin-top: 0
}

ion-modal#modal-help[data-v-7534b925],
ion-modal#modal-piece[data-v-7534b925],
ion-modal#modal-prize[data-v-7534b925] {
    --width: 22.25rem;
    --height: fit-content;
    --border-radius: var(--rounded-large)
}

ion-row.shiny[data-v-7534b925],
ion-button.pop.shiny[data-v-7534b925] {
    position: relative;
    overflow: hidden
}

.turntable-shiny[data-v-7534b925] {
    position: relative;
    overflow: hidden
}

ion-row.shiny[data-v-7534b925]:before,
ion-item.pop.shiny[data-v-7534b925]:before {
    content: "";
    animation: shiny-7534b925 6s ease-in-out infinite;
    background: #fff;
    display: inline-block;
    height: 100%;
    left: 0;
    position: absolute;
    top: -180px;
    width: 20px;
    z-index: 100
}

ion-item.pop.shiny[data-v-7534b925]:before {
    width: 30px !important
}

.turntable-shiny[data-v-7534b925]:before {
    content: "";
    animation: turntableShiny-7534b925 6s ease-in-out infinite;
    background: #fff;
    display: inline-block;
    height: 3.3rem;
    left: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 3.3rem;
    z-index: 100000;
    border-radius: 50%;
    overflow: hidden
}

ion-modal#modal-share[data-v-7534b925] {
    --background: transparent
}

div.scroll-box[data-v-7534b925] {
    animation: scrollAnimation-7534b925 linear infinite;
    animation-fill-mode: both
}

.checkBox-bg[data-v-7534b925] {
    color: var(--color-piece-checkbox-bg)
}

ion-checkbox[data-v-7534b925] {
    --size: .9375rem;
    --checkbox-background-checked: #66D73E;
    --checkbox-background: #EAEDF6;
    --border-color: #EAEDF6;
    --checkmark-color: #fff;
    --checkmark-width: 4px;
    --border-radius: 4px;
    margin-inline-end: 0
}

ion-checkbox[data-v-7534b925]::part(container) {
    padding: .25rem;
    border-radius: 50%;
    border: none
}

ion-item ion-button[data-v-7534b925] {
    --ripple-color: transparent
}

.winning-box[data-v-7534b925] {
    animation: blink-7534b925 1s infinite
}

.winning-arc[data-v-7534b925] {
    margin-left: .375rem;
    width: 5.5rem;
    height: 2.5rem;
    border: solid .25rem;
    border-color: #fff;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    border-radius: 50%/1.1rem 1.1rem 0 0;
    background-color: transparent
}

.winning-left[data-v-7534b925] {
    transform: rotate(22deg) translate3d(-.625rem, -2.375rem, 0);
    transform-origin: bottom
}

.winning-right[data-v-7534b925] {
    transform: rotate(-22deg) translate3d(2.375rem, -7rem, 0);
    transform-origin: bottom
}

.finger[data-v-7534b925] {
    width: 6rem;
    height: 6rem;
    margin: auto;
    z-index: 900;
    transform: translate(32px, 26px);
    opacity: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.fingerAnimation[data-v-7534b925] {
    animation: fingerTranslate-7534b925 6s ease-in-out infinite;
    animation-play-state: var(--62bc61a8)
}

.zoom[data-v-7534b925] {
    opacity: 0;
    animation: zoom-7534b925 6s ease-in-out infinite;
    z-index: 1000;
    animation-play-state: var(--62bc61a8)
}

.rule-text[data-v-7534b925] {
    color: var(--color-activity-rule)
}

.new-skin-symbol .share-modal-bg[data-v-7534b925] {
    border-radius: var(--ep-border-radius-surface-small) var(--ep-border-radius-surface-small) 0 0;
    background: var(--ep-color-background-fill-surface-raised-L2)
}

@keyframes fingerTranslate-7534b925 {
    0% {
        opacity: 0;
        transform: translate(1000px, 800px)
    }

    25% {
        opacity: .2;
        transform: translate(18.75rem, 18.75rem)
    }

    70% {
        opacity: 1;
        transform: translate(2rem, 1.625rem)
    }

    80% {
        opacity: 1;
        transform: translate(2rem, 1.625rem) scale(.9)
    }

    90% {
        opacity: 1;
        transform: translate(2rem, 1.625rem) scale(1.1)
    }

    to {
        opacity: .5;
        transform: translate(2rem, 1.625rem) scale(1)
    }
}

@keyframes zoom-7534b925 {
    0% {
        opacity: 0
    }

    70% {
        opacity: 0
    }

    80% {
        opacity: .4;
        transform: scale(1.2)
    }

    90% {
        opacity: .6;
        transform: scale(1.3)
    }

    to {
        opacity: 0;
        transform: scale(135%)
    }
}

@keyframes buttonAnimation-7534b925 {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(.9)
    }

    to {
        transform: scale(1)
    }
}

@keyframes apertureAnimation-7534b925 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes lightAnimation-7534b925 {
    0% {
        transform: rotate(0)
    }

    49.99% {
        transform: rotate(0)
    }

    50% {
        transform: rotate(22.5deg)
    }

    99.99% {
        transform: rotate(22.5deg)
    }

    to {
        transform: rotate(0)
    }
}

@keyframes scrollAnimation-7534b925 {

    0%,
    to {
        transform: translateZ(0)
    }

    99.99% {
        transform: translate3d(0, -20%, 0)
    }
}

@keyframes turntableShiny-7534b925 {
    0% {
        opacity: 0;
        transform: scale(0)
    }

    50% {
        opacity: .3;
        transform: scale(.5)
    }

    81% {
        opacity: .6;
        transform: scale(.8)
    }

    to {
        opacity: 0;
        transform: scale(1)
    }
}

@keyframes shiny-7534b925 {
    0% {
        opacity: 0;
        transform: scale(0) rotate(45deg)
    }

    80% {
        opacity: .5;
        transform: scale(1) rotate(45deg)
    }

    81% {
        opacity: 1;
        transform: scale(3) rotate(45deg)
    }

    to {
        opacity: 0;
        transform: scale(50) rotate(45deg)
    }
}

@keyframes blink-7534b925 {
    0% {
        opacity: 1
    }

    49% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

.hide-scrollbar[data-v-7534b925] {
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.hide-scrollbar[data-v-7534b925]::-webkit-scrollbar {
    display: none
}

.color-primary-600[data-v-340f9b13] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-340f9b13] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-340f9b13] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-340f9b13] {
    color: var(--color-primary-900)
}

.bg-100[data-v-340f9b13] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-340f9b13] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-340f9b13] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-340f9b13] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-340f9b13] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-340f9b13] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-340f9b13] {
    background-color: var(--color-warning)
}

.bg-link[data-v-340f9b13] {
    background-color: var(--color-link)
}

.bg-danger[data-v-340f9b13] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-340f9b13] {
    color: var(--color-text-100)
}

.color-text-80[data-v-340f9b13] {
    color: var(--color-text-80)
}

.color-text-50[data-v-340f9b13] {
    color: var(--color-text-50)
}

.color-text-40[data-v-340f9b13] {
    color: var(--color-text-40)
}

.color-text-20[data-v-340f9b13] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-340f9b13] {
    color: var(--color-currency)
}

.color-warning[data-v-340f9b13] {
    color: var(--color-warning)
}

.color-danger[data-v-340f9b13] {
    color: var(--color-danger)
}

.color-link[data-v-340f9b13] {
    color: var(--color-link)
}

.color-line[data-v-340f9b13] {
    color: var(--color-line)
}

.color-border[data-v-340f9b13] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-340f9b13] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-340f9b13] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-340f9b13] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-340f9b13] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-340f9b13] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-340f9b13] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-340f9b13] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-340f9b13] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-340f9b13] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-340f9b13] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-340f9b13] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-340f9b13] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-340f9b13] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-340f9b13] {
    display: flex;
    align-items: center
}

.flex-start[data-v-340f9b13] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-340f9b13] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-340f9b13] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-340f9b13] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-340f9b13] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-340f9b13] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-340f9b13] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-340f9b13] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-340f9b13] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-340f9b13] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-340f9b13] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-340f9b13] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-340f9b13] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-340f9b13] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-340f9b13] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-340f9b13] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-340f9b13] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-340f9b13] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-340f9b13] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-340f9b13] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-340f9b13] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-340f9b13] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-340f9b13] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-340f9b13] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-340f9b13],
.mlm-selected-item[data-v-340f9b13] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-340f9b13] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-340f9b13]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-340f9b13] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-340f9b13] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-340f9b13] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.rule-desc[data-v-340f9b13] {
    margin: 0 1.25rem 1.25rem;
    background-color: var(--color-bg-200);
    color: var(--color-text-rule);
    padding-left: .375rem
}

.rule-desc[data-v-340f9b13] .ruleHeader {
    justify-content: start;
    margin-bottom: 1rem
}

.rule-desc[data-v-340f9b13] .ruleHeader .span-cls {
    font-size: 1rem;
    margin-top: .8rem
}

.rule-desc[data-v-340f9b13] .item-wrap {
    padding: 0 .375rem 0 .7rem;
    font-size: .75rem;
    line-height: 1rem;
    color: var(--color-activity-rule)
}

.aperture[data-v-340f9b13] {
    animation: apertureAnimation-340f9b13 20s linear infinite
}

.wheel-light[data-v-340f9b13] {
    animation-name: lightAnimation-340f9b13;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    pointer-events: none
}

.wheel-start[data-v-340f9b13] {
    pointer-events: none
}

.wheel-start .button[data-v-340f9b13] {
    background: url(/images/activity/share_start.webp);
    background-size: 100%
}

.wheel-start .button.on[data-v-340f9b13] {
    animation: buttonAnimation-340f9b13 .25s
}

.text-title[data-v-340f9b13] {
    color: var(--color-piece-title)
}

.invite-btn-text[data-v-340f9b13] {
    color: var(--color-piece-invite-text)
}

.text-normal[data-v-340f9b13] {
    color: var(--color-piece-text)
}

.record-text[data-v-340f9b13] {
    color: var(--color-piece-record-text)
}

ion-segment[data-v-340f9b13] {
    display: flex;
    justify-content: left
}

ion-segment-button.segment-button-disabled[data-v-340f9b13] {
    opacity: 1
}

ion-segment-button.ios[data-v-340f9b13] {
    --border-radius: var(--rounded-small);
    --background: transparent;
    --color: var(--color-bg-100);
    --indicator-color: transparent;
    --indicator-box-shadow: none;
    --padding-start: 0;
    --padding-end: 0;
    --padding-top: 0;
    --padding-bottom: 0;
    text-transform: capitalize;
    min-width: 2.25rem;
    min-height: 5.5rem;
    max-height: 5.5rem;
    margin: 0 .1875rem;
    margin-top: 0
}

ion-modal#modal-help[data-v-340f9b13],
ion-modal#modal-piece[data-v-340f9b13],
ion-modal#modal-prize[data-v-340f9b13] {
    --width: 22.25rem;
    --height: fit-content;
    --border-radius: var(--rounded-large)
}

ion-row.shiny[data-v-340f9b13],
ion-button.pop.shiny[data-v-340f9b13] {
    position: relative;
    overflow: hidden
}

.turntable-shiny[data-v-340f9b13] {
    position: relative;
    overflow: hidden
}

ion-row.shiny[data-v-340f9b13]:before,
ion-item.pop.shiny[data-v-340f9b13]:before {
    content: "";
    animation: shiny-340f9b13 6s ease-in-out infinite;
    background: #fff;
    display: inline-block;
    height: 100%;
    left: 0;
    position: absolute;
    top: -180px;
    width: 20px;
    z-index: 100
}

ion-item.pop.shiny[data-v-340f9b13]:before {
    width: 30px !important
}

.turntable-shiny[data-v-340f9b13]:before {
    content: "";
    animation: turntableShiny-340f9b13 6s ease-in-out infinite;
    background: #fff;
    display: inline-block;
    height: 3.3rem;
    left: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 3.3rem;
    z-index: 100000;
    border-radius: 50%;
    overflow: hidden
}

ion-modal#modal-share[data-v-340f9b13] {
    --background: transparent
}

div.scroll-box[data-v-340f9b13] {
    animation: scrollAnimation-340f9b13 linear infinite;
    animation-fill-mode: both
}

.checkBox-bg[data-v-340f9b13] {
    color: var(--color-piece-checkbox-bg)
}

ion-checkbox[data-v-340f9b13] {
    --size: .9375rem;
    --checkbox-background-checked: #66D73E;
    --checkbox-background: #EAEDF6;
    --border-color: #EAEDF6;
    --checkmark-color: #fff;
    --checkmark-width: 4px;
    --border-radius: 4px;
    margin-inline-end: 0
}

ion-checkbox[data-v-340f9b13]::part(container) {
    padding: .25rem;
    border-radius: 50%;
    border: none
}

ion-item ion-button[data-v-340f9b13] {
    --ripple-color: transparent
}

.winning-box[data-v-340f9b13] {
    animation: blink-340f9b13 1s infinite
}

.winning-arc[data-v-340f9b13] {
    margin-left: .375rem;
    width: 5.5rem;
    height: 2.5rem;
    border: solid .25rem;
    border-color: #fff;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    border-radius: 50%/1.1rem 1.1rem 0 0;
    background-color: transparent
}

.winning-left[data-v-340f9b13] {
    transform: rotate(22deg) translate3d(-.625rem, -2.375rem, 0);
    transform-origin: bottom
}

.winning-right[data-v-340f9b13] {
    transform: rotate(-22deg) translate3d(2.375rem, -7rem, 0);
    transform-origin: bottom
}

.finger[data-v-340f9b13] {
    width: 6rem;
    height: 6rem;
    margin: auto;
    z-index: 900;
    transform: translate(32px, 26px);
    opacity: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.fingerAnimation[data-v-340f9b13] {
    animation: fingerTranslate-340f9b13 6s ease-in-out infinite;
    animation-play-state: var(--56efde91)
}

.zoom[data-v-340f9b13] {
    opacity: 0;
    animation: zoom-340f9b13 6s ease-in-out infinite;
    z-index: 1000;
    animation-play-state: var(--56efde91)
}

.rule-text[data-v-340f9b13] {
    color: var(--color-activity-rule)
}

@keyframes fingerTranslate-340f9b13 {
    0% {
        opacity: 0;
        transform: translate(1000px, 800px)
    }

    25% {
        opacity: .2;
        transform: translate(18.75rem, 18.75rem)
    }

    70% {
        opacity: 1;
        transform: translate(2rem, 1.625rem)
    }

    80% {
        opacity: 1;
        transform: translate(2rem, 1.625rem) scale(.9)
    }

    90% {
        opacity: 1;
        transform: translate(2rem, 1.625rem) scale(1.1)
    }

    to {
        opacity: .5;
        transform: translate(2rem, 1.625rem) scale(1)
    }
}

@keyframes zoom-340f9b13 {
    0% {
        opacity: 0
    }

    70% {
        opacity: 0
    }

    80% {
        opacity: .4;
        transform: scale(1.2)
    }

    90% {
        opacity: .6;
        transform: scale(1.3)
    }

    to {
        opacity: 0;
        transform: scale(135%)
    }
}

@keyframes buttonAnimation-340f9b13 {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(.9)
    }

    to {
        transform: scale(1)
    }
}

@keyframes apertureAnimation-340f9b13 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes lightAnimation-340f9b13 {
    0% {
        transform: rotate(0)
    }

    49.99% {
        transform: rotate(0)
    }

    50% {
        transform: rotate(22.5deg)
    }

    99.99% {
        transform: rotate(22.5deg)
    }

    to {
        transform: rotate(0)
    }
}

@keyframes scrollAnimation-340f9b13 {

    0%,
    to {
        transform: translateZ(0)
    }

    99.99% {
        transform: translate3d(0, -20%, 0)
    }
}

@keyframes turntableShiny-340f9b13 {
    0% {
        opacity: 0;
        transform: scale(0)
    }

    50% {
        opacity: .3;
        transform: scale(.5)
    }

    81% {
        opacity: .6;
        transform: scale(.8)
    }

    to {
        opacity: 0;
        transform: scale(1)
    }
}

@keyframes shiny-340f9b13 {
    0% {
        opacity: 0;
        transform: scale(0) rotate(45deg)
    }

    80% {
        opacity: .5;
        transform: scale(1) rotate(45deg)
    }

    81% {
        opacity: 1;
        transform: scale(3) rotate(45deg)
    }

    to {
        opacity: 0;
        transform: scale(50) rotate(45deg)
    }
}

@keyframes blink-340f9b13 {
    0% {
        opacity: 1
    }

    49% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

.hide-scrollbar[data-v-340f9b13] {
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.hide-scrollbar[data-v-340f9b13]::-webkit-scrollbar {
    display: none
}

.color-primary-600[data-v-321b8de7] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-321b8de7] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-321b8de7] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-321b8de7] {
    color: var(--color-primary-900)
}

.bg-100[data-v-321b8de7] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-321b8de7] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-321b8de7] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-321b8de7] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-321b8de7] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-321b8de7] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-321b8de7] {
    background-color: var(--color-warning)
}

.bg-link[data-v-321b8de7] {
    background-color: var(--color-link)
}

.bg-danger[data-v-321b8de7] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-321b8de7] {
    color: var(--color-text-100)
}

.color-text-80[data-v-321b8de7] {
    color: var(--color-text-80)
}

.color-text-50[data-v-321b8de7] {
    color: var(--color-text-50)
}

.color-text-40[data-v-321b8de7] {
    color: var(--color-text-40)
}

.color-text-20[data-v-321b8de7] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-321b8de7] {
    color: var(--color-currency)
}

.color-warning[data-v-321b8de7] {
    color: var(--color-warning)
}

.color-danger[data-v-321b8de7] {
    color: var(--color-danger)
}

.color-link[data-v-321b8de7] {
    color: var(--color-link)
}

.color-line[data-v-321b8de7] {
    color: var(--color-line)
}

.color-border[data-v-321b8de7] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-321b8de7] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-321b8de7] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-321b8de7] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-321b8de7] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-321b8de7] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-321b8de7] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-321b8de7] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-321b8de7] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-321b8de7] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-321b8de7] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-321b8de7] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-321b8de7] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-321b8de7] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-321b8de7] {
    display: flex;
    align-items: center
}

.flex-start[data-v-321b8de7] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-321b8de7] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-321b8de7] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-321b8de7] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-321b8de7] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-321b8de7] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-321b8de7] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-321b8de7] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-321b8de7] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-321b8de7] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-321b8de7] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-321b8de7] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-321b8de7] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-321b8de7] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-321b8de7] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-321b8de7] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-321b8de7] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-321b8de7] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-321b8de7] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-321b8de7] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-321b8de7] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-321b8de7] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-321b8de7] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-321b8de7] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-321b8de7],
.mlm-selected-item[data-v-321b8de7] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-321b8de7] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-321b8de7]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-321b8de7] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-321b8de7] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-321b8de7] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.modal-container[data-v-321b8de7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%
}

.modal-container .modal-content[data-v-321b8de7] {
    width: calc(100% - 3rem);
    margin: 0 1.5rem;
    padding: 1.5rem 1.25rem;
    background: var(--ep-color-background-fill-surface-raised-L2);
    border-radius: var(--ep-border-radius-surface-small)
}

.modal-container .modal-content .modal-header[data-v-321b8de7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--ep-color-text-default);
    font-size: var(--ep-font-size-l);
    font-weight: var(--ep-font-weight-bold)
}

.modal-container .modal-content .modal-header .modal-close-icon[data-v-321b8de7] {
    width: 1.875rem;
    height: 1.875rem;
    color: var(--ep-color-text-weak)
}

.modal-container .modal-content .modal-body[data-v-321b8de7] {
    margin: 1.25rem 0;
    padding: 1.25rem;
    border-radius: var(--ep-border-radius-surface-small);
    background: var(--ep-color-background-fill-body-default)
}

.modal-container .modal-content .modal-body .modal-body-prize[data-v-321b8de7] {
    text-align: center
}

.modal-container .modal-content .modal-body .modal-body-prize .modal-body-prize-text[data-v-321b8de7] {
    color: var(--ep-color-text-highlight);
    font-size: var(--ep-font-size-l);
    font-weight: var(--ep-font-weight-bold);
    margin-bottom: .5rem
}

.modal-container .modal-content .modal-body .modal-body-prize .modal-body-prize-desc[data-v-321b8de7] {
    font-size: var(--ep-font-size-s);
    font-weight: var(--ep-font-weight-regular);
    color: var(--ep-color-text-weaker)
}

.modal-container .modal-content .modal-body-step[data-v-321b8de7] {
    margin-top: 1.25rem
}

.modal-container .modal-content .modal-body-step .modal-body-step-text[data-v-321b8de7] {
    color: var(--ep-color-text-default);
    font-size: var(--ep-font-size-s);
    font-weight: var(--ep-font-weight-medium)
}

.modal-container .modal-content .modal-body-step .modal-body-step-text p[data-v-321b8de7]:first-child {
    margin-bottom: .375rem
}

.modal-container .modal-content .modal-body-step .modal-body-step-container[data-v-321b8de7] {
    margin-top: .75rem;
    padding: .75rem 1.25rem;
    border-radius: var(--ep-border-radius-m);
    background: var(--ep-color-background-fill-surface-raised-L2)
}

.modal-container .modal-content .modal-body-step .modal-body-step-container .modal-body-step-content[data-v-321b8de7] {
    position: relative
}

.modal-container .modal-content .modal-body-step .modal-body-step-container .modal-body-step-content[data-v-321b8de7]:after {
    content: "";
    position: absolute;
    top: 0;
    left: .375rem;
    width: 0;
    height: calc(100% - .75rem);
    border-left: 1px dashed var(--ep-color-text-weakest);
    z-index: 1
}

.modal-container .modal-content .modal-body-step .modal-body-step-container .modal-body-step-content .content-item[data-v-321b8de7] {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 2
}

.modal-container .modal-content .modal-body-step .modal-body-step-container .modal-body-step-content .content-item[data-v-321b8de7]:first-child {
    align-items: flex-start
}

.modal-container .modal-content .modal-body-step .modal-body-step-container .modal-body-step-content .content-item[data-v-321b8de7]:last-child {
    align-items: flex-end
}

.modal-container .modal-content .modal-body-step .modal-body-step-container .modal-body-step-content .content-item[data-v-321b8de7]:not(:last-child) {
    margin-bottom: .75rem
}

.modal-container .modal-content .modal-body-step .modal-body-step-container .modal-body-step-content .content-item .content-item-icon[data-v-321b8de7] {
    flex: 0 0 .75rem;
    width: .75rem;
    height: .75rem;
    margin-right: .5rem
}

.modal-container .modal-content .modal-body-step .modal-body-step-container .modal-body-step-content .content-item .content-item-icon.content-item-unfinish[data-v-321b8de7] {
    background: var(--ep-color-icon-weaker);
    border-radius: 50%
}

.modal-container .modal-content .modal-body-step .modal-body-step-container .modal-body-step-content .content-item .content-item-text[data-v-321b8de7] {
    color: var(--ep-color-text-weak);
    font-size: var(--ep-font-size-s);
    font-weight: var(--ep-font-weight-medium)
}

.modal-container .modal-content .modal-btn[data-v-321b8de7] {
    margin-top: 1.25rem
}

.color-primary-600[data-v-792c165a] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-792c165a] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-792c165a] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-792c165a] {
    color: var(--color-primary-900)
}

.bg-100[data-v-792c165a] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-792c165a] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-792c165a] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-792c165a] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-792c165a] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-792c165a] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-792c165a] {
    background-color: var(--color-warning)
}

.bg-link[data-v-792c165a] {
    background-color: var(--color-link)
}

.bg-danger[data-v-792c165a] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-792c165a] {
    color: var(--color-text-100)
}

.color-text-80[data-v-792c165a] {
    color: var(--color-text-80)
}

.color-text-50[data-v-792c165a] {
    color: var(--color-text-50)
}

.color-text-40[data-v-792c165a] {
    color: var(--color-text-40)
}

.color-text-20[data-v-792c165a] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-792c165a] {
    color: var(--color-currency)
}

.color-warning[data-v-792c165a] {
    color: var(--color-warning)
}

.color-danger[data-v-792c165a] {
    color: var(--color-danger)
}

.color-link[data-v-792c165a] {
    color: var(--color-link)
}

.color-line[data-v-792c165a] {
    color: var(--color-line)
}

.color-border[data-v-792c165a] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-792c165a] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-792c165a] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-792c165a] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-792c165a] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-792c165a] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-792c165a] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-792c165a] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-792c165a] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-792c165a] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-792c165a] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-792c165a] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-792c165a] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-792c165a] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-792c165a] {
    display: flex;
    align-items: center
}

.flex-start[data-v-792c165a] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-792c165a] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-792c165a] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-792c165a] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-792c165a] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-792c165a] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-792c165a] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-792c165a] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-792c165a] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-792c165a] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-792c165a] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-792c165a] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-792c165a] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-792c165a] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-792c165a] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-792c165a] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-792c165a] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-792c165a] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-792c165a] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-792c165a] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-792c165a] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-792c165a] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-792c165a] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-792c165a] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-792c165a],
.mlm-selected-item[data-v-792c165a] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-792c165a] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-792c165a]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-792c165a] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-792c165a] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-792c165a] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.share-modal[data-v-792c165a] {
    --height: auto;
    --max-width: 24.375rem;
    --width: 100%;
    --border-radius: 0;
    align-items: flex-end
}

.modal-wrapper[data-v-792c165a],
.modal-shadow[data-v-792c165a] {
    --max-height: 100%
}

.new-skin-symbol .modal-container[data-v-792c165a] {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%
}

.new-skin-symbol .modal-container .modal-content[data-v-792c165a] {
    position: relative;
    padding: 1.5rem 1rem 1rem;
    border-radius: var(--ep-border-radius-surface-small, .75rem) var(--ep-border-radius-surface-small, .75rem) 0 0;
    background: var(--ep-color-background-fill-surface-raised-L2);
    -webkit-backdrop-filter: blur(.25rem);
    backdrop-filter: blur(.25rem)
}

.new-skin-symbol .modal-container .modal-content .modal-close-icon[data-v-792c165a] {
    position: absolute;
    top: .625rem;
    right: 1rem;
    font-size: 1.25rem;
    color: var(--ep-color-icon-default)
}

.new-skin-symbol .modal-container .modal-content .modal-title[data-v-792c165a] {
    display: flex;
    align-items: flex-start;
    color: var(--ep-color-text-weak);
    font-size: var(--ep-font-size-l, 1rem);
    font-weight: var(--ep-font-weight-medium, 600);
    line-height: 1.5
}

.new-skin-symbol .modal-container .modal-content .modal-title .modal-title-index[data-v-792c165a] {
    display: inline-block;
    flex: 0 0 .75rem;
    margin-right: .25rem
}

.new-skin-symbol .modal-container .platform[data-v-792c165a] {
    margin: 1.25rem 0;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.new-skin-symbol .modal-container .platform[data-v-792c165a]::-webkit-scrollbar {
    display: none
}

.new-skin-symbol .modal-container .platform .platform-list[data-v-792c165a] {
    white-space: nowrap;
    font-size: 0
}

.new-skin-symbol .modal-container .platform .platform-list .platform-icon[data-v-792c165a] {
    display: inline-block;
    width: 2.5rem;
    height: 2.5rem
}

.new-skin-symbol .modal-container .platform .platform-list .platform-icon[data-v-792c165a]:not(:last-child) {
    margin-right: 1.25rem
}

.new-skin-symbol .modal-container .share-link[data-v-792c165a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: var(--ep-border-radius-m, .375rem);
    background: var(--ep-color-background-fill-body-default);
    padding: .5rem .75rem
}

.new-skin-symbol .modal-container .share-link .share-link-url[data-v-792c165a] {
    flex: 1;
    color: var(--ep-color-text-weakest);
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-bold, 700);
    line-height: 1.5
}

.new-skin-symbol .modal-container .share-link .share-link-copy[data-v-792c165a] {
    width: 1.5rem;
    height: 1.5rem;
    opacity: .6;
    color: var(--ep-color-text-weak, var(--color-primary-800))
}

.new-skin-symbol .modal-container .phone-area .modal-title[data-v-792c165a] {
    margin: .75rem 0
}

.new-skin-symbol .modal-container .phone-area .phone-container[data-v-792c165a] {
    border-radius: var(--ep-border-radius-m, .375rem);
    background: var(--ep-color-background-fill-body-default);
    padding: 1.25rem
}

.new-skin-symbol .modal-container .phone-area .phone-container .phone-list[data-v-792c165a] {
    display: flex;
    flex-wrap: wrap;
    max-height: 8rem;
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.new-skin-symbol .modal-container .phone-area .phone-container .phone-list[data-v-792c165a]::-webkit-scrollbar {
    display: none
}

.new-skin-symbol .modal-container .phone-area .phone-container .phone-item[data-v-792c165a] {
    width: calc(100% / 3);
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-medium, 500);
    margin-bottom: .75rem;
    color: var(--ep-color-text-default)
}

.new-skin-symbol .modal-container .phone-area .phone-container .phone-item.phone-used[data-v-792c165a] {
    color: var(--ep-color-text-default)
}

.new-skin-symbol .modal-container .phone-area .phone-container .phone-item[data-v-792c165a]:nth-child(3n-1) {
    text-align: center
}

.new-skin-symbol .modal-container .phone-area .phone-container .phone-item[data-v-792c165a]:nth-child(3n) {
    text-align: right
}

.new-skin-symbol .modal-container .phone-area .send-container[data-v-792c165a] {
    display: flex;
    margin-top: .75rem;
    margin-bottom: 1.25rem;
    gap: 1.25rem
}

.new-skin-symbol .modal-container .phone-area .send-container .send-button[data-v-792c165a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1;
    border-radius: var(--ep-border-radius-m, .375rem);
    background: var(--ep-color-background-fill-body-default);
    padding: .375rem .5rem;
    color: var(--ep-color-text-default);
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-medium, 600);
    gap: .5rem
}

.new-skin-symbol .modal-container .phone-area .send-container .send-button .send-button-icon[data-v-792c165a] {
    width: 2.5rem;
    height: 2.5rem;
    font-size: 0
}

.new-skin-symbol .modal-container .phone-area .send-container .send-button .send-button-icon img[data-v-792c165a] {
    width: 100%;
    height: 100%
}

.green-dark .modal-container[data-v-792c165a],
.yellow-dark .modal-container[data-v-792c165a],
.amber-purple .modal-container[data-v-792c165a] {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%
}

.green-dark .modal-container .modal-content[data-v-792c165a],
.yellow-dark .modal-container .modal-content[data-v-792c165a],
.amber-purple .modal-container .modal-content[data-v-792c165a] {
    position: relative;
    padding: 1.5rem 1rem 1rem;
    border-radius: var(--ep-border-radius-surface-small, .75rem) var(--ep-border-radius-surface-small, .75rem) 0 0;
    background: var(--color-bg-300);
    -webkit-backdrop-filter: blur(.25rem);
    backdrop-filter: blur(.25rem)
}

.green-dark .modal-container .modal-content .modal-close-icon[data-v-792c165a],
.yellow-dark .modal-container .modal-content .modal-close-icon[data-v-792c165a],
.amber-purple .modal-container .modal-content .modal-close-icon[data-v-792c165a] {
    position: absolute;
    top: .625rem;
    right: 1rem;
    font-size: 1.25rem;
    color: var(--color-text-100)
}

.green-dark .modal-container .modal-content .modal-title[data-v-792c165a],
.yellow-dark .modal-container .modal-content .modal-title[data-v-792c165a],
.amber-purple .modal-container .modal-content .modal-title[data-v-792c165a] {
    display: flex;
    align-items: flex-start;
    color: var(--color-text-50);
    font-size: var(--ep-font-size-l, 1rem);
    font-weight: var(--ep-font-weight-medium, 600);
    line-height: 1.5
}

.green-dark .modal-container .modal-content .modal-title .modal-title-index[data-v-792c165a],
.yellow-dark .modal-container .modal-content .modal-title .modal-title-index[data-v-792c165a],
.amber-purple .modal-container .modal-content .modal-title .modal-title-index[data-v-792c165a] {
    display: inline-block;
    flex: 0 0 .75rem;
    margin-right: .25rem
}

.green-dark .modal-container .platform[data-v-792c165a],
.yellow-dark .modal-container .platform[data-v-792c165a],
.amber-purple .modal-container .platform[data-v-792c165a] {
    margin: 1.25rem 0;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.green-dark .modal-container .platform[data-v-792c165a]::-webkit-scrollbar,
.yellow-dark .modal-container .platform[data-v-792c165a]::-webkit-scrollbar,
.amber-purple .modal-container .platform[data-v-792c165a]::-webkit-scrollbar {
    display: none
}

.green-dark .modal-container .platform .platform-list[data-v-792c165a],
.yellow-dark .modal-container .platform .platform-list[data-v-792c165a],
.amber-purple .modal-container .platform .platform-list[data-v-792c165a] {
    white-space: nowrap;
    font-size: 0
}

.green-dark .modal-container .platform .platform-list .platform-icon[data-v-792c165a],
.yellow-dark .modal-container .platform .platform-list .platform-icon[data-v-792c165a],
.amber-purple .modal-container .platform .platform-list .platform-icon[data-v-792c165a] {
    display: inline-block;
    width: 2.5rem;
    height: 2.5rem
}

.green-dark .modal-container .platform .platform-list .platform-icon[data-v-792c165a]:not(:last-child),
.yellow-dark .modal-container .platform .platform-list .platform-icon[data-v-792c165a]:not(:last-child),
.amber-purple .modal-container .platform .platform-list .platform-icon[data-v-792c165a]:not(:last-child) {
    margin-right: 1.25rem
}

.green-dark .modal-container .share-link[data-v-792c165a],
.yellow-dark .modal-container .share-link[data-v-792c165a],
.amber-purple .modal-container .share-link[data-v-792c165a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: var(--ep-border-radius-m, .375rem);
    background: var(--color-bg-200);
    padding: .5rem .75rem
}

.green-dark .modal-container .share-link .share-link-url[data-v-792c165a],
.yellow-dark .modal-container .share-link .share-link-url[data-v-792c165a],
.amber-purple .modal-container .share-link .share-link-url[data-v-792c165a] {
    flex: 1;
    color: var(--color-text-20);
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-bold, 700);
    line-height: 1.5
}

.green-dark .modal-container .share-link .share-link-copy[data-v-792c165a],
.yellow-dark .modal-container .share-link .share-link-copy[data-v-792c165a],
.amber-purple .modal-container .share-link .share-link-copy[data-v-792c165a] {
    width: 1.5rem;
    height: 1.5rem;
    opacity: .6;
    color: var(--ep-color-text-weak, var(--color-primary-800))
}

.green-dark .modal-container .phone-area .modal-title[data-v-792c165a],
.yellow-dark .modal-container .phone-area .modal-title[data-v-792c165a],
.amber-purple .modal-container .phone-area .modal-title[data-v-792c165a] {
    margin: .75rem 0
}

.green-dark .modal-container .phone-area .phone-container[data-v-792c165a],
.yellow-dark .modal-container .phone-area .phone-container[data-v-792c165a],
.amber-purple .modal-container .phone-area .phone-container[data-v-792c165a] {
    border-radius: var(--ep-border-radius-m, .375rem);
    background: var(--color-bg-200);
    padding: 1.25rem
}

.green-dark .modal-container .phone-area .phone-container .phone-list[data-v-792c165a],
.yellow-dark .modal-container .phone-area .phone-container .phone-list[data-v-792c165a],
.amber-purple .modal-container .phone-area .phone-container .phone-list[data-v-792c165a] {
    display: flex;
    flex-wrap: wrap;
    max-height: 8rem;
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.green-dark .modal-container .phone-area .phone-container .phone-list[data-v-792c165a]::-webkit-scrollbar,
.yellow-dark .modal-container .phone-area .phone-container .phone-list[data-v-792c165a]::-webkit-scrollbar,
.amber-purple .modal-container .phone-area .phone-container .phone-list[data-v-792c165a]::-webkit-scrollbar {
    display: none
}

.green-dark .modal-container .phone-area .phone-container .phone-item[data-v-792c165a],
.yellow-dark .modal-container .phone-area .phone-container .phone-item[data-v-792c165a],
.amber-purple .modal-container .phone-area .phone-container .phone-item[data-v-792c165a] {
    width: calc(100% / 3);
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-medium, 500);
    margin-bottom: .75rem;
    color: var(--color-text-100)
}

.green-dark .modal-container .phone-area .phone-container .phone-item.phone-used[data-v-792c165a],
.yellow-dark .modal-container .phone-area .phone-container .phone-item.phone-used[data-v-792c165a],
.amber-purple .modal-container .phone-area .phone-container .phone-item.phone-used[data-v-792c165a] {
    color: var(--color-text-100)
}

.green-dark .modal-container .phone-area .phone-container .phone-item[data-v-792c165a]:nth-child(3n-1),
.yellow-dark .modal-container .phone-area .phone-container .phone-item[data-v-792c165a]:nth-child(3n-1),
.amber-purple .modal-container .phone-area .phone-container .phone-item[data-v-792c165a]:nth-child(3n-1) {
    text-align: center
}

.green-dark .modal-container .phone-area .phone-container .phone-item[data-v-792c165a]:nth-child(3n),
.yellow-dark .modal-container .phone-area .phone-container .phone-item[data-v-792c165a]:nth-child(3n),
.amber-purple .modal-container .phone-area .phone-container .phone-item[data-v-792c165a]:nth-child(3n) {
    text-align: right
}

.green-dark .modal-container .phone-area .send-container[data-v-792c165a],
.yellow-dark .modal-container .phone-area .send-container[data-v-792c165a],
.amber-purple .modal-container .phone-area .send-container[data-v-792c165a] {
    display: flex;
    margin-top: .75rem;
    margin-bottom: 1.25rem;
    gap: 1.25rem
}

.green-dark .modal-container .phone-area .send-container .send-button[data-v-792c165a],
.yellow-dark .modal-container .phone-area .send-container .send-button[data-v-792c165a],
.amber-purple .modal-container .phone-area .send-container .send-button[data-v-792c165a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1;
    border-radius: var(--ep-border-radius-m, .375rem);
    background: var(--color-bg-200);
    padding: .375rem .5rem;
    color: var(--color-text-100);
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-medium, 600);
    gap: .5rem
}

.green-dark .modal-container .phone-area .send-container .send-button .send-button-icon[data-v-792c165a],
.yellow-dark .modal-container .phone-area .send-container .send-button .send-button-icon[data-v-792c165a],
.amber-purple .modal-container .phone-area .send-container .send-button .send-button-icon[data-v-792c165a] {
    width: 2.5rem;
    height: 2.5rem;
    font-size: 0
}

.green-dark .modal-container .phone-area .send-container .send-button .send-button-icon img[data-v-792c165a],
.yellow-dark .modal-container .phone-area .send-container .send-button .send-button-icon img[data-v-792c165a],
.amber-purple .modal-container .phone-area .send-container .send-button .send-button-icon img[data-v-792c165a] {
    width: 100%;
    height: 100%
}

.purple-light .modal-container[data-v-792c165a] {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%
}

.purple-light .modal-container .modal-content[data-v-792c165a] {
    position: relative;
    padding: 1.5rem 1rem 1rem;
    border-radius: var(--ep-border-radius-surface-small, .75rem) var(--ep-border-radius-surface-small, .75rem) 0 0;
    background: var(--color-bg-300);
    -webkit-backdrop-filter: blur(.25rem);
    backdrop-filter: blur(.25rem)
}

.purple-light .modal-container .modal-content .modal-close-icon[data-v-792c165a] {
    position: absolute;
    top: .625rem;
    right: 1rem;
    font-size: 1.25rem;
    color: var(--color-text-100)
}

.purple-light .modal-container .modal-content .modal-title[data-v-792c165a] {
    display: flex;
    align-items: flex-start;
    color: var(--color-text-50);
    font-size: var(--ep-font-size-l, 1rem);
    font-weight: var(--ep-font-weight-medium, 600);
    line-height: 1.5
}

.purple-light .modal-container .modal-content .modal-title .modal-title-index[data-v-792c165a] {
    display: inline-block;
    flex: 0 0 .75rem;
    margin-right: .25rem
}

.purple-light .modal-container .platform[data-v-792c165a] {
    margin: 1.25rem 0;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.purple-light .modal-container .platform[data-v-792c165a]::-webkit-scrollbar {
    display: none
}

.purple-light .modal-container .platform .platform-list[data-v-792c165a] {
    white-space: nowrap;
    font-size: 0
}

.purple-light .modal-container .platform .platform-list .platform-icon[data-v-792c165a] {
    display: inline-block;
    width: 2.5rem;
    height: 2.5rem
}

.purple-light .modal-container .platform .platform-list .platform-icon[data-v-792c165a]:not(:last-child) {
    margin-right: 1.25rem
}

.purple-light .modal-container .share-link[data-v-792c165a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: var(--ep-border-radius-m, .375rem);
    background: var(--color-bg-200);
    padding: .5rem .75rem
}

.purple-light .modal-container .share-link .share-link-url[data-v-792c165a] {
    flex: 1;
    color: var(--color-text-40);
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-bold, 700);
    line-height: 1.5
}

.purple-light .modal-container .share-link .share-link-copy[data-v-792c165a] {
    width: 1.5rem;
    height: 1.5rem;
    opacity: .6;
    color: var(--ep-color-text-weak, var(--color-primary-800))
}

.purple-light .modal-container .phone-area .modal-title[data-v-792c165a] {
    margin: .75rem 0
}

.purple-light .modal-container .phone-area .phone-container[data-v-792c165a] {
    border-radius: var(--ep-border-radius-m, .375rem);
    background: var(--color-bg-200);
    padding: 1.25rem
}

.purple-light .modal-container .phone-area .phone-container .phone-list[data-v-792c165a] {
    display: flex;
    flex-wrap: wrap;
    max-height: 8rem;
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.purple-light .modal-container .phone-area .phone-container .phone-list[data-v-792c165a]::-webkit-scrollbar {
    display: none
}

.purple-light .modal-container .phone-area .phone-container .phone-item[data-v-792c165a] {
    width: calc(100% / 3);
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-medium, 500);
    margin-bottom: .75rem;
    color: var(--color-text-100)
}

.purple-light .modal-container .phone-area .phone-container .phone-item.phone-used[data-v-792c165a] {
    color: var(--color-text-100)
}

.purple-light .modal-container .phone-area .phone-container .phone-item[data-v-792c165a]:nth-child(3n-1) {
    text-align: center
}

.purple-light .modal-container .phone-area .phone-container .phone-item[data-v-792c165a]:nth-child(3n) {
    text-align: right
}

.purple-light .modal-container .phone-area .send-container[data-v-792c165a] {
    display: flex;
    margin-top: .75rem;
    margin-bottom: 1.25rem;
    gap: 1.25rem
}

.purple-light .modal-container .phone-area .send-container .send-button[data-v-792c165a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1;
    border-radius: var(--ep-border-radius-m, .375rem);
    background: var(--color-bg-200);
    padding: .375rem .5rem;
    color: var(--color-text-100);
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-medium, 600);
    gap: .5rem
}

.purple-light .modal-container .phone-area .send-container .send-button .send-button-icon[data-v-792c165a] {
    width: 2.5rem;
    height: 2.5rem;
    font-size: 0
}

.purple-light .modal-container .phone-area .send-container .send-button .send-button-icon img[data-v-792c165a] {
    width: 100%;
    height: 100%
}

.green-default .modal-container[data-v-792c165a],
.blue-default .modal-container[data-v-792c165a],
.forest-green .modal-container[data-v-792c165a],
.auroral-yellow .modal-container[data-v-792c165a] {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%
}

.green-default .modal-container .modal-content[data-v-792c165a],
.blue-default .modal-container .modal-content[data-v-792c165a],
.forest-green .modal-container .modal-content[data-v-792c165a],
.auroral-yellow .modal-container .modal-content[data-v-792c165a] {
    position: relative;
    padding: 1.5rem 1rem 1rem;
    border-radius: var(--ep-border-radius-surface-small, .75rem) var(--ep-border-radius-surface-small, .75rem) 0 0;
    background: var(--color-bg-300);
    -webkit-backdrop-filter: blur(.25rem);
    backdrop-filter: blur(.25rem)
}

.green-default .modal-container .modal-content .modal-close-icon[data-v-792c165a],
.blue-default .modal-container .modal-content .modal-close-icon[data-v-792c165a],
.forest-green .modal-container .modal-content .modal-close-icon[data-v-792c165a],
.auroral-yellow .modal-container .modal-content .modal-close-icon[data-v-792c165a] {
    position: absolute;
    top: .625rem;
    right: 1rem;
    font-size: 1.25rem;
    color: var(--color-text-100)
}

.green-default .modal-container .modal-content .modal-title[data-v-792c165a],
.blue-default .modal-container .modal-content .modal-title[data-v-792c165a],
.forest-green .modal-container .modal-content .modal-title[data-v-792c165a],
.auroral-yellow .modal-container .modal-content .modal-title[data-v-792c165a] {
    display: flex;
    align-items: flex-start;
    color: var(--color-text-80);
    font-size: var(--ep-font-size-l, 1rem);
    font-weight: var(--ep-font-weight-medium, 600);
    line-height: 1.5
}

.green-default .modal-container .modal-content .modal-title .modal-title-index[data-v-792c165a],
.blue-default .modal-container .modal-content .modal-title .modal-title-index[data-v-792c165a],
.forest-green .modal-container .modal-content .modal-title .modal-title-index[data-v-792c165a],
.auroral-yellow .modal-container .modal-content .modal-title .modal-title-index[data-v-792c165a] {
    display: inline-block;
    flex: 0 0 .75rem;
    margin-right: .25rem
}

.green-default .modal-container .platform[data-v-792c165a],
.blue-default .modal-container .platform[data-v-792c165a],
.forest-green .modal-container .platform[data-v-792c165a],
.auroral-yellow .modal-container .platform[data-v-792c165a] {
    margin: 1.25rem 0;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.green-default .modal-container .platform[data-v-792c165a]::-webkit-scrollbar,
.blue-default .modal-container .platform[data-v-792c165a]::-webkit-scrollbar,
.forest-green .modal-container .platform[data-v-792c165a]::-webkit-scrollbar,
.auroral-yellow .modal-container .platform[data-v-792c165a]::-webkit-scrollbar {
    display: none
}

.green-default .modal-container .platform .platform-list[data-v-792c165a],
.blue-default .modal-container .platform .platform-list[data-v-792c165a],
.forest-green .modal-container .platform .platform-list[data-v-792c165a],
.auroral-yellow .modal-container .platform .platform-list[data-v-792c165a] {
    white-space: nowrap;
    font-size: 0
}

.green-default .modal-container .platform .platform-list .platform-icon[data-v-792c165a],
.blue-default .modal-container .platform .platform-list .platform-icon[data-v-792c165a],
.forest-green .modal-container .platform .platform-list .platform-icon[data-v-792c165a],
.auroral-yellow .modal-container .platform .platform-list .platform-icon[data-v-792c165a] {
    display: inline-block;
    width: 2.5rem;
    height: 2.5rem
}

.green-default .modal-container .platform .platform-list .platform-icon[data-v-792c165a]:not(:last-child),
.blue-default .modal-container .platform .platform-list .platform-icon[data-v-792c165a]:not(:last-child),
.forest-green .modal-container .platform .platform-list .platform-icon[data-v-792c165a]:not(:last-child),
.auroral-yellow .modal-container .platform .platform-list .platform-icon[data-v-792c165a]:not(:last-child) {
    margin-right: 1.25rem
}

.green-default .modal-container .share-link[data-v-792c165a],
.blue-default .modal-container .share-link[data-v-792c165a],
.forest-green .modal-container .share-link[data-v-792c165a],
.auroral-yellow .modal-container .share-link[data-v-792c165a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: var(--ep-border-radius-m, .375rem);
    background: var(--color-bg-200);
    padding: .5rem .75rem
}

.green-default .modal-container .share-link .share-link-url[data-v-792c165a],
.blue-default .modal-container .share-link .share-link-url[data-v-792c165a],
.forest-green .modal-container .share-link .share-link-url[data-v-792c165a],
.auroral-yellow .modal-container .share-link .share-link-url[data-v-792c165a] {
    flex: 1;
    color: var(--color-text-40);
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-bold, 700);
    line-height: 1.5
}

.green-default .modal-container .share-link .share-link-copy[data-v-792c165a],
.blue-default .modal-container .share-link .share-link-copy[data-v-792c165a],
.forest-green .modal-container .share-link .share-link-copy[data-v-792c165a],
.auroral-yellow .modal-container .share-link .share-link-copy[data-v-792c165a] {
    width: 1.5rem;
    height: 1.5rem;
    opacity: .6;
    color: var(--ep-color-text-weak, var(--color-primary-800))
}

.green-default .modal-container .phone-area .modal-title[data-v-792c165a],
.blue-default .modal-container .phone-area .modal-title[data-v-792c165a],
.forest-green .modal-container .phone-area .modal-title[data-v-792c165a],
.auroral-yellow .modal-container .phone-area .modal-title[data-v-792c165a] {
    margin: .75rem 0
}

.green-default .modal-container .phone-area .phone-container[data-v-792c165a],
.blue-default .modal-container .phone-area .phone-container[data-v-792c165a],
.forest-green .modal-container .phone-area .phone-container[data-v-792c165a],
.auroral-yellow .modal-container .phone-area .phone-container[data-v-792c165a] {
    border-radius: var(--ep-border-radius-m, .375rem);
    background: var(--color-bg-200);
    padding: 1.25rem
}

.green-default .modal-container .phone-area .phone-container .phone-list[data-v-792c165a],
.blue-default .modal-container .phone-area .phone-container .phone-list[data-v-792c165a],
.forest-green .modal-container .phone-area .phone-container .phone-list[data-v-792c165a],
.auroral-yellow .modal-container .phone-area .phone-container .phone-list[data-v-792c165a] {
    display: flex;
    flex-wrap: wrap;
    max-height: 8rem;
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.green-default .modal-container .phone-area .phone-container .phone-list[data-v-792c165a]::-webkit-scrollbar,
.blue-default .modal-container .phone-area .phone-container .phone-list[data-v-792c165a]::-webkit-scrollbar,
.forest-green .modal-container .phone-area .phone-container .phone-list[data-v-792c165a]::-webkit-scrollbar,
.auroral-yellow .modal-container .phone-area .phone-container .phone-list[data-v-792c165a]::-webkit-scrollbar {
    display: none
}

.green-default .modal-container .phone-area .phone-container .phone-item[data-v-792c165a],
.blue-default .modal-container .phone-area .phone-container .phone-item[data-v-792c165a],
.forest-green .modal-container .phone-area .phone-container .phone-item[data-v-792c165a],
.auroral-yellow .modal-container .phone-area .phone-container .phone-item[data-v-792c165a] {
    width: calc(100% / 3);
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-medium, 500);
    margin-bottom: .75rem;
    color: var(--color-text-100)
}

.green-default .modal-container .phone-area .phone-container .phone-item.phone-used[data-v-792c165a],
.blue-default .modal-container .phone-area .phone-container .phone-item.phone-used[data-v-792c165a],
.forest-green .modal-container .phone-area .phone-container .phone-item.phone-used[data-v-792c165a],
.auroral-yellow .modal-container .phone-area .phone-container .phone-item.phone-used[data-v-792c165a] {
    color: var(--color-text-100)
}

.green-default .modal-container .phone-area .phone-container .phone-item[data-v-792c165a]:nth-child(3n-1),
.blue-default .modal-container .phone-area .phone-container .phone-item[data-v-792c165a]:nth-child(3n-1),
.forest-green .modal-container .phone-area .phone-container .phone-item[data-v-792c165a]:nth-child(3n-1),
.auroral-yellow .modal-container .phone-area .phone-container .phone-item[data-v-792c165a]:nth-child(3n-1) {
    text-align: center
}

.green-default .modal-container .phone-area .phone-container .phone-item[data-v-792c165a]:nth-child(3n),
.blue-default .modal-container .phone-area .phone-container .phone-item[data-v-792c165a]:nth-child(3n),
.forest-green .modal-container .phone-area .phone-container .phone-item[data-v-792c165a]:nth-child(3n),
.auroral-yellow .modal-container .phone-area .phone-container .phone-item[data-v-792c165a]:nth-child(3n) {
    text-align: right
}

.green-default .modal-container .phone-area .send-container[data-v-792c165a],
.blue-default .modal-container .phone-area .send-container[data-v-792c165a],
.forest-green .modal-container .phone-area .send-container[data-v-792c165a],
.auroral-yellow .modal-container .phone-area .send-container[data-v-792c165a] {
    display: flex;
    margin-top: .75rem;
    margin-bottom: 1.25rem;
    gap: 1.25rem
}

.green-default .modal-container .phone-area .send-container .send-button[data-v-792c165a],
.blue-default .modal-container .phone-area .send-container .send-button[data-v-792c165a],
.forest-green .modal-container .phone-area .send-container .send-button[data-v-792c165a],
.auroral-yellow .modal-container .phone-area .send-container .send-button[data-v-792c165a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1;
    border-radius: var(--ep-border-radius-m, .375rem);
    background: var(--color-bg-200);
    padding: .375rem .5rem;
    color: var(--color-text-100);
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-medium, 600);
    gap: .5rem
}

.green-default .modal-container .phone-area .send-container .send-button .send-button-icon[data-v-792c165a],
.blue-default .modal-container .phone-area .send-container .send-button .send-button-icon[data-v-792c165a],
.forest-green .modal-container .phone-area .send-container .send-button .send-button-icon[data-v-792c165a],
.auroral-yellow .modal-container .phone-area .send-container .send-button .send-button-icon[data-v-792c165a] {
    width: 2.5rem;
    height: 2.5rem;
    font-size: 0
}

.green-default .modal-container .phone-area .send-container .send-button .send-button-icon img[data-v-792c165a],
.blue-default .modal-container .phone-area .send-container .send-button .send-button-icon img[data-v-792c165a],
.forest-green .modal-container .phone-area .send-container .send-button .send-button-icon img[data-v-792c165a],
.auroral-yellow .modal-container .phone-area .send-container .send-button .send-button-icon img[data-v-792c165a] {
    width: 100%;
    height: 100%
}

.deep-sea-teal .modal-container[data-v-792c165a] {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%
}

.deep-sea-teal .modal-container .modal-content[data-v-792c165a] {
    position: relative;
    padding: 1.5rem 1rem 1rem;
    border-radius: var(--ep-border-radius-surface-small, .75rem) var(--ep-border-radius-surface-small, .75rem) 0 0;
    background: var(--ep-color-background-fill-surface-raised-L2);
    -webkit-backdrop-filter: blur(.25rem);
    backdrop-filter: blur(.25rem)
}

.deep-sea-teal .modal-container .modal-content .modal-close-icon[data-v-792c165a] {
    position: absolute;
    top: .625rem;
    right: 1rem;
    font-size: 1.25rem;
    color: var(--ep-color-icon-default)
}

.deep-sea-teal .modal-container .modal-content .modal-title[data-v-792c165a] {
    display: flex;
    align-items: flex-start;
    color: var(--ep-color-text-weak);
    font-size: var(--ep-font-size-l, 1rem);
    font-weight: var(--ep-font-weight-medium, 600);
    line-height: 1.5
}

.deep-sea-teal .modal-container .modal-content .modal-title .modal-title-index[data-v-792c165a] {
    display: inline-block;
    flex: 0 0 .75rem;
    margin-right: .25rem
}

.deep-sea-teal .modal-container .platform[data-v-792c165a] {
    margin: 1.25rem 0;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.deep-sea-teal .modal-container .platform[data-v-792c165a]::-webkit-scrollbar {
    display: none
}

.deep-sea-teal .modal-container .platform .platform-list[data-v-792c165a] {
    white-space: nowrap;
    font-size: 0
}

.deep-sea-teal .modal-container .platform .platform-list .platform-icon[data-v-792c165a] {
    display: inline-block;
    width: 2.5rem;
    height: 2.5rem
}

.deep-sea-teal .modal-container .platform .platform-list .platform-icon[data-v-792c165a]:not(:last-child) {
    margin-right: 1.25rem
}

.deep-sea-teal .modal-container .share-link[data-v-792c165a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: var(--ep-border-radius-m, .375rem);
    background: var(--ep-color-background-fill-body-default);
    padding: .5rem .75rem
}

.deep-sea-teal .modal-container .share-link .share-link-url[data-v-792c165a] {
    flex: 1;
    color: var(--ep-color-text-info);
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-bold, 700);
    line-height: 1.5
}

.deep-sea-teal .modal-container .share-link .share-link-copy[data-v-792c165a] {
    width: 1.5rem;
    height: 1.5rem;
    opacity: .6;
    color: var(--ep-color-text-weak, var(--color-primary-800))
}

.deep-sea-teal .modal-container .phone-area .modal-title[data-v-792c165a] {
    margin: .75rem 0
}

.deep-sea-teal .modal-container .phone-area .phone-container[data-v-792c165a] {
    border-radius: var(--ep-border-radius-m, .375rem);
    background: var(--ep-color-background-fill-body-default);
    padding: 1.25rem
}

.deep-sea-teal .modal-container .phone-area .phone-container .phone-list[data-v-792c165a] {
    display: flex;
    flex-wrap: wrap;
    max-height: 8rem;
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.deep-sea-teal .modal-container .phone-area .phone-container .phone-list[data-v-792c165a]::-webkit-scrollbar {
    display: none
}

.deep-sea-teal .modal-container .phone-area .phone-container .phone-item[data-v-792c165a] {
    width: calc(100% / 3);
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-medium, 500);
    margin-bottom: .75rem;
    color: var(--ep-color-text-default)
}

.deep-sea-teal .modal-container .phone-area .phone-container .phone-item.phone-used[data-v-792c165a] {
    color: var(--ep-color-text-default)
}

.deep-sea-teal .modal-container .phone-area .phone-container .phone-item[data-v-792c165a]:nth-child(3n-1) {
    text-align: center
}

.deep-sea-teal .modal-container .phone-area .phone-container .phone-item[data-v-792c165a]:nth-child(3n) {
    text-align: right
}

.deep-sea-teal .modal-container .phone-area .send-container[data-v-792c165a] {
    display: flex;
    margin-top: .75rem;
    margin-bottom: 1.25rem;
    gap: 1.25rem
}

.deep-sea-teal .modal-container .phone-area .send-container .send-button[data-v-792c165a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1;
    border-radius: var(--ep-border-radius-m, .375rem);
    background: var(--ep-color-background-fill-body-default);
    padding: .375rem .5rem;
    color: var(--ep-color-text-default);
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-medium, 600);
    gap: .5rem
}

.deep-sea-teal .modal-container .phone-area .send-container .send-button .send-button-icon[data-v-792c165a] {
    width: 2.5rem;
    height: 2.5rem;
    font-size: 0
}

.deep-sea-teal .modal-container .phone-area .send-container .send-button .send-button-icon img[data-v-792c165a] {
    width: 100%;
    height: 100%
}

.rule-desc[data-v-2b87644c] {
    border-radius: var(--rounded-middle);
    margin: 0 1.25rem 1.25rem;
    padding: .625rem;
    font-size: .75rem;
    line-height: 1rem;
    color: var(--ep-color-text-weak)
}

.rule-desc[data-v-2b87644c] .ruleHeader {
    justify-content: start;
    margin-bottom: .75rem
}

.rule-desc[data-v-2b87644c] .ruleHeader .span-cls {
    font-weight: var(--ep-font-weight-bold);
    color: var(--ep-color-text-default);
    font-size: 1rem;
    margin-left: -.125rem
}

.rule-desc[data-v-2b87644c] .item-wrap {
    padding-left: .4375rem
}

.color-primary-600[data-v-2b87644c] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-2b87644c] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-2b87644c] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-2b87644c] {
    color: var(--color-primary-900)
}

.bg-100[data-v-2b87644c] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-2b87644c] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-2b87644c] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-2b87644c] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-2b87644c] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-2b87644c] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-2b87644c] {
    background-color: var(--color-warning)
}

.bg-link[data-v-2b87644c] {
    background-color: var(--color-link)
}

.bg-danger[data-v-2b87644c] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-2b87644c] {
    color: var(--color-text-100)
}

.color-text-80[data-v-2b87644c] {
    color: var(--color-text-80)
}

.color-text-50[data-v-2b87644c] {
    color: var(--color-text-50)
}

.color-text-40[data-v-2b87644c] {
    color: var(--color-text-40)
}

.color-text-20[data-v-2b87644c] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-2b87644c] {
    color: var(--color-currency)
}

.color-warning[data-v-2b87644c] {
    color: var(--color-warning)
}

.color-danger[data-v-2b87644c] {
    color: var(--color-danger)
}

.color-link[data-v-2b87644c] {
    color: var(--color-link)
}

.color-line[data-v-2b87644c] {
    color: var(--color-line)
}

.color-border[data-v-2b87644c] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-2b87644c] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-2b87644c] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-2b87644c] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-2b87644c] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-2b87644c] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-2b87644c] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-2b87644c] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-2b87644c] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-2b87644c] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-2b87644c] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-2b87644c] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-2b87644c] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-2b87644c] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-2b87644c] {
    display: flex;
    align-items: center
}

.flex-start[data-v-2b87644c] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-2b87644c] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-2b87644c] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-2b87644c] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-2b87644c] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-2b87644c] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-2b87644c] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-2b87644c] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-2b87644c] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-2b87644c] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-2b87644c] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-2b87644c] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-2b87644c] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-2b87644c] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-2b87644c] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-2b87644c] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-2b87644c] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-2b87644c] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-2b87644c] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-2b87644c] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-2b87644c] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-2b87644c] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-2b87644c] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-2b87644c] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-2b87644c],
.mlm-selected-item[data-v-2b87644c] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-2b87644c] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-2b87644c]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-2b87644c] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-2b87644c] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-2b87644c] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-header[data-v-2b87644c] {
    background: var(--ep-color-background-fill-body-default)
}

.toolbar-title-default[data-v-2b87644c] {
    --background: transparent
}

.wheelBox[data-v-2b87644c] {
    background: url(/assets/new-skin-bg-P3N606yA.png) no-repeat center -3.125rem / cover;
    background-size: 100%;
    height: 23.875rem;
    width: 24.375rem;
    position: relative;
    padding-top: 5.625rem
}

.wheelBox .zj-icon[data-v-2b87644c] {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: auto;
    margin-right: auto
}

.wheelBox .zj-icon.hidden[data-v-2b87644c] {
    display: none
}

.wheelBox .zj-icon .winning-check[data-v-2b87644c] {
    background: url(/assets/winning-BI4on5Ne.png) no-repeat center / cover;
    width: 8.06rem;
    height: 10.56rem;
    position: absolute;
    top: -1.687rem;
    pointer-events: none
}

.wheelBox .content-wrapper[data-v-2b87644c] {
    position: relative;
    display: flex;
    justify-content: center;
    margin-right: .0625rem
}

.wheelBox .content-wrapper .wheel-light[data-v-2b87644c] {
    position: absolute;
    top: -2rem;
    left: 2.43rem;
    z-index: 2;
    width: 19.125rem
}

.wheelBox .content-wrapper .wheel-bg[data-v-2b87644c] {
    width: 100vw;
    height: 27.5rem;
    position: absolute;
    top: -8rem;
    background: url(/assets/spin-bg-DCvPdghe.webp) no-repeat center center / 100% 90%;
    z-index: 1
}

.wheelBox .content-wrapper .wheel-bg-hidden[data-v-2b87644c] {
    opacity: 0;
    transition: opacity 1s ease-out 3s
}

.wheelBox .content-wrapper .wheel-bg-show[data-v-2b87644c] {
    opacity: 1;
    transition: opacity .5s ease-in
}

.wheelBox .content-wrapper .light-on[data-v-2b87644c] {
    position: absolute;
    width: 0%;
    height: 100%;
    top: 0;
    left: 3.75rem;
    z-index: 2
}

.wheelBox .content-wrapper .light-on p[data-v-2b87644c] {
    position: absolute;
    width: .5rem;
    height: .5rem;
    background: #fff;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    margin-top: -1.5px;
    margin-left: -1.5px;
    transform-origin: 8.375rem 0;
    box-shadow: 0 0 .25rem .125rem #fff
}

.wheelBox .content-wrapper .light-on.light-active p[data-v-2b87644c]:nth-child(odd) {
    background: #fc0;
    box-shadow: 0 0 .25rem .125rem gold;
    animation: lightBlink-2b87644c 1s infinite;
    transition: all .3s
}

.wheelBox .content-wrapper .wheel-box[data-v-2b87644c] {
    position: relative;
    z-index: 2
}

.wheelBox .content-wrapper .wheel-start-wrapper[data-v-2b87644c] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 12rem;
    height: 12rem;
    margin: auto;
    border-radius: 12rem
}

.wheelBox .content-wrapper .wheel-start-wrapper.wheel-start[data-v-2b87644c] {
    pointer-events: none
}

.wheelBox .content-wrapper .wheel-start-wrapper.wheel-start.other[data-v-2b87644c] {
    z-index: 10
}

.wheelBox .content-wrapper .wheel-start-wrapper.wheel-start .buttons[data-v-2b87644c] {
    top: -.8125rem;
    background: url(/assets/share_start1-BDHk9XCq.webp) 0 0 / 100%;
    background-size: 100%;
    background-repeat: no-repeat
}

.wheelBox .content-wrapper .wheel-start-wrapper.wheel-start .buttons.on[data-v-2b87644c] {
    animation: buttonAnimation-2b87644c .25s
}

.wheelBox .content-wrapper .wheel-start-wrapper .wheel-show-ani[data-v-2b87644c] {
    height: 5.31rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4rem
}

.wheelBox .content-wrapper .wheel-start-wrapper .wheel-content[data-v-2b87644c] {
    position: relative;
    width: 80px;
    height: 108px;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center
}

.wheelBox .content-wrapper .wheel-start-wrapper .wheel-content .wheel-content-top[data-v-2b87644c] {
    font-size: 1.125rem;
    font-weight: var(--ep-font-weight-bold);
    color: #7a00dd;
    margin-top: 1.6rem;
    min-height: 3.4rem;
    display: flex;
    align-items: center
}

.wheelBox .content-wrapper .wheel-start-wrapper .wheel-content .wheel-content-bot[data-v-2b87644c] {
    padding-top: 1.75rem;
    font-size: 2.25rem;
    line-height: 2.5rem;
    font-weight: var(--ep-font-weight-bold);
    color: #0b019d
}

.wheelBox .content-wrapper .finger[data-v-2b87644c] {
    width: 6rem;
    height: 6rem;
    margin: auto;
    z-index: 900;
    transform: translate(32px, 26px);
    opacity: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.wheelBox .countdown-time[data-v-2b87644c] {
    color: var(--ep-color-text-inverse-disabled);
    font-weight: var(--ep-font-weight-bold);
    position: absolute;
    width: 100%;
    font-size: .75rem;
    line-height: 1rem;
    text-align: center;
    bottom: .5rem
}

.wheelBox .countdown-time .ct-txt[data-v-2b87644c] {
    margin-left: .375rem
}

.invite-wrapper[data-v-2b87644c] {
    height: 4.75rem
}

.invite-wrapper .textCenter[data-v-2b87644c] {
    text-align: center
}

.invite-wrapper .progress[data-v-2b87644c] {
    background: var(--ep-color-background-fill-glow-primary-opacity-100, #3A8EE3);
    height: 3.75rem;
    line-height: 3.75rem;
    text-align: center;
    font-family: Smooch Sans, serif;
    font-size: 3.5rem;
    font-style: normal;
    font-weight: var(--ep-font-weight-bold)
}

.invite-wrapper .progress span[data-v-2b87644c] {
    font-size: 2.5rem;
    vertical-align: bottom
}

.invite-wrapper .progress-bar[data-v-2b87644c] {
    height: .187rem;
    position: relative;
    text-align: center;
    font-size: .75rem;
    padding-top: .0937rem;
    font-family: Smooch Sans, serif;
    font-weight: var(--ep-font-weight-bold);
    color: var(--ep-color-text-default);
    background: #483d66
}

.invite-wrapper .progress-bar.active[data-v-2b87644c] {
    background: linear-gradient(90deg, #8c5bff, #81efe8 21%, #54a6ff 39.5%, #8c5bff 54.5%, #8c5bff 54.51%, #54a6ff 70%, #81efe8 84.5%, #8c5bff 98.5%)
}

.invite-wrapper .progress-bar[data-v-2b87644c]:after {
    content: "";
    display: block;
    width: 100%;
    height: 1rem;
    position: absolute;
    top: .187rem;
    background: var(--ep-color-background-fill-glow-primary-opacity-40);
    clip-path: polygon(0 0, 100% 0, 93.2% 100%, 6.8% 100%)
}

.invite-wrapper .progress-row[data-v-2b87644c] {
    font-size: 1.875rem;
    line-height: 2.25rem;
    font-weight: var(--ep-font-weight-bold)
}

.share-model[data-v-2b87644c] {
    width: 21.25rem;
    margin: 0 auto;
    border-radius: 0;
    text-align: left
}

.share-model .share[data-v-2b87644c] {
    border-radius: 0px 0px .25rem .25rem;
    background: var(--ep-color-background-fill-surface-raised-L2)
}

.share-model .share-model-row[data-v-2b87644c] {
    font-size: .875rem;
    line-height: 1.25rem;
    padding: .5rem .75rem
}

.share-model .share-model-row .share-invite[data-v-2b87644c] {
    flex: 1;
    font-weight: var(--ep-font-weight-bold);
    color: var(--ep-color-text-weaker)
}

.share-model .share-model-row .svg-cls[data-v-2b87644c] {
    font-size: 1.5rem;
    line-height: 1.75rem;
    color: var(--ep-color-icon-brand-primary, var(--color-piece-text))
}

.share-model p[data-v-2b87644c] {
    font-size: .75rem;
    color: var(--ep-color-text-weaker)
}

.share-model .deposit[data-v-2b87644c] {
    background: var(--ep-color-background-fill-surface-raised-L1);
    font-size: .875rem;
    line-height: 1.25rem;
    padding: .5rem .75rem;
    display: flex;
    justify-content: space-between
}

.share-model .deposit .deposit-content[data-v-2b87644c] {
    color: var(--ep-color-text-weaker);
    font-weight: var(--ep-font-weight-bold);
    display: flex;
    align-items: center;
    font-size: .75rem
}

.share-model .deposit .deposit-icon[data-v-2b87644c] {
    font-size: 1.5rem;
    color: var(--ep-color-icon-brand-primary, var(--color-piece-text))
}

.report-info[data-v-2b87644c] {
    margin-top: 1.25rem
}

.report-info .div-cls[data-v-2b87644c] {
    display: flex;
    width: 21.25rem;
    margin: 0 auto;
    border-radius: .625rem .625rem 0 0;
    overflow: hidden
}

.report-info .div-cls .p-cls[data-v-2b87644c] {
    width: 50%;
    text-align: center;
    color: var(--ep-color-text-weaker);
    background: var(--ep-color-background-fill-surface-raised-L1);
    padding-top: .5rem;
    padding-bottom: .5rem;
    font-weight: var(--ep-font-weight-bold)
}

.report-info .div-cls .p-cls.active[data-v-2b87644c] {
    color: var(--ep-color-text-weak);
    background-color: var(--ep-color-background-fill-surface-raised-L2)
}

.report-content[data-v-2b87644c] {
    width: 21.25rem;
    font-weight: var(--ep-font-weight-bold);
    color: var(--ep-color-text-weak);
    height: 20rem;
    margin: 0 auto 1.25rem;
    overflow: hidden;
    border-radius: 0 0 .5rem .5rem;
    background-color: var(--ep-color-background-fill-surface-raised-L2)
}

.report-content .moneyNum[data-v-2b87644c] {
    color: var(--ep-color-text-warning)
}

.report-content .report-it[data-v-2b87644c] {
    overflow: hidden;
    height: 20rem
}

.report-content .report-it .scroll-box[data-v-2b87644c] {
    animation: scrollAnimation-2b87644c linear infinite;
    animation-fill-mode: both;
    font-size: .75rem;
    color: var(--color-piece-record-text);
    line-height: 2;
    font-weight: var(--ep-font-weight-bold)
}

.report-content .report-it .scroll-box ion-row[data-v-2b87644c] {
    height: 2.5rem;
    padding: .25rem .75rem;
    display: flex;
    align-items: center
}

.report-content .report-it .scroll-box ion-row .row-p1[data-v-2b87644c] {
    flex: 1;
    padding-left: .75rem
}

.report-content .report-it .scroll-box ion-row .row-p2[data-v-2b87644c] {
    flex: 1;
    text-align: center
}

.report-content .report-it .scroll-box ion-row .row-d1[data-v-2b87644c] {
    flex: 1;
    text-align: center;
    display: flex;
    justify-content: end;
    align-items: center;
    padding-right: .75rem
}

.report-content .report-it .scroll-box ion-row .row-d1 .row-d1-span[data-v-2b87644c] {
    margin: 0 .25rem
}

.report-content .report-it .zl-record[data-v-2b87644c] {
    overflow-y: auto;
    height: 20rem
}

.report-content .report-it .zl-record .record-text[data-v-2b87644c] {
    color: var(--color-piece-record-text);
    font-size: .75rem;
    line-height: 2;
    min-height: 100%
}

.report-content .report-it .zl-record .record-text ion-row[data-v-2b87644c] {
    height: 2.5rem;
    padding: .25rem .75rem;
    display: flex;
    align-items: center
}

.report-content .report-it .zl-record .record-text ion-row .row-p1[data-v-2b87644c] {
    flex: 1;
    padding-left: .75rem
}

.report-content .report-it .zl-record .record-text ion-row .row-p2[data-v-2b87644c] {
    flex: 1;
    text-align: center
}

.report-content .report-it .zl-record .record-text ion-row .row-d1[data-v-2b87644c] {
    flex: 1;
    text-align: center;
    display: flex;
    justify-content: end;
    align-items: center;
    padding-right: .75rem
}

.report-content .report-it .zl-record .record-text ion-row .row-d1 .row-d1-span[data-v-2b87644c] {
    margin: 0 .25rem
}

.rule-text[data-v-2b87644c] {
    border-radius: var(--rounded-middle);
    margin: 0 1.25rem 1.25rem;
    padding: .625rem;
    font-size: .75rem;
    line-height: 1rem;
    color: var(--ep-color-text-weak)
}

.rule-text .ruleItem[data-v-2b87644c] {
    margin-bottom: .75rem
}

.rule-text .ruleItem .ruleDes.title[data-v-2b87644c] {
    font-weight: var(--ep-font-weight-bold);
    color: var(--ep-color-text-default);
    font-size: 1rem;
    margin-left: -.125rem
}

.rule-text .ruleItem .ruleDes[data-v-2b87644c] {
    margin-left: .25rem;
    padding-left: .4375rem;
    text-indent: -.4375rem
}

.help-bg[data-v-2b87644c] {
    padding-bottom: 1.5rem;
    border-radius: var(--ep-border-radius-surface-small);
    background: var(--ep-color-background-fill-surface-raised-L2);
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: -2;
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.help-bg ion-icon[data-v-2b87644c] {
    color: var(--ep-color-icon-weaker)
}

.help-bg .icon-cls[data-v-2b87644c] {
    position: absolute;
    font-size: 1.875rem;
    line-height: 2.25rem;
    top: .75rem;
    right: .75rem
}

.help-bg .help-p[data-v-2b87644c] {
    font-size: 1rem;
    margin-top: 1.5rem;
    margin-bottom: 1.25rem;
    color: var(--ep-color-text-default, var(--color-primary-700));
    font-weight: var(--ep-font-weight-bold)
}

.help-bg .help-content-bg[data-v-2b87644c] {
    width: 100%;
    font-size: .875rem;
    background: var(--ep-color-background-fill-body-default);
    border-radius: var(--ep-border-radius-l);
    line-height: 1.25;
    padding: 1.25rem
}

.help-bg .help-content-bg .p-cls[data-v-2b87644c] {
    color: var(--ep-color-text-weaker);
    font-weight: var(--ep-font-weight-medium)
}

.prize-content[data-v-2b87644c] {
    border-radius: var(--ep-border-radius-surface-small);
    background: var(--ep-color-background-fill-surface-raised-L2);
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.prize-content .prize-content-p[data-v-2b87644c] {
    font-size: 1rem;
    margin-top: 1.5rem;
    margin-bottom: 1.25rem;
    color: var(--ep-color-text-default, var(--color-primary-700));
    font-weight: var(--ep-font-weight-bold)
}

.prize-content .prize-content-bg[data-v-2b87644c] {
    width: 100%;
    background: var(--ep-color-background-fill-body-default);
    text-align: center;
    height: 12.25rem;
    border-radius: var(--ep-border-radius-surface-small);
    padding: 1.25rem 0
}

.prize-content .prize-content-bg .img-cls[data-v-2b87644c] {
    width: 6.75rem;
    margin-left: auto;
    margin-right: auto
}

.prize-content .prize-content-bg .p-cls[data-v-2b87644c] {
    font-weight: var(--ep-font-weight-medium);
    font-size: .875rem;
    margin-top: 1.25rem;
    color: var(--color-currency)
}

.prize-content .btn-cls[data-v-2b87644c] {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem
}

ion-segment[data-v-2b87644c] {
    display: flex;
    justify-content: left
}

ion-segment.segment-button-disabled[data-v-2b87644c] {
    opacity: 1
}

ion-segment.ios[data-v-2b87644c] {
    --border-radius: var(--rounded-small);
    --background: transparent;
    --color: var(--color-bg-100);
    --indicator-color: transparent;
    --indicator-box-shadow: none;
    --padding-start: 0;
    --padding-end: 0;
    --padding-top: 0;
    --padding-bottom: 0;
    text-transform: capitalize;
    min-width: 2.25rem;
    min-height: 5.5rem;
    max-height: 5.5rem;
    margin-top: 0
}

ion-checkbox[data-v-2b87644c] {
    --size: .9375rem;
    --checkbox-background-checked: #66D73E;
    --checkbox-background: #EAEDF6;
    --border-color: #EAEDF6;
    --checkmark-color: #fff;
    --checkmark-width: 4px;
    --border-radius: 4px;
    margin-inline-end: 0
}

ion-checkbox[data-v-2b87644c]::part(container) {
    padding: .25rem;
    border-radius: 50%;
    border: none
}

ion-item ion-button[data-v-2b87644c] {
    --ripple-color: transparent
}

.font-black[data-v-2b87644c] {
    font-weight: var(--ep-font-weight-bold)
}

.text-title[data-v-2b87644c] {
    color: var(--color-piece-title)
}

.invite-btn-text[data-v-2b87644c] {
    color: var(--color-piece-invite-text)
}

.hide-scrollbar[data-v-2b87644c] {
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.hide-scrollbar[data-v-2b87644c]::-webkit-scrollbar {
    display: none
}

.aperture[data-v-2b87644c] {
    animation: apertureAnimation-2b87644c 20s linear infinite
}

.active-light[data-v-2b87644c] {
    animation-name: lightAnimation-2b87644c;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    pointer-events: none
}

ion-row.shiny[data-v-2b87644c],
ion-button.pop.shiny[data-v-2b87644c] {
    position: relative;
    overflow: hidden
}

ion-row.shiny[data-v-2b87644c]:before,
ion-button.pop.shiny[data-v-2b87644c]:before {
    content: "";
    animation: shiny-2b87644c 6s ease-in-out infinite;
    background: #fff;
    display: inline-block;
    height: 100%;
    left: 0;
    position: absolute;
    top: -180px;
    width: 20px;
    z-index: 100
}

ion-item.pop.shiny[data-v-2b87644c]:before {
    width: 30px !important
}

.turntable-shiny[data-v-2b87644c] {
    position: relative;
    overflow: hidden
}

.turntable-shiny[data-v-2b87644c]:before {
    content: "";
    animation: turntableShiny-2b87644c 6s ease-in-out infinite;
    background: #fff;
    display: inline-block;
    height: 3.3rem;
    left: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 3.3rem;
    z-index: 100000;
    border-radius: 50%;
    overflow: hidden
}

.winning-box[data-v-2b87644c] {
    animation: blink-2b87644c 1s infinite
}

.fingerAnimation[data-v-2b87644c] {
    animation: fingerTranslate-2b87644c 6s ease-in-out infinite;
    animation-play-state: var(--72ff802a)
}

.zoom[data-v-2b87644c] {
    opacity: 0;
    animation: zoom-2b87644c 6s ease-in-out infinite;
    z-index: 1000;
    animation-play-state: var(--72ff802a)
}

ion-modal#modal-help[data-v-2b87644c],
ion-modal#modal-prize[data-v-2b87644c] {
    --width: 22.25rem;
    --height: fit-content;
    --border-radius: var(--rounded-large)
}

@keyframes fingerTranslate-2b87644c {
    0% {
        opacity: 0;
        transform: translate(1000px, 800px)
    }

    25% {
        opacity: .2;
        transform: translate(18.75rem, 18.75rem)
    }

    70% {
        opacity: 1;
        transform: translate(2rem, 1.625rem)
    }

    80% {
        opacity: 1;
        transform: translate(2rem, 1.625rem) scale(.9)
    }

    90% {
        opacity: 1;
        transform: translate(2rem, 1.625rem) scale(1.1)
    }

    to {
        opacity: .5;
        transform: translate(2rem, 1.625rem) scale(1)
    }
}

@keyframes zoom-2b87644c {
    0% {
        opacity: 0
    }

    70% {
        opacity: 0
    }

    80% {
        opacity: .4;
        transform: scale(1.2)
    }

    90% {
        opacity: .6;
        transform: scale(1.3)
    }

    to {
        opacity: 0;
        transform: scale(135%)
    }
}

@keyframes buttonAnimation-2b87644c {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(.9)
    }

    to {
        transform: scale(1)
    }
}

@keyframes apertureAnimation-2b87644c {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes lightAnimation-2b87644c {
    0% {
        transform: rotate(0)
    }

    49.99% {
        transform: rotate(0)
    }

    50% {
        transform: rotate(22.5deg)
    }

    99.99% {
        transform: rotate(22.5deg)
    }

    to {
        transform: rotate(0)
    }
}

@keyframes scrollAnimation-2b87644c {

    0%,
    to {
        transform: translateZ(0)
    }

    99.99% {
        transform: translate3d(0, -20%, 0)
    }
}

@keyframes turntableShiny-2b87644c {
    0% {
        opacity: 0;
        transform: scale(0)
    }

    50% {
        opacity: .3;
        transform: scale(.5)
    }

    81% {
        opacity: .6;
        transform: scale(.8)
    }

    to {
        opacity: 0;
        transform: scale(1)
    }
}

@keyframes shiny-2b87644c {
    0% {
        opacity: 0;
        transform: scale(0) rotate(45deg)
    }

    80% {
        opacity: .5;
        transform: scale(1) rotate(45deg)
    }

    81% {
        opacity: 1;
        transform: scale(3) rotate(45deg)
    }

    to {
        opacity: 0;
        transform: scale(50) rotate(45deg)
    }
}

@keyframes blink-2b87644c {
    0% {
        opacity: 1
    }

    49% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@keyframes lightBlink-2b87644c {
    0% {
        opacity: 1
    }

    30% {
        opacity: .2
    }

    50% {
        opacity: 1
    }

    80% {
        opacity: .2
    }

    to {
        opacity: 1
    }
}

.color-primary-600[data-v-34751201] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-34751201] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-34751201] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-34751201] {
    color: var(--color-primary-900)
}

.bg-100[data-v-34751201] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-34751201] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-34751201] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-34751201] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-34751201] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-34751201] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-34751201] {
    background-color: var(--color-warning)
}

.bg-link[data-v-34751201] {
    background-color: var(--color-link)
}

.bg-danger[data-v-34751201] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-34751201] {
    color: var(--color-text-100)
}

.color-text-80[data-v-34751201] {
    color: var(--color-text-80)
}

.color-text-50[data-v-34751201] {
    color: var(--color-text-50)
}

.color-text-40[data-v-34751201] {
    color: var(--color-text-40)
}

.color-text-20[data-v-34751201] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-34751201] {
    color: var(--color-currency)
}

.color-warning[data-v-34751201] {
    color: var(--color-warning)
}

.color-danger[data-v-34751201] {
    color: var(--color-danger)
}

.color-link[data-v-34751201] {
    color: var(--color-link)
}

.color-line[data-v-34751201] {
    color: var(--color-line)
}

.color-border[data-v-34751201] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-34751201] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-34751201] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-34751201] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-34751201] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-34751201] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-34751201] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-34751201] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-34751201] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-34751201] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-34751201] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-34751201] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-34751201] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-34751201] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-34751201] {
    display: flex;
    align-items: center
}

.flex-start[data-v-34751201] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-34751201] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-34751201] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-34751201] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-34751201] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-34751201] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-34751201] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-34751201] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-34751201] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-34751201] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-34751201] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-34751201] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-34751201] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-34751201] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-34751201] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-34751201] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-34751201] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-34751201] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-34751201] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-34751201] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-34751201] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-34751201] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-34751201] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-34751201] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-34751201],
.mlm-selected-item[data-v-34751201] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-34751201] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-34751201]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-34751201] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-34751201] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-34751201] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

@keyframes liuguang-move-34751201 {
    0% {
        transform: translate(-100%) translateY(-100%)
    }

    to {
        transform: translate(100%) translateY(100%)
    }
}

.bonus-process[data-v-34751201] {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-family: Smooch Sans;
    margin: 0 .75rem .625rem;
    padding-bottom: 1.5rem;
    border-radius: var(--ep-border-radius-xl);
    background: radial-gradient(60.99% 70.99% at 48.63% -35%, var(--ep-color-background-fill-glow-primary-opacity-40) 0%, rgba(0, 0, 0, 0) 90%);
    -webkit-backdrop-filter: blur(.25rem);
    backdrop-filter: blur(.25rem)
}

.bonus-process .bonus-process--amount[data-v-34751201] {
    text-align: center;
    padding-top: .625rem;
    color: var(--ep-accent-green);
    font-size: var(--ep-font-size-xxl);
    font-weight: var(--ep-font-weight-bold)
}

.bonus-process .bonus-process--bar[data-v-34751201] {
    margin-top: 1rem;
    width: 13.75rem;
    height: .625rem;
    background: var(--ep-color-background-fill-surface-raised-L2);
    border-radius: var(--ep-border-radius-xl);
    overflow: hidden
}

.bonus-process .bonus-process--bar .bonus-process--bar__item[data-v-34751201] {
    height: 100%;
    border-radius: var(--ep-border-radius-xl);
    background: linear-gradient(90deg, var(--ep-color-background-fill-gradients-tertiary-a) -27.5%, var(--ep-color-background-fill-gradients-tertiary-b) 127.5%)
}

.bonus-process .bonus-process--text[data-v-34751201] {
    margin-top: .625rem;
    font-size: var(--ep-font-size-s);
    color: var(--ep-color-text-weaker)
}

.bonus-process .bonus-process--text .bonus-process--text-amount[data-v-34751201] {
    color: var(--ep-color-text-warning);
    font-weight: var(--ep-font-weight-medium);
    font-size: var(--ep-font-size-s)
}

.bonus-process .bonus-process--claim[data-v-34751201] {
    margin-top: .8125rem;
    position: relative;
    font-size: var(--ep-font-size-m);
    color: var(--ep-color-text-inverse);
    font-weight: var(--ep-font-weight-bold);
    background: var(--ep-color-background-fill-active-primary);
    border-radius: var(--ep-border-radius-m);
    padding: .375rem .75rem;
    cursor: pointer;
    overflow: hidden
}

.bonus-process .bonus-process--claim[data-v-34751201]:after {
    content: "";
    position: absolute;
    left: -50%;
    top: -50%;
    width: 300%;
    height: 300%;
    background: linear-gradient(-45deg, transparent 10%, rgba(255, 255, 255, .32) 50%, transparent 90%);
    animation: liuguang-move-34751201 2s linear infinite
}

.bonus-process .bonus-process--claim[data-v-34751201]:active {
    opacity: .8;
    transition: opacity .2s ease-in-out
}

.color-primary-600[data-v-9df2ba33] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-9df2ba33] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-9df2ba33] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-9df2ba33] {
    color: var(--color-primary-900)
}

.bg-100[data-v-9df2ba33] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-9df2ba33] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-9df2ba33] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-9df2ba33] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-9df2ba33] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-9df2ba33] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-9df2ba33] {
    background-color: var(--color-warning)
}

.bg-link[data-v-9df2ba33] {
    background-color: var(--color-link)
}

.bg-danger[data-v-9df2ba33] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-9df2ba33] {
    color: var(--color-text-100)
}

.color-text-80[data-v-9df2ba33] {
    color: var(--color-text-80)
}

.color-text-50[data-v-9df2ba33] {
    color: var(--color-text-50)
}

.color-text-40[data-v-9df2ba33] {
    color: var(--color-text-40)
}

.color-text-20[data-v-9df2ba33] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-9df2ba33] {
    color: var(--color-currency)
}

.color-warning[data-v-9df2ba33] {
    color: var(--color-warning)
}

.color-danger[data-v-9df2ba33] {
    color: var(--color-danger)
}

.color-link[data-v-9df2ba33] {
    color: var(--color-link)
}

.color-line[data-v-9df2ba33] {
    color: var(--color-line)
}

.color-border[data-v-9df2ba33] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-9df2ba33] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-9df2ba33] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-9df2ba33] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-9df2ba33] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-9df2ba33] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-9df2ba33] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-9df2ba33] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-9df2ba33] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-9df2ba33] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-9df2ba33] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-9df2ba33] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-9df2ba33] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-9df2ba33] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-9df2ba33] {
    display: flex;
    align-items: center
}

.flex-start[data-v-9df2ba33] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-9df2ba33] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-9df2ba33] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-9df2ba33] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-9df2ba33] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-9df2ba33] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-9df2ba33] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-9df2ba33] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-9df2ba33] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-9df2ba33] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-9df2ba33] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-9df2ba33] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-9df2ba33] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-9df2ba33] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-9df2ba33] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-9df2ba33] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-9df2ba33] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-9df2ba33] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-9df2ba33] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-9df2ba33] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-9df2ba33] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-9df2ba33] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-9df2ba33] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-9df2ba33] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-9df2ba33],
.mlm-selected-item[data-v-9df2ba33] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-9df2ba33] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-9df2ba33]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-9df2ba33] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-9df2ba33] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-9df2ba33] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.count-down[data-v-9df2ba33] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1.375rem
}

.count-down .count-down-item[data-v-9df2ba33] {
    display: flex;
    align-items: self-start;
    justify-content: center
}

.count-down .count-down-item .count-down-item-time[data-v-9df2ba33] {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    font-size: var(--ep-font-size-s);
    color: var(--ep-color-text-inverse);
    font-weight: var(--ep-font-weight-medium)
}

.count-down .count-down-item .count-down-item-time .count-down--value[data-v-9df2ba33] {
    display: inline-block;
    padding: .125rem .25rem;
    border-radius: var(--ep-border-radius-xs);
    background: var(--ep-color-background-fill-tips)
}

@supports (background: color-mix(in srgb, red 50%, blue)) {
    .count-down .count-down-item .count-down-item-time .count-down--value[data-v-9df2ba33] {
        background: color-mix(in srgb, var(--ep-color-background-fill-tips) 20%, transparent)
    }
}

.count-down .count-down-item .count-down-item-time .count-down--value .count-down--value-text[data-v-9df2ba33] {
    display: inline-block;
    width: .625rem;
    text-align: center
}

.count-down .count-down-item .count-down-item-time .count-down--value[data-v-9df2ba33]:not(:last-child) {
    margin-right: var(--ep-values-2)
}

.count-down .count-down-item .count-down-item-time-split[data-v-9df2ba33] {
    font-size: var(--ep-font-size-s);
    color: var(--ep-color-text-inverse);
    font-weight: var(--ep-font-weight-bold);
    margin: 0 .625rem
}

.count-down .count-down-item .count-down-item-name[data-v-9df2ba33] {
    margin-top: .25rem;
    font-size: var(--ep-font-size-xs);
    color: var(--ep-color-text-weakest);
    font-weight: var(--ep-font-weight-regular);
    line-height: 1;
    text-align: center
}

.color-primary-600[data-v-a2abddca] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-a2abddca] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-a2abddca] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-a2abddca] {
    color: var(--color-primary-900)
}

.bg-100[data-v-a2abddca] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-a2abddca] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-a2abddca] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-a2abddca] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-a2abddca] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-a2abddca] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-a2abddca] {
    background-color: var(--color-warning)
}

.bg-link[data-v-a2abddca] {
    background-color: var(--color-link)
}

.bg-danger[data-v-a2abddca] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-a2abddca] {
    color: var(--color-text-100)
}

.color-text-80[data-v-a2abddca] {
    color: var(--color-text-80)
}

.color-text-50[data-v-a2abddca] {
    color: var(--color-text-50)
}

.color-text-40[data-v-a2abddca] {
    color: var(--color-text-40)
}

.color-text-20[data-v-a2abddca] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-a2abddca] {
    color: var(--color-currency)
}

.color-warning[data-v-a2abddca] {
    color: var(--color-warning)
}

.color-danger[data-v-a2abddca] {
    color: var(--color-danger)
}

.color-link[data-v-a2abddca] {
    color: var(--color-link)
}

.color-line[data-v-a2abddca] {
    color: var(--color-line)
}

.color-border[data-v-a2abddca] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-a2abddca] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-a2abddca] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-a2abddca] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-a2abddca] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-a2abddca] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-a2abddca] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-a2abddca] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-a2abddca] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-a2abddca] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-a2abddca] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-a2abddca] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-a2abddca] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-a2abddca] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-a2abddca] {
    display: flex;
    align-items: center
}

.flex-start[data-v-a2abddca] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-a2abddca] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-a2abddca] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-a2abddca] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-a2abddca] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-a2abddca] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-a2abddca] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-a2abddca] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-a2abddca] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-a2abddca] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-a2abddca] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-a2abddca] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-a2abddca] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-a2abddca] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-a2abddca] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-a2abddca] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-a2abddca] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-a2abddca] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-a2abddca] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-a2abddca] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-a2abddca] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-a2abddca] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-a2abddca] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-a2abddca] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-a2abddca],
.mlm-selected-item[data-v-a2abddca] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-a2abddca] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-a2abddca]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-a2abddca] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-a2abddca] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-a2abddca] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.help-bg[data-v-a2abddca] {
    padding-bottom: 1.5rem;
    border-radius: var(--ep-border-radius-surface-small);
    background: var(--ep-color-background-fill-surface-raised-L2);
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: -2;
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.help-bg ion-icon[data-v-a2abddca] {
    color: var(--ep-color-icon-weaker)
}

.help-bg .icon-cls[data-v-a2abddca] {
    position: absolute;
    font-size: 1.875rem;
    line-height: 2.25rem;
    top: .75rem;
    right: .75rem
}

.help-bg .help-p[data-v-a2abddca] {
    font-size: 1rem;
    margin-top: 1.5rem;
    margin-bottom: 1.25rem;
    color: var(--ep-color-text-default, var(--color-primary-700));
    font-weight: var(--ep-font-weight-bold)
}

.help-bg .help-content-bg[data-v-a2abddca] {
    width: 100%;
    font-size: .875rem;
    background: var(--ep-color-background-fill-body-default);
    border-radius: var(--ep-border-radius-l);
    line-height: 1.25;
    padding: 1.25rem
}

.help-bg .help-content-bg .p-cls[data-v-a2abddca] {
    color: var(--ep-color-text-weaker);
    font-weight: var(--ep-font-weight-medium)
}

ion-modal#modal-help[data-v-a2abddca] {
    --width: 22.25rem;
    --height: fit-content;
    --border-radius: var(--rounded-large)
}

.color-primary-600[data-v-e39f731e] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-e39f731e] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-e39f731e] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-e39f731e] {
    color: var(--color-primary-900)
}

.bg-100[data-v-e39f731e] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-e39f731e] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-e39f731e] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-e39f731e] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-e39f731e] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-e39f731e] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-e39f731e] {
    background-color: var(--color-warning)
}

.bg-link[data-v-e39f731e] {
    background-color: var(--color-link)
}

.bg-danger[data-v-e39f731e] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-e39f731e] {
    color: var(--color-text-100)
}

.color-text-80[data-v-e39f731e] {
    color: var(--color-text-80)
}

.color-text-50[data-v-e39f731e] {
    color: var(--color-text-50)
}

.color-text-40[data-v-e39f731e] {
    color: var(--color-text-40)
}

.color-text-20[data-v-e39f731e] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-e39f731e] {
    color: var(--color-currency)
}

.color-warning[data-v-e39f731e] {
    color: var(--color-warning)
}

.color-danger[data-v-e39f731e] {
    color: var(--color-danger)
}

.color-link[data-v-e39f731e] {
    color: var(--color-link)
}

.color-line[data-v-e39f731e] {
    color: var(--color-line)
}

.color-border[data-v-e39f731e] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-e39f731e] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-e39f731e] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-e39f731e] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-e39f731e] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-e39f731e] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-e39f731e] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-e39f731e] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-e39f731e] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-e39f731e] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-e39f731e] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-e39f731e] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-e39f731e] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-e39f731e] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-e39f731e] {
    display: flex;
    align-items: center
}

.flex-start[data-v-e39f731e] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-e39f731e] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-e39f731e] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-e39f731e] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-e39f731e] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-e39f731e] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-e39f731e] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-e39f731e] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-e39f731e] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-e39f731e] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-e39f731e] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-e39f731e] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-e39f731e] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-e39f731e] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-e39f731e] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-e39f731e] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-e39f731e] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-e39f731e] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-e39f731e] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-e39f731e] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-e39f731e] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-e39f731e] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-e39f731e] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-e39f731e] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-e39f731e],
.mlm-selected-item[data-v-e39f731e] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-e39f731e] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-e39f731e]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-e39f731e] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-e39f731e] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-e39f731e] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.piece-header-text[data-v-e39f731e] {
    font-weight: var(--ep-font-weight-medium)
}

ion-header ion-toolbar[data-v-e39f731e] {
    --background: var(--ep-neutral-gray-gray-L03)
}

.color-primary-600[data-v-f04e540c] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-f04e540c] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-f04e540c] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-f04e540c] {
    color: var(--color-primary-900)
}

.bg-100[data-v-f04e540c] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-f04e540c] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-f04e540c] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-f04e540c] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-f04e540c] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-f04e540c] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-f04e540c] {
    background-color: var(--color-warning)
}

.bg-link[data-v-f04e540c] {
    background-color: var(--color-link)
}

.bg-danger[data-v-f04e540c] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-f04e540c] {
    color: var(--color-text-100)
}

.color-text-80[data-v-f04e540c] {
    color: var(--color-text-80)
}

.color-text-50[data-v-f04e540c] {
    color: var(--color-text-50)
}

.color-text-40[data-v-f04e540c] {
    color: var(--color-text-40)
}

.color-text-20[data-v-f04e540c] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-f04e540c] {
    color: var(--color-currency)
}

.color-warning[data-v-f04e540c] {
    color: var(--color-warning)
}

.color-danger[data-v-f04e540c] {
    color: var(--color-danger)
}

.color-link[data-v-f04e540c] {
    color: var(--color-link)
}

.color-line[data-v-f04e540c] {
    color: var(--color-line)
}

.color-border[data-v-f04e540c] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-f04e540c] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-f04e540c] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-f04e540c] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-f04e540c] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-f04e540c] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-f04e540c] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-f04e540c] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-f04e540c] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-f04e540c] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-f04e540c] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-f04e540c] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-f04e540c] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-f04e540c] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-f04e540c] {
    display: flex;
    align-items: center
}

.flex-start[data-v-f04e540c] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-f04e540c] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-f04e540c] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-f04e540c] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-f04e540c] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-f04e540c] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-f04e540c] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-f04e540c] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-f04e540c] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-f04e540c] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-f04e540c] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-f04e540c] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-f04e540c] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-f04e540c] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-f04e540c] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-f04e540c] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-f04e540c] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-f04e540c] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-f04e540c] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-f04e540c] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-f04e540c] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-f04e540c] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-f04e540c] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-f04e540c] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-f04e540c],
.mlm-selected-item[data-v-f04e540c] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-f04e540c] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-f04e540c]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-f04e540c] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-f04e540c] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-f04e540c] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.piece-notice[data-v-f04e540c] {
    margin: 2.625rem 1rem 1.5rem
}

.piece-notice .piece-notice__header[data-v-f04e540c] {
    display: flex;
    margin-bottom: 2rem;
    align-items: center;
    justify-content: center;
    color: var(--ep-color-text-default);
    font-size: var(--ep-font-size-l);
    line-height: 1;
    font-weight: 500
}

.piece-notice .piece-notice__header .piece-notice__text[data-v-f04e540c] {
    margin: 0 .5rem
}

.piece-notice .piece-notice__header .piece-notice__icon[data-v-f04e540c] {
    width: 1.875rem;
    height: .625rem
}

.piece-notice .piece-notice__content[data-v-f04e540c] {
    background: var(--ep-color-background-fill-surface-lowered);
    padding: 1.5rem 0rem;
    color: var(--ep-color-text-weak);
    font-weight: var(--ep-font-weight-regular);
    font-size: var(--ep-font-size-s);
    border-radius: var(--ep-border-radius-m)
}

.piece-notice .piece-notice__content .piece-notice__text[data-v-f04e540c]:not(:last-child) {
    margin-bottom: 2rem
}

.piece-notice .piece-rule[data-v-f04e540c] .rule-item {
    color: var(--ep-color-text-weak)
}

.color-primary-600[data-v-89c3d048] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-89c3d048] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-89c3d048] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-89c3d048] {
    color: var(--color-primary-900)
}

.bg-100[data-v-89c3d048] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-89c3d048] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-89c3d048] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-89c3d048] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-89c3d048] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-89c3d048] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-89c3d048] {
    background-color: var(--color-warning)
}

.bg-link[data-v-89c3d048] {
    background-color: var(--color-link)
}

.bg-danger[data-v-89c3d048] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-89c3d048] {
    color: var(--color-text-100)
}

.color-text-80[data-v-89c3d048] {
    color: var(--color-text-80)
}

.color-text-50[data-v-89c3d048] {
    color: var(--color-text-50)
}

.color-text-40[data-v-89c3d048] {
    color: var(--color-text-40)
}

.color-text-20[data-v-89c3d048] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-89c3d048] {
    color: var(--color-currency)
}

.color-warning[data-v-89c3d048] {
    color: var(--color-warning)
}

.color-danger[data-v-89c3d048] {
    color: var(--color-danger)
}

.color-link[data-v-89c3d048] {
    color: var(--color-link)
}

.color-line[data-v-89c3d048] {
    color: var(--color-line)
}

.color-border[data-v-89c3d048] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-89c3d048] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-89c3d048] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-89c3d048] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-89c3d048] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-89c3d048] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-89c3d048] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-89c3d048] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-89c3d048] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-89c3d048] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-89c3d048] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-89c3d048] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-89c3d048] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-89c3d048] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-89c3d048] {
    display: flex;
    align-items: center
}

.flex-start[data-v-89c3d048] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-89c3d048] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-89c3d048] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-89c3d048] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-89c3d048] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-89c3d048] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-89c3d048] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-89c3d048] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-89c3d048] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-89c3d048] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-89c3d048] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-89c3d048] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-89c3d048] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-89c3d048] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-89c3d048] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-89c3d048] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-89c3d048] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-89c3d048] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-89c3d048] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-89c3d048] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-89c3d048] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-89c3d048] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-89c3d048] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-89c3d048] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-89c3d048],
.mlm-selected-item[data-v-89c3d048] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-89c3d048] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-89c3d048]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-89c3d048] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-89c3d048] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-89c3d048] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.wheel[data-v-89c3d048] {
    position: relative;
    height: 30.25rem;
    will-change: transform;
    transform: translateZ(0)
}

.wheel[data-v-89c3d048]:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 25.9375rem;
    transform: translateY(-50%);
    height: 21.0625rem;
    background: #1624cf;
    border-radius: 100%;
    filter: blur(5rem);
    z-index: -3
}

.wheel .wheel-box[data-v-89c3d048] {
    position: absolute;
    top: 8.0625rem;
    left: 50%;
    transform: translate(-50%);
    display: flex;
    justify-content: center;
    align-items: center
}

.wheel .wheel-border[data-v-89c3d048] {
    position: absolute;
    top: 1.5rem;
    left: calc(50% + .25rem);
    transform: translate(-50%);
    width: 23.5rem;
    pointer-events: none
}

.wheel .wheel-finger[data-v-89c3d048] {
    position: absolute;
    top: 11.125rem;
    left: calc(50% - 2rem);
    width: 8.375rem;
    z-index: 3;
    opacity: 0;
    transform-origin: center;
    pointer-events: none
}

.wheel .wheel-finger.wheel-finger-animate[data-v-89c3d048] {
    animation: finger-effect-89c3d048 5s ease-in-out infinite
}

.wheel .wheel-fire[data-v-89c3d048] {
    position: absolute;
    top: 5.9375rem;
    left: 50%;
    width: 25rem;
    z-index: -2;
    transform-origin: center;
    transition: transform 1s ease;
    will-change: transform;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.wheel .wheel-round-count[data-v-89c3d048] {
    position: absolute;
    font-size: 2.25rem;
    top: calc(50% + 1.75rem);
    left: 50%;
    transform: translate(-50%, -50%);
    line-height: 1;
    font-weight: 700;
    z-index: 2;
    pointer-events: none
}

.wheel .wheel-start-btn[data-v-89c3d048] {
    position: absolute;
    top: 14.125rem;
    left: 50%;
    width: 5.625rem;
    transform: translate(-50%);
    z-index: 1;
    pointer-events: none
}

.wheel .wheel-start-btn.wheel-start-btn-disabled[data-v-89c3d048] {
    pointer-events: auto
}

.wheel .wheel-start-btn.wheel-start-btn-animate[data-v-89c3d048] {
    animation: startBtnScaleIn-89c3d048 5s ease-in-out infinite
}

.wheel .wheel-range-amount[data-v-89c3d048] {
    position: absolute;
    top: 12.5rem;
    left: 50%;
    transform: translate(-50%);
    z-index: 1;
    pointer-events: none;
    font-size: 1.5rem;
    font-weight: 500;
    will-change: transform, opacity;
    animation: wheelRangeAmountIn-89c3d048 3s forwards
}

.scale-in[data-v-89c3d048] {
    animation: wheelScaleIn-89c3d048 .3s forwards;
    will-change: transform;
    transform: translateZ(0)
}

.scale-out[data-v-89c3d048] {
    animation: wheelScaleOut-89c3d048 .3s forwards;
    will-change: transform;
    transform: translateZ(0)
}

@keyframes finger-effect-89c3d048 {
    0% {
        opacity: 0;
        transform: translate(500px, -400px)
    }

    25% {
        opacity: .2;
        transform: translate(18.75rem, -18.75rem)
    }

    70% {
        opacity: 1;
        transform: translate(0)
    }

    80% {
        opacity: 1;
        transform: translate(0) scale(.9)
    }

    90% {
        opacity: 1;
        transform: translate(0) scale(1.1)
    }

    to {
        opacity: .5;
        transform: translate(0) scale(1)
    }
}

@keyframes startBtnScaleIn-89c3d048 {
    0% {
        transform: translate(-50%) scale(1)
    }

    70% {
        transform: translate(-50%) scale(1)
    }

    80% {
        transform: translate(-50%) scale(1.15)
    }

    85% {
        transform: translate(-50%) scale(1)
    }

    90% {
        transform: translate(-50%) scale(1.15)
    }

    to {
        transform: translate(-50%) scale(1)
    }
}

@keyframes wheelScaleIn-89c3d048 {
    0% {
        transform: translate(-50%) scale(.8)
    }

    to {
        transform: translate(-50%) scale(1.15)
    }
}

@keyframes wheelScaleOut-89c3d048 {
    0% {
        transform: translate(-50%) scale(1.15)
    }

    to {
        transform: translate(-50%) scale(.8)
    }
}

@keyframes wheelRangeAmountIn-89c3d048 {
    0% {
        transform: translate(-50%) scale(1.75);
        opacity: .8
    }

    to {
        transform: translate(-50%) scale(1);
        opacity: 1
    }
}

.color-primary-600[data-v-9a6f1d29] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-9a6f1d29] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-9a6f1d29] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-9a6f1d29] {
    color: var(--color-primary-900)
}

.bg-100[data-v-9a6f1d29] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-9a6f1d29] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-9a6f1d29] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-9a6f1d29] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-9a6f1d29] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-9a6f1d29] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-9a6f1d29] {
    background-color: var(--color-warning)
}

.bg-link[data-v-9a6f1d29] {
    background-color: var(--color-link)
}

.bg-danger[data-v-9a6f1d29] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-9a6f1d29] {
    color: var(--color-text-100)
}

.color-text-80[data-v-9a6f1d29] {
    color: var(--color-text-80)
}

.color-text-50[data-v-9a6f1d29] {
    color: var(--color-text-50)
}

.color-text-40[data-v-9a6f1d29] {
    color: var(--color-text-40)
}

.color-text-20[data-v-9a6f1d29] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-9a6f1d29] {
    color: var(--color-currency)
}

.color-warning[data-v-9a6f1d29] {
    color: var(--color-warning)
}

.color-danger[data-v-9a6f1d29] {
    color: var(--color-danger)
}

.color-link[data-v-9a6f1d29] {
    color: var(--color-link)
}

.color-line[data-v-9a6f1d29] {
    color: var(--color-line)
}

.color-border[data-v-9a6f1d29] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-9a6f1d29] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-9a6f1d29] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-9a6f1d29] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-9a6f1d29] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-9a6f1d29] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-9a6f1d29] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-9a6f1d29] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-9a6f1d29] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-9a6f1d29] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-9a6f1d29] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-9a6f1d29] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-9a6f1d29] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-9a6f1d29] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-9a6f1d29] {
    display: flex;
    align-items: center
}

.flex-start[data-v-9a6f1d29] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-9a6f1d29] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-9a6f1d29] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-9a6f1d29] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-9a6f1d29] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-9a6f1d29] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-9a6f1d29] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-9a6f1d29] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-9a6f1d29] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-9a6f1d29] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-9a6f1d29] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-9a6f1d29] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-9a6f1d29] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-9a6f1d29] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-9a6f1d29] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-9a6f1d29] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-9a6f1d29] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-9a6f1d29] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-9a6f1d29] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-9a6f1d29] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-9a6f1d29] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-9a6f1d29] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-9a6f1d29] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-9a6f1d29] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-9a6f1d29],
.mlm-selected-item[data-v-9a6f1d29] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-9a6f1d29] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-9a6f1d29]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-9a6f1d29] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-9a6f1d29] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-9a6f1d29] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.piece-lucky-draw[data-v-9a6f1d29] {
    margin: 0 .75rem;
    padding: 1.25rem .75rem 0;
    border-radius: var(--ep-border-radius-m);
    background: var(--ep-color-background-fill-surface-raised-L1)
}

.piece-lucky-draw .piece-lucky-draw--tab[data-v-9a6f1d29] {
    position: relative;
    margin-bottom: 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--ep-color-background-fill-body-default);
    border-radius: var(--ep-border-radius-m);
    padding: .1875rem;
    cursor: pointer
}

.piece-lucky-draw .piece-lucky-draw--tab .piece-lucky-draw--tab__item[data-v-9a6f1d29] {
    font-size: var(--ep-font-size-m);
    color: var(--ep-color-text-weaker);
    padding: .5rem 0;
    flex: 1;
    text-align: center;
    line-height: 1;
    z-index: 2
}

.piece-lucky-draw .piece-lucky-draw--tab .piece-lucky-draw--tab__item.active[data-v-9a6f1d29] {
    color: var(--ep-color-text-default);
    background-color: var(--ep-color-background-fill-surface-raised-L1);
    border-radius: var(--ep-border-radius-s)
}

.piece-lucky-draw .piece-lucky-draw--content .piece-lucky-draw--record__header[data-v-9a6f1d29] {
    display: flex;
    padding: .5rem 0;
    background-color: var(--ep-color-background-fill-surface-raised-L2);
    justify-content: space-between;
    align-items: center;
    border-radius: var(--ep-border-radius-m);
    color: var(--ep-color-text-weaker);
    font-size: var(--ep-font-size-s);
    font-weight: var(--ep-font-weight-regular)
}

.piece-lucky-draw .piece-lucky-draw--content .piece-lucky-draw--record__header .piece-lucky-draw--record__header__item[data-v-9a6f1d29] {
    flex: 1;
    text-align: center
}

.piece-lucky-draw .piece-lucky-draw--record__content[data-v-9a6f1d29] {
    height: 10rem;
    overflow: hidden
}

.piece-lucky-draw .piece-lucky-draw--record__content.scrollbar[data-v-9a6f1d29] {
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.piece-lucky-draw .piece-lucky-draw--record__content.scrollbar[data-v-9a6f1d29]::-webkit-scrollbar {
    display: none
}

.piece-lucky-draw .piece-lucky-draw--record__content .piece-lucky-draw--record__item[data-v-9a6f1d29] {
    font-size: var(--ep-font-size-xs);
    font-weight: var(--ep-font-weight-regular);
    color: var(--ep-color-text-default)
}

.piece-lucky-draw .piece-lucky-draw--record__content .piece-lucky-draw--record__item .piece-lucky-draw--record__value[data-v-9a6f1d29] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .75rem 0
}

.piece-lucky-draw .piece-lucky-draw--record__content .piece-lucky-draw--record__item .piece-lucky-draw--record__value .value-item[data-v-9a6f1d29] {
    flex: 1;
    text-align: center
}

.piece-lucky-draw .piece-lucky-draw--record__content .piece-lucky-draw--record__item .piece-lucky-draw--record__value .value-item .amount-item[data-v-9a6f1d29] {
    color: var(--ep-color-text-success);
    padding-left: 1rem
}

.scroll-box[data-v-9a6f1d29] {
    animation: scrollAnimation-9a6f1d29 linear infinite;
    animation-fill-mode: both
}

@keyframes scrollAnimation-9a6f1d29 {

    0%,
    to {
        transform: translateZ(0)
    }

    99.99% {
        transform: translate3d(0, -20%, 0)
    }
}

.color-primary-600[data-v-9817f2ee] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-9817f2ee] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-9817f2ee] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-9817f2ee] {
    color: var(--color-primary-900)
}

.bg-100[data-v-9817f2ee] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-9817f2ee] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-9817f2ee] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-9817f2ee] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-9817f2ee] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-9817f2ee] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-9817f2ee] {
    background-color: var(--color-warning)
}

.bg-link[data-v-9817f2ee] {
    background-color: var(--color-link)
}

.bg-danger[data-v-9817f2ee] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-9817f2ee] {
    color: var(--color-text-100)
}

.color-text-80[data-v-9817f2ee] {
    color: var(--color-text-80)
}

.color-text-50[data-v-9817f2ee] {
    color: var(--color-text-50)
}

.color-text-40[data-v-9817f2ee] {
    color: var(--color-text-40)
}

.color-text-20[data-v-9817f2ee] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-9817f2ee] {
    color: var(--color-currency)
}

.color-warning[data-v-9817f2ee] {
    color: var(--color-warning)
}

.color-danger[data-v-9817f2ee] {
    color: var(--color-danger)
}

.color-link[data-v-9817f2ee] {
    color: var(--color-link)
}

.color-line[data-v-9817f2ee] {
    color: var(--color-line)
}

.color-border[data-v-9817f2ee] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-9817f2ee] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-9817f2ee] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-9817f2ee] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-9817f2ee] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-9817f2ee] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-9817f2ee] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-9817f2ee] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-9817f2ee] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-9817f2ee] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-9817f2ee] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-9817f2ee] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-9817f2ee] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-9817f2ee] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-9817f2ee] {
    display: flex;
    align-items: center
}

.flex-start[data-v-9817f2ee] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-9817f2ee] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-9817f2ee] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-9817f2ee] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-9817f2ee] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-9817f2ee] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-9817f2ee] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-9817f2ee] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-9817f2ee] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-9817f2ee] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-9817f2ee] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-9817f2ee] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-9817f2ee] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-9817f2ee] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-9817f2ee] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-9817f2ee] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-9817f2ee] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-9817f2ee] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-9817f2ee] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-9817f2ee] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-9817f2ee] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-9817f2ee] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-9817f2ee] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-9817f2ee] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-9817f2ee],
.mlm-selected-item[data-v-9817f2ee] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-9817f2ee] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-9817f2ee]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-9817f2ee] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-9817f2ee] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-9817f2ee] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.prize-content[data-v-9817f2ee] {
    border-radius: var(--ep-border-radius-surface-small);
    background: var(--ep-color-background-fill-surface-raised-L2);
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.prize-content .prize-content-p[data-v-9817f2ee] {
    font-size: 1rem;
    margin-top: 1.5rem;
    margin-bottom: 1.25rem;
    color: var(--ep-color-text-default, var(--color-primary-700));
    font-weight: var(--ep-font-weight-bold)
}

.prize-content .prize-content-bg[data-v-9817f2ee] {
    width: 100%;
    background: var(--ep-color-background-fill-body-default);
    text-align: center;
    height: 12.25rem;
    border-radius: var(--ep-border-radius-surface-small);
    padding: 1.25rem 0
}

.prize-content .prize-content-bg .img-cls[data-v-9817f2ee] {
    width: 6.75rem;
    margin-left: auto;
    margin-right: auto
}

.prize-content .prize-content-bg .p-cls[data-v-9817f2ee] {
    font-weight: var(--ep-font-weight-medium);
    font-size: .875rem;
    margin-top: 1.25rem;
    color: var(--color-currency)
}

.prize-content .btn-cls[data-v-9817f2ee] {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem
}

ion-modal#modal-prize[data-v-9817f2ee] {
    --width: 22.25rem;
    --height: fit-content;
    --border-radius: var(--rounded-large)
}

.color-primary-600[data-v-7fbb538f] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-7fbb538f] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-7fbb538f] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-7fbb538f] {
    color: var(--color-primary-900)
}

.bg-100[data-v-7fbb538f] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-7fbb538f] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-7fbb538f] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-7fbb538f] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-7fbb538f] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-7fbb538f] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-7fbb538f] {
    background-color: var(--color-warning)
}

.bg-link[data-v-7fbb538f] {
    background-color: var(--color-link)
}

.bg-danger[data-v-7fbb538f] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-7fbb538f] {
    color: var(--color-text-100)
}

.color-text-80[data-v-7fbb538f] {
    color: var(--color-text-80)
}

.color-text-50[data-v-7fbb538f] {
    color: var(--color-text-50)
}

.color-text-40[data-v-7fbb538f] {
    color: var(--color-text-40)
}

.color-text-20[data-v-7fbb538f] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-7fbb538f] {
    color: var(--color-currency)
}

.color-warning[data-v-7fbb538f] {
    color: var(--color-warning)
}

.color-danger[data-v-7fbb538f] {
    color: var(--color-danger)
}

.color-link[data-v-7fbb538f] {
    color: var(--color-link)
}

.color-line[data-v-7fbb538f] {
    color: var(--color-line)
}

.color-border[data-v-7fbb538f] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-7fbb538f] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-7fbb538f] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-7fbb538f] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-7fbb538f] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-7fbb538f] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-7fbb538f] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-7fbb538f] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-7fbb538f] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-7fbb538f] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-7fbb538f] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-7fbb538f] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-7fbb538f] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-7fbb538f] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-7fbb538f] {
    display: flex;
    align-items: center
}

.flex-start[data-v-7fbb538f] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-7fbb538f] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-7fbb538f] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-7fbb538f] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-7fbb538f] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-7fbb538f] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-7fbb538f] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-7fbb538f] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-7fbb538f] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-7fbb538f] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-7fbb538f] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-7fbb538f] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-7fbb538f] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-7fbb538f] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-7fbb538f] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-7fbb538f] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-7fbb538f] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-7fbb538f] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-7fbb538f] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-7fbb538f] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-7fbb538f] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-7fbb538f] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-7fbb538f] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-7fbb538f] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-7fbb538f],
.mlm-selected-item[data-v-7fbb538f] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-7fbb538f] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-7fbb538f]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-7fbb538f] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-7fbb538f] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-7fbb538f] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

@keyframes liuguang-move-7fbb538f {
    0% {
        transform: translate(-30%)
    }

    to {
        transform: translate(30%)
    }
}

.spins-box[data-v-7fbb538f] {
    margin: 4.125rem .75rem 0;
    background: radial-gradient(60.99% 70.99% at 48.63% -35%, var(--ep-color-background-fill-glow-primary-opacity-40) 0%, rgba(0, 0, 0, 0) 90%);
    -webkit-backdrop-filter: blur(.25rem);
    backdrop-filter: blur(.25rem);
    border-radius: var(--ep-border-radius-xl);
    padding: 0 .875rem .875rem
}

.spins-times[data-v-7fbb538f] {
    font-size: var(--ep-font-size-xl);
    text-align: center;
    padding: .5rem 0
}

.spins-times .spins-times--count[data-v-7fbb538f] {
    color: var(--ep-color-text-warning);
    font-weight: var(--ep-font-weight-bold)
}

.spins-invite[data-v-7fbb538f] {
    margin-top: .5rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .5rem 0;
    background-color: var(--ep-accent-green);
    border-radius: var(--ep-border-radius-m);
    font-weight: var(--ep-font-weight-medium);
    font-size: var(--ep-font-size-s);
    color: var(--ep-color-text-inverse);
    cursor: pointer;
    overflow: hidden
}

.spins-invite[data-v-7fbb538f]:after {
    content: "";
    position: absolute;
    left: -50%;
    top: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(-45deg, transparent 40%, rgba(255, 255, 255, .32) 50%, transparent 60%);
    animation: liuguang-move-7fbb538f 1.5s linear infinite
}

.spins-invite[data-v-7fbb538f]:active {
    opacity: .8;
    transition: opacity .2s ease-in-out
}

.spins-invite .spins-invite--share[data-v-7fbb538f] {
    width: 1rem;
    height: 1rem;
    margin-left: .5rem
}

.color-primary-600[data-v-7dd651e7] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-7dd651e7] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-7dd651e7] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-7dd651e7] {
    color: var(--color-primary-900)
}

.bg-100[data-v-7dd651e7] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-7dd651e7] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-7dd651e7] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-7dd651e7] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-7dd651e7] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-7dd651e7] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-7dd651e7] {
    background-color: var(--color-warning)
}

.bg-link[data-v-7dd651e7] {
    background-color: var(--color-link)
}

.bg-danger[data-v-7dd651e7] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-7dd651e7] {
    color: var(--color-text-100)
}

.color-text-80[data-v-7dd651e7] {
    color: var(--color-text-80)
}

.color-text-50[data-v-7dd651e7] {
    color: var(--color-text-50)
}

.color-text-40[data-v-7dd651e7] {
    color: var(--color-text-40)
}

.color-text-20[data-v-7dd651e7] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-7dd651e7] {
    color: var(--color-currency)
}

.color-warning[data-v-7dd651e7] {
    color: var(--color-warning)
}

.color-danger[data-v-7dd651e7] {
    color: var(--color-danger)
}

.color-link[data-v-7dd651e7] {
    color: var(--color-link)
}

.color-line[data-v-7dd651e7] {
    color: var(--color-line)
}

.color-border[data-v-7dd651e7] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-7dd651e7] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-7dd651e7] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-7dd651e7] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-7dd651e7] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-7dd651e7] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-7dd651e7] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-7dd651e7] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-7dd651e7] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-7dd651e7] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-7dd651e7] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-7dd651e7] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-7dd651e7] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-7dd651e7] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-7dd651e7] {
    display: flex;
    align-items: center
}

.flex-start[data-v-7dd651e7] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-7dd651e7] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-7dd651e7] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-7dd651e7] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-7dd651e7] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-7dd651e7] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-7dd651e7] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-7dd651e7] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-7dd651e7] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-7dd651e7] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-7dd651e7] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-7dd651e7] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-7dd651e7] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-7dd651e7] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-7dd651e7] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-7dd651e7] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-7dd651e7] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-7dd651e7] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-7dd651e7] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-7dd651e7] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-7dd651e7] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-7dd651e7] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-7dd651e7] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-7dd651e7] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-7dd651e7],
.mlm-selected-item[data-v-7dd651e7] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-7dd651e7] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-7dd651e7]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-7dd651e7] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-7dd651e7] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-7dd651e7] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.green-dark .ball-wrap[data-v-7dd651e7],
.yellow-dark .ball-wrap[data-v-7dd651e7] {
    width: 1.375rem;
    height: 1.375rem;
    border-radius: 50%;
    border: 1px solid var(--accent-color-red);
    background: linear-gradient(145.95deg, #f16b51 20.81%, #68190b 82.66%);
    box-shadow: 0 0 2.3px 2px rgba(0, 0, 0, .12) inset;
    box-sizing: border-box;
    text-align: center;
    color: var(--color-text-80);
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-bold, 700)
}

.purple-light .ball-wrap[data-v-7dd651e7],
.amber-purple .ball-wrap[data-v-7dd651e7],
.blue-default .ball-wrap[data-v-7dd651e7] {
    width: 1.375rem;
    height: 1.375rem;
    border-radius: 50%;
    border: 1px solid var(--accent-color-red);
    background: linear-gradient(145.95deg, #f16b51 20.81%, #68190b 82.66%);
    box-shadow: 0 0 2.3px 2px rgba(0, 0, 0, .12) inset;
    box-sizing: border-box;
    text-align: center;
    color: var(--text-color-white-100);
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-bold, 700)
}

.green-default .ball-wrap[data-v-7dd651e7],
.forest-green .ball-wrap[data-v-7dd651e7],
.auroral-yellow .ball-wrap[data-v-7dd651e7] {
    width: 1.375rem;
    height: 1.375rem;
    border-radius: 50%;
    border: 1px solid var(--accent-color-red);
    background: linear-gradient(145.95deg, #f16b51 20.81%, #68190b 82.66%);
    box-shadow: 0 0 2.3px 2px rgba(0, 0, 0, .12) inset;
    box-sizing: border-box;
    text-align: center;
    color: var(--color-text-white-100);
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-bold, 700)
}

.new-skin-symbol .ball-wrap[data-v-7dd651e7] {
    width: 1.375rem;
    height: 1.375rem;
    border-radius: 50%;
    border: 1px solid var(--ep-color-icon-danger);
    background: linear-gradient(145.95deg, #f16b51 20.81%, #68190b 82.66%);
    box-shadow: 0 0 2.3px 2px rgba(0, 0, 0, .12) inset;
    box-sizing: border-box;
    text-align: center;
    color: var(--ep-color-text-highlight-white);
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-bold, 700)
}

.color-primary-600[data-v-22f9252a] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-22f9252a] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-22f9252a] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-22f9252a] {
    color: var(--color-primary-900)
}

.bg-100[data-v-22f9252a] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-22f9252a] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-22f9252a] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-22f9252a] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-22f9252a] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-22f9252a] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-22f9252a] {
    background-color: var(--color-warning)
}

.bg-link[data-v-22f9252a] {
    background-color: var(--color-link)
}

.bg-danger[data-v-22f9252a] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-22f9252a] {
    color: var(--color-text-100)
}

.color-text-80[data-v-22f9252a] {
    color: var(--color-text-80)
}

.color-text-50[data-v-22f9252a] {
    color: var(--color-text-50)
}

.color-text-40[data-v-22f9252a] {
    color: var(--color-text-40)
}

.color-text-20[data-v-22f9252a] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-22f9252a] {
    color: var(--color-currency)
}

.color-warning[data-v-22f9252a] {
    color: var(--color-warning)
}

.color-danger[data-v-22f9252a] {
    color: var(--color-danger)
}

.color-link[data-v-22f9252a] {
    color: var(--color-link)
}

.color-line[data-v-22f9252a] {
    color: var(--color-line)
}

.color-border[data-v-22f9252a] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-22f9252a] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-22f9252a] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-22f9252a] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-22f9252a] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-22f9252a] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-22f9252a] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-22f9252a] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-22f9252a] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-22f9252a] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-22f9252a] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-22f9252a] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-22f9252a] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-22f9252a] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-22f9252a] {
    display: flex;
    align-items: center
}

.flex-start[data-v-22f9252a] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-22f9252a] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-22f9252a] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-22f9252a] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-22f9252a] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-22f9252a] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-22f9252a] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-22f9252a] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-22f9252a] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-22f9252a] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-22f9252a] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-22f9252a] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-22f9252a] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-22f9252a] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-22f9252a] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-22f9252a] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-22f9252a] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-22f9252a] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-22f9252a] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-22f9252a] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-22f9252a] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-22f9252a] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-22f9252a] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-22f9252a] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-22f9252a],
.mlm-selected-item[data-v-22f9252a] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-22f9252a] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-22f9252a]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-22f9252a] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-22f9252a] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-22f9252a] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .collection-limit-wrap[data-v-22f9252a] {
    width: 22.875rem;
    background: var(--color-bg-200);
    box-sizing: border-box
}

html .collection-limit-wrap .top-text[data-v-22f9252a] {
    color: var(--color-text-100);
    padding: 1.125rem;
    box-sizing: border-box
}

html .collection-limit-wrap .top-text .title[data-v-22f9252a] {
    line-height: 1.3125rem;
    font-size: .875rem;
    font-weight: 700
}

html .collection-limit-wrap .top-text .header-text[data-v-22f9252a] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--color-text-40);
    font-size: .75rem;
    line-height: 1.125rem;
    margin-top: .875rem
}

html .collection-limit-wrap .list-area[data-v-22f9252a] {
    width: 22.875rem;
    padding: 0 .625rem .75rem;
    background: var(--color-bg-200);
    box-sizing: border-box
}

html .collection-limit-wrap .list-area .inner[data-v-22f9252a] {
    padding: .25rem .5rem;
    box-sizing: border-box;
    background: var(--color-bg-300);
    border-radius: .375rem
}

html .collection-limit-wrap .list-area .inner li[data-v-22f9252a] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 2.625rem;
    height: 2.625rem;
    color: var(--color-text-40)
}

html .collection-limit-wrap .list-area .inner li .item[data-v-22f9252a] {
    text-align: center;
    font-size: .875rem
}

html .collection-limit-wrap .list-area .inner li .condition-amount[data-v-22f9252a] {
    flex: 7 1 0%;
    text-align: left;
    padding-left: 1rem;
    box-sizing: border-box
}

html .collection-limit-wrap .list-area .inner li .reward-amount[data-v-22f9252a] {
    flex: 3 1 0%;
    font-weight: 700;
    color: var(--color-text-100)
}

html .collection-limit-wrap .list-area .inner li[data-v-22f9252a]:not(:last-child) {
    border-bottom: 1px solid var(--line-color)
}

.new-skin-symbol .collection-limit-wrap[data-v-22f9252a] {
    width: 22.875rem;
    background: var(--ep-color-background-fill-surface-raised-L1);
    box-sizing: border-box
}

.new-skin-symbol .collection-limit-wrap .top-text[data-v-22f9252a] {
    color: var(--ep-color-text-default);
    padding: 1.125rem;
    box-sizing: border-box
}

.new-skin-symbol .collection-limit-wrap .top-text .title[data-v-22f9252a] {
    line-height: 1.3125rem;
    font-size: .875rem;
    font-weight: 700
}

.new-skin-symbol .collection-limit-wrap .top-text .header-text[data-v-22f9252a] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--ep-color-text-weaker);
    font-size: .75rem;
    line-height: 1.125rem;
    margin-top: .875rem
}

.new-skin-symbol .collection-limit-wrap .list-area[data-v-22f9252a] {
    width: 22.875rem;
    padding: 0 .625rem .75rem;
    background: var(--ep-color-background-fill-surface-raised-L1);
    box-sizing: border-box
}

.new-skin-symbol .collection-limit-wrap .list-area .inner[data-v-22f9252a] {
    padding: .25rem .5rem;
    box-sizing: border-box;
    background: var(--ep-color-background-fill-body-default);
    border-radius: .375rem
}

.new-skin-symbol .collection-limit-wrap .list-area .inner li[data-v-22f9252a] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 2.625rem;
    height: 2.625rem;
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol .collection-limit-wrap .list-area .inner li .item[data-v-22f9252a] {
    text-align: center;
    font-size: .875rem
}

.new-skin-symbol .collection-limit-wrap .list-area .inner li .condition-amount[data-v-22f9252a] {
    flex: 7 1 0%;
    text-align: left;
    padding-left: 1rem;
    box-sizing: border-box
}

.new-skin-symbol .collection-limit-wrap .list-area .inner li .reward-amount[data-v-22f9252a] {
    flex: 3 1 0%;
    font-weight: 700;
    color: var(--ep-color-text-default)
}

.new-skin-symbol .collection-limit-wrap .list-area .inner li[data-v-22f9252a]:not(:last-child) {
    border-bottom: 1px solid var(--line-color)
}

.new-skin-symbol .collection-limit-wrap[data-v-22f9252a] {
    border-radius: var(--ep-border-radius-m)
}

.new-skin-symbol .collection-limit-wrap .top-text .title[data-v-22f9252a] {
    font-size: var(--ep-font-size-m);
    font-weight: var(--ep-font-weight-bold)
}

.new-skin-symbol .collection-limit-wrap .top-text .header-text[data-v-22f9252a] {
    font-size: var(--ep-font-size-s);
    font-weight: var(--ep-font-weight-regular)
}

.new-skin-symbol .collection-limit-wrap .list-area .inner[data-v-22f9252a] {
    border-radius: var(--ep-border-radius-m)
}

.new-skin-symbol .collection-limit-wrap .list-area .inner li .item[data-v-22f9252a] {
    font-size: var(--ep-font-size-s);
    font-weight: var(--ep-font-weight-medium)
}

.new-skin-symbol .collection-limit-wrap .list-area .inner li .reward-amount[data-v-22f9252a] {
    font-weight: var(--ep-font-weight-bold)
}

.color-primary-600[data-v-2b2a91e2] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-2b2a91e2] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-2b2a91e2] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-2b2a91e2] {
    color: var(--color-primary-900)
}

.bg-100[data-v-2b2a91e2] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-2b2a91e2] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-2b2a91e2] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-2b2a91e2] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-2b2a91e2] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-2b2a91e2] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-2b2a91e2] {
    background-color: var(--color-warning)
}

.bg-link[data-v-2b2a91e2] {
    background-color: var(--color-link)
}

.bg-danger[data-v-2b2a91e2] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-2b2a91e2] {
    color: var(--color-text-100)
}

.color-text-80[data-v-2b2a91e2] {
    color: var(--color-text-80)
}

.color-text-50[data-v-2b2a91e2] {
    color: var(--color-text-50)
}

.color-text-40[data-v-2b2a91e2] {
    color: var(--color-text-40)
}

.color-text-20[data-v-2b2a91e2] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-2b2a91e2] {
    color: var(--color-currency)
}

.color-warning[data-v-2b2a91e2] {
    color: var(--color-warning)
}

.color-danger[data-v-2b2a91e2] {
    color: var(--color-danger)
}

.color-link[data-v-2b2a91e2] {
    color: var(--color-link)
}

.color-line[data-v-2b2a91e2] {
    color: var(--color-line)
}

.color-border[data-v-2b2a91e2] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-2b2a91e2] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-2b2a91e2] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-2b2a91e2] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-2b2a91e2] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-2b2a91e2] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-2b2a91e2] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-2b2a91e2] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-2b2a91e2] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-2b2a91e2] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-2b2a91e2] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-2b2a91e2] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-2b2a91e2] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-2b2a91e2] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-2b2a91e2] {
    display: flex;
    align-items: center
}

.flex-start[data-v-2b2a91e2] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-2b2a91e2] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-2b2a91e2] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-2b2a91e2] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-2b2a91e2] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-2b2a91e2] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-2b2a91e2] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-2b2a91e2] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-2b2a91e2] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-2b2a91e2] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-2b2a91e2] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-2b2a91e2] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-2b2a91e2] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-2b2a91e2] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-2b2a91e2] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-2b2a91e2] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-2b2a91e2] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-2b2a91e2] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-2b2a91e2] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-2b2a91e2] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-2b2a91e2] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-2b2a91e2] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-2b2a91e2] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-2b2a91e2] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-2b2a91e2],
.mlm-selected-item[data-v-2b2a91e2] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-2b2a91e2] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-2b2a91e2]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-2b2a91e2] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-2b2a91e2] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-2b2a91e2] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.width-style .item-2[data-v-2b2a91e2]:first-child {
    flex: .7
}

.width-style .item-2[data-v-2b2a91e2]:last-child {
    flex: .3
}

.width-style .item-3[data-v-2b2a91e2]:first-child {
    width: 10.625rem
}

.width-style .item-3[data-v-2b2a91e2]:nth-child(2) {
    width: 6rem
}

.width-style .item-3[data-v-2b2a91e2]:last-child {
    width: 6.25rem
}

.yellow-dark .rules-area[data-v-2b2a91e2],
.green-dark .rules-area[data-v-2b2a91e2] {
    padding: 0 .75rem;
    margin-top: 1.875rem
}

.yellow-dark .rules-area .times[data-v-2b2a91e2],
.green-dark .rules-area .times[data-v-2b2a91e2] {
    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
}

.yellow-dark .rules-area .times li[data-v-2b2a91e2],
.green-dark .rules-area .times li[data-v-2b2a91e2] {
    width: 6.5625rem;
    height: 5.375rem;
    background: var(--color-bg-300);
    border-radius: var(--rounded-small);
    text-align: center;
    position: relative;
    overflow: hidden
}

.yellow-dark .rules-area .times li .times-num[data-v-2b2a91e2],
.green-dark .rules-area .times li .times-num[data-v-2b2a91e2] {
    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
}

.yellow-dark .rules-area .times li .times-num .merchant[data-v-2b2a91e2],
.green-dark .rules-area .times li .times-num .merchant[data-v-2b2a91e2] {
    font-size: var(--font-size-10);
    color: var(--color-text-40);
    margin-right: .125rem
}

.yellow-dark .rules-area .times li .times-num .infinite[data-v-2b2a91e2],
.green-dark .rules-area .times li .times-num .infinite[data-v-2b2a91e2] {
    font-size: 1.875rem;
    color: var(null)
}

.yellow-dark .rules-area .times li .word[data-v-2b2a91e2],
.green-dark .rules-area .times li .word[data-v-2b2a91e2] {
    font-size: var(--font-size-10);
    color: var(--color-text-40);
    line-height: .9375rem
}

.yellow-dark .rules-area .times li[data-v-2b2a91e2]:first-child:after,
.green-dark .rules-area .times li[data-v-2b2a91e2]: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)
}

.yellow-dark .rules-area .times li[data-v-2b2a91e2]:nth-child(2):after,
.green-dark .rules-area .times li[data-v-2b2a91e2]: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)
}

.yellow-dark .rules-area .times li[data-v-2b2a91e2]:last-child:after,
.green-dark .rules-area .times li[data-v-2b2a91e2]: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)
}

.yellow-dark .rules-area .table-header[data-v-2b2a91e2],
.green-dark .rules-area .table-header[data-v-2b2a91e2] {
    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
}

.yellow-dark .rules-area .table-header li[data-v-2b2a91e2],
.green-dark .rules-area .table-header li[data-v-2b2a91e2] {
    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
}

.yellow-dark .rules-area .table-header li .inner[data-v-2b2a91e2],
.green-dark .rules-area .table-header li .inner[data-v-2b2a91e2] {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2
}

.yellow-dark .rules-area .table-header .item-2[data-v-2b2a91e2]:first-child,
.green-dark .rules-area .table-header .item-2[data-v-2b2a91e2]:first-child {
    flex: .7
}

.yellow-dark .rules-area .table-header .item-2[data-v-2b2a91e2]:last-child,
.green-dark .rules-area .table-header .item-2[data-v-2b2a91e2]:last-child {
    flex: .3
}

.yellow-dark .rules-area .table-header .item-3[data-v-2b2a91e2]:first-child,
.green-dark .rules-area .table-header .item-3[data-v-2b2a91e2]:first-child {
    width: 10.625rem
}

.yellow-dark .rules-area .table-header .item-3[data-v-2b2a91e2]:nth-child(2),
.green-dark .rules-area .table-header .item-3[data-v-2b2a91e2]:nth-child(2) {
    width: 6rem
}

.yellow-dark .rules-area .table-header .item-3[data-v-2b2a91e2]:last-child,
.green-dark .rules-area .table-header .item-3[data-v-2b2a91e2]:last-child {
    width: 6.25rem
}

.yellow-dark .rules-area .rules-list[data-v-2b2a91e2],
.green-dark .rules-area .rules-list[data-v-2b2a91e2] {
    width: 100%
}

.yellow-dark .rules-area .rules-list li[data-v-2b2a91e2],
.green-dark .rules-area .rules-list li[data-v-2b2a91e2] {
    width: 100%;
    height: 2.625rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    font-size: var(--font-size-12)
}

.yellow-dark .rules-area .rules-list li .order[data-v-2b2a91e2],
.green-dark .rules-area .rules-list li .order[data-v-2b2a91e2] {
    display: flex;
    justify-content: center;
    align-items: center
}

.yellow-dark .rules-area .rules-list li .order .count[data-v-2b2a91e2],
.green-dark .rules-area .rules-list li .order .count[data-v-2b2a91e2] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    font-weight: var(--font-weight-medium);
    margin-left: .5625rem
}

.yellow-dark .rules-area .rules-list li .order .count span[data-v-2b2a91e2],
.green-dark .rules-area .rules-list li .order .count span[data-v-2b2a91e2] {
    font-weight: var(--font-weight-regular);
    color: var(--color-text-80);
    font-size: var(--font-size-12)
}

.yellow-dark .rules-area .rules-list li .multiple[data-v-2b2a91e2],
.green-dark .rules-area .rules-list li .multiple[data-v-2b2a91e2] {
    font-weight: 700;
    color: var(--ep-color-text-warning)
}

.yellow-dark .rules-area .rules-list li .x[data-v-2b2a91e2],
.green-dark .rules-area .rules-list li .x[data-v-2b2a91e2] {
    font-size: var(--font-size-10)
}

.yellow-dark .rules-area .rules-list li .amount[data-v-2b2a91e2],
.green-dark .rules-area .rules-list li .amount[data-v-2b2a91e2] {
    font-weight: 700;
    color: var(--accent-color-orange)
}

.yellow-dark .rules-area .rules-list li .amount .count[data-v-2b2a91e2],
.green-dark .rules-area .rules-list li .amount .count[data-v-2b2a91e2] {
    font-size: var(--font-size-10)
}

.yellow-dark .rules-area .rules-list li[data-v-2b2a91e2]:nth-child(2n),
.green-dark .rules-area .rules-list li[data-v-2b2a91e2]:nth-child(2n) {
    background: var(--color-bg-400)
}

.yellow-dark .rules-area .rules-list li .item-2[data-v-2b2a91e2]:first-child,
.green-dark .rules-area .rules-list li .item-2[data-v-2b2a91e2]:first-child {
    flex: .7
}

.yellow-dark .rules-area .rules-list li .item-2[data-v-2b2a91e2]:last-child,
.green-dark .rules-area .rules-list li .item-2[data-v-2b2a91e2]:last-child {
    flex: .3
}

.yellow-dark .rules-area .rules-list li .item-3[data-v-2b2a91e2]:first-child,
.green-dark .rules-area .rules-list li .item-3[data-v-2b2a91e2]:first-child {
    width: 10.625rem
}

.yellow-dark .rules-area .rules-list li .item-3[data-v-2b2a91e2]:nth-child(2),
.green-dark .rules-area .rules-list li .item-3[data-v-2b2a91e2]:nth-child(2) {
    width: 6rem
}

.yellow-dark .rules-area .rules-list li .item-3[data-v-2b2a91e2]:last-child,
.green-dark .rules-area .rules-list li .item-3[data-v-2b2a91e2]:last-child {
    width: 6.25rem
}

.yellow-dark .rules-area .rule-text[data-v-2b2a91e2],
.green-dark .rules-area .rule-text[data-v-2b2a91e2] {
    margin-top: .875rem;
    font-size: var(--font-size-12);
    color: var(--color-text-40);
    line-height: 1.125rem
}

.yellow-dark .rules-area .lucky-bet-rule[data-v-2b2a91e2] .ruleHeader,
.green-dark .rules-area .lucky-bet-rule[data-v-2b2a91e2] .ruleHeader {
    margin-top: .875rem;
    margin-bottom: 1.25rem;
    justify-content: start
}

.yellow-dark .rules-area .lucky-bet-rule[data-v-2b2a91e2] .ruleHeader .span-cls,
.green-dark .rules-area .lucky-bet-rule[data-v-2b2a91e2] .ruleHeader .span-cls {
    font-size: var(--font-size-12);
    color: var(--color-text-40);
    line-height: 1.125rem;
    margin: 0
}

.yellow-dark .rules-area .lucky-bet-rule[data-v-2b2a91e2] .item-wrap,
.green-dark .rules-area .lucky-bet-rule[data-v-2b2a91e2] .item-wrap {
    margin-bottom: 1rem;
    padding: 0
}

.yellow-dark .rules-area .lucky-bet-rule[data-v-2b2a91e2] .item-wrap .rule-item,
.green-dark .rules-area .lucky-bet-rule[data-v-2b2a91e2] .item-wrap .rule-item {
    color: var(--color-text-40)
}

.purple-light .rules-area[data-v-2b2a91e2] {
    padding: 0 .75rem;
    margin-top: 1.875rem
}

.purple-light .rules-area .times[data-v-2b2a91e2] {
    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
}

.purple-light .rules-area .times li[data-v-2b2a91e2] {
    width: 6.5625rem;
    height: 5.375rem;
    background: var(--color-bg-400);
    border-radius: var(--rounded-small);
    text-align: center;
    position: relative;
    overflow: hidden
}

.purple-light .rules-area .times li .times-num[data-v-2b2a91e2] {
    font-size: var(--font-size-20);
    font-weight: var(--font-weight-bold);
    color: var(--theme-color-800);
    line-height: 1.875rem;
    margin: .8rem 0 .3rem;
    height: 1.875rem
}

.purple-light .rules-area .times li .times-num .merchant[data-v-2b2a91e2] {
    font-size: var(--font-size-10);
    color: var(--accent-orange);
    margin-right: .125rem
}

.purple-light .rules-area .times li .times-num .infinite[data-v-2b2a91e2] {
    font-size: 1.875rem;
    color: var(null)
}

.purple-light .rules-area .times li .word[data-v-2b2a91e2] {
    font-size: var(--font-size-10);
    color: var(--color-text-40);
    line-height: .9375rem
}

.purple-light .rules-area .times li[data-v-2b2a91e2]: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)
}

.purple-light .rules-area .times li[data-v-2b2a91e2]: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)
}

.purple-light .rules-area .times li[data-v-2b2a91e2]: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)
}

.purple-light .rules-area .table-header[data-v-2b2a91e2] {
    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
}

.purple-light .rules-area .table-header li[data-v-2b2a91e2] {
    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
}

.purple-light .rules-area .table-header li .inner[data-v-2b2a91e2] {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2
}

.purple-light .rules-area .table-header .item-2[data-v-2b2a91e2]:first-child {
    flex: .7
}

.purple-light .rules-area .table-header .item-2[data-v-2b2a91e2]:last-child {
    flex: .3
}

.purple-light .rules-area .table-header .item-3[data-v-2b2a91e2]:first-child {
    width: 10.625rem
}

.purple-light .rules-area .table-header .item-3[data-v-2b2a91e2]:nth-child(2) {
    width: 6rem
}

.purple-light .rules-area .table-header .item-3[data-v-2b2a91e2]:last-child {
    width: 6.25rem
}

.purple-light .rules-area .rules-list[data-v-2b2a91e2] {
    width: 100%
}

.purple-light .rules-area .rules-list li[data-v-2b2a91e2] {
    width: 100%;
    height: 2.625rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    font-size: var(--font-size-12)
}

.purple-light .rules-area .rules-list li .order[data-v-2b2a91e2] {
    display: flex;
    justify-content: center;
    align-items: center
}

.purple-light .rules-area .rules-list li .order .count[data-v-2b2a91e2] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    font-weight: var(--font-weight-medium);
    margin-left: .5625rem
}

.purple-light .rules-area .rules-list li .order .count span[data-v-2b2a91e2] {
    font-weight: var(--font-weight-regular);
    color: var(--color-text-80);
    font-size: var(--font-size-12)
}

.purple-light .rules-area .rules-list li .multiple[data-v-2b2a91e2] {
    font-weight: 700;
    color: var(--accent-color-green)
}

.purple-light .rules-area .rules-list li .x[data-v-2b2a91e2] {
    font-size: var(--font-size-10)
}

.purple-light .rules-area .rules-list li .amount[data-v-2b2a91e2] {
    font-weight: 700;
    color: var(--accent-color-orange)
}

.purple-light .rules-area .rules-list li .amount .count[data-v-2b2a91e2] {
    font-size: var(--font-size-10)
}

.purple-light .rules-area .rules-list li[data-v-2b2a91e2]:nth-child(2n) {
    background: var(--color-bg-400)
}

.purple-light .rules-area .rules-list li .item-2[data-v-2b2a91e2]:first-child {
    flex: .7
}

.purple-light .rules-area .rules-list li .item-2[data-v-2b2a91e2]:last-child {
    flex: .3
}

.purple-light .rules-area .rules-list li .item-3[data-v-2b2a91e2]:first-child {
    width: 10.625rem
}

.purple-light .rules-area .rules-list li .item-3[data-v-2b2a91e2]:nth-child(2) {
    width: 6rem
}

.purple-light .rules-area .rules-list li .item-3[data-v-2b2a91e2]:last-child {
    width: 6.25rem
}

.purple-light .rules-area .rule-text[data-v-2b2a91e2] {
    margin-top: .875rem;
    font-size: var(--font-size-12);
    color: var(--color-text-40);
    line-height: 1.125rem
}

.purple-light .rules-area .lucky-bet-rule[data-v-2b2a91e2] .ruleHeader {
    margin-top: .875rem;
    margin-bottom: 1.25rem;
    justify-content: start
}

.purple-light .rules-area .lucky-bet-rule[data-v-2b2a91e2] .ruleHeader .span-cls {
    font-size: var(--font-size-12);
    color: var(--color-text-40);
    line-height: 1.125rem;
    margin: 0
}

.purple-light .rules-area .lucky-bet-rule[data-v-2b2a91e2] .item-wrap {
    margin-bottom: 1rem;
    padding: 0
}

.purple-light .rules-area .lucky-bet-rule[data-v-2b2a91e2] .item-wrap .rule-item {
    color: var(--color-text-40)
}

.amber-purple .rules-area[data-v-2b2a91e2] {
    padding: 0 .75rem;
    margin-top: 1.875rem
}

.amber-purple .rules-area .times[data-v-2b2a91e2] {
    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
}

.amber-purple .rules-area .times li[data-v-2b2a91e2] {
    width: 6.5625rem;
    height: 5.375rem;
    background: var(--color-bg-300);
    border-radius: var(--rounded-small);
    text-align: center;
    position: relative;
    overflow: hidden
}

.amber-purple .rules-area .times li .times-num[data-v-2b2a91e2] {
    font-size: var(--font-size-20);
    font-weight: var(--font-weight-bold);
    color: var(--text-color-white-100);
    line-height: 1.875rem;
    margin: .8rem 0 .3rem;
    height: 1.875rem
}

.amber-purple .rules-area .times li .times-num .merchant[data-v-2b2a91e2] {
    font-size: var(--font-size-10);
    color: var(--color-text-40);
    margin-right: .125rem
}

.amber-purple .rules-area .times li .times-num .infinite[data-v-2b2a91e2] {
    font-size: 1.875rem;
    color: var(null)
}

.amber-purple .rules-area .times li .word[data-v-2b2a91e2] {
    font-size: var(--font-size-10);
    color: var(--color-text-40);
    line-height: .9375rem
}

.amber-purple .rules-area .times li[data-v-2b2a91e2]: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)
}

.amber-purple .rules-area .times li[data-v-2b2a91e2]: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)
}

.amber-purple .rules-area .times li[data-v-2b2a91e2]: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)
}

.amber-purple .rules-area .table-header[data-v-2b2a91e2] {
    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
}

.amber-purple .rules-area .table-header li[data-v-2b2a91e2] {
    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
}

.amber-purple .rules-area .table-header li .inner[data-v-2b2a91e2] {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2
}

.amber-purple .rules-area .table-header .item-2[data-v-2b2a91e2]:first-child {
    flex: .7
}

.amber-purple .rules-area .table-header .item-2[data-v-2b2a91e2]:last-child {
    flex: .3
}

.amber-purple .rules-area .table-header .item-3[data-v-2b2a91e2]:first-child {
    width: 10.625rem
}

.amber-purple .rules-area .table-header .item-3[data-v-2b2a91e2]:nth-child(2) {
    width: 6rem
}

.amber-purple .rules-area .table-header .item-3[data-v-2b2a91e2]:last-child {
    width: 6.25rem
}

.amber-purple .rules-area .rules-list[data-v-2b2a91e2] {
    width: 100%
}

.amber-purple .rules-area .rules-list li[data-v-2b2a91e2] {
    width: 100%;
    height: 2.625rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    font-size: var(--font-size-12)
}

.amber-purple .rules-area .rules-list li .order[data-v-2b2a91e2] {
    display: flex;
    justify-content: center;
    align-items: center
}

.amber-purple .rules-area .rules-list li .order .count[data-v-2b2a91e2] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    font-weight: var(--font-weight-medium);
    margin-left: .5625rem
}

.amber-purple .rules-area .rules-list li .order .count span[data-v-2b2a91e2] {
    font-weight: var(--font-weight-regular);
    color: var(--color-text-80);
    font-size: var(--font-size-12)
}

.amber-purple .rules-area .rules-list li .multiple[data-v-2b2a91e2] {
    font-weight: 700;
    color: var(--ep-color-text-warning)
}

.amber-purple .rules-area .rules-list li .x[data-v-2b2a91e2] {
    font-size: var(--font-size-10)
}

.amber-purple .rules-area .rules-list li .amount[data-v-2b2a91e2] {
    font-weight: 700;
    color: var(--accent-color-orange)
}

.amber-purple .rules-area .rules-list li .amount .count[data-v-2b2a91e2] {
    font-size: var(--font-size-10)
}

.amber-purple .rules-area .rules-list li[data-v-2b2a91e2]:nth-child(2n) {
    background: var(--color-bg-400)
}

.amber-purple .rules-area .rules-list li .item-2[data-v-2b2a91e2]:first-child {
    flex: .7
}

.amber-purple .rules-area .rules-list li .item-2[data-v-2b2a91e2]:last-child {
    flex: .3
}

.amber-purple .rules-area .rules-list li .item-3[data-v-2b2a91e2]:first-child {
    width: 10.625rem
}

.amber-purple .rules-area .rules-list li .item-3[data-v-2b2a91e2]:nth-child(2) {
    width: 6rem
}

.amber-purple .rules-area .rules-list li .item-3[data-v-2b2a91e2]:last-child {
    width: 6.25rem
}

.amber-purple .rules-area .rule-text[data-v-2b2a91e2] {
    margin-top: .875rem;
    font-size: var(--font-size-12);
    color: var(--color-text-40);
    line-height: 1.125rem
}

.amber-purple .rules-area .lucky-bet-rule[data-v-2b2a91e2] .ruleHeader {
    margin-top: .875rem;
    margin-bottom: 1.25rem;
    justify-content: start
}

.amber-purple .rules-area .lucky-bet-rule[data-v-2b2a91e2] .ruleHeader .span-cls {
    font-size: var(--font-size-12);
    color: var(--color-text-40);
    line-height: 1.125rem;
    margin: 0
}

.amber-purple .rules-area .lucky-bet-rule[data-v-2b2a91e2] .item-wrap {
    margin-bottom: 1rem;
    padding: 0
}

.amber-purple .rules-area .lucky-bet-rule[data-v-2b2a91e2] .item-wrap .rule-item {
    color: var(--color-text-40)
}

.blue-default .rules-area[data-v-2b2a91e2] {
    padding: 0 .75rem;
    margin-top: 1.875rem
}

.blue-default .rules-area .times[data-v-2b2a91e2] {
    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-2b2a91e2] {
    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-2b2a91e2] {
    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-2b2a91e2] {
    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-2b2a91e2] {
    font-size: 1.875rem;
    color: var(null)
}

.blue-default .rules-area .times li .word[data-v-2b2a91e2] {
    font-size: var(--font-size-10);
    color: var(--color-text-40);
    line-height: .9375rem
}

.blue-default .rules-area .times li[data-v-2b2a91e2]: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-2b2a91e2]: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-2b2a91e2]: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-2b2a91e2] {
    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-2b2a91e2] {
    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-2b2a91e2] {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2
}

.blue-default .rules-area .table-header .item-2[data-v-2b2a91e2]:first-child {
    flex: .7
}

.blue-default .rules-area .table-header .item-2[data-v-2b2a91e2]:last-child {
    flex: .3
}

.blue-default .rules-area .table-header .item-3[data-v-2b2a91e2]:first-child {
    width: 10.625rem
}

.blue-default .rules-area .table-header .item-3[data-v-2b2a91e2]:nth-child(2) {
    width: 6rem
}

.blue-default .rules-area .table-header .item-3[data-v-2b2a91e2]:last-child {
    width: 6.25rem
}

.blue-default .rules-area .rules-list[data-v-2b2a91e2] {
    width: 100%
}

.blue-default .rules-area .rules-list li[data-v-2b2a91e2] {
    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-2b2a91e2] {
    display: flex;
    justify-content: center;
    align-items: center
}

.blue-default .rules-area .rules-list li .order .count[data-v-2b2a91e2] {
    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-2b2a91e2] {
    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-2b2a91e2] {
    font-weight: 700;
    color: var(--ep-color-text-warning)
}

.blue-default .rules-area .rules-list li .x[data-v-2b2a91e2] {
    font-size: var(--font-size-10)
}

.blue-default .rules-area .rules-list li .amount[data-v-2b2a91e2] {
    font-weight: 700;
    color: var(--accent-color-orange)
}

.blue-default .rules-area .rules-list li .amount .count[data-v-2b2a91e2] {
    font-size: var(--font-size-10)
}

.blue-default .rules-area .rules-list li[data-v-2b2a91e2]:nth-child(2n) {
    background: var(--color-bg-400)
}

.blue-default .rules-area .rules-list li .item-2[data-v-2b2a91e2]:first-child {
    flex: .7
}

.blue-default .rules-area .rules-list li .item-2[data-v-2b2a91e2]:last-child {
    flex: .3
}

.blue-default .rules-area .rules-list li .item-3[data-v-2b2a91e2]:first-child {
    width: 10.625rem
}

.blue-default .rules-area .rules-list li .item-3[data-v-2b2a91e2]:nth-child(2) {
    width: 6rem
}

.blue-default .rules-area .rules-list li .item-3[data-v-2b2a91e2]:last-child {
    width: 6.25rem
}

.blue-default .rules-area .rule-text[data-v-2b2a91e2] {
    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-2b2a91e2] .ruleHeader {
    margin-top: .875rem;
    margin-bottom: 1.25rem;
    justify-content: start
}

.blue-default .rules-area .lucky-bet-rule[data-v-2b2a91e2] .ruleHeader .span-cls {
    font-size: var(--font-size-12);
    color: var(--color-text-40);
    line-height: 1.125rem;
    margin: 0
}

.blue-default .rules-area .lucky-bet-rule[data-v-2b2a91e2] .item-wrap {
    margin-bottom: 1rem;
    padding: 0
}

.blue-default .rules-area .lucky-bet-rule[data-v-2b2a91e2] .item-wrap .rule-item {
    color: var(--color-text-40)
}

.green-default .rules-area[data-v-2b2a91e2] {
    padding: 0 .75rem;
    margin-top: 1.875rem
}

.green-default .rules-area .times[data-v-2b2a91e2] {
    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
}

.green-default .rules-area .times li[data-v-2b2a91e2] {
    width: 6.5625rem;
    height: 5.375rem;
    background: var(--color-bg-300);
    border-radius: var(--rounded-small);
    text-align: center;
    position: relative;
    overflow: hidden
}

.green-default .rules-area .times li .times-num[data-v-2b2a91e2] {
    font-size: var(--font-size-20);
    font-weight: var(--font-weight-bold);
    color: var(--color-text-gray-100);
    line-height: 1.875rem;
    margin: .8rem 0 .3rem;
    height: 1.875rem
}

.green-default .rules-area .times li .times-num .merchant[data-v-2b2a91e2] {
    font-size: var(--font-size-10);
    color: var(--color-text-40);
    margin-right: .125rem
}

.green-default .rules-area .times li .times-num .infinite[data-v-2b2a91e2] {
    font-size: 1.875rem;
    color: var(null)
}

.green-default .rules-area .times li .word[data-v-2b2a91e2] {
    font-size: var(--font-size-10);
    color: var(--color-text-40);
    line-height: .9375rem
}

.green-default .rules-area .times li[data-v-2b2a91e2]: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)
}

.green-default .rules-area .times li[data-v-2b2a91e2]: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)
}

.green-default .rules-area .times li[data-v-2b2a91e2]: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)
}

.green-default .rules-area .table-header[data-v-2b2a91e2] {
    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
}

.green-default .rules-area .table-header li[data-v-2b2a91e2] {
    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
}

.green-default .rules-area .table-header li .inner[data-v-2b2a91e2] {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2
}

.green-default .rules-area .table-header .item-2[data-v-2b2a91e2]:first-child {
    flex: .7
}

.green-default .rules-area .table-header .item-2[data-v-2b2a91e2]:last-child {
    flex: .3
}

.green-default .rules-area .table-header .item-3[data-v-2b2a91e2]:first-child {
    width: 10.625rem
}

.green-default .rules-area .table-header .item-3[data-v-2b2a91e2]:nth-child(2) {
    width: 6rem
}

.green-default .rules-area .table-header .item-3[data-v-2b2a91e2]:last-child {
    width: 6.25rem
}

.green-default .rules-area .rules-list[data-v-2b2a91e2] {
    width: 100%
}

.green-default .rules-area .rules-list li[data-v-2b2a91e2] {
    width: 100%;
    height: 2.625rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    font-size: var(--font-size-12)
}

.green-default .rules-area .rules-list li .order[data-v-2b2a91e2] {
    display: flex;
    justify-content: center;
    align-items: center
}

.green-default .rules-area .rules-list li .order .count[data-v-2b2a91e2] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    font-weight: var(--font-weight-medium);
    margin-left: .5625rem
}

.green-default .rules-area .rules-list li .order .count span[data-v-2b2a91e2] {
    font-weight: var(--font-weight-regular);
    color: var(--color-text-80);
    font-size: var(--font-size-12)
}

.green-default .rules-area .rules-list li .multiple[data-v-2b2a91e2] {
    font-weight: 700;
    color: var(--ep-color-text-warning)
}

.green-default .rules-area .rules-list li .x[data-v-2b2a91e2] {
    font-size: var(--font-size-10)
}

.green-default .rules-area .rules-list li .amount[data-v-2b2a91e2] {
    font-weight: 700;
    color: var(--color-warning)
}

.green-default .rules-area .rules-list li .amount .count[data-v-2b2a91e2] {
    font-size: var(--font-size-10)
}

.green-default .rules-area .rules-list li[data-v-2b2a91e2]:nth-child(2n) {
    background: var(--color-bg-400)
}

.green-default .rules-area .rules-list li .item-2[data-v-2b2a91e2]:first-child {
    flex: .7
}

.green-default .rules-area .rules-list li .item-2[data-v-2b2a91e2]:last-child {
    flex: .3
}

.green-default .rules-area .rules-list li .item-3[data-v-2b2a91e2]:first-child {
    width: 10.625rem
}

.green-default .rules-area .rules-list li .item-3[data-v-2b2a91e2]:nth-child(2) {
    width: 6rem
}

.green-default .rules-area .rules-list li .item-3[data-v-2b2a91e2]:last-child {
    width: 6.25rem
}

.green-default .rules-area .rule-text[data-v-2b2a91e2] {
    margin-top: .875rem;
    font-size: var(--font-size-12);
    color: var(--color-text-40);
    line-height: 1.125rem
}

.green-default .rules-area .lucky-bet-rule[data-v-2b2a91e2] .ruleHeader {
    margin-top: .875rem;
    margin-bottom: 1.25rem;
    justify-content: start
}

.green-default .rules-area .lucky-bet-rule[data-v-2b2a91e2] .ruleHeader .span-cls {
    font-size: var(--font-size-12);
    color: var(--color-text-40);
    line-height: 1.125rem;
    margin: 0
}

.green-default .rules-area .lucky-bet-rule[data-v-2b2a91e2] .item-wrap {
    margin-bottom: 1rem;
    padding: 0
}

.green-default .rules-area .lucky-bet-rule[data-v-2b2a91e2] .item-wrap .rule-item {
    color: var(--color-text-40)
}

.forest-green .rules-area[data-v-2b2a91e2] {
    padding: 0 .75rem;
    margin-top: 1.875rem
}

.forest-green .rules-area .times[data-v-2b2a91e2] {
    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
}

.forest-green .rules-area .times li[data-v-2b2a91e2] {
    width: 6.5625rem;
    height: 5.375rem;
    background: var(--color-bg-300);
    border-radius: var(--rounded-small);
    text-align: center;
    position: relative;
    overflow: hidden
}

.forest-green .rules-area .times li .times-num[data-v-2b2a91e2] {
    font-size: var(--font-size-20);
    font-weight: var(--font-weight-bold);
    color: var(--color-text-white-100);
    line-height: 1.875rem;
    margin: .8rem 0 .3rem;
    height: 1.875rem
}

.forest-green .rules-area .times li .times-num .merchant[data-v-2b2a91e2] {
    font-size: var(--font-size-10);
    color: var(--text-color-white-40);
    margin-right: .125rem
}

.forest-green .rules-area .times li .times-num .infinite[data-v-2b2a91e2] {
    font-size: 1.875rem;
    color: var(null)
}

.forest-green .rules-area .times li .word[data-v-2b2a91e2] {
    font-size: var(--font-size-10);
    color: var(--color-text-white-40);
    line-height: .9375rem
}

.forest-green .rules-area .times li[data-v-2b2a91e2]: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)
}

.forest-green .rules-area .times li[data-v-2b2a91e2]: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)
}

.forest-green .rules-area .times li[data-v-2b2a91e2]: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)
}

.forest-green .rules-area .table-header[data-v-2b2a91e2] {
    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
}

.forest-green .rules-area .table-header li[data-v-2b2a91e2] {
    color: var(--text-color-white-40);
    font-size: var(--font-size-12);
    font-weight: var(--font-weight-bold);
    text-align: center;
    height: 2.25rem;
    line-height: 2.25rem
}

.forest-green .rules-area .table-header li .inner[data-v-2b2a91e2] {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2
}

.forest-green .rules-area .table-header .item-2[data-v-2b2a91e2]:first-child {
    flex: .7
}

.forest-green .rules-area .table-header .item-2[data-v-2b2a91e2]:last-child {
    flex: .3
}

.forest-green .rules-area .table-header .item-3[data-v-2b2a91e2]:first-child {
    width: 10.625rem
}

.forest-green .rules-area .table-header .item-3[data-v-2b2a91e2]:nth-child(2) {
    width: 6rem
}

.forest-green .rules-area .table-header .item-3[data-v-2b2a91e2]:last-child {
    width: 6.25rem
}

.forest-green .rules-area .rules-list[data-v-2b2a91e2] {
    width: 100%
}

.forest-green .rules-area .rules-list li[data-v-2b2a91e2] {
    width: 100%;
    height: 2.625rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    font-size: var(--font-size-12)
}

.forest-green .rules-area .rules-list li .order[data-v-2b2a91e2] {
    display: flex;
    justify-content: center;
    align-items: center
}

.forest-green .rules-area .rules-list li .order .count[data-v-2b2a91e2] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    font-weight: var(--font-weight-medium);
    margin-left: .5625rem
}

.forest-green .rules-area .rules-list li .order .count span[data-v-2b2a91e2] {
    font-weight: var(--font-weight-regular);
    color: var(--color-text-80);
    font-size: var(--font-size-12)
}

.forest-green .rules-area .rules-list li .multiple[data-v-2b2a91e2] {
    font-weight: 700;
    color: var(--ep-color-text-warning)
}

.forest-green .rules-area .rules-list li .x[data-v-2b2a91e2] {
    font-size: var(--font-size-10)
}

.forest-green .rules-area .rules-list li .amount[data-v-2b2a91e2] {
    font-weight: 700;
    color: var(--color-warning)
}

.forest-green .rules-area .rules-list li .amount .count[data-v-2b2a91e2] {
    font-size: var(--font-size-10)
}

.forest-green .rules-area .rules-list li[data-v-2b2a91e2]:nth-child(2n) {
    background: var(--color-bg-400)
}

.forest-green .rules-area .rules-list li .item-2[data-v-2b2a91e2]:first-child {
    flex: .7
}

.forest-green .rules-area .rules-list li .item-2[data-v-2b2a91e2]:last-child {
    flex: .3
}

.forest-green .rules-area .rules-list li .item-3[data-v-2b2a91e2]:first-child {
    width: 10.625rem
}

.forest-green .rules-area .rules-list li .item-3[data-v-2b2a91e2]:nth-child(2) {
    width: 6rem
}

.forest-green .rules-area .rules-list li .item-3[data-v-2b2a91e2]:last-child {
    width: 6.25rem
}

.forest-green .rules-area .rule-text[data-v-2b2a91e2] {
    margin-top: .875rem;
    font-size: var(--font-size-12);
    color: var(--color-text-40);
    line-height: 1.125rem
}

.forest-green .rules-area .lucky-bet-rule[data-v-2b2a91e2] .ruleHeader {
    margin-top: .875rem;
    margin-bottom: 1.25rem;
    justify-content: start
}

.forest-green .rules-area .lucky-bet-rule[data-v-2b2a91e2] .ruleHeader .span-cls {
    font-size: var(--font-size-12);
    color: var(--color-text-40);
    line-height: 1.125rem;
    margin: 0
}

.forest-green .rules-area .lucky-bet-rule[data-v-2b2a91e2] .item-wrap {
    margin-bottom: 1rem;
    padding: 0
}

.forest-green .rules-area .lucky-bet-rule[data-v-2b2a91e2] .item-wrap .rule-item {
    color: var(--color-text-40)
}

.auroral-yellow .rules-area[data-v-2b2a91e2] {
    padding: 0 .75rem;
    margin-top: 1.875rem
}

.auroral-yellow .rules-area .times[data-v-2b2a91e2] {
    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
}

.auroral-yellow .rules-area .times li[data-v-2b2a91e2] {
    width: 6.5625rem;
    height: 5.375rem;
    background: var(--color-bg-300);
    border-radius: var(--rounded-small);
    text-align: center;
    position: relative;
    overflow: hidden
}

.auroral-yellow .rules-area .times li .times-num[data-v-2b2a91e2] {
    font-size: var(--font-size-20);
    font-weight: var(--font-weight-bold);
    color: var(--color-text-gray-100);
    line-height: 1.875rem;
    margin: .8rem 0 .3rem;
    height: 1.875rem
}

.auroral-yellow .rules-area .times li .times-num .merchant[data-v-2b2a91e2] {
    font-size: var(--font-size-10);
    color: var(--color-text-40);
    margin-right: .125rem
}

.auroral-yellow .rules-area .times li .times-num .infinite[data-v-2b2a91e2] {
    font-size: 1.875rem;
    color: var(null)
}

.auroral-yellow .rules-area .times li .word[data-v-2b2a91e2] {
    font-size: var(--font-size-10);
    color: var(--color-text-40);
    line-height: .9375rem
}

.auroral-yellow .rules-area .times li[data-v-2b2a91e2]: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)
}

.auroral-yellow .rules-area .times li[data-v-2b2a91e2]: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)
}

.auroral-yellow .rules-area .times li[data-v-2b2a91e2]: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)
}

.auroral-yellow .rules-area .table-header[data-v-2b2a91e2] {
    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
}

.auroral-yellow .rules-area .table-header li[data-v-2b2a91e2] {
    color: var(--color-text-gray-200);
    font-size: var(--font-size-12);
    font-weight: var(--font-weight-bold);
    text-align: center;
    height: 2.25rem;
    line-height: 2.25rem
}

.auroral-yellow .rules-area .table-header li .inner[data-v-2b2a91e2] {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2
}

.auroral-yellow .rules-area .table-header .item-2[data-v-2b2a91e2]:first-child {
    flex: .7
}

.auroral-yellow .rules-area .table-header .item-2[data-v-2b2a91e2]:last-child {
    flex: .3
}

.auroral-yellow .rules-area .table-header .item-3[data-v-2b2a91e2]:first-child {
    width: 10.625rem
}

.auroral-yellow .rules-area .table-header .item-3[data-v-2b2a91e2]:nth-child(2) {
    width: 6rem
}

.auroral-yellow .rules-area .table-header .item-3[data-v-2b2a91e2]:last-child {
    width: 6.25rem
}

.auroral-yellow .rules-area .rules-list[data-v-2b2a91e2] {
    width: 100%
}

.auroral-yellow .rules-area .rules-list li[data-v-2b2a91e2] {
    width: 100%;
    height: 2.625rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    font-size: var(--font-size-12)
}

.auroral-yellow .rules-area .rules-list li .order[data-v-2b2a91e2] {
    display: flex;
    justify-content: center;
    align-items: center
}

.auroral-yellow .rules-area .rules-list li .order .count[data-v-2b2a91e2] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    font-weight: var(--font-weight-medium);
    margin-left: .5625rem
}

.auroral-yellow .rules-area .rules-list li .order .count span[data-v-2b2a91e2] {
    font-weight: var(--font-weight-regular);
    color: var(--color-text-80);
    font-size: var(--font-size-12)
}

.auroral-yellow .rules-area .rules-list li .multiple[data-v-2b2a91e2] {
    font-weight: 700;
    color: var(--ep-color-text-warning)
}

.auroral-yellow .rules-area .rules-list li .x[data-v-2b2a91e2] {
    font-size: var(--font-size-10)
}

.auroral-yellow .rules-area .rules-list li .amount[data-v-2b2a91e2] {
    font-weight: 700;
    color: var(--accent-color-yellow-1)
}

.auroral-yellow .rules-area .rules-list li .amount .count[data-v-2b2a91e2] {
    font-size: var(--font-size-10)
}

.auroral-yellow .rules-area .rules-list li[data-v-2b2a91e2]:nth-child(2n) {
    background: var(--color-bg-400)
}

.auroral-yellow .rules-area .rules-list li .item-2[data-v-2b2a91e2]:first-child {
    flex: .7
}

.auroral-yellow .rules-area .rules-list li .item-2[data-v-2b2a91e2]:last-child {
    flex: .3
}

.auroral-yellow .rules-area .rules-list li .item-3[data-v-2b2a91e2]:first-child {
    width: 10.625rem
}

.auroral-yellow .rules-area .rules-list li .item-3[data-v-2b2a91e2]:nth-child(2) {
    width: 6rem
}

.auroral-yellow .rules-area .rules-list li .item-3[data-v-2b2a91e2]:last-child {
    width: 6.25rem
}

.auroral-yellow .rules-area .rule-text[data-v-2b2a91e2] {
    margin-top: .875rem;
    font-size: var(--font-size-12);
    color: var(--color-text-40);
    line-height: 1.125rem
}

.auroral-yellow .rules-area .lucky-bet-rule[data-v-2b2a91e2] .ruleHeader {
    margin-top: .875rem;
    margin-bottom: 1.25rem;
    justify-content: start
}

.auroral-yellow .rules-area .lucky-bet-rule[data-v-2b2a91e2] .ruleHeader .span-cls {
    font-size: var(--font-size-12);
    color: var(--color-text-40);
    line-height: 1.125rem;
    margin: 0
}

.auroral-yellow .rules-area .lucky-bet-rule[data-v-2b2a91e2] .item-wrap {
    margin-bottom: 1rem;
    padding: 0
}

.auroral-yellow .rules-area .lucky-bet-rule[data-v-2b2a91e2] .item-wrap .rule-item {
    color: var(--color-text-40)
}

.new-skin-symbol .rules-area[data-v-2b2a91e2] {
    padding: 0 .75rem;
    margin-top: 1.875rem
}

.new-skin-symbol .rules-area .times[data-v-2b2a91e2] {
    width: 100%;
    height: 6.6875rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--ep-color-background-fill-surface-raised-L1);
    border-radius: var(--rounded-middle);
    padding: .6563rem .75rem;
    box-sizing: border-box;
    margin: 1.875rem 0 1rem
}

.new-skin-symbol .rules-area .times li[data-v-2b2a91e2] {
    width: 6.5625rem;
    height: 5.375rem;
    background: var(--ep-color-background-fill-body-default);
    border-radius: var(--rounded-small);
    text-align: center;
    position: relative;
    overflow: hidden
}

.new-skin-symbol .rules-area .times li .times-num[data-v-2b2a91e2] {
    font-size: var(--font-size-20);
    font-weight: var(--font-weight-bold);
    color: var(--ep-color-text-default);
    line-height: 1.875rem;
    margin: .8rem 0 .3rem;
    height: 1.875rem
}

.new-skin-symbol .rules-area .times li .times-num .merchant[data-v-2b2a91e2] {
    font-size: var(--font-size-10);
    color: var(--ep-color-text-weaker);
    margin-right: .125rem
}

.new-skin-symbol .rules-area .times li .times-num .infinite[data-v-2b2a91e2] {
    font-size: 1.875rem;
    color: var(--ep-color-icon-highlight)
}

.new-skin-symbol .rules-area .times li .word[data-v-2b2a91e2] {
    font-size: var(--font-size-10);
    color: var(--ep-color-text-weaker);
    line-height: .9375rem
}

.new-skin-symbol .rules-area .times li[data-v-2b2a91e2]: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)
}

.new-skin-symbol .rules-area .times li[data-v-2b2a91e2]: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)
}

.new-skin-symbol .rules-area .times li[data-v-2b2a91e2]: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)
}

.new-skin-symbol .rules-area .table-header[data-v-2b2a91e2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--ep-color-background-fill-surface-raised-L2);
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0;
    box-sizing: border-box
}

.new-skin-symbol .rules-area .table-header li[data-v-2b2a91e2] {
    color: var(--ep-color-text-weaker);
    font-size: var(--font-size-12);
    font-weight: var(--font-weight-bold);
    text-align: center;
    height: 2.25rem;
    line-height: 2.25rem
}

.new-skin-symbol .rules-area .table-header li .inner[data-v-2b2a91e2] {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2
}

.new-skin-symbol .rules-area .table-header .item-2[data-v-2b2a91e2]:first-child {
    flex: .7
}

.new-skin-symbol .rules-area .table-header .item-2[data-v-2b2a91e2]:last-child {
    flex: .3
}

.new-skin-symbol .rules-area .table-header .item-3[data-v-2b2a91e2]:first-child {
    width: 10.625rem
}

.new-skin-symbol .rules-area .table-header .item-3[data-v-2b2a91e2]:nth-child(2) {
    width: 6rem
}

.new-skin-symbol .rules-area .table-header .item-3[data-v-2b2a91e2]:last-child {
    width: 6.25rem
}

.new-skin-symbol .rules-area .rules-list[data-v-2b2a91e2] {
    width: 100%
}

.new-skin-symbol .rules-area .rules-list li[data-v-2b2a91e2] {
    width: 100%;
    height: 2.625rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    font-size: var(--font-size-12)
}

.new-skin-symbol .rules-area .rules-list li .order[data-v-2b2a91e2] {
    display: flex;
    justify-content: center;
    align-items: center
}

.new-skin-symbol .rules-area .rules-list li .order .count[data-v-2b2a91e2] {
    font-size: var(--font-size-14);
    color: var(--ep-color-text-default);
    font-weight: var(--font-weight-medium);
    margin-left: .5625rem
}

.new-skin-symbol .rules-area .rules-list li .order .count span[data-v-2b2a91e2] {
    font-weight: var(--font-weight-regular);
    color: var(--color-text-80);
    font-size: var(--font-size-12)
}

.new-skin-symbol .rules-area .rules-list li .multiple[data-v-2b2a91e2] {
    font-weight: 700;
    color: var(--ep-color-text-success)
}

.new-skin-symbol .rules-area .rules-list li .x[data-v-2b2a91e2] {
    font-size: var(--font-size-10)
}

.new-skin-symbol .rules-area .rules-list li .amount[data-v-2b2a91e2] {
    font-weight: 700;
    color: var(--ep-color-text-warning)
}

.new-skin-symbol .rules-area .rules-list li .amount .count[data-v-2b2a91e2] {
    font-size: var(--font-size-10)
}

.new-skin-symbol .rules-area .rules-list li[data-v-2b2a91e2]:nth-child(2n) {
    background: var(--color-bg-400)
}

.new-skin-symbol .rules-area .rules-list li .item-2[data-v-2b2a91e2]:first-child {
    flex: .7
}

.new-skin-symbol .rules-area .rules-list li .item-2[data-v-2b2a91e2]:last-child {
    flex: .3
}

.new-skin-symbol .rules-area .rules-list li .item-3[data-v-2b2a91e2]:first-child {
    width: 10.625rem
}

.new-skin-symbol .rules-area .rules-list li .item-3[data-v-2b2a91e2]:nth-child(2) {
    width: 6rem
}

.new-skin-symbol .rules-area .rules-list li .item-3[data-v-2b2a91e2]:last-child {
    width: 6.25rem
}

.new-skin-symbol .rules-area .rule-text[data-v-2b2a91e2] {
    margin-top: .875rem;
    font-size: var(--font-size-12);
    color: var(--ep-color-text-weaker);
    line-height: 1.125rem
}

.new-skin-symbol .rules-area .lucky-bet-rule[data-v-2b2a91e2] .ruleHeader .span-cls {
    font-size: var(--font-size-12);
    color: var(--ep-color-text-weaker);
    line-height: 1.125rem;
    margin: 0
}

.new-skin-symbol .rules-area .lucky-bet-rule[data-v-2b2a91e2] .item-wrap {
    margin-bottom: 1rem;
    padding: 0
}

.new-skin-symbol .rules-area .lucky-bet-rule[data-v-2b2a91e2] .item-wrap .rule-item {
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol .rules-area .table-header[data-v-2b2a91e2] {
    border-radius: var(--ep-border-radius-s) var(--ep-border-radius-s) 0 0
}

.new-skin-symbol .rules-area .table-header li[data-v-2b2a91e2] {
    font-size: var(--ep-font-size-s);
    font-weight: var(--ep-font-weight-bold)
}

.new-skin-symbol .rules-area .rules-list li[data-v-2b2a91e2] {
    font-size: var(--ep-font-size-s)
}

.new-skin-symbol .rules-area .rules-list li .order .count[data-v-2b2a91e2] {
    font-size: var(--ep-font-size-m);
    font-weight: var(--ep-font-weight-bold)
}

.new-skin-symbol .rules-area .rules-list li .order .count span[data-v-2b2a91e2] {
    font-weight: var(--ep-font-weight-regular)
}

.new-skin-symbol .rules-area .rules-list li .multiple[data-v-2b2a91e2] {
    font-weight: var(--ep-font-weight-medium)
}

.new-skin-symbol .rules-area .rules-list li .x[data-v-2b2a91e2] {
    font-size: var(--ep-font-size-xs)
}

.new-skin-symbol .rules-area .rules-list li .amount[data-v-2b2a91e2] {
    font-weight: var(--ep-font-weight-bold)
}

.new-skin-symbol .rules-area .rules-list li .amount .count[data-v-2b2a91e2] {
    font-size: var(--ep-font-size-xs)
}

.new-skin-symbol .rules-area .rules-list li[data-v-2b2a91e2]:nth-child(2n) {
    background: var(--ep-color-background-fill-surface-lowered)
}

.new-skin-symbol .rules-area .rule-text[data-v-2b2a91e2] {
    font-size: var(--ep-font-size-s);
    font-weight: var(--ep-font-weight-regular)
}

.new-skin-symbol .rules-area .rule-text .title[data-v-2b2a91e2] {
    font-weight: var(--ep-font-weight-medium);
    color: var(--ep-color-text-default)
}

.new-skin-symbol .rules-area .rule-text .ruleItem .ruleDes[data-v-2b2a91e2] {
    margin-left: .25rem;
    padding-left: .9375rem;
    text-indent: -.9375rem
}

.new-skin-symbol .rules-area .lucky-bet-rule[data-v-2b2a91e2] {
    font-weight: var(--ep-font-weight-regular)
}

.new-skin-symbol .rules-area .lucky-bet-rule[data-v-2b2a91e2] .ruleHeader {
    margin-top: .875rem;
    margin-bottom: 1.25rem;
    justify-content: start
}

.new-skin-symbol .rules-area .lucky-bet-rule[data-v-2b2a91e2] .ruleHeader .span-cls {
    font-size: var(--ep-font-size-s);
    font-weight: var(--ep-font-weight-medium);
    color: var(--ep-color-text-default);
    line-height: 1.125rem;
    margin: 0
}

.new-skin-symbol .rules-area .lucky-bet-rule[data-v-2b2a91e2] .item-wrap {
    margin-bottom: 1rem;
    padding: 0 0 0 .375rem
}

.color-primary-600[data-v-149e91fe] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-149e91fe] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-149e91fe] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-149e91fe] {
    color: var(--color-primary-900)
}

.bg-100[data-v-149e91fe] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-149e91fe] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-149e91fe] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-149e91fe] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-149e91fe] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-149e91fe] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-149e91fe] {
    background-color: var(--color-warning)
}

.bg-link[data-v-149e91fe] {
    background-color: var(--color-link)
}

.bg-danger[data-v-149e91fe] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-149e91fe] {
    color: var(--color-text-100)
}

.color-text-80[data-v-149e91fe] {
    color: var(--color-text-80)
}

.color-text-50[data-v-149e91fe] {
    color: var(--color-text-50)
}

.color-text-40[data-v-149e91fe] {
    color: var(--color-text-40)
}

.color-text-20[data-v-149e91fe] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-149e91fe] {
    color: var(--color-currency)
}

.color-warning[data-v-149e91fe] {
    color: var(--color-warning)
}

.color-danger[data-v-149e91fe] {
    color: var(--color-danger)
}

.color-link[data-v-149e91fe] {
    color: var(--color-link)
}

.color-line[data-v-149e91fe] {
    color: var(--color-line)
}

.color-border[data-v-149e91fe] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-149e91fe] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-149e91fe] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-149e91fe] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-149e91fe] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-149e91fe] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-149e91fe] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-149e91fe] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-149e91fe] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-149e91fe] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-149e91fe] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-149e91fe] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-149e91fe] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-149e91fe] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-149e91fe] {
    display: flex;
    align-items: center
}

.flex-start[data-v-149e91fe] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-149e91fe] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-149e91fe] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-149e91fe] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-149e91fe] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-149e91fe] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-149e91fe] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-149e91fe] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-149e91fe] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-149e91fe] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-149e91fe] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-149e91fe] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-149e91fe] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-149e91fe] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-149e91fe] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-149e91fe] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-149e91fe] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-149e91fe] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-149e91fe] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-149e91fe] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-149e91fe] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-149e91fe] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-149e91fe] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-149e91fe] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-149e91fe],
.mlm-selected-item[data-v-149e91fe] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-149e91fe] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-149e91fe]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-149e91fe] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-149e91fe] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-149e91fe] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-content.record-content[data-v-149e91fe] {
    --padding-bottom: calc(8rem + env(safe-area-inset-bottom));
    height: 23.625rem
}

[data-v-149e91fe] .winning-numbers {
    color: var(--ep-color-text-danger, var(--accent-color-red))
}

.yellow-dark .header-list[data-v-149e91fe],
.green-dark .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
}

.yellow-dark .header-list li[data-v-149e91fe],
.green-dark .header-list li[data-v-149e91fe] {
    color: var(--color-text-80);
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-bold, 700)
}

.yellow-dark .header-list li .item[data-v-149e91fe],
.green-dark .header-list li .item[data-v-149e91fe] {
    display: inline-block;
    width: 100%;
    line-height: 1.2;
    vertical-align: middle
}

.yellow-dark .header-list li[data-v-149e91fe]:nth-child(1),
.green-dark .header-list li[data-v-149e91fe]:nth-child(1) {
    width: 10.125rem
}

.yellow-dark .header-list li[data-v-149e91fe]:nth-child(2),
.green-dark .header-list li[data-v-149e91fe]:nth-child(2) {
    width: 6.25rem
}

.yellow-dark .header-list li[data-v-149e91fe]:nth-child(3),
.green-dark .header-list li[data-v-149e91fe]:nth-child(3) {
    width: 6.4375rem
}

.yellow-dark .record-list[data-v-149e91fe],
.green-dark .record-list[data-v-149e91fe] {
    margin: 0 auto;
    width: 22.875rem
}

.yellow-dark .record-list li[data-v-149e91fe],
.green-dark .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
}

.yellow-dark .record-list li[data-v-149e91fe]:nth-child(2n),
.green-dark .record-list li[data-v-149e91fe]:nth-child(2n) {
    background: var(--color-bg-400)
}

.yellow-dark .record-list li .order[data-v-149e91fe],
.green-dark .record-list li .order[data-v-149e91fe] {
    width: 10.125rem;
    font-size: var(--ep-font-size-xs, .625rem);
    color: var(--color-text-80)
}

.yellow-dark .record-list li .amount[data-v-149e91fe],
.green-dark .record-list li .amount[data-v-149e91fe] {
    width: 6.25rem;
    font-weight: var(--ep-font-weight-bold, 700);
    color: var(--accent-color-orange)
}

.yellow-dark .record-list li .status[data-v-149e91fe],
.green-dark .record-list li .status[data-v-149e91fe] {
    width: 6.4375rem;
    font-weight: var(--ep-font-weight-medium, 600)
}

.yellow-dark .record-list li .RECEIVED[data-v-149e91fe],
.green-dark .record-list li .RECEIVED[data-v-149e91fe] {
    color: var(--accent-color-green)
}

.yellow-dark .record-list li .DISTRIBUTED[data-v-149e91fe],
.green-dark .record-list li .DISTRIBUTED[data-v-149e91fe] {
    color: var(--accent-color-blue)
}

.yellow-dark .record-list li .EXPIRED[data-v-149e91fe],
.green-dark .record-list li .EXPIRED[data-v-149e91fe] {
    color: var(--color-text-40)
}

.purple-light .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
}

.purple-light .header-list li[data-v-149e91fe] {
    color: var(--text-color-black-40);
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-bold, 700)
}

.purple-light .header-list li .item[data-v-149e91fe] {
    display: inline-block;
    width: 100%;
    line-height: 1.2;
    vertical-align: middle
}

.purple-light .header-list li[data-v-149e91fe]:nth-child(1) {
    width: 10.125rem
}

.purple-light .header-list li[data-v-149e91fe]:nth-child(2) {
    width: 6.25rem
}

.purple-light .header-list li[data-v-149e91fe]:nth-child(3) {
    width: 6.4375rem
}

.purple-light .record-list[data-v-149e91fe] {
    margin: 0 auto;
    width: 22.875rem
}

.purple-light .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
}

.purple-light .record-list li[data-v-149e91fe]:nth-child(2n) {
    background: var(--color-bg-400)
}

.purple-light .record-list li .order[data-v-149e91fe] {
    width: 10.125rem;
    font-size: var(--ep-font-size-xs, .625rem);
    color: var(--text-color-black-80)
}

.purple-light .record-list li .amount[data-v-149e91fe] {
    width: 6.25rem;
    font-weight: var(--ep-font-weight-bold, 700);
    color: var(--accent-color-orange)
}

.purple-light .record-list li .status[data-v-149e91fe] {
    width: 6.4375rem;
    font-weight: var(--ep-font-weight-medium, 600)
}

.purple-light .record-list li .RECEIVED[data-v-149e91fe] {
    color: var(--accent-color-green)
}

.purple-light .record-list li .DISTRIBUTED[data-v-149e91fe] {
    color: var(--accent-color-blue)
}

.purple-light .record-list li .EXPIRED[data-v-149e91fe] {
    color: var(--color-text-40)
}

.amber-purple .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
}

.amber-purple .header-list li[data-v-149e91fe] {
    color: var(--text-color-light-purple-2-100);
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-bold, 700)
}

.amber-purple .header-list li .item[data-v-149e91fe] {
    display: inline-block;
    width: 100%;
    line-height: 1.2;
    vertical-align: middle
}

.amber-purple .header-list li[data-v-149e91fe]:nth-child(1) {
    width: 10.125rem
}

.amber-purple .header-list li[data-v-149e91fe]:nth-child(2) {
    width: 6.25rem
}

.amber-purple .header-list li[data-v-149e91fe]:nth-child(3) {
    width: 6.4375rem
}

.amber-purple .record-list[data-v-149e91fe] {
    margin: 0 auto;
    width: 22.875rem
}

.amber-purple .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
}

.amber-purple .record-list li[data-v-149e91fe]:nth-child(2n) {
    background: var(--color-bg-400)
}

.amber-purple .record-list li .order[data-v-149e91fe] {
    width: 10.125rem;
    font-size: var(--ep-font-size-xs, .625rem);
    color: var(--color-text-80)
}

.amber-purple .record-list li .amount[data-v-149e91fe] {
    width: 6.25rem;
    font-weight: var(--ep-font-weight-bold, 700);
    color: var(--accent-color-orange)
}

.amber-purple .record-list li .status[data-v-149e91fe] {
    width: 6.4375rem;
    font-weight: var(--ep-font-weight-medium, 600)
}

.amber-purple .record-list li .RECEIVED[data-v-149e91fe] {
    color: var(--accent-color-green)
}

.amber-purple .record-list li .DISTRIBUTED[data-v-149e91fe] {
    color: var(--accent-color-blue)
}

.amber-purple .record-list li .EXPIRED[data-v-149e91fe] {
    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)
}

.green-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
}

.green-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)
}

.green-default .header-list li .item[data-v-149e91fe] {
    display: inline-block;
    width: 100%;
    line-height: 1.2;
    vertical-align: middle
}

.green-default .header-list li[data-v-149e91fe]:nth-child(1) {
    width: 10.125rem
}

.green-default .header-list li[data-v-149e91fe]:nth-child(2) {
    width: 6.25rem
}

.green-default .header-list li[data-v-149e91fe]:nth-child(3) {
    width: 6.4375rem
}

.green-default .record-list[data-v-149e91fe] {
    margin: 0 auto;
    width: 22.875rem
}

.green-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
}

.green-default .record-list li[data-v-149e91fe]:nth-child(2n) {
    background: var(--color-bg-400)
}

.green-default .record-list li .order[data-v-149e91fe] {
    width: 10.125rem;
    font-size: var(--ep-font-size-xs, .625rem);
    color: var(--color-text-gray-200)
}

.green-default .record-list li .amount[data-v-149e91fe] {
    width: 6.25rem;
    font-weight: var(--ep-font-weight-bold, 700);
    color: var(--accent-color-orange)
}

.green-default .record-list li .status[data-v-149e91fe] {
    width: 6.4375rem;
    font-weight: var(--ep-font-weight-medium, 600)
}

.green-default .record-list li .RECEIVED[data-v-149e91fe] {
    color: var(--accent-color-green)
}

.green-default .record-list li .DISTRIBUTED[data-v-149e91fe] {
    color: var(--accent-color-blue)
}

.green-default .record-list li .EXPIRED[data-v-149e91fe] {
    color: var(--color-text-40)
}

.forest-green .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
}

.forest-green .header-list li[data-v-149e91fe] {
    color: var(--text-color-white-40);
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-bold, 700)
}

.forest-green .header-list li .item[data-v-149e91fe] {
    display: inline-block;
    width: 100%;
    line-height: 1.2;
    vertical-align: middle
}

.forest-green .header-list li[data-v-149e91fe]:nth-child(1) {
    width: 10.125rem
}

.forest-green .header-list li[data-v-149e91fe]:nth-child(2) {
    width: 6.25rem
}

.forest-green .header-list li[data-v-149e91fe]:nth-child(3) {
    width: 6.4375rem
}

.forest-green .record-list[data-v-149e91fe] {
    margin: 0 auto;
    width: 22.875rem
}

.forest-green .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
}

.forest-green .record-list li[data-v-149e91fe]:nth-child(2n) {
    background: var(--color-bg-400)
}

.forest-green .record-list li .order[data-v-149e91fe] {
    width: 10.125rem;
    font-size: var(--ep-font-size-xs, .625rem);
    color: var(--color-text-white-80)
}

.forest-green .record-list li .amount[data-v-149e91fe] {
    width: 6.25rem;
    font-weight: var(--ep-font-weight-bold, 700);
    color: var(--color-warning)
}

.forest-green .record-list li .status[data-v-149e91fe] {
    width: 6.4375rem;
    font-weight: var(--ep-font-weight-medium, 600)
}

.forest-green .record-list li .RECEIVED[data-v-149e91fe] {
    color: var(--accent-color-green)
}

.forest-green .record-list li .DISTRIBUTED[data-v-149e91fe] {
    color: var(--accent-color-blue)
}

.forest-green .record-list li .EXPIRED[data-v-149e91fe] {
    color: var(--color-text-40)
}

.auroral-yellow .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
}

.auroral-yellow .header-list li[data-v-149e91fe] {
    color: var(--text-color-white-40);
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-bold, 700)
}

.auroral-yellow .header-list li .item[data-v-149e91fe] {
    display: inline-block;
    width: 100%;
    line-height: 1.2;
    vertical-align: middle
}

.auroral-yellow .header-list li[data-v-149e91fe]:nth-child(1) {
    width: 10.125rem
}

.auroral-yellow .header-list li[data-v-149e91fe]:nth-child(2) {
    width: 6.25rem
}

.auroral-yellow .header-list li[data-v-149e91fe]:nth-child(3) {
    width: 6.4375rem
}

.auroral-yellow .record-list[data-v-149e91fe] {
    margin: 0 auto;
    width: 22.875rem
}

.auroral-yellow .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
}

.auroral-yellow .record-list li[data-v-149e91fe]:nth-child(2n) {
    background: var(--color-bg-400)
}

.auroral-yellow .record-list li .order[data-v-149e91fe] {
    width: 10.125rem;
    font-size: var(--ep-font-size-xs, .625rem);
    color: var(--color-text-80)
}

.auroral-yellow .record-list li .amount[data-v-149e91fe] {
    width: 6.25rem;
    font-weight: var(--ep-font-weight-bold, 700);
    color: var(--theme-color-800)
}

.auroral-yellow .record-list li .status[data-v-149e91fe] {
    width: 6.4375rem;
    font-weight: var(--ep-font-weight-medium, 600)
}

.auroral-yellow .record-list li .RECEIVED[data-v-149e91fe] {
    color: var(--accent-color-green)
}

.auroral-yellow .record-list li .DISTRIBUTED[data-v-149e91fe] {
    color: var(--accent-color-blue)
}

.auroral-yellow .record-list li .EXPIRED[data-v-149e91fe] {
    color: var(--color-text-40)
}

.new-skin-symbol .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(--ep-color-background-fill-surface-raised-L2);
    border-radius: var(--ep-border-radius-s, .25rem) var(--ep-border-radius-s, .25rem) 0 0
}

.new-skin-symbol .header-list li[data-v-149e91fe] {
    color: var(--ep-color-text-weaker);
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-bold, 700)
}

.new-skin-symbol .header-list li .item[data-v-149e91fe] {
    display: inline-block;
    width: 100%;
    line-height: 1.2;
    vertical-align: middle
}

.new-skin-symbol .header-list li[data-v-149e91fe]:nth-child(1) {
    width: 10.125rem
}

.new-skin-symbol .header-list li[data-v-149e91fe]:nth-child(2) {
    width: 6.25rem
}

.new-skin-symbol .header-list li[data-v-149e91fe]:nth-child(3) {
    width: 6.4375rem
}

.new-skin-symbol .record-list[data-v-149e91fe] {
    margin: 0 auto;
    width: 22.875rem
}

.new-skin-symbol .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
}

.new-skin-symbol .record-list li[data-v-149e91fe]:nth-child(2n) {
    background: var(--ep-color-background-fill-surface-lowered)
}

.new-skin-symbol .record-list li .order[data-v-149e91fe] {
    width: 10.125rem;
    font-size: var(--ep-font-size-xs, .625rem);
    color: var(--ep-color-text-default)
}

.new-skin-symbol .record-list li .amount[data-v-149e91fe] {
    width: 6.25rem;
    font-weight: var(--ep-font-weight-bold, 700);
    color: var(--ep-color-text-warning)
}

.new-skin-symbol .record-list li .status[data-v-149e91fe] {
    width: 6.4375rem;
    font-weight: var(--ep-font-weight-medium, 600)
}

.new-skin-symbol .record-list li .RECEIVED[data-v-149e91fe] {
    color: var(--ep-color-text-success)
}

.new-skin-symbol .record-list li .DISTRIBUTED[data-v-149e91fe] {
    color: var(--ep-color-text-info)
}

.new-skin-symbol .record-list li .EXPIRED[data-v-149e91fe] {
    color: var(--ep-color-text-weaker)
}

.color-primary-600[data-v-43afe7d5] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-43afe7d5] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-43afe7d5] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-43afe7d5] {
    color: var(--color-primary-900)
}

.bg-100[data-v-43afe7d5] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-43afe7d5] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-43afe7d5] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-43afe7d5] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-43afe7d5] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-43afe7d5] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-43afe7d5] {
    background-color: var(--color-warning)
}

.bg-link[data-v-43afe7d5] {
    background-color: var(--color-link)
}

.bg-danger[data-v-43afe7d5] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-43afe7d5] {
    color: var(--color-text-100)
}

.color-text-80[data-v-43afe7d5] {
    color: var(--color-text-80)
}

.color-text-50[data-v-43afe7d5] {
    color: var(--color-text-50)
}

.color-text-40[data-v-43afe7d5] {
    color: var(--color-text-40)
}

.color-text-20[data-v-43afe7d5] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-43afe7d5] {
    color: var(--color-currency)
}

.color-warning[data-v-43afe7d5] {
    color: var(--color-warning)
}

.color-danger[data-v-43afe7d5] {
    color: var(--color-danger)
}

.color-link[data-v-43afe7d5] {
    color: var(--color-link)
}

.color-line[data-v-43afe7d5] {
    color: var(--color-line)
}

.color-border[data-v-43afe7d5] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-43afe7d5] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-43afe7d5] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-43afe7d5] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-43afe7d5] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-43afe7d5] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-43afe7d5] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-43afe7d5] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-43afe7d5] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-43afe7d5] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-43afe7d5] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-43afe7d5] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-43afe7d5] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-43afe7d5] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-43afe7d5] {
    display: flex;
    align-items: center
}

.flex-start[data-v-43afe7d5] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-43afe7d5] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-43afe7d5] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-43afe7d5] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-43afe7d5] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-43afe7d5] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-43afe7d5] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-43afe7d5] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-43afe7d5] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-43afe7d5] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-43afe7d5] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-43afe7d5] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-43afe7d5] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-43afe7d5] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-43afe7d5] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-43afe7d5] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-43afe7d5] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-43afe7d5] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-43afe7d5] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-43afe7d5] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-43afe7d5] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-43afe7d5] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-43afe7d5] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-43afe7d5] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-43afe7d5],
.mlm-selected-item[data-v-43afe7d5] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-43afe7d5] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-43afe7d5]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-43afe7d5] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-43afe7d5] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-43afe7d5] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.lucky-bet-slip[data-v-43afe7d5] {
    --padding-bottom: var(--2ef9919f)
}

.banner-area[data-v-43afe7d5] {
    width: 24.375rem;
    height: 16.875rem;
    position: relative
}

.banner-area ion-img[data-v-43afe7d5] {
    width: 100%;
    height: 100%
}

.banner-area .gold-area[data-v-43afe7d5] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.banner-area .gold-img[data-v-43afe7d5] {
    position: absolute;
    transform: scale(1.15)
}

.banner-area .moveUpDown1[data-v-43afe7d5] {
    animation: moveUpDown1-43afe7d5 16s ease-in-out infinite
}

.banner-area .moveUpDown2[data-v-43afe7d5] {
    animation: moveUpDown2-43afe7d5 7s ease-in-out infinite
}

.banner-area .moveUpDown3[data-v-43afe7d5] {
    animation: moveUpDown3-43afe7d5 10s ease-in-out infinite
}

.banner-area .gold-1[data-v-43afe7d5] {
    width: 86.67px;
    height: 61.18px;
    top: 9px;
    left: 0
}

.banner-area .gold-2[data-v-43afe7d5] {
    width: 109.82px;
    height: 77.52px;
    top: 4px;
    left: 97px
}

.banner-area .gold-3[data-v-43afe7d5] {
    width: 146.99px;
    height: 103.76px;
    top: 7px;
    right: -11px
}

.banner-area .gold-4[data-v-43afe7d5] {
    width: 138.07px;
    height: 97.46px;
    bottom: 12px;
    left: -12px
}

.banner-area .gold-5[data-v-43afe7d5] {
    width: 53.63px;
    height: 37.85px;
    bottom: 61px;
    left: 92px;
    transform: scale(1.4)
}

.banner-area .gold-6[data-v-43afe7d5] {
    width: 53.63px;
    height: 37.85px;
    bottom: 65px;
    right: 57px;
    transform: scale(1.4)
}

.banner-area .gold-7[data-v-43afe7d5] {
    width: 83.06px;
    height: 58.63px;
    bottom: 19px;
    right: -4px
}

@keyframes moveUpDown1-43afe7d5 {

    0%,
    50%,
    to {
        transform: translateY(0)
    }

    25% {
        transform: translateY(12px)
    }

    75% {
        transform: translateY(-5px)
    }
}

@keyframes moveUpDown2-43afe7d5 {

    0%,
    50%,
    to {
        transform: translateY(0)
    }

    25% {
        transform: translateY(-6px)
    }

    75% {
        transform: translateY(8px)
    }
}

@keyframes moveUpDown3-43afe7d5 {

    0%,
    50%,
    to {
        transform: translateY(0)
    }

    25% {
        transform: translateY(-10px)
    }

    75% {
        transform: translateY(-13px)
    }
}

.yellow-dark .content-area[data-v-43afe7d5],
.green-dark .content-area[data-v-43afe7d5] {
    padding: 1.8125rem .75rem 0
}

.yellow-dark .content-area .tab[data-v-43afe7d5],
.green-dark .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
}

.yellow-dark .content-area .tab li[data-v-43afe7d5],
.green-dark .content-area .tab li[data-v-43afe7d5] {
    flex: 1;
    text-align: center;
    line-height: 2.375rem;
    font-size: var(--font-size-14);
    color: var(--color-text-80);
    font-weight: var(--font-weight-regular);
    cursor: pointer
}

.yellow-dark .content-area .tab .active[data-v-43afe7d5],
.green-dark .content-area .tab .active[data-v-43afe7d5] {
    background: var(--color-bg-200);
    color: var(--theme-color-800);
    font-weight: var(--font-weight-bold);
    border-radius: var(--rounded-small)
}

.purple-light .content-area[data-v-43afe7d5] {
    padding: 1.8125rem .75rem 0
}

.purple-light .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
}

.purple-light .content-area .tab li[data-v-43afe7d5] {
    flex: 1;
    text-align: center;
    line-height: 2.375rem;
    font-size: var(--font-size-14);
    color: var(--color-text-80);
    font-weight: var(--font-weight-regular);
    cursor: pointer
}

.purple-light .content-area .tab .active[data-v-43afe7d5] {
    background: var(--theme-color-800);
    color: var(--text-color-white-100);
    font-weight: var(--font-weight-bold);
    border-radius: var(--rounded-small)
}

.amber-purple .content-area[data-v-43afe7d5] {
    padding: 1.8125rem .75rem 0
}

.amber-purple .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
}

.amber-purple .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-light-purple-2-100);
    font-weight: var(--font-weight-regular);
    cursor: pointer
}

.amber-purple .content-area .tab .active[data-v-43afe7d5] {
    background: var(--color-bg-100);
    color: var(--theme-color-800);
    font-weight: var(--font-weight-bold);
    border-radius: var(--rounded-small)
}

.amber-purple .content-area .tab .active span[data-v-43afe7d5] {
    background: linear-gradient(316.85deg, #7041f3 2.45%, #f5c84c 105.89%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.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)
}

.green-default .content-area[data-v-43afe7d5] {
    padding: 1.8125rem .75rem 0
}

.green-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
}

.green-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(--color-text-gray-200);
    font-weight: var(--font-weight-regular);
    cursor: pointer
}

.green-default .content-area .tab .active[data-v-43afe7d5] {
    background: var(--color-bg-100);
    color: var(--color-text-gray-100);
    font-weight: var(--font-weight-bold);
    border-radius: var(--rounded-small)
}

.forest-green .content-area[data-v-43afe7d5] {
    padding: 1.8125rem .75rem 0
}

.forest-green .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
}

.forest-green .content-area .tab li[data-v-43afe7d5] {
    flex: 1;
    text-align: center;
    line-height: 2.375rem;
    font-size: var(--font-size-14);
    color: var(--color-text-gray-500);
    font-weight: var(--font-weight-regular);
    cursor: pointer
}

.forest-green .content-area .tab .active[data-v-43afe7d5] {
    background: var(--color-bg-100);
    color: var(--text-color-white-100);
    font-weight: var(--font-weight-bold);
    border-radius: var(--rounded-small)
}

.auroral-yellow .content-area[data-v-43afe7d5] {
    padding: 1.8125rem .75rem 0
}

.auroral-yellow .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
}

.auroral-yellow .content-area .tab li[data-v-43afe7d5] {
    flex: 1;
    text-align: center;
    line-height: 2.375rem;
    font-size: var(--font-size-14);
    color: var(--color-text-gray-200);
    font-weight: var(--font-weight-regular);
    cursor: pointer
}

.auroral-yellow .content-area .tab .active[data-v-43afe7d5] {
    background: var(--color-bg-100);
    color: var(--theme-color-800);
    font-weight: var(--font-weight-bold);
    border-radius: var(--rounded-small)
}

.new-skin-symbol .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(--ep-color-background-fill-surface-raised-L1);
    border: .0625rem solid var(--ep-color-border-default);
    padding: .1875rem
}

.new-skin-symbol .content-area .tab li[data-v-43afe7d5] {
    flex: 1;
    text-align: center;
    line-height: 2.375rem;
    font-size: var(--font-size-14);
    color: var(--ep-color-text-default);
    font-weight: var(--font-weight-regular);
    cursor: pointer
}

.new-skin-symbol .content-area .tab .active[data-v-43afe7d5] {
    background: var(--ep-color-background-fill-surface-raised-L2);
    color: var(--ep-color-text-selected);
    font-weight: var(--font-weight-bold);
    border-radius: var(--rounded-small)
}

.new-skin-symbol .content-area[data-v-43afe7d5] {
    padding: 1.8125rem .75rem 0
}

.new-skin-symbol .content-area .tab[data-v-43afe7d5] {
    border-radius: var(--ep-border-radius-l);
    font-size: var(--ep-font-size-m);
    font-weight: var(--ep-font-weight-bold)
}

.new-skin-symbol .content-area .tab li[data-v-43afe7d5] {
    font-weight: var(--ep-font-weight-regular)
}

.new-skin-symbol .content-area .tab .active[data-v-43afe7d5] {
    font-weight: var(--ep-font-weight-bold);
    border-radius: var(--ep-border-radius-m)
}

.color-primary-600[data-v-8112d154] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-8112d154] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-8112d154] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-8112d154] {
    color: var(--color-primary-900)
}

.bg-100[data-v-8112d154] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-8112d154] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-8112d154] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-8112d154] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-8112d154] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-8112d154] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-8112d154] {
    background-color: var(--color-warning)
}

.bg-link[data-v-8112d154] {
    background-color: var(--color-link)
}

.bg-danger[data-v-8112d154] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-8112d154] {
    color: var(--color-text-100)
}

.color-text-80[data-v-8112d154] {
    color: var(--color-text-80)
}

.color-text-50[data-v-8112d154] {
    color: var(--color-text-50)
}

.color-text-40[data-v-8112d154] {
    color: var(--color-text-40)
}

.color-text-20[data-v-8112d154] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-8112d154] {
    color: var(--color-currency)
}

.color-warning[data-v-8112d154] {
    color: var(--color-warning)
}

.color-danger[data-v-8112d154] {
    color: var(--color-danger)
}

.color-link[data-v-8112d154] {
    color: var(--color-link)
}

.color-line[data-v-8112d154] {
    color: var(--color-line)
}

.color-border[data-v-8112d154] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-8112d154] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-8112d154] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-8112d154] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-8112d154] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-8112d154] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-8112d154] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-8112d154] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-8112d154] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-8112d154] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-8112d154] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-8112d154] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-8112d154] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-8112d154] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-8112d154] {
    display: flex;
    align-items: center
}

.flex-start[data-v-8112d154] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-8112d154] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-8112d154] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-8112d154] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-8112d154] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-8112d154] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-8112d154] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-8112d154] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-8112d154] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-8112d154] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-8112d154] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-8112d154] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-8112d154] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-8112d154] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-8112d154] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-8112d154] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-8112d154] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-8112d154] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-8112d154] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-8112d154] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-8112d154] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-8112d154] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-8112d154] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-8112d154] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-8112d154],
.mlm-selected-item[data-v-8112d154] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-8112d154] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-8112d154]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-8112d154] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-8112d154] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-8112d154] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-modal[data-v-8112d154] {
    --width: fit-content;
    --height: fit-content
}

.unmet-receive[data-v-8112d154] {
    width: 21.25rem;
    min-height: 11.5625rem;
    border-radius: .625rem;
    padding: 1.0625rem .6875rem .875rem .8125rem
}

.unmet-tips[data-v-8112d154] {
    font-size: 1.125rem;
    line-height: 1.6875rem;
    font-weight: 700
}

.unmet-message[data-v-8112d154] {
    font-size: .75rem;
    line-height: 1.125rem
}

ion-button.default-unmet-receive-btn[data-v-8112d154] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --border-radius: .25rem
}

ion-modal[data-v-8112d154] {
    --background: var(--color-primary-btn-text-disable)
}

.unmet-receive[data-v-8112d154] {
    border-radius: .625rem;
    background: var(--color-bg-200)
}

.unmet-tips[data-v-8112d154] {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--text-color-white-100)
}

.unmet-message[data-v-8112d154] {
    font-size: .75rem;
    color: var(--text-color-white-40)
}

.text-money[data-v-8112d154] {
    color: var(--accent-color-green)
}

ion-button.default-unmet-receive-btn[data-v-8112d154] {
    font-size: .875rem;
    font-weight: 700;
    --border-radius: .25rem;
    --background: var(--theme-color-800);
    --color: var(--color-text-black-100);
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.yellow-dark ion-modal[data-v-8112d154] {
    --background: var(--color-primary-btn-text-disable)
}

.yellow-dark .unmet-receive[data-v-8112d154] {
    border-radius: .625rem;
    background: var(--color-bg-200)
}

.yellow-dark .unmet-tips[data-v-8112d154] {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--text-color-white-100)
}

.yellow-dark .unmet-message[data-v-8112d154] {
    font-size: .75rem;
    color: var(--text-color-white-40)
}

.yellow-dark .text-money[data-v-8112d154] {
    color: var(--accent-color-green)
}

.yellow-dark ion-button.default-unmet-receive-btn[data-v-8112d154] {
    font-size: .875rem;
    font-weight: 700;
    --border-radius: .25rem;
    --background: var(--theme-color-800);
    --color: var(--color-text-black-100);
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.green-dark ion-modal[data-v-8112d154] {
    --background: var(--color-primary-btn-text-disable)
}

.green-dark .unmet-receive[data-v-8112d154] {
    border-radius: .625rem;
    background: var(--color-bg-200)
}

.green-dark .unmet-tips[data-v-8112d154] {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--text-color-white-100)
}

.green-dark .unmet-message[data-v-8112d154] {
    font-size: .75rem;
    color: var(--text-color-white-40)
}

.green-dark .text-money[data-v-8112d154] {
    color: var(--accent-color-green)
}

.green-dark ion-button.default-unmet-receive-btn[data-v-8112d154] {
    font-size: .875rem;
    font-weight: 700;
    --border-radius: .25rem;
    --background: var(--theme-color-800);
    --color: var(--text-color-white-100);
    --background-focused: var(--sign-default-footer-btn-shade);
    --background-hover: var(--sign-default-footer-btn-tint);
    --background-activated: var(--sign-default-footer-btn-shade)
}

.purple-light ion-modal[data-v-8112d154] {
    --background: var(--sign-default-unmetReceiveModal-bg)
}

.purple-light .unmet-receive[data-v-8112d154] {
    border-radius: .625rem;
    background: var(--color-bg-200)
}

.purple-light .unmet-tips[data-v-8112d154] {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--sign-default-current-vip-text)
}

.purple-light .unmet-message[data-v-8112d154] {
    font-size: .75rem;
    color: var(--text-color-black-80)
}

.purple-light .text-money[data-v-8112d154] {
    color: var(--accent-color-green)
}

.purple-light ion-button.default-unmet-receive-btn[data-v-8112d154] {
    font-size: .875rem;
    font-weight: 700;
    --border-radius: .25rem;
    --background: var(--theme-color-800);
    --color: var(--text-color-white-100);
    --background-focused: var(--sign-default-footer-btn-shade);
    --background-hover: var(--sign-default-footer-btn-tint);
    --background-activated: var(--sign-default-footer-btn-shade)
}

.amber-purple ion-modal[data-v-8112d154] {
    --background: var(--sign-default-unmetReceiveModal-bg)
}

.amber-purple .unmet-receive[data-v-8112d154] {
    border-radius: .625rem;
    background: var(--color-bg-200)
}

.amber-purple .unmet-tips[data-v-8112d154] {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--color-text-gray-100)
}

.amber-purple .unmet-message[data-v-8112d154] {
    font-size: .75rem;
    color: var(--color-text-gray-200)
}

.amber-purple .text-money[data-v-8112d154] {
    color: var(--accent-color-green)
}

.amber-purple ion-button.default-unmet-receive-btn[data-v-8112d154] {
    font-size: .875rem;
    font-weight: 700;
    --border-radius: .25rem;
    --background: var(--theme-color-800);
    --color: var(--text-color-white-100);
    --background-focused: var(--sign-default-unmetReceiveModal-btn-focused);
    --background-hover: var(--sign-default-unmetReceiveModal-btn-hover);
    --background-activated: var(--sign-default-unmetReceiveModal-btn-focused)
}

.blue-default ion-modal[data-v-8112d154] {
    --background: var(--sign-default-unmetReceiveModal-bg)
}

.blue-default .unmet-receive[data-v-8112d154] {
    border-radius: .625rem;
    background: var(--color-bg-200)
}

.blue-default .unmet-tips[data-v-8112d154] {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--color-text-white-100)
}

.blue-default .unmet-message[data-v-8112d154] {
    font-size: .75rem;
    color: var(--text-color-white-40)
}

.blue-default .text-money[data-v-8112d154] {
    color: var(--sign-default-extra-reward)
}

.blue-default ion-button.default-unmet-receive-btn[data-v-8112d154] {
    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)
}

.auroral-yellow ion-modal[data-v-8112d154] {
    --background: var(--sign-default-unmetReceiveModal-bg)
}

.auroral-yellow .unmet-receive[data-v-8112d154] {
    border-radius: .625rem;
    background: var(--color-bg-200)
}

.auroral-yellow .unmet-tips[data-v-8112d154] {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--text-color-white-100)
}

.auroral-yellow .unmet-message[data-v-8112d154] {
    font-size: .75rem;
    color: var(--text-color-white-40)
}

.auroral-yellow .text-money[data-v-8112d154] {
    color: var(--accent-color-green)
}

.auroral-yellow ion-button.default-unmet-receive-btn[data-v-8112d154] {
    font-size: .875rem;
    font-weight: 700;
    --border-radius: .25rem;
    --background: var(--theme-color-800);
    --color: var(--color-text-black-100);
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.forest-green ion-modal[data-v-8112d154] {
    --background: var(--sign-default-unmetReceiveModal-bg)
}

.forest-green .unmet-receive[data-v-8112d154] {
    border-radius: .625rem;
    background: var(--color-bg-200)
}

.forest-green .unmet-tips[data-v-8112d154] {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--color-text-white-100)
}

.forest-green .unmet-message[data-v-8112d154] {
    font-size: .75rem;
    color: var(--color-text-gray-200)
}

.forest-green .text-money[data-v-8112d154] {
    color: var(--sign-default-extra-reward)
}

.forest-green ion-button.default-unmet-receive-btn[data-v-8112d154] {
    font-size: .875rem;
    font-weight: 700;
    --border-radius: .25rem;
    --background: var(--theme-color-gradient-100);
    --color: var(--color-text-white-100);
    --background-focused: var(--theme-color-gradient-100);
    --background-hover: var(--theme-color-gradient-100);
    --background-activated: var(--theme-color-gradient-100)
}

.green-default ion-modal[data-v-8112d154] {
    --background: var(--sign-default-unmetReceiveModal-bg)
}

.green-default .unmet-receive[data-v-8112d154] {
    border-radius: .625rem;
    background: var(--color-bg-200)
}

.green-default .unmet-tips[data-v-8112d154] {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--color-text-gray-100)
}

.green-default .unmet-message[data-v-8112d154] {
    font-size: .75rem;
    color: var(--color-text-gray-200)
}

.green-default .text-money[data-v-8112d154] {
    color: var(--sign-default-extra-reward)
}

.green-default ion-button.default-unmet-receive-btn[data-v-8112d154] {
    font-size: .875rem;
    font-weight: 700;
    --border-radius: .25rem;
    --background: var(--theme-color-gradient-100);
    --color: var(--color-text-white-100);
    --background-focused: var(--theme-color-gradient-100);
    --background-hover: var(--theme-color-gradient-100);
    --background-activated: var(--theme-color-gradient-100)
}

.new-skin-symbol ion-modal[data-v-8112d154] {
    --background: var(--ep-neutral-black-black-40)
}

.new-skin-symbol .unmet-receive[data-v-8112d154] {
    border-radius: .625rem;
    background: var(--ep-color-background-fill-surface-raised-L1)
}

.new-skin-symbol .unmet-tips[data-v-8112d154] {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--ep-color-text-default)
}

.new-skin-symbol .unmet-message[data-v-8112d154] {
    font-size: .75rem;
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol .text-money[data-v-8112d154] {
    color: var(--ep-color-text-warning)
}

.new-skin-symbol ion-button.default-unmet-receive-btn[data-v-8112d154] {
    font-size: .875rem;
    font-weight: 700;
    --border-radius: .25rem;
    --background: var(--ep-dynamic-primary);
    --color: var(--ep-color-text-inverse);
    --background-focused: var(--ep-dynamic-primary);
    --background-hover: var(--ep-dynamic-primary);
    --background-activated: var(--ep-dynamic-primary)
}

.color-primary-600[data-v-fbaf5225] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-fbaf5225] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-fbaf5225] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-fbaf5225] {
    color: var(--color-primary-900)
}

.bg-100[data-v-fbaf5225] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-fbaf5225] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-fbaf5225] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-fbaf5225] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-fbaf5225] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-fbaf5225] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-fbaf5225] {
    background-color: var(--color-warning)
}

.bg-link[data-v-fbaf5225] {
    background-color: var(--color-link)
}

.bg-danger[data-v-fbaf5225] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-fbaf5225] {
    color: var(--color-text-100)
}

.color-text-80[data-v-fbaf5225] {
    color: var(--color-text-80)
}

.color-text-50[data-v-fbaf5225] {
    color: var(--color-text-50)
}

.color-text-40[data-v-fbaf5225] {
    color: var(--color-text-40)
}

.color-text-20[data-v-fbaf5225] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-fbaf5225] {
    color: var(--color-currency)
}

.color-warning[data-v-fbaf5225] {
    color: var(--color-warning)
}

.color-danger[data-v-fbaf5225] {
    color: var(--color-danger)
}

.color-link[data-v-fbaf5225] {
    color: var(--color-link)
}

.color-line[data-v-fbaf5225] {
    color: var(--color-line)
}

.color-border[data-v-fbaf5225] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-fbaf5225] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-fbaf5225] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-fbaf5225] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-fbaf5225] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-fbaf5225] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-fbaf5225] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-fbaf5225] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-fbaf5225] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-fbaf5225] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-fbaf5225] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-fbaf5225] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-fbaf5225] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-fbaf5225] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-fbaf5225] {
    display: flex;
    align-items: center
}

.flex-start[data-v-fbaf5225] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-fbaf5225] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-fbaf5225] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-fbaf5225] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-fbaf5225] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-fbaf5225] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-fbaf5225] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-fbaf5225] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-fbaf5225] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-fbaf5225] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-fbaf5225] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-fbaf5225] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-fbaf5225] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-fbaf5225] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-fbaf5225] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-fbaf5225] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-fbaf5225] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-fbaf5225] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-fbaf5225] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-fbaf5225] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-fbaf5225] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-fbaf5225] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-fbaf5225] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-fbaf5225] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-fbaf5225],
.mlm-selected-item[data-v-fbaf5225] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-fbaf5225] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-fbaf5225]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-fbaf5225] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-fbaf5225] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-fbaf5225] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-modal#receivedModal::part(content) {
    --height: 100%;
    --max-width: 486px
}

.received-model-img[data-v-fbaf5225] {
    position: relative
}

.received-model-img[data-v-fbaf5225]:before {
    content: "";
    z-index: 10;
    position: absolute;
    top: 0;
    left: -1.5rem;
    width: 27.5rem;
    height: 38.1rem;
    background: url(/images/sign/received-modal-aperture-bg.png) no-repeat;
    background-size: 100% 100%
}

.ribbon-text[data-v-fbaf5225] {
    transform: translate(-50%);
    font-size: 1.5rem;
    line-height: 1.345rem;
    font-weight: 700;
    white-space: nowrap;
    color: #fff;
    text-shadow: 2px 2px 0px #651F21, -2px -2px 0px #651F21, 2px -2px 0px #651F21, -2px 2px 0px #651F21
}

.received-star1[data-v-fbaf5225] {
    bottom: 2.9375rem;
    left: 4rem
}

.received-star2[data-v-fbaf5225] {
    width: 1.4375rem;
    height: 1.4375rem;
    top: 11rem;
    left: 4.8rem
}

.received-star3[data-v-fbaf5225],
.received-star6[data-v-fbaf5225],
.received-star8[data-v-fbaf5225],
.received-star9[data-v-fbaf5225] {
    width: 1rem;
    height: 1rem
}

.received-star5[data-v-fbaf5225],
.received-star7[data-v-fbaf5225] {
    width: 1.4375rem
}

.received-star3[data-v-fbaf5225] {
    top: 16.4rem;
    left: 1.5625rem
}

.received-star4[data-v-fbaf5225] {
    right: 1.5rem;
    top: 14.5rem
}

.received-star5[data-v-fbaf5225] {
    right: 4rem;
    bottom: 2.625rem
}

.received-star6[data-v-fbaf5225] {
    left: 46%;
    bottom: 17%
}

.received-star7[data-v-fbaf5225] {
    top: 50%;
    left: 37%
}

.received-star8[data-v-fbaf5225] {
    top: 38%;
    right: 35%
}

.received-star9[data-v-fbaf5225] {
    bottom: 27%;
    right: 30%
}

.star-animation[data-v-fbaf5225] {
    animation: twinkle-fbaf5225 3s ease-in-out infinite
}

.received-money-style02[data-v-fbaf5225] {
    width: 15.25rem;
    height: 5.5rem;
    background: url(/assets/popup-btn-bg-C1fRW1Mq.svg) no-repeat;
    margin: 1.266875rem auto 0;
    background-position: center center;
    text-align: center
}

.received-money-style02.over-height[data-v-fbaf5225] {
    height: 4rem;
    background: none
}

.received-money-style02 .received-money[data-v-fbaf5225] {
    padding-top: .5625rem;
    font-size: 2rem;
    line-height: 3rem;
    font-weight: var(--ep-font-weight-medium, 600);
    background: linear-gradient(180deg, var(--ep-color-text-highlight, #FDE714) -9.75%, var(--ep-color-text-highlight-white, #FFF) 93.46%)
}

.received-money-style02 .received-money .received-addition[data-v-fbaf5225] {
    font-weight: 500
}

.received-money-style02 .received-extra[data-v-fbaf5225] {
    font-size: var(--ep-font-size-l, 1rem);
    line-height: 1.21rem;
    color: var(--ep-color-text-success, --color-success)
}

.sign-btn[data-v-fbaf5225] {
    width: 19.75rem;
    height: 3.125rem;
    margin: 2.3rem auto 0;
    border-radius: var(--ep-border-radius-surface-small, .75rem);
    background: linear-gradient(101deg, #fa565a 61.24%, #ea9d06 153.49%);
    box-shadow: 0 1px rgba(255, 255, 255, .25) inset;
    text-align: center;
    line-height: 3.125rem;
    color: var(--ep-color-text-highlight-white, #FFF);
    font-size: var(--ep-font-size-m, 14px);
    font-weight: var(--ep-font-weight-bold, 700)
}

@keyframes twinkle-fbaf5225 {

    0%,
    20% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    80%,
    to {
        opacity: 1
    }
}

.color-primary-600[data-v-671f9c8e] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-671f9c8e] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-671f9c8e] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-671f9c8e] {
    color: var(--color-primary-900)
}

.bg-100[data-v-671f9c8e] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-671f9c8e] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-671f9c8e] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-671f9c8e] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-671f9c8e] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-671f9c8e] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-671f9c8e] {
    background-color: var(--color-warning)
}

.bg-link[data-v-671f9c8e] {
    background-color: var(--color-link)
}

.bg-danger[data-v-671f9c8e] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-671f9c8e] {
    color: var(--color-text-100)
}

.color-text-80[data-v-671f9c8e] {
    color: var(--color-text-80)
}

.color-text-50[data-v-671f9c8e] {
    color: var(--color-text-50)
}

.color-text-40[data-v-671f9c8e] {
    color: var(--color-text-40)
}

.color-text-20[data-v-671f9c8e] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-671f9c8e] {
    color: var(--color-currency)
}

.color-warning[data-v-671f9c8e] {
    color: var(--color-warning)
}

.color-danger[data-v-671f9c8e] {
    color: var(--color-danger)
}

.color-link[data-v-671f9c8e] {
    color: var(--color-link)
}

.color-line[data-v-671f9c8e] {
    color: var(--color-line)
}

.color-border[data-v-671f9c8e] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-671f9c8e] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-671f9c8e] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-671f9c8e] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-671f9c8e] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-671f9c8e] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-671f9c8e] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-671f9c8e] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-671f9c8e] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-671f9c8e] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-671f9c8e] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-671f9c8e] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-671f9c8e] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-671f9c8e] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-671f9c8e] {
    display: flex;
    align-items: center
}

.flex-start[data-v-671f9c8e] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-671f9c8e] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-671f9c8e] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-671f9c8e] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-671f9c8e] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-671f9c8e] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-671f9c8e] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-671f9c8e] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-671f9c8e] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-671f9c8e] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-671f9c8e] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-671f9c8e] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-671f9c8e] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-671f9c8e] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-671f9c8e] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-671f9c8e] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-671f9c8e] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-671f9c8e] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-671f9c8e] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-671f9c8e] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-671f9c8e] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-671f9c8e] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-671f9c8e] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-671f9c8e] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-671f9c8e],
.mlm-selected-item[data-v-671f9c8e] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-671f9c8e] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-671f9c8e]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-671f9c8e] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-671f9c8e] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-671f9c8e] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-content[data-v-671f9c8e] {
    font-family: Saira !important
}

.default-sing-top[data-v-671f9c8e] {
    height: 7.125rem;
    background: url(/images/sign/default-sign-top-bg.png) no-repeat;
    background-size: 100% 100%
}

.default-sign-money[data-v-671f9c8e],
.default-sign-day[data-v-671f9c8e] {
    height: 2.625rem;
    border-radius: .625rem;
    font-size: .875rem;
    font-weight: 500;
    padding: .5693rem .875rem .5557rem;
    box-shadow: 0 1px rgba(255, 255, 255, .18) inset;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(255, 255, 255, .19))
}

.default-sing-img[data-v-671f9c8e] {
    margin: 0 1rem 0 .875rem;
    background: url(/images/sign/default-sign-top-center.png) no-repeat;
    background-size: 100% 100%
}

.default-current-vip .vip-info[data-v-671f9c8e] {
    font-size: .75rem;
    line-height: 1.125rem;
    font-weight: 500
}

.default-current-vip .vip-info .vip-tips[data-v-671f9c8e] {
    font-size: .625rem;
    line-height: .9375rem
}

.default-sign-date[data-v-671f9c8e] {
    padding: 1rem .75rem 0
}

.default-sign-date .date-box[data-v-671f9c8e] {
    padding: 1rem .625rem .5rem;
    border-radius: .375rem
}

.default-sign-date .date-box .date-item[data-v-671f9c8e] {
    flex-direction: column;
    min-width: 5rem;
    min-height: 5rem;
    margin: 0 .48rem .5rem 0;
    border-radius: .25rem;
    box-shadow: 0 1px rgba(255, 255, 255, .15) inset
}

.default-sign-date .date-box .date-item .date-item-day[data-v-671f9c8e] {
    font-size: .75rem;
    line-height: 1.125rem
}

.default-sign-date .date-box .date-item .date-item-money[data-v-671f9c8e] {
    width: 5rem;
    font-size: .625rem;
    line-height: .9375rem;
    font-weight: 500;
    text-align: left
}

.default-sign-date .date-box .date-item .date-item-money .item-money-conten[data-v-671f9c8e] {
    display: inline-flex;
    align-items: center;
    word-break: break-word
}

.default-sign-date .date-box .date-item .date-item-money .item-money-conten .date-item-money-icon[data-v-671f9c8e] {
    font-size: .625rem
}

.default-sign-date .date-box .date-item .date-item-money .item-money-conten .item-money-text[data-v-671f9c8e] {
    overflow-wrap: break-word;
    word-break: break-word
}

.default-sign-date .date-box .date-item .default-date-extra-reward[data-v-671f9c8e] {
    font-size: .5rem;
    line-height: .5rem
}

.default-sign-date .date-box .date-item .default-date-extra-reward .money[data-v-671f9c8e] {
    font-weight: 500
}

.default-sign-date .date-box .default-claimed-item[data-v-671f9c8e] {
    opacity: .3
}

.default-sign-date .date-box .default-available-item1[data-v-671f9c8e] {
    box-shadow: none
}

.default-sign-date .date-box .default-available-item2[data-v-671f9c8e] {
    background: transparent;
    overflow: hidden;
    z-index: 1
}

.default-sign-date .date-box .default-available-item2[data-v-671f9c8e]:before {
    content: "";
    position: absolute;
    width: 100%;
    height: .625rem;
    opacity: .73;
    bottom: 0;
    right: 0;
    flex-shrink: 0;
    filter: blur(19.60000038px);
    z-index: 2
}

.default-sign-date .date-box .default-triangle[data-v-671f9c8e] {
    width: 1.5rem;
    height: 1rem;
    transform: translate(-50%)
}

.default-sign-date .date-box .date-item[data-v-671f9c8e]:nth-child(4),
.default-sign-date .date-box .date-item[data-v-671f9c8e]:nth-child(4n) {
    margin-right: 0
}

.default-sign-rule[data-v-671f9c8e] {
    padding: .8506rem 1.25rem 5.625rem .75rem
}

.default-sign-rule .default-sign-rule-content[data-v-671f9c8e] {
    font-size: .75rem;
    line-height: 1.125rem
}

.default-footer-btn[data-v-671f9c8e] {
    padding: .9375rem .875rem
}

.default-footer-btn ion-button.default-sign-available-btn[data-v-671f9c8e] {
    min-height: 0;
    font-size: .875rem;
    font-weight: 700;
    --border-radius: .25rem
}

.sign-flex-center[data-v-671f9c8e] {
    display: flex;
    align-items: center;
    justify-content: center
}

ion-content[data-v-671f9c8e] {
    --background: var(--color-bg-300)
}

.item-money-text[data-v-671f9c8e] {
    color: var(--ep-color-text-default)
}

.default-sign-money[data-v-671f9c8e],
.default-sign-day[data-v-671f9c8e] {
    border-radius: .625rem;
    font-size: .875rem;
    font-weight: 500;
    color: var(--theme-color-800)
}

.default-current-vip .vip-info[data-v-671f9c8e] {
    font-size: .75rem;
    font-weight: 500;
    color: var(--text-color-white-100)
}

.default-current-vip .vip-info .vip-tips[data-v-671f9c8e] {
    font-size: .625rem;
    color: var(--text-color-white-40)
}

.default-sign-date .date-box[data-v-671f9c8e] {
    border-radius: .375rem;
    background: var(--color-bg-200);
    border: 1px solid var(--color-line)
}

.default-sign-date .date-box .date-item[data-v-671f9c8e] {
    border-radius: .25rem;
    background: var(--color-bg-300)
}

.default-sign-date .date-box .date-item .date-item-day[data-v-671f9c8e] {
    font-size: .75rem;
    color: var(--text-color-white-40)
}

.default-sign-date .date-box .date-item .date-item-money[data-v-671f9c8e] {
    font-size: .625rem;
    font-weight: 500;
    color: var(--text-color-white-100)
}

.default-sign-date .date-box .date-item .date-item-money .date-item-money-icon[data-v-671f9c8e] {
    font-size: .625rem;
    color: var(--theme-color-800)
}

.default-sign-date .date-box .date-item .default-date-extra-reward[data-v-671f9c8e] {
    font-size: .5rem;
    color: var(--text-color-white-40)
}

.default-sign-date .date-box .date-item .default-date-extra-reward .money[data-v-671f9c8e] {
    font-weight: 500;
    color: var(--sign-default-extra-reward)
}

.default-sign-date .date-box .default-available-item1[data-v-671f9c8e] {
    border-bottom: 1px solid var(--accent-color-green)
}

.default-sign-date .date-box .default-available-item2[data-v-671f9c8e]:before {
    background: var(--sing-default-available-before)
}

.default-sign-rule .default-sign-rule-content[data-v-671f9c8e] {
    font-size: .75rem;
    color: var(--text-color-white-40)
}

.default-sign-rule[data-v-671f9c8e] .item-wrap .rule-item {
    color: var(--text-color-white-40)
}

.default-footer-btn[data-v-671f9c8e] {
    background: var(--color-bg-200);
    border-top: 1px solid var(--sign-default-footer-border)
}

.default-footer-btn ion-button.default-sign-available-btn[data-v-671f9c8e] {
    font-size: .875rem;
    font-weight: 700;
    --border-radius: .25rem;
    --background: var(--theme-color-800);
    --color: var(--color-text-black-100);
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.default-sign-rule[data-v-671f9c8e] .ruleHeader {
    justify-content: start;
    margin-bottom: 1rem
}

.default-sign-rule[data-v-671f9c8e] .ruleHeader .span-cls {
    font-size: 1rem;
    margin: 0
}

.default-sign-rule[data-v-671f9c8e] .item-wrap {
    padding: 0 0 0 .375rem
}

.default-sign-rule[data-v-671f9c8e] .item-wrap .rule-item {
    font-size: .75rem;
    line-height: 1.125rem
}

.yellow-dark ion-content[data-v-671f9c8e] {
    --background: var(--color-bg-300)
}

.yellow-dark .item-money-text[data-v-671f9c8e] {
    color: var(--ep-color-text-default)
}

.yellow-dark .default-sign-money[data-v-671f9c8e],
.yellow-dark .default-sign-day[data-v-671f9c8e] {
    border-radius: .625rem;
    font-size: .875rem;
    font-weight: 500;
    color: var(--theme-color-800)
}

.yellow-dark .default-current-vip .vip-info[data-v-671f9c8e] {
    font-size: .75rem;
    font-weight: 500;
    color: var(--text-color-white-100)
}

.yellow-dark .default-current-vip .vip-info .vip-tips[data-v-671f9c8e] {
    font-size: .625rem;
    color: var(--text-color-white-40)
}

.yellow-dark .default-sign-date .date-box[data-v-671f9c8e] {
    border-radius: .375rem;
    background: var(--color-bg-200);
    border: 1px solid var(--line-color)
}

.yellow-dark .default-sign-date .date-box .date-item[data-v-671f9c8e] {
    border-radius: .25rem;
    background: var(--color-bg-300)
}

.yellow-dark .default-sign-date .date-box .date-item .date-item-day[data-v-671f9c8e] {
    font-size: .75rem;
    color: var(--text-color-white-40)
}

.yellow-dark .default-sign-date .date-box .date-item .date-item-money[data-v-671f9c8e] {
    font-size: .625rem;
    font-weight: 500;
    color: var(--text-color-white-100)
}

.yellow-dark .default-sign-date .date-box .date-item .date-item-money .date-item-money-icon[data-v-671f9c8e] {
    font-size: .625rem;
    color: var(--theme-color-800)
}

.yellow-dark .default-sign-date .date-box .date-item .default-date-extra-reward[data-v-671f9c8e] {
    font-size: .5rem;
    color: var(--text-color-white-40)
}

.yellow-dark .default-sign-date .date-box .date-item .default-date-extra-reward .money[data-v-671f9c8e] {
    font-weight: 500;
    color: var(--sign-default-extra-reward)
}

.yellow-dark .default-sign-date .date-box .default-available-item1[data-v-671f9c8e] {
    border-bottom: 1px solid var(--accent-color-green)
}

.yellow-dark .default-sign-date .date-box .default-available-item2[data-v-671f9c8e]:before {
    background: var(--sing-default-available-before)
}

.yellow-dark .default-sign-rule .default-sign-rule-content[data-v-671f9c8e] {
    font-size: .75rem;
    color: var(--text-color-white-40)
}

.yellow-dark .default-sign-rule[data-v-671f9c8e] .item-wrap .rule-item {
    color: var(--text-color-white-40)
}

.yellow-dark .default-footer-btn[data-v-671f9c8e] {
    background: var(--color-bg-200);
    border-top: 1px solid var(--sign-default-footer-border)
}

.yellow-dark .default-footer-btn ion-button.default-sign-available-btn[data-v-671f9c8e] {
    font-size: .875rem;
    font-weight: 700;
    --border-radius: .25rem;
    --background: var(--theme-color-800);
    --color: var(--color-text-black-100);
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.green-dark ion-content[data-v-671f9c8e] {
    --background: var(--color-bg-300)
}

.green-dark .item-money-text[data-v-671f9c8e] {
    color: var(--ep-color-text-default)
}

.green-dark .default-sign-money[data-v-671f9c8e],
.green-dark .default-sign-day[data-v-671f9c8e] {
    border-radius: .625rem;
    font-size: .875rem;
    font-weight: 500;
    color: var(--sign-default-day-text-color)
}

.green-dark .default-current-vip .vip-info[data-v-671f9c8e] {
    font-size: .75rem;
    font-weight: 500;
    color: var(--text-color-white-100)
}

.green-dark .default-current-vip .vip-info .vip-tips[data-v-671f9c8e] {
    font-size: .625rem;
    color: var(--text-color-white-40)
}

.green-dark .default-sign-date .date-box[data-v-671f9c8e] {
    border-radius: .375rem;
    background: var(--color-bg-200);
    border: 1px solid var(--color-line)
}

.green-dark .default-sign-date .date-box .date-item[data-v-671f9c8e] {
    border-radius: .25rem;
    background: var(--color-bg-300)
}

.green-dark .default-sign-date .date-box .date-item .date-item-day[data-v-671f9c8e] {
    font-size: .75rem;
    color: var(--text-color-white-40)
}

.green-dark .default-sign-date .date-box .date-item .date-item-money[data-v-671f9c8e] {
    font-size: .625rem;
    font-weight: 500;
    color: var(--text-color-white-100)
}

.green-dark .default-sign-date .date-box .date-item .date-item-money .date-item-money-icon[data-v-671f9c8e] {
    font-size: .625rem;
    color: var(--sign-default-day-text-color)
}

.green-dark .default-sign-date .date-box .date-item .default-date-extra-reward[data-v-671f9c8e] {
    font-size: .5rem;
    color: var(--text-color-white-40)
}

.green-dark .default-sign-date .date-box .date-item .default-date-extra-reward .money[data-v-671f9c8e] {
    font-weight: 500;
    color: var(--sign-default-extra-reward)
}

.green-dark .default-sign-date .date-box .default-available-item1[data-v-671f9c8e] {
    border-bottom: 1px solid var(--accent-color-green)
}

.green-dark .default-sign-date .date-box .default-available-item2[data-v-671f9c8e]:before {
    background: var(--ion-color-primary)
}

.green-dark .default-sign-rule .default-sign-rule-content[data-v-671f9c8e] {
    font-size: .75rem;
    color: var(--text-color-white-40)
}

.green-dark .default-sign-rule[data-v-671f9c8e] .item-wrap .rule-item {
    color: var(--text-color-white-40)
}

.green-dark .default-footer-btn[data-v-671f9c8e] {
    background: var(--color-bg-200);
    border-top: 1px solid var(--color-line)
}

.green-dark .default-footer-btn ion-button.default-sign-available-btn[data-v-671f9c8e] {
    font-size: .875rem;
    font-weight: 700;
    --border-radius: .25rem;
    --background: var(--theme-color-800);
    --color: var(--text-color-white-100);
    --background-focused: var(--sign-default-footer-btn-shade);
    --background-hover: var(--sign-default-footer-btn-tint);
    --background-activated: var(--sign-default-footer-btn-shade)
}

.purple-light ion-content[data-v-671f9c8e] {
    --background: var(--color-bg-300)
}

.purple-light .item-money-text[data-v-671f9c8e] {
    color: var(--ep-color-text-default)
}

.purple-light .default-sign-money[data-v-671f9c8e],
.purple-light .default-sign-day[data-v-671f9c8e] {
    border-radius: .625rem;
    font-size: .875rem;
    font-weight: 500;
    color: var(--sign-default-day-text-color)
}

.purple-light .default-current-vip .vip-info[data-v-671f9c8e] {
    font-size: .75rem;
    font-weight: 500;
    color: var(--sign-default-current-vip-text)
}

.purple-light .default-current-vip .vip-info .vip-tips[data-v-671f9c8e] {
    font-size: .625rem;
    color: var(--text-color-black-40)
}

.purple-light .default-sign-date .date-box[data-v-671f9c8e] {
    border-radius: .375rem;
    background: var(--color-bg-500);
    border: 1px solid var(--line-color)
}

.purple-light .default-sign-date .date-box .date-item[data-v-671f9c8e] {
    border-radius: .25rem;
    background: var(--color-bg-300)
}

.purple-light .default-sign-date .date-box .date-item .date-item-day[data-v-671f9c8e] {
    font-size: .75rem;
    color: var(--text-color-black-40)
}

.purple-light .default-sign-date .date-box .date-item .date-item-money[data-v-671f9c8e] {
    font-size: .625rem;
    font-weight: 500;
    color: var(--text-color-black-100)
}

.purple-light .default-sign-date .date-box .date-item .date-item-money .date-item-money-icon[data-v-671f9c8e] {
    font-size: .625rem;
    color: var(--sign-default-day-text-color)
}

.purple-light .default-sign-date .date-box .date-item .default-date-extra-reward[data-v-671f9c8e] {
    font-size: .5rem;
    color: var(--text-color-black-40)
}

.purple-light .default-sign-date .date-box .date-item .default-date-extra-reward .money[data-v-671f9c8e] {
    font-weight: 500;
    color: var(--accent-color-green)
}

.purple-light .default-sign-date .date-box .default-available-item1[data-v-671f9c8e] {
    border-bottom: 1px solid var(--accent-color-green)
}

.purple-light .default-sign-date .date-box .default-available-item2[data-v-671f9c8e]:before {
    background: var(--accent-color-green)
}

.purple-light .default-sign-rule .default-sign-rule-content[data-v-671f9c8e] {
    font-size: .75rem;
    color: var(--text-color-black-80)
}

.purple-light .default-sign-rule[data-v-671f9c8e] .item-wrap .rule-item {
    color: var(--text-color-black-80)
}

.purple-light .default-footer-btn[data-v-671f9c8e] {
    background: var(--color-bg-200);
    border-top: 1px solid var(--line-color)
}

.purple-light .default-footer-btn ion-button.default-sign-available-btn[data-v-671f9c8e] {
    font-size: .875rem;
    font-weight: 700;
    --border-radius: .25rem;
    --background: var(--theme-color-800);
    --color: var(--text-color-white-100);
    --background-focused: var(--sign-default-footer-btn-shade);
    --background-hover: var(--sign-default-footer-btn-tint);
    --background-activated: var(--sign-default-footer-btn-shade)
}

.amber-purple ion-content[data-v-671f9c8e] {
    --background: var(--color-bg-300)
}

.amber-purple .item-money-text[data-v-671f9c8e] {
    color: var(--ep-color-text-default)
}

.amber-purple .default-sign-money[data-v-671f9c8e],
.amber-purple .default-sign-day[data-v-671f9c8e] {
    border-radius: .625rem;
    font-size: .875rem;
    font-weight: 500;
    color: var(--sign-default-day-text-color)
}

.amber-purple .default-current-vip .vip-info[data-v-671f9c8e] {
    font-size: .75rem;
    font-weight: 500;
    color: var(--color-text-gray-100)
}

.amber-purple .default-current-vip .vip-info .vip-tips[data-v-671f9c8e] {
    font-size: .625rem;
    color: var(--color-text-gray-200)
}

.amber-purple .default-sign-date .date-box[data-v-671f9c8e] {
    border-radius: .375rem;
    background: var(--color-bg-200);
    border: 1px solid var(--line-color)
}

.amber-purple .default-sign-date .date-box .date-item[data-v-671f9c8e] {
    border-radius: .25rem;
    background: var(--color-bg-300)
}

.amber-purple .default-sign-date .date-box .date-item .date-item-day[data-v-671f9c8e] {
    font-size: .75rem;
    color: var(--color-text-gray-200)
}

.amber-purple .default-sign-date .date-box .date-item .date-item-money[data-v-671f9c8e] {
    font-size: .625rem;
    font-weight: 500;
    color: var(--color-text-gray-100)
}

.amber-purple .default-sign-date .date-box .date-item .date-item-money .date-item-money-icon[data-v-671f9c8e] {
    font-size: .625rem;
    color: var(--sign-default-day-text-color)
}

.amber-purple .default-sign-date .date-box .date-item .default-date-extra-reward[data-v-671f9c8e] {
    font-size: .5rem;
    color: var(--color-text-gray-200)
}

.amber-purple .default-sign-date .date-box .date-item .default-date-extra-reward .money[data-v-671f9c8e] {
    font-weight: 500;
    color: var(--sign-default-extra-reward)
}

.amber-purple .default-sign-date .date-box .default-available-item1[data-v-671f9c8e] {
    border-bottom: 1px solid var(--sing-default-available-before)
}

.amber-purple .default-sign-date .date-box .default-available-item2[data-v-671f9c8e]:before {
    background: var(--sing-default-available-before)
}

.amber-purple .default-sign-rule .default-sign-rule-content[data-v-671f9c8e] {
    font-size: .75rem;
    color: var(--color-text-gray-200)
}

.amber-purple .default-sign-rule[data-v-671f9c8e] .item-wrap .rule-item {
    color: var(--color-text-gray-200)
}

.amber-purple .default-footer-btn[data-v-671f9c8e] {
    background: var(--color-bg-200);
    border-top: 1px solid var(--line-color)
}

.amber-purple .default-footer-btn ion-button.default-sign-available-btn[data-v-671f9c8e] {
    font-size: .875rem;
    font-weight: 700;
    --border-radius: .25rem;
    --background: var(--sign-default-footer-btn-bg);
    --color: var(--text-color-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-671f9c8e] {
    --background: var(--color-bg-400)
}

.blue-default .item-money-text[data-v-671f9c8e] {
    color: var(--ep-color-text-default)
}

.blue-default .default-sign-money[data-v-671f9c8e],
.blue-default .default-sign-day[data-v-671f9c8e] {
    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-671f9c8e] {
    font-size: .75rem;
    font-weight: 500;
    color: var(--color-text-white-100)
}

.blue-default .default-current-vip .vip-info .vip-tips[data-v-671f9c8e] {
    font-size: .625rem;
    color: var(--text-color-white-40)
}

.blue-default .default-sign-date .date-box[data-v-671f9c8e] {
    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-671f9c8e] {
    border-radius: .25rem;
    background: var(--color-bg-400)
}

.blue-default .default-sign-date .date-box .date-item .date-item-day[data-v-671f9c8e] {
    font-size: .75rem;
    color: var(--text-color-white-40)
}

.blue-default .default-sign-date .date-box .date-item .date-item-money[data-v-671f9c8e] {
    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-671f9c8e] {
    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-671f9c8e] {
    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-671f9c8e] {
    font-weight: 500;
    color: var(--sign-default-extra-reward)
}

.blue-default .default-sign-date .date-box .default-available-item1[data-v-671f9c8e] {
    border-bottom: 1px solid var(--mlm-agent-team-text-color)
}

.blue-default .default-sign-date .date-box .default-available-item2[data-v-671f9c8e]:before {
    background: var(--sing-default-available-before)
}

.blue-default .default-sign-rule .default-sign-rule-content[data-v-671f9c8e] {
    font-size: .75rem;
    color: var(--text-color-white-40)
}

.blue-default .default-sign-rule[data-v-671f9c8e] .item-wrap .rule-item {
    color: var(--text-color-white-40)
}

.blue-default .default-footer-btn[data-v-671f9c8e] {
    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-671f9c8e] {
    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)
}

.forest-green ion-content[data-v-671f9c8e] {
    --background: var(--color-bg-300)
}

.forest-green .item-money-text[data-v-671f9c8e] {
    color: var(--ep-color-text-default)
}

.forest-green .default-sign-money[data-v-671f9c8e],
.forest-green .default-sign-day[data-v-671f9c8e] {
    border-radius: .625rem;
    font-size: .875rem;
    font-weight: 500;
    color: var(--sign-default-day-text-color)
}

.forest-green .default-current-vip .vip-info[data-v-671f9c8e] {
    font-size: .75rem;
    font-weight: 500;
    color: var(--color-text-white-100)
}

.forest-green .default-current-vip .vip-info .vip-tips[data-v-671f9c8e] {
    font-size: .625rem;
    color: var(--color-text-white-40)
}

.forest-green .default-sign-date .date-box[data-v-671f9c8e] {
    border-radius: .375rem;
    background: var(--color-bg-200);
    border: 1px solid var(--color-link)
}

.forest-green .default-sign-date .date-box .date-item[data-v-671f9c8e] {
    border-radius: .25rem;
    background: var(--color-bg-300)
}

.forest-green .default-sign-date .date-box .date-item .date-item-day[data-v-671f9c8e] {
    font-size: .75rem;
    color: var(--color-text-white-40)
}

.forest-green .default-sign-date .date-box .date-item .date-item-money[data-v-671f9c8e] {
    font-size: .625rem;
    font-weight: 500;
    color: var(--color-text-white-100)
}

.forest-green .default-sign-date .date-box .date-item .date-item-money .date-item-money-icon[data-v-671f9c8e] {
    font-size: .625rem;
    color: var(--color-bg-300)
}

.forest-green .default-sign-date .date-box .date-item .default-date-extra-reward[data-v-671f9c8e] {
    font-size: .5rem;
    color: var(--color-text-white-40)
}

.forest-green .default-sign-date .date-box .date-item .default-date-extra-reward .money[data-v-671f9c8e] {
    font-weight: 500;
    color: var(--sign-default-extra-reward)
}

.forest-green .default-sign-date .date-box .default-available-item1[data-v-671f9c8e] {
    border-bottom: 1px solid var(--mlm-agent-team-text-color)
}

.forest-green .default-sign-date .date-box .default-available-item2[data-v-671f9c8e]:before {
    background: var(--sing-default-available-before)
}

.forest-green .default-sign-rule .default-sign-rule-content[data-v-671f9c8e] {
    font-size: .75rem;
    color: var(--color-text-gray-200)
}

.forest-green .default-sign-rule[data-v-671f9c8e] .item-wrap .rule-item {
    color: var(--color-text-gray-200)
}

.forest-green .default-footer-btn[data-v-671f9c8e] {
    background: var(--color-bg-200);
    border-top: 1px solid var(--color-link)
}

.forest-green .default-footer-btn ion-button.default-sign-available-btn[data-v-671f9c8e] {
    font-size: .875rem;
    font-weight: 700;
    --border-radius: .25rem;
    --background: var(--theme-color-gradient-100);
    --color: var(--color-text-white-100);
    --background-focused: var(--theme-color-gradient-100);
    --background-hover: var(--theme-color-gradient-100);
    --background-activated: var(--theme-color-gradient-100)
}

.green-default ion-content[data-v-671f9c8e] {
    --background: var(--color-bg-300)
}

.green-default .item-money-text[data-v-671f9c8e] {
    color: var(--ep-color-text-default)
}

.green-default .default-sign-money[data-v-671f9c8e],
.green-default .default-sign-day[data-v-671f9c8e] {
    border-radius: .625rem;
    font-size: .875rem;
    font-weight: 500;
    color: var(--sign-default-day-text-color)
}

.green-default .default-current-vip .vip-info[data-v-671f9c8e] {
    font-size: .75rem;
    font-weight: 500;
    color: var(--color-text-gray-100)
}

.green-default .default-current-vip .vip-info .vip-tips[data-v-671f9c8e] {
    font-size: .625rem;
    color: var(--color-text-white-40)
}

.green-default .default-sign-date .date-box[data-v-671f9c8e] {
    border-radius: .375rem;
    background: var(--color-bg-200);
    border: 1px solid var(--color-line)
}

.green-default .default-sign-date .date-box .date-item[data-v-671f9c8e] {
    border-radius: .25rem;
    background: var(--color-bg-300)
}

.green-default .default-sign-date .date-box .date-item .date-item-day[data-v-671f9c8e] {
    font-size: .75rem;
    color: var(--color-text-white-40)
}

.green-default .default-sign-date .date-box .date-item .date-item-money[data-v-671f9c8e] {
    font-size: .625rem;
    font-weight: 500;
    color: var(--color-text-gray-100)
}

.green-default .default-sign-date .date-box .date-item .date-item-money .date-item-money-icon[data-v-671f9c8e] {
    font-size: .625rem;
    color: var(--sign-default-day-text-color)
}

.green-default .default-sign-date .date-box .date-item .default-date-extra-reward[data-v-671f9c8e] {
    font-size: .5rem;
    color: var(--color-text-white-40)
}

.green-default .default-sign-date .date-box .date-item .default-date-extra-reward .money[data-v-671f9c8e] {
    font-weight: 500;
    color: var(--sign-default-extra-reward)
}

.green-default .default-sign-date .date-box .default-available-item1[data-v-671f9c8e] {
    border-bottom: 1px solid var(--mlm-agent-team-text-color)
}

.green-default .default-sign-date .date-box .default-available-item2[data-v-671f9c8e]:before {
    background: var(--sing-default-available-before)
}

.green-default .default-sign-rule .default-sign-rule-content[data-v-671f9c8e] {
    font-size: .75rem;
    color: var(--color-text-gray-200)
}

.green-default .default-sign-rule[data-v-671f9c8e] .item-wrap .rule-item {
    color: var(--color-text-gray-200)
}

.green-default .default-footer-btn[data-v-671f9c8e] {
    background: var(--color-bg-200);
    border-top: 1px solid var(--line-color)
}

.green-default .default-footer-btn ion-button.default-sign-available-btn[data-v-671f9c8e] {
    font-size: .875rem;
    font-weight: 700;
    --border-radius: .25rem;
    --background: var(--theme-color-gradient-100);
    --color: var(--color-text-white-100);
    --background-focused: var(--theme-color-gradient-100);
    --background-hover: var(--theme-color-gradient-100);
    --background-activated: var(--theme-color-gradient-100)
}

.new-skin-symbol ion-content[data-v-671f9c8e] {
    --background: var(--ep-color-background-fill-body-default)
}

.new-skin-symbol .item-money-text[data-v-671f9c8e] {
    color: var(--ep-color-text-default)
}

.new-skin-symbol .default-sign-money[data-v-671f9c8e],
.new-skin-symbol .default-sign-day[data-v-671f9c8e] {
    border-radius: .625rem;
    font-size: .875rem;
    font-weight: 500;
    color: var(--ep-color-text-highlight)
}

.new-skin-symbol .default-current-vip .vip-info[data-v-671f9c8e] {
    font-size: .75rem;
    font-weight: 500;
    color: var(--ep-color-text-default)
}

.new-skin-symbol .default-current-vip .vip-info .vip-tips[data-v-671f9c8e] {
    font-size: .625rem;
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol .default-sign-date .date-box[data-v-671f9c8e] {
    border-radius: .375rem;
    background: var(--ep-color-background-fill-surface-raised-L1);
    border: 1px solid var(--ep-color-border-default)
}

.new-skin-symbol .default-sign-date .date-box .date-item[data-v-671f9c8e] {
    border-radius: .25rem;
    background: var(--ep-color-background-fill-body-default)
}

.new-skin-symbol .default-sign-date .date-box .date-item .date-item-day[data-v-671f9c8e] {
    font-size: .75rem;
    color: var(--ep-color-text-weak)
}

.new-skin-symbol .default-sign-date .date-box .date-item .date-item-money[data-v-671f9c8e] {
    font-size: .625rem;
    font-weight: 500;
    color: var(--ep-color-text-highlight-white)
}

.new-skin-symbol .default-sign-date .date-box .date-item .date-item-money .date-item-money-icon[data-v-671f9c8e] {
    font-size: .625rem;
    color: var(--ep-color-icon-warning)
}

.new-skin-symbol .default-sign-date .date-box .date-item .default-date-extra-reward[data-v-671f9c8e] {
    font-size: .5rem;
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol .default-sign-date .date-box .date-item .default-date-extra-reward .money[data-v-671f9c8e] {
    font-weight: 500;
    color: var(--ep-color-text-success)
}

.new-skin-symbol .default-sign-date .date-box .default-available-item1[data-v-671f9c8e] {
    border-bottom: 1px solid var(--ep-color-icon-success)
}

.new-skin-symbol .default-sign-date .date-box .default-available-item2[data-v-671f9c8e]:before {
    background: var(--ep-color-text-success)
}

.new-skin-symbol .default-sign-rule .default-sign-rule-content[data-v-671f9c8e] {
    font-size: .75rem;
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol .default-sign-rule[data-v-671f9c8e] .item-wrap .rule-item {
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol .default-footer-btn[data-v-671f9c8e] {
    background: var(--ep-color-background-fill-surface-raised-L1);
    border-top: 1px solid var(--ep-color-border-default)
}

.new-skin-symbol .default-footer-btn ion-button.default-sign-available-btn[data-v-671f9c8e] {
    font-size: .875rem;
    font-weight: 700;
    --border-radius: .25rem;
    --background: var(--ep-dynamic-primary);
    --color: var(--ep-color-text-inverse);
    --background-focused: var(--ep-dynamic-primary);
    --background-hover: var(--ep-dynamic-primary);
    --background-activated: var(--ep-dynamic-primary)
}

.new-skin-symbol ion-content[data-v-671f9c8e] {
    font-family: Saira !important
}

.new-skin-symbol .default-sing-top[data-v-671f9c8e] {
    height: 7.125rem;
    background: url(/images/sign/default-sign-top-bg.png) no-repeat;
    background-size: 100% 100%
}

.new-skin-symbol .default-sign-money[data-v-671f9c8e],
.new-skin-symbol .default-sign-day[data-v-671f9c8e] {
    height: 2.625rem;
    border-radius: var(--ep-border-radius-xl);
    font-size: var(--ep-font-size-m);
    font-weight: var(--ep-font-weight-medium);
    padding: .5693rem .875rem .5557rem;
    box-shadow: 0 1px rgba(255, 255, 255, .18) inset;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(255, 255, 255, .19));
    border: 1px solid var(--ep-color-border-default)
}

.new-skin-symbol .default-sing-img[data-v-671f9c8e] {
    margin: 0 1rem 0 .875rem;
    background: url(/images/sign/default-sign-top-center.png) no-repeat;
    background-size: 100% 100%
}

.new-skin-symbol .default-current-vip .vip-info[data-v-671f9c8e] {
    font-size: var(--ep-font-size-s);
    line-height: 1.125rem;
    font-weight: var(--ep-font-weight-medium)
}

.new-skin-symbol .default-current-vip .vip-info .vip-tips[data-v-671f9c8e] {
    font-size: var(--ep-font-size-xs);
    line-height: .9375rem
}

.new-skin-symbol .default-sign-date[data-v-671f9c8e] {
    padding: 1rem .75rem 0
}

.new-skin-symbol .default-sign-date .date-box[data-v-671f9c8e] {
    padding: 1rem .625rem .5rem;
    border-radius: var(--ep-border-radius-m)
}

.new-skin-symbol .default-sign-date .date-box .date-item[data-v-671f9c8e] {
    flex-direction: column;
    min-width: 5rem;
    min-height: 5rem;
    margin: 0 .48rem .5rem 0;
    border-radius: var(--ep-border-radius-s);
    box-shadow: 0 1px rgba(255, 255, 255, .15) inset
}

.new-skin-symbol .default-sign-date .date-box .date-item .date-item-day[data-v-671f9c8e] {
    font-size: var(--ep-font-size-s);
    line-height: 1.125rem
}

.new-skin-symbol .default-sign-date .date-box .date-item .date-item-money[data-v-671f9c8e] {
    font-size: var(--ep-font-size-xs);
    line-height: .9375rem;
    font-weight: var(--ep-font-weight-medium)
}

.new-skin-symbol .default-sign-date .date-box .date-item .date-item-money .date-item-money-icon[data-v-671f9c8e] {
    font-size: var(--ep-font-size-xs)
}

.new-skin-symbol .default-sign-date .date-box .date-item .default-date-extra-reward[data-v-671f9c8e] {
    font-size: var(--ep-values-8);
    line-height: .5rem
}

.new-skin-symbol .default-sign-date .date-box .date-item .default-date-extra-reward .money[data-v-671f9c8e] {
    font-weight: var(--ep-font-weight-medium)
}

.new-skin-symbol .default-sign-date .date-box .default-claimed-item[data-v-671f9c8e] {
    opacity: .3
}

.new-skin-symbol .default-sign-date .date-box .default-available-item1[data-v-671f9c8e] {
    box-shadow: none
}

.new-skin-symbol .default-sign-date .date-box .default-available-item2[data-v-671f9c8e] {
    background: transparent;
    overflow: hidden;
    z-index: 1
}

.new-skin-symbol .default-sign-date .date-box .default-available-item2[data-v-671f9c8e]:before {
    content: "";
    position: absolute;
    width: 100%;
    height: .625rem;
    opacity: .73;
    bottom: 0;
    right: 0;
    flex-shrink: 0;
    filter: blur(19.60000038px);
    z-index: 2
}

.new-skin-symbol .default-sign-date .date-box .default-triangle[data-v-671f9c8e] {
    width: 1.5rem;
    height: 1rem;
    transform: translate(-50%)
}

.new-skin-symbol .default-sign-date .date-box .date-item[data-v-671f9c8e]:nth-child(4),
.new-skin-symbol .default-sign-date .date-box .date-item[data-v-671f9c8e]:nth-child(4n) {
    margin-right: 0
}

.new-skin-symbol .default-sign-rule[data-v-671f9c8e] {
    padding: .8506rem 1.25rem 5.625rem .75rem
}

.new-skin-symbol .default-sign-rule .default-sign-rule-content[data-v-671f9c8e] {
    font-size: var(--ep-font-size-s);
    line-height: 1.125rem
}

.new-skin-symbol .default-footer-btn[data-v-671f9c8e] {
    padding: .9375rem .875rem
}

.new-skin-symbol .default-footer-btn ion-button.default-sign-available-btn[data-v-671f9c8e] {
    min-height: 0;
    font-size: var(--ep-font-size-m);
    font-weight: var(--ep-font-weight-bold);
    --border-radius: var(--ep-values-4)
}

.new-skin-symbol .sign-flex-center[data-v-671f9c8e] {
    display: flex;
    align-items: center;
    justify-content: center
}

.color-primary-600[data-v-ba73811e] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-ba73811e] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-ba73811e] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-ba73811e] {
    color: var(--color-primary-900)
}

.bg-100[data-v-ba73811e] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-ba73811e] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-ba73811e] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-ba73811e] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-ba73811e] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-ba73811e] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-ba73811e] {
    background-color: var(--color-warning)
}

.bg-link[data-v-ba73811e] {
    background-color: var(--color-link)
}

.bg-danger[data-v-ba73811e] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-ba73811e] {
    color: var(--color-text-100)
}

.color-text-80[data-v-ba73811e] {
    color: var(--color-text-80)
}

.color-text-50[data-v-ba73811e] {
    color: var(--color-text-50)
}

.color-text-40[data-v-ba73811e] {
    color: var(--color-text-40)
}

.color-text-20[data-v-ba73811e] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-ba73811e] {
    color: var(--color-currency)
}

.color-warning[data-v-ba73811e] {
    color: var(--color-warning)
}

.color-danger[data-v-ba73811e] {
    color: var(--color-danger)
}

.color-link[data-v-ba73811e] {
    color: var(--color-link)
}

.color-line[data-v-ba73811e] {
    color: var(--color-line)
}

.color-border[data-v-ba73811e] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-ba73811e] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-ba73811e] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-ba73811e] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-ba73811e] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-ba73811e] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-ba73811e] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-ba73811e] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-ba73811e] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-ba73811e] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-ba73811e] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-ba73811e] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-ba73811e] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-ba73811e] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-ba73811e] {
    display: flex;
    align-items: center
}

.flex-start[data-v-ba73811e] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-ba73811e] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-ba73811e] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-ba73811e] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-ba73811e] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-ba73811e] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-ba73811e] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-ba73811e] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-ba73811e] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-ba73811e] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-ba73811e] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-ba73811e] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-ba73811e] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-ba73811e] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-ba73811e] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-ba73811e] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-ba73811e] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-ba73811e] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-ba73811e] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-ba73811e] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-ba73811e] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-ba73811e] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-ba73811e] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-ba73811e] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-ba73811e],
.mlm-selected-item[data-v-ba73811e] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-ba73811e] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-ba73811e]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-ba73811e] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-ba73811e] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-ba73811e] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-modal[data-v-ba73811e] {
    --width: fit-content;
    --height: fit-content;
    background: rgba(0, 0, 0, .4)
}

.unmet-receive[data-v-ba73811e] {
    width: 21.25rem;
    min-height: 11.5625rem;
    border-radius: .625rem;
    background: #262624;
    padding: 1.0625rem .6875rem .875rem .8125rem
}

.unmet-tips[data-v-ba73811e] {
    font-size: 1.125rem;
    line-height: 1.6875rem;
    font-weight: 700;
    color: #fff;
    text-align: center
}

.unmet-message[data-v-ba73811e] {
    font-size: .75rem;
    line-height: 1.125rem;
    color: rgba(255, 255, 255, .4);
    text-align: center;
    margin-top: 1.0625rem;
    margin-bottom: 1.5rem
}

.text-money[data-v-ba73811e] {
    color: #53c154
}

.sign-yellow-btn[data-v-ba73811e] {
    width: 100%;
    height: 3.125rem
}

.color-primary-600[data-v-f6591d48] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-f6591d48] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-f6591d48] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-f6591d48] {
    color: var(--color-primary-900)
}

.bg-100[data-v-f6591d48] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-f6591d48] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-f6591d48] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-f6591d48] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-f6591d48] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-f6591d48] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-f6591d48] {
    background-color: var(--color-warning)
}

.bg-link[data-v-f6591d48] {
    background-color: var(--color-link)
}

.bg-danger[data-v-f6591d48] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-f6591d48] {
    color: var(--color-text-100)
}

.color-text-80[data-v-f6591d48] {
    color: var(--color-text-80)
}

.color-text-50[data-v-f6591d48] {
    color: var(--color-text-50)
}

.color-text-40[data-v-f6591d48] {
    color: var(--color-text-40)
}

.color-text-20[data-v-f6591d48] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-f6591d48] {
    color: var(--color-currency)
}

.color-warning[data-v-f6591d48] {
    color: var(--color-warning)
}

.color-danger[data-v-f6591d48] {
    color: var(--color-danger)
}

.color-link[data-v-f6591d48] {
    color: var(--color-link)
}

.color-line[data-v-f6591d48] {
    color: var(--color-line)
}

.color-border[data-v-f6591d48] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-f6591d48] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-f6591d48] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-f6591d48] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-f6591d48] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-f6591d48] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-f6591d48] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-f6591d48] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-f6591d48] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-f6591d48] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-f6591d48] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-f6591d48] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-f6591d48] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-f6591d48] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-f6591d48] {
    display: flex;
    align-items: center
}

.flex-start[data-v-f6591d48] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-f6591d48] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-f6591d48] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-f6591d48] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-f6591d48] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-f6591d48] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-f6591d48] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-f6591d48] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-f6591d48] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-f6591d48] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-f6591d48] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-f6591d48] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-f6591d48] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-f6591d48] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-f6591d48] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-f6591d48] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-f6591d48] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-f6591d48] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-f6591d48] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-f6591d48] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-f6591d48] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-f6591d48] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-f6591d48] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-f6591d48] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-f6591d48],
.mlm-selected-item[data-v-f6591d48] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-f6591d48] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-f6591d48]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-f6591d48] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-f6591d48] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-f6591d48] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-modal#receiveModal::part(content) {
    --height: 100%;
    --max-width: 486px
}

.content-wrap[data-v-f6591d48] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow-y: scroll
}

.content-wrap .top[data-v-f6591d48] {
    width: 22.5rem;
    height: 30rem;
    position: relative
}

.content-wrap .top img[data-v-f6591d48] {
    width: 100%;
    height: 100%
}

.check-success[data-v-f6591d48] {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.875rem;
    background: linear-gradient(90deg, #4692fe 3.6%, #0fb97a);
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    position: absolute;
    bottom: 1.5rem;
    left: 0;
    width: 100%;
    text-align: center
}

.get-prize[data-v-f6591d48] {
    font-size: 1rem;
    line-height: 1.875rem;
    font-weight: 500;
    color: #fff
}

.receive-money[data-v-f6591d48] {
    margin-top: 3.25rem;
    margin-bottom: 3.25rem;
    height: 4.125rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: radial-gradient(37.1% 219.24% at 50% 50%, rgba(51, 151, 156, .2), rgba(51, 151, 156, 0))
}

.sign-reward[data-v-f6591d48] {
    font-size: 2rem;
    line-height: 1.65rem;
    font-weight: 900;
    background: linear-gradient(180deg, #fde714 -9.75%, #d25757 93.46%);
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.receive-plus[data-v-f6591d48] {
    font-weight: 500
}

.extra-reward[data-v-f6591d48] {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.21rem;
    background: #53c154;
    margin-left: 1.375rem;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.hidden-reward[data-v-f6591d48] {
    visibility: hidden
}

.show-reward[data-v-f6591d48] {
    animation: fadeIn-f6591d48 1s forwards;
    visibility: visible
}

ion-button.receive-btn[data-v-f6591d48] {
    min-height: 2.5rem;
    --border-radius: .625rem;
    --color: #854A08;
    font-weight: 900;
    --background: linear-gradient(0deg, #EEAC00 -40760%, #F4C200 -37160.32%, #F8DB00 -32323.25%, #F0B200 -29511%);
    --box-shadow: 0 .25rem 0 #965A17;
    --background-focused: none;
    --background-hover: none;
    --background-activated: none;
    width: 10.3125rem;
    height: 2.5rem
}

@keyframes fadeIn-f6591d48 {
    0% {
        opacity: 0;
        transform: scale(.5)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.color-primary-600[data-v-41bc8f86] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-41bc8f86] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-41bc8f86] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-41bc8f86] {
    color: var(--color-primary-900)
}

.bg-100[data-v-41bc8f86] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-41bc8f86] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-41bc8f86] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-41bc8f86] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-41bc8f86] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-41bc8f86] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-41bc8f86] {
    background-color: var(--color-warning)
}

.bg-link[data-v-41bc8f86] {
    background-color: var(--color-link)
}

.bg-danger[data-v-41bc8f86] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-41bc8f86] {
    color: var(--color-text-100)
}

.color-text-80[data-v-41bc8f86] {
    color: var(--color-text-80)
}

.color-text-50[data-v-41bc8f86] {
    color: var(--color-text-50)
}

.color-text-40[data-v-41bc8f86] {
    color: var(--color-text-40)
}

.color-text-20[data-v-41bc8f86] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-41bc8f86] {
    color: var(--color-currency)
}

.color-warning[data-v-41bc8f86] {
    color: var(--color-warning)
}

.color-danger[data-v-41bc8f86] {
    color: var(--color-danger)
}

.color-link[data-v-41bc8f86] {
    color: var(--color-link)
}

.color-line[data-v-41bc8f86] {
    color: var(--color-line)
}

.color-border[data-v-41bc8f86] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-41bc8f86] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-41bc8f86] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-41bc8f86] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-41bc8f86] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-41bc8f86] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-41bc8f86] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-41bc8f86] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-41bc8f86] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-41bc8f86] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-41bc8f86] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-41bc8f86] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-41bc8f86] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-41bc8f86] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-41bc8f86] {
    display: flex;
    align-items: center
}

.flex-start[data-v-41bc8f86] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-41bc8f86] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-41bc8f86] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-41bc8f86] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-41bc8f86] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-41bc8f86] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-41bc8f86] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-41bc8f86] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-41bc8f86] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-41bc8f86] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-41bc8f86] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-41bc8f86] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-41bc8f86] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-41bc8f86] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-41bc8f86] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-41bc8f86] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-41bc8f86] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-41bc8f86] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-41bc8f86] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-41bc8f86] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-41bc8f86] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-41bc8f86] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-41bc8f86] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-41bc8f86] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-41bc8f86],
.mlm-selected-item[data-v-41bc8f86] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-41bc8f86] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-41bc8f86]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-41bc8f86] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-41bc8f86] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-41bc8f86] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-content[data-v-41bc8f86] {
    --background: linear-gradient(180deg, #0B2946 20.7%, #254D2B 100%)
}

.sign-title[data-v-41bc8f86] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-size: 2rem;
    line-height: 1.345rem;
    font-weight: 900;
    background: linear-gradient(90deg, #4692fe 3.6%, #0fb97a);
    padding-left: .604375rem;
    padding-top: 2.5rem
}

.sign-info[data-v-41bc8f86] {
    margin-top: 1.625rem;
    width: 14.5219rem;
    height: 4.125rem;
    padding: .75rem 0 .75rem .875rem;
    background: url(/images/sign/sign-info-bg.png) no-repeat;
    background-size: 100% 100%
}

.sign-info .current-level[data-v-41bc8f86] {
    font-size: .75rem;
    line-height: 1.125rem;
    font-weight: 700;
    color: rgba(255, 255, 255, .8)
}

.sign-info .sign-bot[data-v-41bc8f86] {
    color: rgba(255, 255, 255, .4);
    line-height: 1.125rem;
    font-size: .75rem;
    margin-top: .39rem
}

.sign-info .sign-bot .span-cls[data-v-41bc8f86] {
    color: #df8644
}

.sign-info .sign-bot .span-mid[data-v-41bc8f86] {
    margin-left: .625rem;
    margin-right: .625rem
}

.sign-top[data-v-41bc8f86] {
    height: 13.3644rem;
    width: 100%;
    position: relative;
    background: url(/images/sign/treasure-chest-base.png) no-repeat;
    background-size: 100% 100%;
    background-position-y: 50%
}

.treasure-chest[data-v-41bc8f86] {
    width: 5.92625rem;
    height: 5.92625rem;
    position: absolute;
    top: 2rem;
    right: 2.5rem;
    z-index: 15
}

.colorful-halo[data-v-41bc8f86] {
    width: 11.7131rem;
    height: 10.9987rem;
    position: absolute;
    top: 0;
    right: -.625rem;
    z-index: 10
}

.sign-main[data-v-41bc8f86] {
    padding: 0 .625rem 5.25rem .875rem;
    margin-top: -1.5625rem
}

.sign-main .sing-date[data-v-41bc8f86] {
    flex-wrap: wrap;
    display: flex
}

.sign-main .sing-date .date-days[data-v-41bc8f86] {
    position: relative;
    width: 4rem;
    height: 5.375rem;
    margin: 0 .7rem .75rem 0;
    background: #1c4384;
    padding: .25rem .1138rem 0;
    border-radius: .3794rem
}

.sign-main .sing-date .date-days .gold-box[data-v-41bc8f86] {
    background: #f4e5a4;
    border-radius: .455rem;
    width: 100%;
    height: 3.64125rem;
    position: relative
}

.sign-main .sing-date .date-days .gold-box .img-gold-bg[data-v-41bc8f86] {
    width: 100%;
    height: 100%
}

.sign-main .sing-date .date-days .gold-box .img-icon[data-v-41bc8f86],
.sign-main .sing-date .date-days .gold-box .img-icon2[data-v-41bc8f86] {
    width: 2.25rem;
    height: 2.25rem;
    z-index: 10;
    position: absolute;
    top: .375rem;
    left: .75rem
}

.sign-main .sing-date .date-days .gold-box .item-money[data-v-41bc8f86] {
    font-size: .45rem;
    line-height: .75rem;
    font-weight: 900;
    transform: translate(-50%);
    background: linear-gradient(180deg, #ca503d, #856d26);
    width: 100%;
    text-align: center;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    position: absolute;
    bottom: 0;
    left: 50%
}

.sign-main .sing-date .date-days .gold-box .item-day[data-v-41bc8f86] {
    display: flex;
    align-items: center;
    justify-content: center
}

.sign-main .sing-date .date-days .gold-box .sign-icon[data-v-41bc8f86] {
    width: 100%;
    height: 100%;
    z-index: 20;
    position: absolute;
    top: 0;
    left: 0
}

.sign-main .sing-date .date-days[data-v-41bc8f86]:nth-child(5),
.sign-main .sing-date .date-days[data-v-41bc8f86]:nth-child(5n) {
    margin-right: 0
}

.sign-main .sing-explanation[data-v-41bc8f86] {
    margin-top: .8125rem;
    padding: .8506rem .625rem 0 0;
    color: rgba(255, 255, 255, .4);
    font-size: .75rem;
    line-height: 1.125rem;
    white-space: pre-wrap
}

.sign-main .sing-explanation .explanation-title[data-v-41bc8f86] {
    font-weight: 500;
    color: rgba(255, 255, 255, .8);
    margin-bottom: 1rem
}

.item-day[data-v-41bc8f86] {
    font-size: .75rem;
    line-height: 1.125rem;
    font-weight: 900;
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(100% - 3.6412rem);
    color: #f0e7a7
}

.sign-checked[data-v-41bc8f86] {
    background: rgba(0, 0, 0, .6);
    border-radius: .3794rem
}

.sign-checked .img[data-v-41bc8f86] {
    top: 1rem;
    left: 1.125rem;
    position: absolute;
    width: 1.625rem;
    height: 1.19625rem
}

.sign-mask-overlay[data-v-41bc8f86] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    border-radius: .455rem;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 30
}

.sign-mask-overlay .sign-checked-icon[data-v-41bc8f86] {
    width: 1.625rem;
    height: 1.19625rem
}

.sign-extra-reward[data-v-41bc8f86] {
    padding: .125rem .33rem;
    white-space: nowrap;
    min-width: 3.1425rem;
    background: linear-gradient(180deg, #a1ca3d, #74c72a);
    border: 1px solid #577725;
    transform: translate(-50%);
    border-radius: 1.25rem;
    color: #f1ebb3;
    font-size: .5rem;
    line-height: .625rem;
    position: absolute;
    top: -.65rem;
    left: 50%;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    text-align: center
}

.show-extra-text[data-v-41bc8f86] {
    padding: .125rem
}

.sign-footer-btn[data-v-41bc8f86] {
    bottom: 0;
    background: #193422;
    padding: .9794rem .875rem;
    border-top: 1px solid #285336;
    width: 100%;
    height: 5rem;
    position: fixed;
    z-index: 50
}

ion-button.sign-yellow-btn[data-v-41bc8f86] {
    --border-radius: .375rem;
    --color: #854A08;
    --background: linear-gradient(0deg, #EEAC00 -40760%, #F4C200 -37160.32%, #F8DB00 -32323.25%, #F0B200 -29511%);
    --box-shadow: 0 .25rem 0 #965A17;
    width: 100%;
    height: 2.5rem
}

.claimed-item[data-v-41bc8f86] {
    background: #3a471c;
    color: #9e9a7a;
    z-index: 40
}

.available-item[data-v-41bc8f86] {
    background: linear-gradient(180deg, #ffbb3d, #74c72a);
    color: #f7f2c6
}

@keyframes shake-41bc8f86 {
    30% {
        scale: 1.1;
        transform: rotate(0)
    }

    40% {
        transform: rotate(-15deg)
    }

    50% {
        transform: rotate(0)
    }

    60% {
        transform: rotate(-15deg)
    }

    70% {
        transform: rotate(0);
        scale: 1.1
    }

    to {
        scale: 1
    }
}

.sing-explanation[data-v-41bc8f86] .ruleHeader {
    justify-content: start;
    margin-bottom: 1rem
}

.sing-explanation[data-v-41bc8f86] .ruleHeader .span-cls {
    font-size: 1rem;
    margin: 0
}

.sing-explanation[data-v-41bc8f86] .item-wrap {
    padding: 0 0 0 .375rem
}

.sing-explanation[data-v-41bc8f86] .item-wrap .rule-item {
    color: rgba(255, 255, 255, .4);
    font-size: .75rem;
    line-height: 1.125rem;
    white-space: pre-wrap
}

.color-primary-600[data-v-5d3a1545] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-5d3a1545] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-5d3a1545] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-5d3a1545] {
    color: var(--color-primary-900)
}

.bg-100[data-v-5d3a1545] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-5d3a1545] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-5d3a1545] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-5d3a1545] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-5d3a1545] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-5d3a1545] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-5d3a1545] {
    background-color: var(--color-warning)
}

.bg-link[data-v-5d3a1545] {
    background-color: var(--color-link)
}

.bg-danger[data-v-5d3a1545] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-5d3a1545] {
    color: var(--color-text-100)
}

.color-text-80[data-v-5d3a1545] {
    color: var(--color-text-80)
}

.color-text-50[data-v-5d3a1545] {
    color: var(--color-text-50)
}

.color-text-40[data-v-5d3a1545] {
    color: var(--color-text-40)
}

.color-text-20[data-v-5d3a1545] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-5d3a1545] {
    color: var(--color-currency)
}

.color-warning[data-v-5d3a1545] {
    color: var(--color-warning)
}

.color-danger[data-v-5d3a1545] {
    color: var(--color-danger)
}

.color-link[data-v-5d3a1545] {
    color: var(--color-link)
}

.color-line[data-v-5d3a1545] {
    color: var(--color-line)
}

.color-border[data-v-5d3a1545] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-5d3a1545] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-5d3a1545] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-5d3a1545] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-5d3a1545] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-5d3a1545] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-5d3a1545] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-5d3a1545] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-5d3a1545] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-5d3a1545] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-5d3a1545] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-5d3a1545] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-5d3a1545] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-5d3a1545] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-5d3a1545] {
    display: flex;
    align-items: center
}

.flex-start[data-v-5d3a1545] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-5d3a1545] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-5d3a1545] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-5d3a1545] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-5d3a1545] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-5d3a1545] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-5d3a1545] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-5d3a1545] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-5d3a1545] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-5d3a1545] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-5d3a1545] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-5d3a1545] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-5d3a1545] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-5d3a1545] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-5d3a1545] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-5d3a1545] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-5d3a1545] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-5d3a1545] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-5d3a1545] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-5d3a1545] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-5d3a1545] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-5d3a1545] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-5d3a1545] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-5d3a1545] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-5d3a1545],
.mlm-selected-item[data-v-5d3a1545] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-5d3a1545] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-5d3a1545]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-5d3a1545] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-5d3a1545] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-5d3a1545] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-content[data-v-5d3a1545] {
    --background: #1B1B19
}

.sign-top-style02[data-v-5d3a1545] {
    height: 11.875rem;
    background: url(/images/sign/sign-top-bg-style02.png) no-repeat;
    background-size: 100% 100%
}

.sign-main-style02[data-v-5d3a1545] {
    padding: 0 1.5625rem 5.2rem 1.75rem;
    margin-top: -7rem
}

.sign-style02[data-v-5d3a1545] {
    height: 11.25rem;
    background: url(/images/sign/sign-date-top.png) no-repeat;
    background-size: 100% 100%
}

.sign-title-style02[data-v-5d3a1545] {
    min-height: 0;
    font-size: 2.5rem;
    line-height: 1.9rem;
    font-weight: 700;
    background: linear-gradient(90deg, #fdce51 3.6%, #f4fba3 35.41%, #fdd054 64.33%, #f4fba3, #fdce51)
}

.sign-date-box-style02[data-v-5d3a1545] {
    border-radius: 2.5rem;
    border: 1px solid #443d33;
    border-top: none;
    background: #222221
}

.sign-date-box-style02 .sign-date-main-style02[data-v-5d3a1545] {
    background: url(/images/sign/sign-date-footer-style02.png) no-repeat;
    background-size: 100% 100%
}

.receive-box-style02 .receive-item[data-v-5d3a1545] {
    min-width: 3.7837rem;
    height: .9669rem;
    text-align: center;
    background: #181816;
    box-shadow: 0 -.34px #febb13 inset;
    font-size: .625rem;
    line-height: .9375rem;
    border-bottom-right-radius: .375rem;
    color: #fbc63d
}

.receive-box-style02 .receive-item[data-v-5d3a1545]:last-child {
    margin-right: 0
}

.sign-prompt[data-v-5d3a1545] {
    font-size: .625rem;
    line-height: .9375rem;
    color: rgba(255, 255, 255, .4)
}

.sign-current-date .date-line[data-v-5d3a1545] {
    width: 6.8731rem;
    height: .0625rem;
    background: linear-gradient(270deg, rgba(76, 68, 57, 0), #4c4439)
}

.sign-current-date .current-date[data-v-5d3a1545] {
    font-size: .75rem;
    line-height: 1.125rem;
    color: #53c154
}

.date-list-style02 .date-list-item[data-v-5d3a1545],
.date-list-style02 .less-date-list-item[data-v-5d3a1545] {
    min-width: 3.875rem;
    min-height: 4.875rem
}

.date-list-style02 .date-list-item .item-style02-days[data-v-5d3a1545],
.date-list-style02 .less-date-list-item .item-style02-days[data-v-5d3a1545] {
    font-size: .625rem;
    line-height: .9375rem;
    color: rgba(255, 255, 255, .4)
}

.date-list-style02 .date-list-item .extra-give-money[data-v-5d3a1545],
.date-list-style02 .less-date-list-item .extra-give-money[data-v-5d3a1545] {
    padding: .125rem .5rem;
    font-size: .45rem;
    line-height: .5994rem;
    border: 1px solid #577725;
    border-radius: 1.25rem;
    background: linear-gradient(180deg, #a1ca3d, #74c72a)
}

.date-list-style02 .date-list-item .show-extra-text[data-v-5d3a1545],
.date-list-style02 .less-date-list-item .show-extra-text[data-v-5d3a1545] {
    padding: .125rem 0
}

.date-list-style02 .date-list-item .reward-money-style02[data-v-5d3a1545],
.date-list-style02 .less-date-list-item .reward-money-style02[data-v-5d3a1545] {
    font-size: .45rem;
    line-height: 1.125rem;
    color: rgba(255, 255, 255, .4)
}

.date-list-style02 .less-date-list-item[data-v-5d3a1545] {
    margin-right: 2.375rem
}

.date-list-style02 .less-date-list-item[data-v-5d3a1545]:nth-child(3),
.date-list-style02 .less-date-list-item[data-v-5d3a1545]:nth-child(3n) {
    margin-right: 0
}

.less-date-list[data-v-5d3a1545] {
    padding: 0 1.6875rem 0 1.5rem
}

.received-item-style02 .reward-money-style02[data-v-5d3a1545] {
    background: linear-gradient(180deg, #3dca46, #7fc523)
}

.sing-explanation-style02[data-v-5d3a1545] {
    margin-top: .8125rem;
    padding: .8506rem .625rem 0 0;
    color: rgba(255, 255, 255, .4);
    font-size: .75rem;
    line-height: 1.125rem
}

.available-img[data-v-5d3a1545] {
    width: 2.875rem;
    height: 2.875rem
}

.received-img[data-v-5d3a1545] {
    opacity: .4
}

.available-item-style02[data-v-5d3a1545] {
    position: relative
}

.available-item-style02 .item-style02-days[data-v-5d3a1545] {
    color: #fff !important
}

.available-item-style02 .reward-money-style02[data-v-5d3a1545] {
    color: #feb805 !important
}

.available-item-style02[data-v-5d3a1545]:before {
    content: "";
    position: absolute;
    top: -.625rem;
    left: -1rem;
    width: 6rem;
    height: 6rem;
    background: url(/images/sign/available-aperture-style02.png) no-repeat;
    background-size: 100% 100%;
    animation: rotate-5d3a1545 10s linear infinite
}

.sign-footer-btn[data-v-5d3a1545] {
    bottom: 0;
    background: #262624;
    padding: .9794rem .875rem
}

.available-item[data-v-5d3a1545] {
    margin-top: -.36rem;
    background: linear-gradient(180deg, #a1ca3d, #74c72a) !important;
    color: #167104
}

@keyframes rotate-5d3a1545 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.sing-explanation-style02[data-v-5d3a1545] {
    margin-top: .875rem
}

.sing-explanation-style02[data-v-5d3a1545] .ruleHeader {
    margin-bottom: 1rem;
    justify-content: start
}

.sing-explanation-style02[data-v-5d3a1545] .ruleHeader .span-cls {
    font-size: 1rem;
    margin: 0
}

.sing-explanation-style02[data-v-5d3a1545] .item-wrap {
    padding: 0 0 0 .375rem
}

.sing-explanation-style02[data-v-5d3a1545] .item-wrap .rule-item {
    color: rgba(255, 255, 255, .4);
    font-size: .75rem;
    line-height: 1.125rem
}

.color-primary-600[data-v-6c6131fa] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-6c6131fa] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-6c6131fa] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-6c6131fa] {
    color: var(--color-primary-900)
}

.bg-100[data-v-6c6131fa] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-6c6131fa] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-6c6131fa] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-6c6131fa] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-6c6131fa] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-6c6131fa] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-6c6131fa] {
    background-color: var(--color-warning)
}

.bg-link[data-v-6c6131fa] {
    background-color: var(--color-link)
}

.bg-danger[data-v-6c6131fa] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-6c6131fa] {
    color: var(--color-text-100)
}

.color-text-80[data-v-6c6131fa] {
    color: var(--color-text-80)
}

.color-text-50[data-v-6c6131fa] {
    color: var(--color-text-50)
}

.color-text-40[data-v-6c6131fa] {
    color: var(--color-text-40)
}

.color-text-20[data-v-6c6131fa] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-6c6131fa] {
    color: var(--color-currency)
}

.color-warning[data-v-6c6131fa] {
    color: var(--color-warning)
}

.color-danger[data-v-6c6131fa] {
    color: var(--color-danger)
}

.color-link[data-v-6c6131fa] {
    color: var(--color-link)
}

.color-line[data-v-6c6131fa] {
    color: var(--color-line)
}

.color-border[data-v-6c6131fa] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-6c6131fa] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-6c6131fa] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-6c6131fa] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-6c6131fa] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-6c6131fa] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-6c6131fa] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-6c6131fa] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-6c6131fa] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-6c6131fa] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-6c6131fa] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-6c6131fa] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-6c6131fa] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-6c6131fa] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-6c6131fa] {
    display: flex;
    align-items: center
}

.flex-start[data-v-6c6131fa] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-6c6131fa] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-6c6131fa] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-6c6131fa] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-6c6131fa] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-6c6131fa] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-6c6131fa] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-6c6131fa] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-6c6131fa] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-6c6131fa] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-6c6131fa] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-6c6131fa] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-6c6131fa] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-6c6131fa] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-6c6131fa] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-6c6131fa] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-6c6131fa] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-6c6131fa] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-6c6131fa] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-6c6131fa] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-6c6131fa] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-6c6131fa] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-6c6131fa] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-6c6131fa] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-6c6131fa],
.mlm-selected-item[data-v-6c6131fa] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-6c6131fa] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-6c6131fa]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-6c6131fa] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-6c6131fa] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-6c6131fa] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.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
}

.green-dark .done[data-v-6c6131fa] {
    --rect-fill-color: #3B414D;
    --circle-fill-color: rgba(255, 255, 255, .8)
}

.green-dark .undone[data-v-6c6131fa] {
    --rect-fill-color: #292D36;
    --circle-fill-color: #1A1D22
}

.green-default .done[data-v-6c6131fa] {
    --rect-fill-color: #7E9071;
    --circle-fill-color: #AFC69F
}

.green-default .undone[data-v-6c6131fa] {
    --rect-fill-color: #2B4F14;
    --circle-fill-color: #213B10
}

.yellow-dark .done[data-v-6c6131fa],
.auroral-yellow .done[data-v-6c6131fa] {
    --rect-fill-color: #857A47;
    --circle-fill-color: #B8AD7A
}

.yellow-dark .undone[data-v-6c6131fa],
.auroral-yellow .undone[data-v-6c6131fa] {
    --rect-fill-color: #423D24;
    --circle-fill-color: #1B1B19
}

.purple-light .done[data-v-6c6131fa] {
    --rect-fill-color: #C7A8FF;
    --circle-fill-color: #9462F2
}

.purple-light .undone[data-v-6c6131fa] {
    --rect-fill-color: #DBC9FF;
    --circle-fill-color: #E7DBFF
}

.amber-purple .done[data-v-6c6131fa] {
    --rect-fill-color: #4B4778;
    --circle-fill-color: #686299
}

.amber-purple .undone[data-v-6c6131fa] {
    --rect-fill-color: #2C294D;
    --circle-fill-color: #262346
}

.forest-green .done[data-v-6c6131fa] {
    --rect-fill-color: #007B4C;
    --circle-fill-color: #50B388
}

.forest-green .undone[data-v-6c6131fa] {
    --rect-fill-color: #009F76;
    --circle-fill-color: #004D37
}

.new-skin-symbol .done[data-v-6c6131fa] {
    --rect-fill-color: var(--ep-color-text-weakest);
    --circle-fill-color: var(--ep-color-text-default)
}

.new-skin-symbol .undone[data-v-6c6131fa] {
    --rect-fill-color: var(--ep-color-background-fill-surface-raised-L2);
    --circle-fill-color: var(--ep-color-background-fill-body-default)
}

.color-primary-600[data-v-d579bcb9] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-d579bcb9] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-d579bcb9] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-d579bcb9] {
    color: var(--color-primary-900)
}

.bg-100[data-v-d579bcb9] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-d579bcb9] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-d579bcb9] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-d579bcb9] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-d579bcb9] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-d579bcb9] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-d579bcb9] {
    background-color: var(--color-warning)
}

.bg-link[data-v-d579bcb9] {
    background-color: var(--color-link)
}

.bg-danger[data-v-d579bcb9] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-d579bcb9] {
    color: var(--color-text-100)
}

.color-text-80[data-v-d579bcb9] {
    color: var(--color-text-80)
}

.color-text-50[data-v-d579bcb9] {
    color: var(--color-text-50)
}

.color-text-40[data-v-d579bcb9] {
    color: var(--color-text-40)
}

.color-text-20[data-v-d579bcb9] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-d579bcb9] {
    color: var(--color-currency)
}

.color-warning[data-v-d579bcb9] {
    color: var(--color-warning)
}

.color-danger[data-v-d579bcb9] {
    color: var(--color-danger)
}

.color-link[data-v-d579bcb9] {
    color: var(--color-link)
}

.color-line[data-v-d579bcb9] {
    color: var(--color-line)
}

.color-border[data-v-d579bcb9] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-d579bcb9] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-d579bcb9] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-d579bcb9] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-d579bcb9] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-d579bcb9] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-d579bcb9] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-d579bcb9] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-d579bcb9] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-d579bcb9] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-d579bcb9] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-d579bcb9] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-d579bcb9] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-d579bcb9] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-d579bcb9] {
    display: flex;
    align-items: center
}

.flex-start[data-v-d579bcb9] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-d579bcb9] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-d579bcb9] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-d579bcb9] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-d579bcb9] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-d579bcb9] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-d579bcb9] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-d579bcb9] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-d579bcb9] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-d579bcb9] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-d579bcb9] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-d579bcb9] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-d579bcb9] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-d579bcb9] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-d579bcb9] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-d579bcb9] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-d579bcb9] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-d579bcb9] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-d579bcb9] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-d579bcb9] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-d579bcb9] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-d579bcb9] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-d579bcb9] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-d579bcb9] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-d579bcb9],
.mlm-selected-item[data-v-d579bcb9] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-d579bcb9] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-d579bcb9]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-d579bcb9] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-d579bcb9] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-d579bcb9] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-content[data-v-d579bcb9] {
    --default-font-family: "SF Pro", sans-serif;
    font-family: var(--ep-font-family, --default-font-family);
    --padding-start: .9375rem;
    --padding-end: .9375rem
}

.top-banner[data-v-d579bcb9] {
    width: 100%;
    position: relative;
    margin-top: 1.25rem
}

.banner[data-v-d579bcb9] {
    width: 100%;
    height: 12.6875rem;
    background-size: cover;
    background-position: center
}

.level-info[data-v-d579bcb9] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    flex-direction: column
}

.level-info .level-icon[data-v-d579bcb9] {
    width: 10.625rem;
    height: 7.5rem;
    margin-top: .5625rem
}

.level-info .level-name[data-v-d579bcb9] {
    margin-top: 2.5rem;
    font-size: var(--ep-font-size-xxl, 1.5rem);
    line-height: 1.5;
    font-weight: var(--ep-font-weight-medium, 500);
    color: #fff
}

.level-progress[data-v-d579bcb9] {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin: .75rem 0
}

.level-progress .icon-item .level-icons[data-v-d579bcb9] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--ep-border-radius-m, .5rem);
    width: 3rem;
    height: 3rem
}

.level-progress .icon-item .level-icons img[data-v-d579bcb9] {
    width: 2.5rem
}

.level-progress .icon-item p[data-v-d579bcb9] {
    min-height: .75rem;
    font-size: var(--ep-font-size-s, .75rem);
    line-height: 1;
    font-weight: var(--ep-font-weight-medium, 500);
    text-align: center;
    margin: .5rem 0
}

.progress-container[data-v-d579bcb9] {
    margin: 0 .625rem;
    height: 1.75rem;
    position: relative
}

.progress-container .progress-bar[data-v-d579bcb9] {
    position: absolute;
    margin: .3125rem 0;
    width: 100%;
    height: .125rem
}

.progress-container .progress-mark[data-v-d579bcb9] {
    position: absolute;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.progress-container .progress-mark .mark-item[data-v-d579bcb9] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem
}

.progress-container .progress-mark .mark-item .img-container[data-v-d579bcb9] {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-bottom: .25rem
}

.progress-container .progress-mark .mark-item .img-container img[data-v-d579bcb9] {
    width: .8125rem;
    align-items: center
}

.progress-container .progress-mark .mark-item p[data-v-d579bcb9] {
    text-align: center;
    font-size: var(--ep-font-size-xs, .625rem);
    font-style: normal;
    font-weight: var(--ep-font-weight-medium, 500);
    line-height: 1.2
}

.bet-info[data-v-d579bcb9] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 3.75rem;
    margin: .75rem 0;
    border-radius: var(--ep-border-radius-m, .5rem)
}

.bet-info .bet-amount[data-v-d579bcb9] {
    font-size: var(--ep-font-size-xxl, 1.5rem);
    line-height: 1.3;
    font-weight: var(--ep-font-weight-medium, 500);
    margin-right: .9375rem
}

.bet-info .bet-text[data-v-d579bcb9] {
    display: inline-flex;
    align-items: center;
    font-size: var(--ep-font-size-s, .75rem);
    line-height: 1;
    font-weight: var(--ep-font-weight-regular, 400);
    text-align: center
}

.reward-info[data-v-d579bcb9] {
    width: 100%;
    margin-bottom: 1.25rem;
    border-radius: var(--ep-border-radius-m, .5rem);
    overflow: hidden
}

.reward-info .title[data-v-d579bcb9] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 4rem;
    font-size: var(--ep-font-size-l, 1rem);
    font-style: normal;
    font-weight: var(--ep-font-weight-bold, 600);
    line-height: 1;
    letter-spacing: .015rem;
    text-align: center
}

.reward-info .title img[data-v-d579bcb9] {
    width: 2rem;
    height: 2rem;
    margin-right: .75rem
}

.reward-info .item[data-v-d579bcb9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 3.125rem;
    padding: 0rem .5rem;
    align-self: stretch
}

.reward-info .item .day-text[data-v-d579bcb9] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-width: 5.625rem;
    font-size: var(--ep-font-size-s, 1rem);
    font-style: normal;
    font-weight: var(--ep-font-weight-bold, 500);
    line-height: 1
}

.reward-info .item .day-text img[data-v-d579bcb9] {
    width: 1.25rem;
    height: 1.25rem;
    margin: .375rem .625rem .375rem .375rem
}

.reward-info .item .amount[data-v-d579bcb9] {
    flex: 1;
    text-align: left;
    font-size: var(--ep-font-size-s, 1rem);
    font-style: normal;
    font-weight: var(--ep-font-weight-bold, 500);
    line-height: 1;
    margin-left: .75rem
}

.reward-info .item .button-wrapper[data-v-d579bcb9] {
    width: 8.25rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.reward-info .item .button-wrapper .button[data-v-d579bcb9] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 8.25rem;
    height: 2rem;
    border-radius: var(--ep-border-radius-m, .5rem);
    color: #fff;
    text-align: center;
    font-size: var(--ep-font-size-s, .75rem);
    font-style: normal;
    font-weight: var(--ep-font-weight-medium, 500);
    line-height: 1.3
}

.reward-info .item .button-wrapper .button.done[data-v-d579bcb9] {
    opacity: .5
}

.reward-info .item .button-wrapper p[data-v-d579bcb9] {
    font-size: var(--ep-font-size-l, 1rem);
    font-style: normal;
    font-weight: var(--ep-font-weight-medium, 500);
    line-height: 1;
    text-align: center
}

.rules[data-v-d579bcb9] {
    --default-rule-font-family: "SF Pro Text", sans-serif;
    font-family: var(--ep-font-family, --default-rule-font-family);
    font-size: var(--ep-font-size-s, .875rem);
    font-style: normal;
    font-weight: var(--ep-font-weight-regular, 400);
    line-height: 1.25;
    padding-bottom: 1.25rem
}

.rules .rule-title[data-v-d579bcb9] {
    font-weight: var(--ep-font-weight-medium, 700);
    margin-bottom: .75rem
}

.rules .rule-content p[data-v-d579bcb9] {
    text-indent: -.45em;
    margin-left: 1em
}

.rules .rule-content p[data-v-d579bcb9]:not(:last-child) {
    margin-bottom: .75rem
}

.rules .rule-content p[data-v-d579bcb9]:before {
    content: "•";
    font-size: var(--ep-font-size-l, 1rem);
    display: inline-block
}

ion-content[data-v-d579bcb9] {
    --background: var(--ep-color-background-fill-body-default, #213B10)
}

.banner[data-v-d579bcb9] {
    width: 100%;
    height: 12.6875rem;
    background: url(/assets/banner01-D4JvzT0X.png) no-repeat;
    background-size: cover;
    background-position: center
}

.level-progress .icon-item .level-icons.checked[data-v-d579bcb9] {
    background: var(--ep-dynamic-primary, linear-gradient(180deg, #FFE299 0%, #E47E2B 100%), linear-gradient(180deg, #C09977 0%, #C09977 100%))
}

.level-progress .icon-item .level-icons.unchecked[data-v-d579bcb9] {
    background: var(--ep-color-background-fill-surface-raised-L2, #254112)
}

.level-progress .icon-item p[data-v-d579bcb9] {
    color: var(--ep-color-text-weak, #AFC69F)
}

.progress-container .progress-bar[data-v-d579bcb9] {
    --color-stop: 0%;
    background: linear-gradient(to right, var(--ep-color-text-weak, #AFC69F) var(--color-stop), var(--ep-color-background-fill-surface-raised-L2, #2B4F14) var(--color-stop))
}

.progress-container .progress-mark .mark-item p.done[data-v-d579bcb9] {
    color: var(--ep-color-text-weak, #AFC69F)
}

.progress-container .progress-mark .mark-item p.undone[data-v-d579bcb9] {
    color: var(--ep-color-text-weakest, #7E9071)
}

.bet-info[data-v-d579bcb9] {
    background-color: var(--ep-color-background-fill-surface-raised-L2, #2B4F14)
}

.bet-info .bet-amount[data-v-d579bcb9] {
    color: var(--ep-color-text-warning, #FBED3C)
}

.bet-info .bet-text[data-v-d579bcb9] {
    color: var(--ep-color-text-weakest, #7E9071)
}

.reward-info .title[data-v-d579bcb9] {
    background-color: var(--ep-color-background-fill-surface-raised-L2, #2B4F14);
    color: var(--ep-color-text-weak, #AFC69F)
}

.reward-info .item .day-text[data-v-d579bcb9] {
    color: var(--ep-color-text-weak, #AFC69F)
}

.reward-info .item .amount[data-v-d579bcb9] {
    color: var(--ep-color-text-warning, #FBED3C)
}

.reward-info .item .amount .units[data-v-d579bcb9] {
    color: var(--ep-color-text-weakest, #7E9071)
}

.reward-info .item .button-wrapper .button.canDo[data-v-d579bcb9],
.reward-info .item .button-wrapper .button.done[data-v-d579bcb9] {
    background: var(--ep-dynamic-primary, linear-gradient(180deg, #FFC271 0%, #F2910D 100%))
}

.reward-info .item .button-wrapper p[data-v-d579bcb9] {
    color: var(--ep-color-text-weak, #AFC69F)
}

.reward-info .item[data-v-d579bcb9]:nth-child(odd) {
    background: var(--ep-color-background-fill-surface-lowered, #2B4F14)
}

.reward-info .item[data-v-d579bcb9]:nth-child(2n) {
    background: var(--ep-color-background-fill-surface-raised-L1, #254112)
}

.levelSignIn-style0-rule[data-v-d579bcb9] {
    color: var(--ep-color-text-weaker, rgba(255, 255, 255, .5))
}

.levelSignIn-style0-rule[data-v-d579bcb9] .ruleHeader .span-cls {
    color: var(--ep-color-text-default, rgba(255, 255, 255, .7))
}

.levelSignIn-style0-rule[data-v-d579bcb9] .item-wrap .rule-item {
    color: var(--ep-color-text-weaker, rgba(255, 255, 255, .5))
}

.levelSignIn-style0-rule[data-v-d579bcb9] {
    font-family: var(--ep-font-family, "SF Pro Text", sans-serif);
    font-size: var(--ep-font-size-s, .875rem);
    font-weight: var(--ep-font-weight-regular, 400);
    line-height: 1.25;
    padding-bottom: 1.25rem
}

.levelSignIn-style0-rule[data-v-d579bcb9] .ruleHeader {
    text-align: left;
    justify-content: flex-start;
    margin-bottom: 1rem
}

.levelSignIn-style0-rule[data-v-d579bcb9] .ruleHeader .span-cls {
    font-size: 1rem;
    font-weight: var(--ep-font-weight-medium, 700);
    margin: 0
}

.levelSignIn-style0-rule[data-v-d579bcb9] .item-wrap {
    padding: 0 0 0 .375rem
}

.levelSignIn-style0-rule[data-v-d579bcb9] .item-wrap .rule-item {
    white-space: pre-line
}

.levelSignIn-style0-rule[data-v-d579bcb9] .item-wrap .rule-item:not(:last-child) {
    margin-bottom: .75rem
}

.green-default ion-content[data-v-d579bcb9] {
    --background: var(--ep-color-background-fill-body-default, #213B10)
}

.green-default .banner[data-v-d579bcb9] {
    width: 100%;
    height: 12.6875rem;
    background: url(/assets/banner01-D4JvzT0X.png) no-repeat;
    background-size: cover;
    background-position: center
}

.green-default .level-progress .icon-item .level-icons.checked[data-v-d579bcb9] {
    background: var(--ep-dynamic-primary, linear-gradient(180deg, #FFE299 0%, #E47E2B 100%), linear-gradient(180deg, #C09977 0%, #C09977 100%))
}

.green-default .level-progress .icon-item .level-icons.unchecked[data-v-d579bcb9] {
    background: var(--ep-color-background-fill-surface-raised-L2, #254112)
}

.green-default .level-progress .icon-item p[data-v-d579bcb9] {
    color: var(--ep-color-text-weak, #AFC69F)
}

.green-default .progress-container .progress-bar[data-v-d579bcb9] {
    --color-stop: 0%;
    background: linear-gradient(to right, var(--ep-color-text-weak, #AFC69F) var(--color-stop), var(--ep-color-background-fill-surface-raised-L2, #2B4F14) var(--color-stop))
}

.green-default .progress-container .progress-mark .mark-item p.done[data-v-d579bcb9] {
    color: var(--ep-color-text-weak, #AFC69F)
}

.green-default .progress-container .progress-mark .mark-item p.undone[data-v-d579bcb9] {
    color: var(--ep-color-text-weakest, #7E9071)
}

.green-default .bet-info[data-v-d579bcb9] {
    background-color: var(--ep-color-background-fill-surface-raised-L2, #2B4F14)
}

.green-default .bet-info .bet-amount[data-v-d579bcb9] {
    color: var(--ep-color-text-warning, #FBED3C)
}

.green-default .bet-info .bet-text[data-v-d579bcb9] {
    color: var(--ep-color-text-weakest, #7E9071)
}

.green-default .reward-info .title[data-v-d579bcb9] {
    background-color: var(--ep-color-background-fill-surface-raised-L2, #2B4F14);
    color: var(--ep-color-text-weak, #AFC69F)
}

.green-default .reward-info .item .day-text[data-v-d579bcb9] {
    color: var(--ep-color-text-weak, #AFC69F)
}

.green-default .reward-info .item .amount[data-v-d579bcb9] {
    color: var(--ep-color-text-warning, #FBED3C)
}

.green-default .reward-info .item .amount .units[data-v-d579bcb9] {
    color: var(--ep-color-text-weakest, #7E9071)
}

.green-default .reward-info .item .button-wrapper .button.canDo[data-v-d579bcb9],
.green-default .reward-info .item .button-wrapper .button.done[data-v-d579bcb9] {
    background: var(--ep-dynamic-primary, linear-gradient(180deg, #FFC271 0%, #F2910D 100%))
}

.green-default .reward-info .item .button-wrapper p[data-v-d579bcb9] {
    color: var(--ep-color-text-weak, #AFC69F)
}

.green-default .reward-info .item[data-v-d579bcb9]:nth-child(odd) {
    background: var(--ep-color-background-fill-surface-lowered, #2B4F14)
}

.green-default .reward-info .item[data-v-d579bcb9]:nth-child(2n) {
    background: var(--ep-color-background-fill-surface-raised-L1, #254112)
}

.green-default .levelSignIn-style0-rule[data-v-d579bcb9] {
    color: var(--ep-color-text-weaker, rgba(255, 255, 255, .5))
}

.green-default .levelSignIn-style0-rule[data-v-d579bcb9] .ruleHeader .span-cls {
    color: var(--ep-color-text-default, rgba(255, 255, 255, .7))
}

.green-default .levelSignIn-style0-rule[data-v-d579bcb9] .item-wrap .rule-item {
    color: var(--ep-color-text-weaker, rgba(255, 255, 255, .5))
}

.green-dark ion-content[data-v-d579bcb9] {
    --background: var(--ep-color-background-fill-body-default, #1A1D22)
}

.green-dark .banner[data-v-d579bcb9] {
    width: 100%;
    height: 12.6875rem;
    background: url(/assets/banner01-D4JvzT0X.png) no-repeat;
    background-size: cover;
    background-position: center
}

.green-dark .level-progress .icon-item .level-icons.checked[data-v-d579bcb9] {
    background: var(--ep-dynamic-primary, linear-gradient(151deg, #8FE759 6.6%, #328624 77.21%, #25651A 92.71%), linear-gradient(180deg, #FFE299 0%, #E47E2B 100%), linear-gradient(180deg, #C09977 0%, #C09977 100%))
}

.green-dark .level-progress .icon-item .level-icons.unchecked[data-v-d579bcb9] {
    background: var(--ep-color-background-fill-surface-raised-L2, linear-gradient(180deg, #292928 0%, #242424 100%))
}

.green-dark .level-progress .icon-item p[data-v-d579bcb9] {
    color: var(--ep-color-text-weak, rgba(255, 255, 255, .8))
}

.green-dark .progress-container .progress-bar[data-v-d579bcb9] {
    --color-stop: 0%;
    background: linear-gradient(to right, var(--ep-color-text-weak, rgba(255, 255, 255, .8)) var(--color-stop), var(--ep-color-background-fill-surface-raised-L2, #292D36) var(--color-stop))
}

.green-dark .progress-container .progress-mark .mark-item p.done[data-v-d579bcb9] {
    color: var(--ep-color-text-weak, rgba(255, 255, 255, .8))
}

.green-dark .progress-container .progress-mark .mark-item p.undone[data-v-d579bcb9] {
    color: var(--ep-color-text-weakest, #3B414D)
}

.green-dark .bet-info[data-v-d579bcb9] {
    background-color: var(--ep-color-background-fill-surface-raised-L2, #292D36)
}

.green-dark .bet-info .bet-amount[data-v-d579bcb9] {
    color: var(--ep-color-text-warning, #EF6E3E)
}

.green-dark .bet-info .bet-text[data-v-d579bcb9] {
    color: var(--ep-color-text-weakest, #4E5666)
}

.green-dark .reward-info .title[data-v-d579bcb9] {
    background-color: var(--ep-color-background-fill-surface-raised-L2, #292D36);
    color: var(--ep-color-text-weak, rgba(255, 255, 255, .8))
}

.green-dark .reward-info .item .day-text[data-v-d579bcb9] {
    color: var(--ep-color-text-weak, rgba(255, 255, 255, .8))
}

.green-dark .reward-info .item .amount[data-v-d579bcb9] {
    color: var(--ep-color-text-warning, #EF6E3E)
}

.green-dark .reward-info .item .amount .units[data-v-d579bcb9] {
    color: var(--ep-color-text-weakest, #3B414D)
}

.green-dark .reward-info .item .button-wrapper .button.canDo[data-v-d579bcb9],
.green-dark .reward-info .item .button-wrapper .button.done[data-v-d579bcb9] {
    background: var(--ep-dynamic-primary, linear-gradient(151deg, #8FE759 6.6%, #328624 77.21%, #25651A 92.71%), linear-gradient(0deg, #0167CA -13.77%, #38A8FA 102.34%))
}

.green-dark .reward-info .item .button-wrapper p[data-v-d579bcb9] {
    color: var(--ep-color-text-weak, rgba(255, 255, 255, .8))
}

.green-dark .reward-info .item[data-v-d579bcb9]:nth-child(odd) {
    background: var(--ep-color-background-fill-surface-lowered, #292D36)
}

.green-dark .reward-info .item[data-v-d579bcb9]:nth-child(2n) {
    background: var(--ep-color-background-fill-surface-raised-L1, linear-gradient(180deg, #292928 0%, #242424 100%))
}

.green-dark .levelSignIn-style0-rule[data-v-d579bcb9] {
    color: var(--ep-color-text-weaker, rgba(255, 255, 255, .5))
}

.green-dark .levelSignIn-style0-rule[data-v-d579bcb9] .ruleHeader .span-cls {
    color: var(--ep-color-text-default, rgba(255, 255, 255, .7))
}

.green-dark .levelSignIn-style0-rule[data-v-d579bcb9] .item-wrap .rule-item {
    color: var(--ep-color-text-weaker, rgba(255, 255, 255, .5))
}

.yellow-dark ion-content[data-v-d579bcb9],
.auroral-yellow ion-content[data-v-d579bcb9] {
    --background: var(--ep-color-background-fill-body-default, #1B1B19)
}

.yellow-dark .banner[data-v-d579bcb9],
.auroral-yellow .banner[data-v-d579bcb9] {
    width: 100%;
    height: 12.6875rem;
    background: url(/assets/banner01-D4JvzT0X.png) no-repeat;
    background-size: cover;
    background-position: center
}

.yellow-dark .level-progress .icon-item .level-icons.checked[data-v-d579bcb9],
.auroral-yellow .level-progress .icon-item .level-icons.checked[data-v-d579bcb9] {
    background: var(--ep-dynamic-primary, linear-gradient(180deg, #FFE299 0%, #E47E2B 100%), linear-gradient(180deg, #C09977 0%, #C09977 100%))
}

.yellow-dark .level-progress .icon-item .level-icons.unchecked[data-v-d579bcb9],
.auroral-yellow .level-progress .icon-item .level-icons.unchecked[data-v-d579bcb9] {
    background: var(--ep-color-background-fill-surface-raised-L2, linear-gradient(180deg, #292928 0%, #242424 100%))
}

.yellow-dark .level-progress .icon-item p[data-v-d579bcb9],
.auroral-yellow .level-progress .icon-item p[data-v-d579bcb9] {
    color: var(--ep-color-text-weak, #B8AD7A)
}

.yellow-dark .progress-container .progress-bar[data-v-d579bcb9],
.auroral-yellow .progress-container .progress-bar[data-v-d579bcb9] {
    --color-stop: 0%;
    background: linear-gradient(to right, var(--ep-color-text-weak, #B8AD7A) var(--color-stop), var(--ep-color-background-fill-surface-raised-L2, #423D24) var(--color-stop))
}

.yellow-dark .progress-container .progress-mark .mark-item p.done[data-v-d579bcb9],
.auroral-yellow .progress-container .progress-mark .mark-item p.done[data-v-d579bcb9] {
    color: var(--ep-color-text-weak, #B8AD7A)
}

.yellow-dark .progress-container .progress-mark .mark-item p.undone[data-v-d579bcb9],
.auroral-yellow .progress-container .progress-mark .mark-item p.undone[data-v-d579bcb9] {
    color: var(--ep-color-text-weakest, #857A47)
}

.yellow-dark .bet-info[data-v-d579bcb9],
.auroral-yellow .bet-info[data-v-d579bcb9] {
    background-color: var(--ep-color-background-fill-surface-raised-L2, #332F1C)
}

.yellow-dark .bet-info .bet-amount[data-v-d579bcb9],
.auroral-yellow .bet-info .bet-amount[data-v-d579bcb9] {
    color: var(--ep-color-text-warning, #F9EB85)
}

.yellow-dark .bet-info .bet-text[data-v-d579bcb9],
.auroral-yellow .bet-info .bet-text[data-v-d579bcb9] {
    color: var(--ep-color-text-weakest, #857A47)
}

.yellow-dark .reward-info .title[data-v-d579bcb9],
.auroral-yellow .reward-info .title[data-v-d579bcb9] {
    background-color: var(--ep-color-background-fill-surface-raised-L2, #332F1C);
    color: var(--ep-color-text-weak, #B8AD7A)
}

.yellow-dark .reward-info .item .day-text[data-v-d579bcb9],
.auroral-yellow .reward-info .item .day-text[data-v-d579bcb9] {
    color: var(--ep-color-text-weak, #B8AD7A)
}

.yellow-dark .reward-info .item .amount[data-v-d579bcb9],
.auroral-yellow .reward-info .item .amount[data-v-d579bcb9] {
    color: var(--ep-color-text-warning, #F9EB85)
}

.yellow-dark .reward-info .item .amount .units[data-v-d579bcb9],
.auroral-yellow .reward-info .item .amount .units[data-v-d579bcb9] {
    color: var(--ep-color-text-weakest, #857A47)
}

.yellow-dark .reward-info .item .button-wrapper .button.canDo[data-v-d579bcb9],
.auroral-yellow .reward-info .item .button-wrapper .button.canDo[data-v-d579bcb9],
.yellow-dark .reward-info .item .button-wrapper .button.done[data-v-d579bcb9],
.auroral-yellow .reward-info .item .button-wrapper .button.done[data-v-d579bcb9] {
    background: var(--ep-dynamic-primary, linear-gradient(180deg, #FFE299 0%, #E47E2B 100%), linear-gradient(151deg, #9462F2 6.6%, #7A3FE8 77.21%, #6526DB 92.71%))
}

.yellow-dark .reward-info .item .button-wrapper p[data-v-d579bcb9],
.auroral-yellow .reward-info .item .button-wrapper p[data-v-d579bcb9] {
    color: var(--ep-color-text-weak, #B8AD7A)
}

.yellow-dark .reward-info .item[data-v-d579bcb9]:nth-child(odd),
.auroral-yellow .reward-info .item[data-v-d579bcb9]:nth-child(odd) {
    background: var(--ep-color-background-fill-surface-lowered, #423D24)
}

.yellow-dark .reward-info .item[data-v-d579bcb9]:nth-child(2n),
.auroral-yellow .reward-info .item[data-v-d579bcb9]:nth-child(2n) {
    background: var(--ep-color-background-fill-surface-raised-L1, linear-gradient(180deg, #292928 0%, #242424 100%))
}

.yellow-dark .levelSignIn-style0-rule[data-v-d579bcb9],
.auroral-yellow .levelSignIn-style0-rule[data-v-d579bcb9] {
    color: var(--ep-color-text-weaker, rgba(255, 255, 255, .5))
}

.yellow-dark .levelSignIn-style0-rule[data-v-d579bcb9] .ruleHeader .span-cls,
.auroral-yellow .levelSignIn-style0-rule[data-v-d579bcb9] .ruleHeader .span-cls {
    color: var(--ep-color-text-default, rgba(255, 255, 255, .7))
}

.yellow-dark .levelSignIn-style0-rule[data-v-d579bcb9] .item-wrap .rule-item,
.auroral-yellow .levelSignIn-style0-rule[data-v-d579bcb9] .item-wrap .rule-item {
    color: var(--ep-color-text-weaker, rgba(255, 255, 255, .5))
}

.forest-green ion-content[data-v-d579bcb9] {
    --background: var(--ep-color-background-fill-body-default, #004D37)
}

.forest-green .banner[data-v-d579bcb9] {
    width: 100%;
    height: 12.6875rem;
    background: url(/assets/banner01-D4JvzT0X.png) no-repeat;
    background-size: cover;
    background-position: center
}

.forest-green .level-progress .icon-item .level-icons.checked[data-v-d579bcb9] {
    background: var(--ep-dynamic-primary, linear-gradient(180deg, #13C96A 0%, #1D9554 100%))
}

.forest-green .level-progress .icon-item .level-icons.unchecked[data-v-d579bcb9] {
    background: var(--ep-color-background-fill-surface-raised-L2, #00563A)
}

.forest-green .level-progress .icon-item p[data-v-d579bcb9] {
    color: var(--ep-color-text-weak, #50B388)
}

.forest-green .progress-container .progress-bar[data-v-d579bcb9] {
    --color-stop: 0%;
    background: linear-gradient(to right, var(--ep-color-text-weak, #50B388) var(--color-stop), var(--ep-color-background-fill-surface-raised-L2, #006849) var(--color-stop))
}

.forest-green .progress-container .progress-mark .mark-item p.done[data-v-d579bcb9] {
    color: var(--ep-color-text-weak, #50B388)
}

.forest-green .progress-container .progress-mark .mark-item p.undone[data-v-d579bcb9] {
    color: var(--ep-color-text-weakest, #007B4C)
}

.forest-green .bet-info[data-v-d579bcb9] {
    background-color: var(--ep-color-background-fill-surface-raised-L2, #006849)
}

.forest-green .bet-info .bet-amount[data-v-d579bcb9] {
    color: var(--ep-color-text-warning, #EEF93B)
}

.forest-green .bet-info .bet-text[data-v-d579bcb9] {
    color: var(--ep-color-text-weakest, #00995F)
}

.forest-green .reward-info .title[data-v-d579bcb9] {
    background-color: var(--ep-color-background-fill-surface-raised-L2, #006849);
    color: var(--ep-color-text-weak, #50B388)
}

.forest-green .reward-info .item .day-text[data-v-d579bcb9] {
    color: var(--ep-color-text-weak, #50B388)
}

.forest-green .reward-info .item .amount[data-v-d579bcb9] {
    color: var(--ep-color-text-warning, #EEF93B)
}

.forest-green .reward-info .item .amount .units[data-v-d579bcb9] {
    color: var(--ep-color-text-weakest, #007B4C)
}

.forest-green .reward-info .item .button-wrapper .button.canDo[data-v-d579bcb9],
.forest-green .reward-info .item .button-wrapper .button.done[data-v-d579bcb9] {
    background: var(--ep-dynamic-primary, linear-gradient(180deg, #13C96A 0%, #1D9554 100%))
}

.forest-green .reward-info .item .button-wrapper p[data-v-d579bcb9] {
    color: var(--ep-color-text-weak, #50B388)
}

.forest-green .reward-info .item[data-v-d579bcb9]:nth-child(odd) {
    background: var(--ep-color-background-fill-surface-lowered, #006849)
}

.forest-green .reward-info .item[data-v-d579bcb9]:nth-child(2n) {
    background: var(--ep-color-background-fill-surface-raised-L1, #00563A)
}

.forest-green .levelSignIn-style0-rule[data-v-d579bcb9] {
    color: var(--ep-color-text-weaker, rgba(255, 255, 255, .5))
}

.forest-green .levelSignIn-style0-rule[data-v-d579bcb9] .ruleHeader .span-cls {
    color: var(--ep-color-text-default, rgba(255, 255, 255, .7))
}

.forest-green .levelSignIn-style0-rule[data-v-d579bcb9] .item-wrap .rule-item {
    color: var(--ep-color-text-weaker, rgba(255, 255, 255, .5))
}

.amber-purple ion-content[data-v-d579bcb9] {
    --background: var(--ep-color-background-fill-body-default, #262346)
}

.amber-purple .banner[data-v-d579bcb9] {
    width: 100%;
    height: 12.6875rem;
    background: url(/assets/banner01-D4JvzT0X.png) no-repeat;
    background-size: cover;
    background-position: center
}

.amber-purple .level-progress .icon-item .level-icons.checked[data-v-d579bcb9] {
    background: var(--ep-dynamic-primary, linear-gradient(270deg, #7041F3 0%, #F5C84C 130.92%), linear-gradient(180deg, #FFE299 0%, #E47E2B 100%), linear-gradient(180deg, #C09977 0%, #C09977 100%))
}

.amber-purple .level-progress .icon-item .level-icons.unchecked[data-v-d579bcb9] {
    background: var(--ep-color-background-fill-surface-raised-L2, #211F3D)
}

.amber-purple .level-progress .icon-item p[data-v-d579bcb9] {
    color: var(--ep-color-text-weak, #737BB2)
}

.amber-purple .progress-container .progress-bar[data-v-d579bcb9] {
    --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, #2C294D) var(--color-stop))
}

.amber-purple .progress-container .progress-mark .mark-item p.done[data-v-d579bcb9] {
    color: var(--ep-color-text-weak, #737BB2)
}

.amber-purple .progress-container .progress-mark .mark-item p.undone[data-v-d579bcb9] {
    color: var(--ep-color-text-weakest, #4B4778)
}

.amber-purple .bet-info[data-v-d579bcb9] {
    background-color: var(--ep-color-background-fill-surface-raised-L2, #2C294D)
}

.amber-purple .bet-info .bet-amount[data-v-d579bcb9] {
    color: var(--ep-color-text-warning, #F5C84C)
}

.amber-purple .bet-info .bet-text[data-v-d579bcb9] {
    color: var(--ep-color-text-weakest, #504B80)
}

.amber-purple .reward-info .title[data-v-d579bcb9] {
    background-color: var(--ep-color-background-fill-surface-raised-L2, #2C294D);
    color: var(--ep-color-text-weak, #686299)
}

.amber-purple .reward-info .item .day-text[data-v-d579bcb9] {
    color: var(--ep-color-text-weak, #686299)
}

.amber-purple .reward-info .item .amount[data-v-d579bcb9] {
    color: var(--ep-color-text-warning, #F5C84C)
}

.amber-purple .reward-info .item .amount .units[data-v-d579bcb9] {
    color: var(--ep-color-text-weakest, #4B4778)
}

.amber-purple .reward-info .item .button-wrapper .button.canDo[data-v-d579bcb9],
.amber-purple .reward-info .item .button-wrapper .button.done[data-v-d579bcb9] {
    background: var(--ep-dynamic-primary, linear-gradient(270deg, #7041F3 0%, #F5C84C 130.92%), linear-gradient(180deg, #FFE299 0%, #E47E2B 100%))
}

.amber-purple .reward-info .item .button-wrapper p[data-v-d579bcb9] {
    color: var(--ep-color-text-weak, #686299)
}

.amber-purple .reward-info .item[data-v-d579bcb9]:nth-child(odd) {
    background: var(--ep-color-background-fill-surface-lowered, #2C294D)
}

.amber-purple .reward-info .item[data-v-d579bcb9]:nth-child(2n) {
    background: var(--ep-color-background-fill-surface-raised-L1, #211F3D)
}

.amber-purple .levelSignIn-style0-rule[data-v-d579bcb9] {
    color: var(--ep-color-text-weaker, rgba(255, 255, 255, .5))
}

.amber-purple .levelSignIn-style0-rule[data-v-d579bcb9] .ruleHeader .span-cls {
    color: var(--ep-color-text-default, rgba(255, 255, 255, .7))
}

.amber-purple .levelSignIn-style0-rule[data-v-d579bcb9] .item-wrap .rule-item {
    color: var(--ep-color-text-weaker, rgba(255, 255, 255, .5))
}

.purple-light ion-content[data-v-d579bcb9] {
    --background: var(--ep-color-background-fill-body-default, #E7DBFF)
}

.purple-light .banner[data-v-d579bcb9] {
    width: 100%;
    height: 12.6875rem;
    background: url(/assets/banner03-DtFy2ZtD.png) no-repeat;
    background-size: cover;
    background-position: center
}

.purple-light .level-progress .icon-item .level-icons.checked[data-v-d579bcb9] {
    background: var(--ep-dynamic-primary, linear-gradient(151deg, #9462F2 6.6%, #7A3FE8 77.21%, #6526DB 92.71%), linear-gradient(180deg, #FFE299 0%, #E47E2B 100%), linear-gradient(180deg, #C09977 0%, #C09977 100%))
}

.purple-light .level-progress .icon-item .level-icons.unchecked[data-v-d579bcb9] {
    background: var(--ep-color-background-fill-surface-raised-L2, #E0D0FF)
}

.purple-light .level-progress .icon-item p[data-v-d579bcb9] {
    color: var(--ep-color-text-weak, #9462F2)
}

.purple-light .progress-container .progress-bar[data-v-d579bcb9] {
    --color-stop: 0%;
    background: linear-gradient(to right, var(--ep-color-text-weak, #9462F2) var(--color-stop), var(--ep-color-background-fill-surface-raised-L2, #DBC9FF) var(--color-stop))
}

.purple-light .progress-container .progress-mark .mark-item p.done[data-v-d579bcb9] {
    color: var(--ep-color-text-weak, #9462F2)
}

.purple-light .progress-container .progress-mark .mark-item p.undone[data-v-d579bcb9] {
    color: var(--ep-color-text-weakest, #C7A8FF)
}

.purple-light .bet-info[data-v-d579bcb9] {
    background-color: var(--ep-color-background-fill-surface-raised-L2, #CCB2FF)
}

.purple-light .bet-info .bet-amount[data-v-d579bcb9] {
    color: var(--ep-color-text-warning, #6526DB)
}

.purple-light .bet-info .bet-text[data-v-d579bcb9] {
    color: var(--ep-color-text-weakest, #9462F2)
}

.purple-light .reward-info .title[data-v-d579bcb9] {
    background-color: var(--ep-color-background-fill-surface-raised-L2, #CCB2FF);
    color: var(--ep-color-text-weak, #9462F2)
}

.purple-light .reward-info .item .day-text[data-v-d579bcb9] {
    color: var(--ep-color-text-weak, #9462F2)
}

.purple-light .reward-info .item .amount[data-v-d579bcb9] {
    color: var(--ep-color-text-warning, #6526DB)
}

.purple-light .reward-info .item .amount .units[data-v-d579bcb9] {
    color: var(--ep-color-text-weakest, #C7A8FF)
}

.purple-light .reward-info .item .button-wrapper .button.canDo[data-v-d579bcb9],
.purple-light .reward-info .item .button-wrapper .button.done[data-v-d579bcb9] {
    background: var(--ep-dynamic-primary, linear-gradient(151deg, #9462F2 6.6%, #7A3FE8 77.21%, #6526DB 92.71%))
}

.purple-light .reward-info .item .button-wrapper p[data-v-d579bcb9] {
    color: var(--ep-color-text-weak, #9462F2)
}

.purple-light .reward-info .item[data-v-d579bcb9]:nth-child(odd) {
    background: var(--ep-color-background-fill-surface-lowered, #DBC9FF)
}

.purple-light .reward-info .item[data-v-d579bcb9]:nth-child(2n) {
    background: var(--ep-color-background-fill-surface-raised-L1, #E0D0FF)
}

.purple-light .levelSignIn-style0-rule[data-v-d579bcb9] {
    color: var(--ep-color-text-weaker, rgba(0, 0, 0, .5))
}

.purple-light .levelSignIn-style0-rule[data-v-d579bcb9] .ruleHeader .span-cls {
    color: var(--ep-color-text-default, rgba(0, 0, 0, .7))
}

.purple-light .levelSignIn-style0-rule[data-v-d579bcb9] .item-wrap .rule-item {
    color: var(--ep-color-text-weaker, rgba(0, 0, 0, .5))
}

.blue-default ion-content[data-v-d579bcb9] {
    --background: var(--ep-color-background-fill-body-default, #090F1F)
}

.blue-default .banner[data-v-d579bcb9] {
    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-d579bcb9] {
    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-d579bcb9] {
    background: var(--ep-color-background-fill-surface-raised-L2, #101629)
}

.blue-default .level-progress .icon-item p[data-v-d579bcb9] {
    color: var(--ep-color-text-weak, #737BB2)
}

.blue-default .progress-container .progress-bar[data-v-d579bcb9] {
    --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-d579bcb9] {
    color: var(--ep-color-text-weak, #737BB2)
}

.blue-default .progress-container .progress-mark .mark-item p.undone[data-v-d579bcb9] {
    color: var(--ep-color-text-weakest, #2F3852)
}

.blue-default .bet-info[data-v-d579bcb9] {
    background-color: var(--ep-color-background-fill-surface-raised-L2, #202940)
}

.blue-default .bet-info .bet-amount[data-v-d579bcb9] {
    color: var(--ep-color-text-warning, #FBA531)
}

.blue-default .bet-info .bet-text[data-v-d579bcb9] {
    color: var(--ep-color-text-weakest, #495780)
}

.blue-default .reward-info .title[data-v-d579bcb9] {
    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-d579bcb9] {
    color: var(--ep-color-text-weak, #9BA7BE)
}

.blue-default .reward-info .item .amount[data-v-d579bcb9] {
    color: var(--ep-color-text-warning, #FBA531)
}

.blue-default .reward-info .item .amount .units[data-v-d579bcb9] {
    color: var(--ep-color-text-weakest, #2F3852)
}

.blue-default .reward-info .item .button-wrapper .button.canDo[data-v-d579bcb9],
.blue-default .reward-info .item .button-wrapper .button.done[data-v-d579bcb9] {
    background: var(--ep-dynamic-primary, linear-gradient(0deg, #0167CA -13.77%, #38A8FA 102.34%))
}

.blue-default .reward-info .item .button-wrapper p[data-v-d579bcb9] {
    color: var(--ep-color-text-weak, #9BA7BE)
}

.blue-default .reward-info .item[data-v-d579bcb9]:nth-child(odd) {
    background: var(--ep-color-background-fill-surface-lowered, #151C2F)
}

.blue-default .reward-info .item[data-v-d579bcb9]:nth-child(2n) {
    background: var(--ep-color-background-fill-surface-raised-L1, #101629)
}

.blue-default .levelSignIn-style0-rule[data-v-d579bcb9] {
    color: var(--ep-color-text-weaker, rgba(255, 255, 255, .5))
}

.blue-default .levelSignIn-style0-rule[data-v-d579bcb9] .ruleHeader .span-cls {
    color: var(--ep-color-text-default, rgba(255, 255, 255, .7))
}

.blue-default .levelSignIn-style0-rule[data-v-d579bcb9] .item-wrap .rule-item {
    color: var(--ep-color-text-weaker, rgba(255, 255, 255, .5))
}

.color-primary-600[data-v-9f606645] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-9f606645] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-9f606645] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-9f606645] {
    color: var(--color-primary-900)
}

.bg-100[data-v-9f606645] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-9f606645] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-9f606645] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-9f606645] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-9f606645] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-9f606645] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-9f606645] {
    background-color: var(--color-warning)
}

.bg-link[data-v-9f606645] {
    background-color: var(--color-link)
}

.bg-danger[data-v-9f606645] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-9f606645] {
    color: var(--color-text-100)
}

.color-text-80[data-v-9f606645] {
    color: var(--color-text-80)
}

.color-text-50[data-v-9f606645] {
    color: var(--color-text-50)
}

.color-text-40[data-v-9f606645] {
    color: var(--color-text-40)
}

.color-text-20[data-v-9f606645] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-9f606645] {
    color: var(--color-currency)
}

.color-warning[data-v-9f606645] {
    color: var(--color-warning)
}

.color-danger[data-v-9f606645] {
    color: var(--color-danger)
}

.color-link[data-v-9f606645] {
    color: var(--color-link)
}

.color-line[data-v-9f606645] {
    color: var(--color-line)
}

.color-border[data-v-9f606645] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-9f606645] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-9f606645] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-9f606645] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-9f606645] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-9f606645] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-9f606645] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-9f606645] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-9f606645] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-9f606645] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-9f606645] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-9f606645] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-9f606645] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-9f606645] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-9f606645] {
    display: flex;
    align-items: center
}

.flex-start[data-v-9f606645] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-9f606645] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-9f606645] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-9f606645] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-9f606645] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-9f606645] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-9f606645] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-9f606645] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-9f606645] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-9f606645] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-9f606645] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-9f606645] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-9f606645] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-9f606645] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-9f606645] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-9f606645] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-9f606645] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-9f606645] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-9f606645] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-9f606645] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-9f606645] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-9f606645] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-9f606645] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-9f606645] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-9f606645],
.mlm-selected-item[data-v-9f606645] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-9f606645] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-9f606645]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-9f606645] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-9f606645] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-9f606645] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.sign-in-rewards-container[data-v-9f606645] {
    min-height: 100vh;
    position: relative
}

.hero-background[data-v-9f606645] {
    position: relative;
    width: 100%;
    height: 53.75rem;
    overflow: hidden;
    background-size: 100% 100%
}

.hero-background .share-wrapper[data-v-9f606645] {
    width: 100%;
    padding: .75rem
}

.hero-background.unshare[data-v-9f606645] {
    background-position-y: -5rem
}

.hero-background.unshare .content-wrapper[data-v-9f606645] {
    top: 16.3rem
}

.hero-background .content-wrapper[data-v-9f606645] {
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    top: 21.3rem
}

.hero-background .progress-section[data-v-9f606645] {
    width: 22.5rem;
    position: relative
}

.hero-background .progress-section .current-level[data-v-9f606645] {
    height: 1.875rem;
    margin: 0 auto 2rem;
    width: 6.25rem;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--ep-font-size-xl, 1.875rem);
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-success, #53C154)
}

.hero-background .progress-section .progress[data-v-9f606645] {
    padding: .625rem 0
}

.hero-background .progress-section .progress .top-reward[data-v-9f606645] {
    display: flex;
    align-items: center
}

.hero-background .progress-section .progress .top-reward .reward[data-v-9f606645] {
    flex: 1;
    text-align: center;
    color: var(--ep-color-text-highlight-white, #FFF);
    font-size: var(--ep-font-size-xs, 10px);
    font-weight: var(--ep-font-weight-medium, 600);
    line-height: 150%
}

.hero-background .progress-section .progress .progress-bar[data-v-9f606645] {
    position: relative;
    width: 100%;
    height: .375rem;
    border-radius: .625rem;
    margin-top: 1.2rem;
    background: var(--ep-neutral-white-white-10, rgba(255, 255, 255, .1));
    display: flex;
    align-items: center
}

.hero-background .progress-section .progress .progress-bar .progress-bar-item[data-v-9f606645] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    transform: scale(.6)
}

.hero-background .progress-section .progress .progress-bar .progress-bar-item.end[data-v-9f606645] {
    background-size: 100% auto;
    height: 3.3125rem
}

.hero-background .progress-section .progress .progress-bar[data-v-9f606645]:before {
    content: "";
    position: absolute;
    border-radius: .625rem;
    background: var(--ep-accent-green, #53C154);
    width: var(--complete-radio, 0);
    height: 100%
}

.hero-background .progress-section .progress .bot-level[data-v-9f606645] {
    display: flex;
    align-items: center
}

.hero-background .progress-section .progress .bot-level .bot-level-item[data-v-9f606645] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

.hero-background .progress-section .progress .bot-level .bot-level-item .span-cls[data-v-9f606645] {
    margin-top: 1.4rem;
    text-align: center;
    line-height: 1.25rem;
    width: 2.5rem;
    height: 1.25rem;
    border-radius: 3.125rem;
    font-size: var(--ep-font-size-xs, 10px);
    background: var(--ep-neutral-black-black-60, rgba(0, 0, 0, .6));
    color: var(--ep-color-text-highlight-white-weak, rgba(255, 255, 255, .6))
}

.hero-background .progress-section .progress .bot-level .bot-level-item.active .span-cls[data-v-9f606645] {
    color: var(--ep-color-text-inverse, #FFF);
    background: var(--ep-color-icon-info, #5C82F5)
}

.hero-background .rewards-section[data-v-9f606645] {
    width: 22.5rem;
    margin-top: 1.25rem;
    padding: .6875rem;
    background-size: 100% 100%
}

.hero-background .rewards-section .volume-display[data-v-9f606645] {
    padding-bottom: .625rem;
    text-align: left;
    position: relative
}

.hero-background .rewards-section .volume-display .volume-amount[data-v-9f606645] {
    display: flex;
    color: var(--ep-color-text-highlight, #F5C84C);
    font-size: var(--ep-font-size-xxl, 24px);
    font-weight: var(--ep-font-weight-bold, 700);
    line-height: 150%
}

.hero-background .rewards-section .volume-display .volume-amount .currency[data-v-9f606645] {
    margin-right: .25rem
}

.hero-background .rewards-section .volume-display .volume-label[data-v-9f606645] {
    color: var(--ep-color-text-highlight-white-weak, rgba(255, 255, 255, .6));
    font-size: var(--ep-font-size-xs, 10px);
    font-weight: var(--ep-font-weight-regular, 400);
    line-height: 150%
}

.hero-background .rewards-section .check-in-grid[data-v-9f606645] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: .375rem
}

.hero-background .rewards-section .check-in-grid .check-in-item[data-v-9f606645] {
    position: relative;
    height: 6.25rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: .5rem;
    overflow: hidden
}

.hero-background .rewards-section .check-in-grid .check-in-item.day-7[data-v-9f606645] {
    grid-column: span 2
}

.hero-background .rewards-section .check-in-grid .check-in-item .day-label[data-v-9f606645] {
    color: var(--ep-color-text-highlight-white, #FFF);
    text-align: center;
    font-size: var(--ep-font-size-s, 12px);
    font-weight: var(--ep-font-weight-regular, 400);
    line-height: 150%
}

.hero-background .rewards-section .check-in-grid .check-in-item .reward-icon[data-v-9f606645] {
    width: 2.9013125rem;
    height: 2.25rem;
    margin: .25rem 0;
    position: relative;
    background-size: 100% 100%
}

.hero-background .rewards-section .check-in-grid .check-in-item .reward-amount[data-v-9f606645] {
    display: flex;
    gap: .3125rem;
    font-size: var(--ep-font-size-m);
    font-weight: var(--ep-font-weight-medium)
}

.hero-background .rewards-section .check-in-grid .check-in-item .reward-amount .currency[data-v-9f606645] {
    color: var(--ep-color-text-weak)
}

.hero-background .rewards-section .check-in-grid .check-in-item .reward-amount .amount[data-v-9f606645] {
    color: var(--ep-color-text-highlight)
}

.hero-background .rewards-section .check-in-grid .check-in-item .completed-overlay[data-v-9f606645] {
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .5);
    border-radius: .375rem
}

.hero-background .rewards-section .check-in-grid .check-in-item .completed-overlay .ab-render-img[data-v-9f606645] {
    background-size: 100% 100%;
    width: 1.625rem;
    height: 1.625rem
}

.promotion-content[data-v-9f606645] {
    margin: -1.6rem .875rem 0;
    padding-bottom: 2rem
}

.promotion-content.unshare[data-v-9f606645] {
    margin-top: -4.6rem
}

.promotion-content[data-v-9f606645] .ruleHeader {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem
}

.promotion-content[data-v-9f606645] .ruleHeader .span-cls {
    color: var(--ep-color-text-default);
    font-size: 1rem;
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium));
    line-height: 150%;
    margin: 0 .375rem
}

.promotion-content[data-v-9f606645] .item-wrap {
    padding: 0
}

.promotion-content[data-v-9f606645] .item-wrap .rule-item {
    color: var(--ep-color-text-weaker, rgba(255, 255, 255, .4));
    font-size: var(--ep-font-size-s, 12px);
    font-weight: var(--ep-font-weight-regular, 400);
    line-height: 150%;
    white-space: pre-line
}

.promotion-content[data-v-9f606645] .item-wrap .rule-item:not(:last-child) {
    margin-bottom: .75rem
}

.color-primary-600[data-v-e51cdd0d] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-e51cdd0d] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-e51cdd0d] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-e51cdd0d] {
    color: var(--color-primary-900)
}

.bg-100[data-v-e51cdd0d] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-e51cdd0d] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-e51cdd0d] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-e51cdd0d] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-e51cdd0d] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-e51cdd0d] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-e51cdd0d] {
    background-color: var(--color-warning)
}

.bg-link[data-v-e51cdd0d] {
    background-color: var(--color-link)
}

.bg-danger[data-v-e51cdd0d] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-e51cdd0d] {
    color: var(--color-text-100)
}

.color-text-80[data-v-e51cdd0d] {
    color: var(--color-text-80)
}

.color-text-50[data-v-e51cdd0d] {
    color: var(--color-text-50)
}

.color-text-40[data-v-e51cdd0d] {
    color: var(--color-text-40)
}

.color-text-20[data-v-e51cdd0d] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-e51cdd0d] {
    color: var(--color-currency)
}

.color-warning[data-v-e51cdd0d] {
    color: var(--color-warning)
}

.color-danger[data-v-e51cdd0d] {
    color: var(--color-danger)
}

.color-link[data-v-e51cdd0d] {
    color: var(--color-link)
}

.color-line[data-v-e51cdd0d] {
    color: var(--color-line)
}

.color-border[data-v-e51cdd0d] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-e51cdd0d] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-e51cdd0d] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-e51cdd0d] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-e51cdd0d] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-e51cdd0d] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-e51cdd0d] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-e51cdd0d] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-e51cdd0d] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-e51cdd0d] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-e51cdd0d] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-e51cdd0d] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-e51cdd0d] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-e51cdd0d] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-e51cdd0d] {
    display: flex;
    align-items: center
}

.flex-start[data-v-e51cdd0d] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-e51cdd0d] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-e51cdd0d] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-e51cdd0d] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-e51cdd0d] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-e51cdd0d] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-e51cdd0d] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-e51cdd0d] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-e51cdd0d] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-e51cdd0d] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-e51cdd0d] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-e51cdd0d] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-e51cdd0d] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-e51cdd0d] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-e51cdd0d] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-e51cdd0d] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-e51cdd0d] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-e51cdd0d] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-e51cdd0d] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-e51cdd0d] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-e51cdd0d] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-e51cdd0d] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-e51cdd0d] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-e51cdd0d] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-e51cdd0d],
.mlm-selected-item[data-v-e51cdd0d] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-e51cdd0d] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-e51cdd0d]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-e51cdd0d] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-e51cdd0d] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-e51cdd0d] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-content .banner[data-v-e51cdd0d] {
    width: 100%;
    height: 12.3125rem;
    position: relative;
    background: url(/svg/activity/appreciation_bg.png) no-repeat;
    background-size: cover
}

.banner .timeBoard[data-v-e51cdd0d] {
    width: 8.9375rem;
    height: 2.5rem;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, -80%);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: url(/svg/activity/appreciation_board.svg) no-repeat;
    background-size: cover
}

.textBasic[data-v-e51cdd0d] {
    color: var(--color-text-basic)
}

.textEmphasis[data-v-e51cdd0d] {
    color: var(--color-text-emphasis)
}

.textSecond[data-v-e51cdd0d] {
    color: var(--color-text-second)
}

.bgSecond[data-v-e51cdd0d] {
    background: var(--color-bg-second)
}

.textTime[data-v-e51cdd0d] {
    color: var(--color-text-emphasis)
}

.title-text[data-v-e51cdd0d] {
    color: var(--color-text-basic)
}

.textReward[data-v-e51cdd0d] {
    color: var(--color-text-emphasis)
}

.textRule[data-v-e51cdd0d] {
    color: var(--color-text-second)
}

.des .item[data-v-e51cdd0d] {
    background-color: var(--color-bg-second)
}

.appreciation-rule[data-v-e51cdd0d] .ruleHeader {
    margin-bottom: .75rem;
    justify-content: flex-start
}

.appreciation-rule[data-v-e51cdd0d] .ruleHeader .span-cls {
    color: var(--color-text-basic);
    font-size: var(--ep-font-size-s);
    font-weight: var(--ep-font-weight-medium);
    margin: 0
}

.appreciation-rule[data-v-e51cdd0d] .item-wrap {
    padding: 0
}

.appreciation-rule[data-v-e51cdd0d] .item-wrap .rule-item {
    font-size: 1rem;
    font-weight: 400;
    color: var(--color-text-second);
    margin-bottom: .75rem
}

.blue-default .textBasic[data-v-e51cdd0d] {
    color: var(--color-text-basic)
}

.blue-default .textEmphasis[data-v-e51cdd0d] {
    color: var(--color-text-emphasis)
}

.blue-default .textSecond[data-v-e51cdd0d] {
    color: var(--color-text-second)
}

.blue-default .bgSecond[data-v-e51cdd0d] {
    background: var(--color-bg-second)
}

.blue-default .textTime[data-v-e51cdd0d] {
    color: var(--color-text-emphasis)
}

.blue-default .title-text[data-v-e51cdd0d] {
    color: var(--color-text-basic)
}

.blue-default .textReward[data-v-e51cdd0d] {
    color: var(--color-text-emphasis)
}

.blue-default .textRule[data-v-e51cdd0d] {
    color: var(--color-text-second)
}

.blue-default .des .item[data-v-e51cdd0d] {
    background-color: var(--color-bg-second)
}

.blue-default .appreciation-rule[data-v-e51cdd0d] .ruleHeader {
    margin-bottom: .75rem;
    justify-content: flex-start
}

.blue-default .appreciation-rule[data-v-e51cdd0d] .ruleHeader .span-cls {
    color: var(--color-text-basic);
    font-size: var(--ep-font-size-s);
    font-weight: var(--ep-font-weight-medium);
    margin: 0
}

.blue-default .appreciation-rule[data-v-e51cdd0d] .item-wrap {
    padding: 0
}

.blue-default .appreciation-rule[data-v-e51cdd0d] .item-wrap .rule-item {
    font-size: 1rem;
    font-weight: 400;
    color: var(--color-text-second);
    margin-bottom: .75rem
}

.green-default .textBasic[data-v-e51cdd0d] {
    color: var(--color-text-basic)
}

.green-default .textEmphasis[data-v-e51cdd0d] {
    color: var(--color-text-emphasis)
}

.green-default .textSecond[data-v-e51cdd0d] {
    color: var(--color-text-second)
}

.green-default .bgSecond[data-v-e51cdd0d] {
    background: var(--color-bg-second)
}

.green-default .textTime[data-v-e51cdd0d] {
    color: var(--color-text-emphasis)
}

.green-default .title-text[data-v-e51cdd0d] {
    color: var(--color-text-basic)
}

.green-default .textReward[data-v-e51cdd0d] {
    color: var(--color-text-emphasis)
}

.green-default .textRule[data-v-e51cdd0d] {
    color: var(--color-text-second)
}

.green-default .des .item[data-v-e51cdd0d] {
    background-color: var(--color-bg-second)
}

.green-default .appreciation-rule[data-v-e51cdd0d] .ruleHeader {
    margin-bottom: .75rem;
    justify-content: flex-start
}

.green-default .appreciation-rule[data-v-e51cdd0d] .ruleHeader .span-cls {
    color: var(--color-text-basic);
    font-size: var(--ep-font-size-s);
    font-weight: var(--ep-font-weight-medium);
    margin: 0
}

.green-default .appreciation-rule[data-v-e51cdd0d] .item-wrap {
    padding: 0
}

.green-default .appreciation-rule[data-v-e51cdd0d] .item-wrap .rule-item {
    font-size: 1rem;
    font-weight: 400;
    color: var(--color-text-second);
    margin-bottom: .75rem
}

.amber-purple .default .textBasic[data-v-e51cdd0d] {
    color: var(--color-text-basic)
}

.amber-purple .default .textEmphasis[data-v-e51cdd0d] {
    color: var(--color-text-emphasis)
}

.amber-purple .default .textSecond[data-v-e51cdd0d] {
    color: var(--color-text-second)
}

.amber-purple .default .bgSecond[data-v-e51cdd0d] {
    background: var(--color-bg-200)
}

.amber-purple .default .textTime[data-v-e51cdd0d] {
    color: var(--color-text-emphasis)
}

.amber-purple .default .title-text[data-v-e51cdd0d] {
    color: var(--color-text-basic)
}

.amber-purple .default .textReward[data-v-e51cdd0d] {
    color: var(--color-text-emphasis)
}

.amber-purple .default .textRule[data-v-e51cdd0d] {
    color: var(--color-text-second)
}

.amber-purple .default .des .item[data-v-e51cdd0d] {
    background-color: var(--color-bg-100)
}

.amber-purple .default .appreciation-rule[data-v-e51cdd0d] .ruleHeader {
    margin-bottom: .75rem;
    justify-content: flex-start
}

.amber-purple .default .appreciation-rule[data-v-e51cdd0d] .ruleHeader .span-cls {
    color: var(--color-text-basic);
    font-size: var(--ep-font-size-s);
    font-weight: var(--ep-font-weight-medium);
    margin: 0
}

.amber-purple .default .appreciation-rule[data-v-e51cdd0d] .item-wrap {
    padding: 0
}

.amber-purple .default .appreciation-rule[data-v-e51cdd0d] .item-wrap .rule-item {
    font-size: 1rem;
    font-weight: 400;
    color: var(--color-text-second);
    margin-bottom: .75rem
}

.yellow-dark .textBasic[data-v-e51cdd0d],
.green-dark .textBasic[data-v-e51cdd0d] {
    color: var(--color-activity-time)
}

.yellow-dark .textEmphasis[data-v-e51cdd0d],
.green-dark .textEmphasis[data-v-e51cdd0d] {
    color: var(--color-warning)
}

.yellow-dark .textSecond[data-v-e51cdd0d],
.green-dark .textSecond[data-v-e51cdd0d] {
    color: var(--color-appreciation-currency)
}

.yellow-dark .bgSecond[data-v-e51cdd0d],
.green-dark .bgSecond[data-v-e51cdd0d] {
    background: var(--color-appreciation-board)
}

.yellow-dark .textTime[data-v-e51cdd0d],
.green-dark .textTime[data-v-e51cdd0d] {
    color: var(--accent-color-blue)
}

.yellow-dark .title-text[data-v-e51cdd0d],
.green-dark .title-text[data-v-e51cdd0d] {
    color: var(--color-appreciation-title)
}

.yellow-dark .textReward[data-v-e51cdd0d],
.green-dark .textReward[data-v-e51cdd0d] {
    color: var(--color-warning)
}

.yellow-dark .textRule[data-v-e51cdd0d],
.green-dark .textRule[data-v-e51cdd0d] {
    color: var(--color-appreciation-currency)
}

.yellow-dark .des .item[data-v-e51cdd0d],
.green-dark .des .item[data-v-e51cdd0d] {
    background-color: var(--color-bg-200)
}

.yellow-dark .appreciation-rule[data-v-e51cdd0d] .ruleHeader,
.green-dark .appreciation-rule[data-v-e51cdd0d] .ruleHeader {
    margin-bottom: .75rem;
    justify-content: flex-start
}

.yellow-dark .appreciation-rule[data-v-e51cdd0d] .ruleHeader .span-cls,
.green-dark .appreciation-rule[data-v-e51cdd0d] .ruleHeader .span-cls {
    color: var(--color-appreciation-title);
    font-size: var(--ep-font-size-s);
    font-weight: var(--ep-font-weight-medium);
    margin: 0
}

.yellow-dark .appreciation-rule[data-v-e51cdd0d] .item-wrap,
.green-dark .appreciation-rule[data-v-e51cdd0d] .item-wrap {
    padding: 0
}

.yellow-dark .appreciation-rule[data-v-e51cdd0d] .item-wrap .rule-item,
.green-dark .appreciation-rule[data-v-e51cdd0d] .item-wrap .rule-item {
    font-size: 1rem;
    font-weight: 400;
    color: var(--color-appreciation-currency);
    margin-bottom: .75rem
}

.purple-light .textBasic[data-v-e51cdd0d] {
    color: var(--color-activity-time)
}

.purple-light .textEmphasis[data-v-e51cdd0d] {
    color: var(--color-warning)
}

.purple-light .textSecond[data-v-e51cdd0d] {
    color: var(--color-appreciation-currency)
}

.purple-light .bgSecond[data-v-e51cdd0d] {
    background: var(--color-appreciation-board)
}

.purple-light .textTime[data-v-e51cdd0d] {
    color: var(--accent-color-blue)
}

.purple-light .title-text[data-v-e51cdd0d] {
    color: var(--color-appreciation-title)
}

.purple-light .textReward[data-v-e51cdd0d] {
    color: var(--color-warning)
}

.purple-light .textRule[data-v-e51cdd0d] {
    color: var(--color-appreciation-title)
}

.purple-light .des .item[data-v-e51cdd0d] {
    background-color: var(--color-bg-100)
}

.purple-light .appreciation-rule[data-v-e51cdd0d] .ruleHeader {
    margin-bottom: .75rem;
    justify-content: flex-start
}

.purple-light .appreciation-rule[data-v-e51cdd0d] .ruleHeader .span-cls {
    color: var(--color-appreciation-title);
    font-size: var(--ep-font-size-s);
    font-weight: var(--ep-font-weight-medium);
    margin: 0
}

.purple-light .appreciation-rule[data-v-e51cdd0d] .item-wrap {
    padding: 0
}

.purple-light .appreciation-rule[data-v-e51cdd0d] .item-wrap .rule-item {
    font-size: 1rem;
    font-weight: 400;
    color: var(--color-appreciation-title);
    margin-bottom: .75rem
}

.amber-purple .second .textBasic[data-v-e51cdd0d] {
    color: var(--color-activity-time)
}

.amber-purple .second .textEmphasis[data-v-e51cdd0d] {
    color: var(--color-text-orange-emphasis)
}

.amber-purple .second .textSecond[data-v-e51cdd0d] {
    color: var(--color-text-first)
}

.amber-purple .second .bgSecond[data-v-e51cdd0d] {
    background: var(--color-bg-fifth)
}

.amber-purple .second .textTime[data-v-e51cdd0d] {
    color: var(--accent-color-blue)
}

.amber-purple .second .title-text[data-v-e51cdd0d] {
    color: var(--color-text-first)
}

.amber-purple .second .textReward[data-v-e51cdd0d] {
    color: var(--color-text-yellow-emphasis)
}

.amber-purple .second .textRule[data-v-e51cdd0d] {
    color: var(--color-text-second)
}

.amber-purple .second .des .item[data-v-e51cdd0d] {
    background-color: var(--color-bg-100)
}

.amber-purple .second .appreciation-rule[data-v-e51cdd0d] .ruleHeader {
    margin-bottom: .75rem;
    justify-content: flex-start
}

.amber-purple .second .appreciation-rule[data-v-e51cdd0d] .ruleHeader .span-cls {
    color: var(--color-text-first);
    font-size: var(--ep-font-size-s);
    font-weight: var(--ep-font-weight-medium);
    margin: 0
}

.amber-purple .second .appreciation-rule[data-v-e51cdd0d] .item-wrap {
    padding: 0
}

.amber-purple .second .appreciation-rule[data-v-e51cdd0d] .item-wrap .rule-item {
    font-size: 1rem;
    font-weight: 400;
    color: var(--color-text-second);
    margin-bottom: .75rem
}

.amber-purple .second .bottomBtn[data-v-e51cdd0d] {
    background: var(--color-gradients-btn);
    box-shadow: var(--color-shadow-bottom-btn)
}

.amber-purple .second .bottomBtn[data-v-e51cdd0d]:active {
    background: var(--color-gradients-btn);
    box-shadow: none;
    height: 2.8rem
}

.amber-purple .second .disabledBtn[data-v-e51cdd0d] {
    opacity: .4;
    pointer-events: none
}

.green-dark .footer .btn[data-v-e51cdd0d] {
    width: 22.875rem;
    height: 2.875rem;
    border-radius: .375rem;
    background: var(--theme-color-800)
}

.green-dark .footer .btn.unable[data-v-e51cdd0d] {
    opacity: .5
}

.new-skin-symbol ion-toolbar[data-v-e51cdd0d] {
    --background: var(--ep-color-background-fill-top-nav-secondary)
}

.new-skin-symbol ion-title[data-v-e51cdd0d] {
    color: var(--ep-color-text-default);
    font-size: var(--ep-font-size-xl);
    font-weight: var(--ep-font-weight-medium)
}

.new-skin-symbol .timeBoard .textBasic[data-v-e51cdd0d] {
    color: var(--ep-color-text-highlight-white);
    font-size: var(--ep-font-size-xs);
    font-weight: var(--ep-font-weight-regular)
}

.new-skin-symbol .timeBoard .textEmphasis[data-v-e51cdd0d] {
    color: var(--ep-color-text-warning);
    font-size: var(--ep-font-size-xs);
    font-weight: var(--ep-font-weight-bold)
}

.new-skin-symbol .title-text[data-v-e51cdd0d] {
    color: var(--ep-color-text-default);
    font-size: var(--ep-font-size-m);
    font-weight: var(--ep-font-weight-medium)
}

.new-skin-symbol .item[data-v-e51cdd0d] {
    background: var(--ep-color-background-fill-surface-raised-L1);
    border-radius: var(--ep-border-radius-m)
}

.new-skin-symbol .item .textTime[data-v-e51cdd0d] {
    color: var(--ep-color-text-info);
    font-size: var(--ep-font-size-xl);
    font-weight: var(--ep-font-weight-bold)
}

.new-skin-symbol .item .textCoin[data-v-e51cdd0d] {
    color: var(--ep-color-text-default);
    font-size: var(--ep-border-radius-surface-large);
    font-weight: var(--ep-font-weight-bold)
}

.new-skin-symbol .item .textReward[data-v-e51cdd0d] {
    color: var(--ep-color-text-warning);
    font-size: var(--ep-border-radius-surface-large);
    font-weight: var(--ep-font-weight-bold)
}

.new-skin-symbol .ruleHeader[data-v-e51cdd0d] {
    color: var(--ep-color-text-default);
    font-size: var(--ep-font-size-s);
    font-weight: var(--ep-font-weight-medium)
}

.new-skin-symbol .ruleItem[data-v-e51cdd0d] {
    margin-bottom: 0
}

.new-skin-symbol .ruleItem .ruleDes[data-v-e51cdd0d] {
    color: var(--ep-color-text-weaker);
    font-size: var(--ep-font-size-s);
    font-weight: var(--ep-font-weight-regular)
}

.new-skin-symbol .btn[data-v-e51cdd0d] {
    box-shadow: none;
    border-radius: var(--ep-border-radius-m);
    font-size: var(--ep-font-size-m);
    font-weight: var(--ep-font-weight-bold)
}

.new-skin-symbol .btn.unable[data-v-e51cdd0d] {
    background: var(--ep-color-background-fill-active-disabled);
    color: var(--ep-color-text-inverse-disabled)
}

.new-skin-symbol .btn.active[data-v-e51cdd0d] {
    background: var(--ep-dynamic-primary);
    color: var(--ep-color-text-default)
}

.new-skin-symbol .appreciation-rule[data-v-e51cdd0d] .ruleHeader .span-cls {
    color: var(--ep-color-text-default);
    font-size: var(--ep-font-size-s);
    font-weight: var(--ep-font-weight-medium)
}

.new-skin-symbol .appreciation-rule[data-v-e51cdd0d] .item-wrap .rule-item {
    color: var(--ep-color-text-weaker);
    font-size: var(--ep-font-size-s);
    font-weight: var(--ep-font-weight-regular)
}

.color-primary-600[data-v-37cb2a5f] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-37cb2a5f] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-37cb2a5f] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-37cb2a5f] {
    color: var(--color-primary-900)
}

.bg-100[data-v-37cb2a5f] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-37cb2a5f] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-37cb2a5f] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-37cb2a5f] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-37cb2a5f] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-37cb2a5f] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-37cb2a5f] {
    background-color: var(--color-warning)
}

.bg-link[data-v-37cb2a5f] {
    background-color: var(--color-link)
}

.bg-danger[data-v-37cb2a5f] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-37cb2a5f] {
    color: var(--color-text-100)
}

.color-text-80[data-v-37cb2a5f] {
    color: var(--color-text-80)
}

.color-text-50[data-v-37cb2a5f] {
    color: var(--color-text-50)
}

.color-text-40[data-v-37cb2a5f] {
    color: var(--color-text-40)
}

.color-text-20[data-v-37cb2a5f] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-37cb2a5f] {
    color: var(--color-currency)
}

.color-warning[data-v-37cb2a5f] {
    color: var(--color-warning)
}

.color-danger[data-v-37cb2a5f] {
    color: var(--color-danger)
}

.color-link[data-v-37cb2a5f] {
    color: var(--color-link)
}

.color-line[data-v-37cb2a5f] {
    color: var(--color-line)
}

.color-border[data-v-37cb2a5f] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-37cb2a5f] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-37cb2a5f] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-37cb2a5f] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-37cb2a5f] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-37cb2a5f] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-37cb2a5f] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-37cb2a5f] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-37cb2a5f] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-37cb2a5f] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-37cb2a5f] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-37cb2a5f] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-37cb2a5f] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-37cb2a5f] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-37cb2a5f] {
    display: flex;
    align-items: center
}

.flex-start[data-v-37cb2a5f] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-37cb2a5f] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-37cb2a5f] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-37cb2a5f] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-37cb2a5f] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-37cb2a5f] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-37cb2a5f] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-37cb2a5f] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-37cb2a5f] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-37cb2a5f] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-37cb2a5f] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-37cb2a5f] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-37cb2a5f] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-37cb2a5f] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-37cb2a5f] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-37cb2a5f] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-37cb2a5f] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-37cb2a5f] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-37cb2a5f] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-37cb2a5f] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-37cb2a5f] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-37cb2a5f] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-37cb2a5f] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-37cb2a5f] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-37cb2a5f],
.mlm-selected-item[data-v-37cb2a5f] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-37cb2a5f] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-37cb2a5f]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-37cb2a5f] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-37cb2a5f] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-37cb2a5f] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-content[data-v-37cb2a5f] {
    font-family: SF Pro, Roboto, sans-serif;
    --background: #090f1f
}

ion-content .des[data-v-37cb2a5f] {
    font-family: SF Pro Text, sans-serif
}

ion-content .des .title-text[data-v-37cb2a5f] {
    color: #7f8eb3;
    font-weight: 500
}

ion-content .des .item[data-v-37cb2a5f] {
    background: rgba(48, 56, 80, .8);
    color: #b5e9ff
}

ion-content .des .item[data-v-37cb2a5f]:nth-child(1) {
    font-weight: 600;
    font-size: 1rem
}

ion-content .des .item[data-v-37cb2a5f]:nth-child(2) {
    font-weight: 700;
    font-size: 2rem
}

ion-content .des .item:nth-child(2) .textCoin[data-v-37cb2a5f] {
    font-weight: 400;
    font-size: 1rem;
    color: #465375;
    margin-right: .3125rem
}

ion-content .ruleHeader[data-v-37cb2a5f] {
    background: linear-gradient(360deg, #465375, #b5e9ff);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    font-size: 1rem;
    margin-bottom: .75rem
}

ion-content .textRule[data-v-37cb2a5f] {
    font-family: SF Pro Text, sans-serif
}

ion-content .ruleItem[data-v-37cb2a5f] {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    line-height: 1.25rem;
    padding-left: .4375rem
}

ion-content .ruleItem .dot[data-v-37cb2a5f] {
    width: .625rem
}

ion-content .ruleItem .ruleDes[data-v-37cb2a5f] {
    flex: 1
}

ion-content .ruleItem[data-v-37cb2a5f]:nth-last-child(1) {
    margin-bottom: 0
}

ion-content .banner[data-v-37cb2a5f] {
    width: 100%;
    height: 15rem;
    position: relative;
    background: url(/svg/activity/appreciationFollow_bg.png) no-repeat;
    background-size: cover
}

.banner .boardBox[data-v-37cb2a5f] {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #3c2c62;
    border-radius: 6.25rem
}

.banner .timeBoard[data-v-37cb2a5f] {
    width: 15.5rem;
    height: 4.5rem;
    border-radius: 6.25rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    background: url(/svg/activity/appreciationFollow_board.png) no-repeat;
    background-size: 14.5rem 3.5rem;
    background-position: .5rem .5rem;
    padding-bottom: .25rem
}

.banner .timeBoard p[data-v-37cb2a5f]:nth-child(1) {
    background: linear-gradient(180deg, #dca8ff, #ad33ff);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: 1rem
}

.banner .timeBoard p[data-v-37cb2a5f]:nth-child(2) {
    background: linear-gradient(180deg, #dca8ff, #89c4ff);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1.5rem;
    margin-bottom: .3125rem
}

ion-toolbar[data-v-37cb2a5f] {
    --background: #10162966;
    --color: #fff;
    margin-bottom: -3.125rem;
    height: 3.125rem
}

[data-v-37cb2a5f] ion-button ion-icon {
    color: #fff
}

.footer[data-v-37cb2a5f] {
    height: 4.5rem;
    padding-top: .75rem;
    background: #101629 !important;
    box-shadow: 0 .0313rem #2c354b inset !important
}

.footer .btn[data-v-37cb2a5f] {
    width: 22.875rem;
    height: 3rem;
    border-radius: .25rem;
    line-height: 3rem
}

.footer .btn.active[data-v-37cb2a5f] {
    background: linear-gradient(350.74deg, #6a3ac1 23.01%, #b271e0 131.39%);
    box-shadow: none
}

.footer .btn.unable[data-v-37cb2a5f] {
    opacity: .5;
    background: linear-gradient(350.74deg, #6a3ac1 23.01%, #b271e0 131.39%);
    color: #fff
}

.appreciation-rule-style1[data-v-37cb2a5f] .ruleHeader {
    margin-bottom: .75rem;
    justify-content: flex-start
}

.appreciation-rule-style1[data-v-37cb2a5f] .ruleHeader .span-cls {
    background: linear-gradient(360deg, #465375, #b5e9ff);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    font-size: 1rem;
    margin: 0
}

.appreciation-rule-style1[data-v-37cb2a5f] .item-wrap {
    padding: 0
}

.appreciation-rule-style1[data-v-37cb2a5f] .item-wrap .rule-item {
    font-size: 1rem;
    font-weight: 400;
    color: #7f8eb3;
    margin-bottom: .75rem;
    font-family: SF Pro Text, sans-serif;
    line-height: 1.25rem;
    padding-left: .4375rem
}

.color-primary-600[data-v-fe2967f9] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-fe2967f9] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-fe2967f9] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-fe2967f9] {
    color: var(--color-primary-900)
}

.bg-100[data-v-fe2967f9] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-fe2967f9] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-fe2967f9] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-fe2967f9] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-fe2967f9] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-fe2967f9] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-fe2967f9] {
    background-color: var(--color-warning)
}

.bg-link[data-v-fe2967f9] {
    background-color: var(--color-link)
}

.bg-danger[data-v-fe2967f9] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-fe2967f9] {
    color: var(--color-text-100)
}

.color-text-80[data-v-fe2967f9] {
    color: var(--color-text-80)
}

.color-text-50[data-v-fe2967f9] {
    color: var(--color-text-50)
}

.color-text-40[data-v-fe2967f9] {
    color: var(--color-text-40)
}

.color-text-20[data-v-fe2967f9] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-fe2967f9] {
    color: var(--color-currency)
}

.color-warning[data-v-fe2967f9] {
    color: var(--color-warning)
}

.color-danger[data-v-fe2967f9] {
    color: var(--color-danger)
}

.color-link[data-v-fe2967f9] {
    color: var(--color-link)
}

.color-line[data-v-fe2967f9] {
    color: var(--color-line)
}

.color-border[data-v-fe2967f9] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-fe2967f9] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-fe2967f9] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-fe2967f9] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-fe2967f9] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-fe2967f9] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-fe2967f9] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-fe2967f9] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-fe2967f9] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-fe2967f9] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-fe2967f9] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-fe2967f9] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-fe2967f9] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-fe2967f9] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-fe2967f9] {
    display: flex;
    align-items: center
}

.flex-start[data-v-fe2967f9] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-fe2967f9] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-fe2967f9] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-fe2967f9] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-fe2967f9] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-fe2967f9] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-fe2967f9] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-fe2967f9] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-fe2967f9] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-fe2967f9] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-fe2967f9] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-fe2967f9] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-fe2967f9] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-fe2967f9] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-fe2967f9] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-fe2967f9] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-fe2967f9] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-fe2967f9] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-fe2967f9] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-fe2967f9] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-fe2967f9] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-fe2967f9] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-fe2967f9] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-fe2967f9] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-fe2967f9],
.mlm-selected-item[data-v-fe2967f9] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-fe2967f9] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-fe2967f9]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-fe2967f9] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-fe2967f9] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-fe2967f9] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.wrap[data-v-fe2967f9] {
    height: 48rem;
    position: relative;
    background-size: 100%;
    white-space: nowrap;
    --mt: .2rem
}

.wrap.unshare[data-v-fe2967f9] {
    height: 46rem;
    background-position-y: -4.4rem
}

.wrap.unshare .bg-title[data-v-fe2967f9] {
    top: 8.6rem
}

.wrap.unshare .single[data-v-fe2967f9] {
    top: 11.7rem
}

.wrap.unshare .single-bot[data-v-fe2967f9] {
    top: 32.2rem
}

.wrap .bot-icon[data-v-fe2967f9] {
    width: 24.375rem;
    height: 6.625rem;
    position: absolute;
    bottom: -2.6rem
}

.wrap .share-wrapper[data-v-fe2967f9] {
    width: 100%;
    padding: .75rem;
    position: absolute
}

.wrap .bg-title[data-v-fe2967f9] {
    background-size: 100%;
    width: 20.875rem;
    height: 3.5rem;
    position: absolute;
    top: 12rem;
    left: 2rem
}

.wrap .single[data-v-fe2967f9] {
    position: absolute;
    width: 18.75rem;
    height: 3.625rem;
    top: 15.375rem;
    left: 2.78rem;
    text-align: center
}

.wrap .single .title[data-v-fe2967f9] {
    color: var(--ep-color-text-highlight-white, #FFF);
    text-shadow: 1px 1px 0px rgba(0, 0, 0, .4);
    font-size: var(--ep-font-size-xxl, 24px);
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    line-height: 150%
}

.wrap .single .span-cls[data-v-fe2967f9] {
    color: var(--ep-accent-blue, var(--color-text-highlight-white, #FFF));
    text-shadow: 1px 1.4px 0px rgba(0, 0, 0, .4);
    line-height: 150%;
    margin-top: -.28rem;
    font-size: var(--font-size-xl, 18px);
    font-style: normal;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.wrap .single .span-cls .active[data-v-fe2967f9] {
    margin-left: .375rem;
    color: var(--ep-color-text-highlight, #F5C84C)
}

.wrap .single .mid-wrap[data-v-fe2967f9] {
    position: relative;
    margin-top: var(--mt)
}

.wrap .single .mid-wrap .mid[data-v-fe2967f9] {
    position: absolute;
    width: 11.875rem;
    height: 3.125rem;
    top: .5rem;
    left: 3.6rem;
    display: flex;
    flex-direction: column
}

.wrap .single .mid-wrap .mid .span-clsz[data-v-fe2967f9] {
    margin-top: .25rem;
    color: var(--ep-color-text-highlight-white, #FFF);
    text-align: center;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, .4);
    font-size: var(--ep-font-size-m, 14px);
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.wrap .single .mid-wrap .mid .span-clsz[data-v-fe2967f9]:nth-child(2) {
    margin-top: -.125rem
}

.wrap .single-bot[data-v-fe2967f9] {
    position: absolute;
    width: 17.5rem;
    height: 4.375rem;
    top: 35.625rem;
    left: 3.75rem
}

.wrap .single-bot .title[data-v-fe2967f9] {
    color: var(--ep-color-text-highlight-white, #FFF);
    text-align: center;
    text-shadow: 1px 1.4px 0px rgba(0, 0, 0, .4);
    font-size: var(--ep-font-size-xl, 18px);
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium));
    line-height: 150%;
    margin-top: .125rem
}

.wrap .single-bot .price[data-v-fe2967f9] {
    color: var(--ep-color-text-highlight-white, #FFF);
    text-align: center;
    text-shadow: 0px 2px 0px rgba(0, 0, 0, .4);
    font-size: var(--ep-font-size-xxl, 24px);
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    margin-top: .25rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.wrap .single-bot .price .textReward[data-v-fe2967f9] {
    margin-left: .375rem;
    color: var(--ep-color-text-highlight, #F5C84C);
    max-width: 14rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

[data-v-fe2967f9] .desc {
    margin-top: -.4rem
}

[data-v-fe2967f9] .desc.unshare {
    margin-top: -2rem
}

[data-v-fe2967f9] .desc .ruleHeader {
    margin-bottom: 1rem
}

[data-v-fe2967f9] .desc .item-wrap {
    padding: 0 1.0625rem 5.6rem
}

.footer[data-v-fe2967f9] {
    padding: .96875rem .75rem;
    border-top: 1px solid var(--ep-color-border-default)
}

.footer .btn[data-v-fe2967f9] {
    width: 100%;
    height: 3.0625rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--ep-border-radius-m, 6px);
    background: var(--ep-dynamic-primary, linear-gradient(90deg, var(--ep-color-background-fill-gradients-primary-a, #0A77DA) -27.5%, var(--ep-color-background-fill-gradients-primary-a, #0A77DA) 127.5%));
    color: var(--ep-color-text-inverse, #FFF);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: var(--font-weight-bold, 700);
    line-height: 150%
}

.footer .btn.active[data-v-fe2967f9] {
    box-shadow: none
}

.footer .btn.unable[data-v-fe2967f9] {
    opacity: .5;
    color: #fff
}

@media screen and (min-width: 391px) {
    .wrap[data-v-fe2967f9] {
        --mt: .4rem
    }
}

@media screen and (min-width: 431px) {
    .wrap[data-v-fe2967f9] {
        --mt: .6rem
    }
}

.color-primary-600[data-v-d9fa5970] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-d9fa5970] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-d9fa5970] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-d9fa5970] {
    color: var(--color-primary-900)
}

.bg-100[data-v-d9fa5970] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-d9fa5970] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-d9fa5970] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-d9fa5970] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-d9fa5970] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-d9fa5970] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-d9fa5970] {
    background-color: var(--color-warning)
}

.bg-link[data-v-d9fa5970] {
    background-color: var(--color-link)
}

.bg-danger[data-v-d9fa5970] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-d9fa5970] {
    color: var(--color-text-100)
}

.color-text-80[data-v-d9fa5970] {
    color: var(--color-text-80)
}

.color-text-50[data-v-d9fa5970] {
    color: var(--color-text-50)
}

.color-text-40[data-v-d9fa5970] {
    color: var(--color-text-40)
}

.color-text-20[data-v-d9fa5970] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-d9fa5970] {
    color: var(--color-currency)
}

.color-warning[data-v-d9fa5970] {
    color: var(--color-warning)
}

.color-danger[data-v-d9fa5970] {
    color: var(--color-danger)
}

.color-link[data-v-d9fa5970] {
    color: var(--color-link)
}

.color-line[data-v-d9fa5970] {
    color: var(--color-line)
}

.color-border[data-v-d9fa5970] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-d9fa5970] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-d9fa5970] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-d9fa5970] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-d9fa5970] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-d9fa5970] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-d9fa5970] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-d9fa5970] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-d9fa5970] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-d9fa5970] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-d9fa5970] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-d9fa5970] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-d9fa5970] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-d9fa5970] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-d9fa5970] {
    display: flex;
    align-items: center
}

.flex-start[data-v-d9fa5970] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-d9fa5970] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-d9fa5970] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-d9fa5970] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-d9fa5970] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-d9fa5970] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-d9fa5970] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-d9fa5970] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-d9fa5970] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-d9fa5970] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-d9fa5970] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-d9fa5970] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-d9fa5970] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-d9fa5970] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-d9fa5970] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-d9fa5970] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-d9fa5970] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-d9fa5970] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-d9fa5970] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-d9fa5970] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-d9fa5970] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-d9fa5970] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-d9fa5970] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-d9fa5970] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-d9fa5970],
.mlm-selected-item[data-v-d9fa5970] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-d9fa5970] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-d9fa5970]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-d9fa5970] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-d9fa5970] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-d9fa5970] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.icon[data-v-d9fa5970] {
    --rect-fill-color: #FFFFFF;
    --stroke-fill-color: #1B1B19;
    --fill-opacity: .4
}

.mystlight-blue .icon[data-v-d9fa5970] {
    --rect-fill-color: var(--ep-color-icon-weaker);
    --stroke-fill-color: var(--ep-color-background-fill-body-default)
}

.neo-blue .icon[data-v-d9fa5970] {
    --fill-opacity: .5
}

.purple-light .icon[data-v-d9fa5970] {
    --rect-fill-color: #403D4F;
    --stroke-fill-color: #E7DBFF
}

.color-primary-600[data-v-7b30c45a] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-7b30c45a] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-7b30c45a] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-7b30c45a] {
    color: var(--color-primary-900)
}

.bg-100[data-v-7b30c45a] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-7b30c45a] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-7b30c45a] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-7b30c45a] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-7b30c45a] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-7b30c45a] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-7b30c45a] {
    background-color: var(--color-warning)
}

.bg-link[data-v-7b30c45a] {
    background-color: var(--color-link)
}

.bg-danger[data-v-7b30c45a] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-7b30c45a] {
    color: var(--color-text-100)
}

.color-text-80[data-v-7b30c45a] {
    color: var(--color-text-80)
}

.color-text-50[data-v-7b30c45a] {
    color: var(--color-text-50)
}

.color-text-40[data-v-7b30c45a] {
    color: var(--color-text-40)
}

.color-text-20[data-v-7b30c45a] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-7b30c45a] {
    color: var(--color-currency)
}

.color-warning[data-v-7b30c45a] {
    color: var(--color-warning)
}

.color-danger[data-v-7b30c45a] {
    color: var(--color-danger)
}

.color-link[data-v-7b30c45a] {
    color: var(--color-link)
}

.color-line[data-v-7b30c45a] {
    color: var(--color-line)
}

.color-border[data-v-7b30c45a] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-7b30c45a] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-7b30c45a] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-7b30c45a] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-7b30c45a] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-7b30c45a] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-7b30c45a] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-7b30c45a] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-7b30c45a] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-7b30c45a] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-7b30c45a] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-7b30c45a] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-7b30c45a] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-7b30c45a] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-7b30c45a] {
    display: flex;
    align-items: center
}

.flex-start[data-v-7b30c45a] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-7b30c45a] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-7b30c45a] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-7b30c45a] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-7b30c45a] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-7b30c45a] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-7b30c45a] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-7b30c45a] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-7b30c45a] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-7b30c45a] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-7b30c45a] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-7b30c45a] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-7b30c45a] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-7b30c45a] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-7b30c45a] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-7b30c45a] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-7b30c45a] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-7b30c45a] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-7b30c45a] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-7b30c45a] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-7b30c45a] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-7b30c45a] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-7b30c45a] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-7b30c45a] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-7b30c45a],
.mlm-selected-item[data-v-7b30c45a] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-7b30c45a] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-7b30c45a]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-7b30c45a] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-7b30c45a] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-7b30c45a] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.icon[data-v-7b30c45a] {
    --rect-fill-color: white;
    --fill-opacity: .4
}

.neo-blue .icon[data-v-7b30c45a] {
    --fill-opacity: .5
}

.mystlight-blue .icon[data-v-7b30c45a] {
    --rect-fill-color: #738094;
    --stroke-fill-color: #738094;
    --fill-opacity: .4
}

.purple-light .icon[data-v-7b30c45a] {
    --rect-fill-color: #403D4F;
    --stroke-fill-color: #E7DBFF;
    --fill-opacity: .4
}

.color-primary-600[data-v-8a0fbb0a] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-8a0fbb0a] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-8a0fbb0a] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-8a0fbb0a] {
    color: var(--color-primary-900)
}

.bg-100[data-v-8a0fbb0a] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-8a0fbb0a] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-8a0fbb0a] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-8a0fbb0a] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-8a0fbb0a] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-8a0fbb0a] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-8a0fbb0a] {
    background-color: var(--color-warning)
}

.bg-link[data-v-8a0fbb0a] {
    background-color: var(--color-link)
}

.bg-danger[data-v-8a0fbb0a] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-8a0fbb0a] {
    color: var(--color-text-100)
}

.color-text-80[data-v-8a0fbb0a] {
    color: var(--color-text-80)
}

.color-text-50[data-v-8a0fbb0a] {
    color: var(--color-text-50)
}

.color-text-40[data-v-8a0fbb0a] {
    color: var(--color-text-40)
}

.color-text-20[data-v-8a0fbb0a] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-8a0fbb0a] {
    color: var(--color-currency)
}

.color-warning[data-v-8a0fbb0a] {
    color: var(--color-warning)
}

.color-danger[data-v-8a0fbb0a] {
    color: var(--color-danger)
}

.color-link[data-v-8a0fbb0a] {
    color: var(--color-link)
}

.color-line[data-v-8a0fbb0a] {
    color: var(--color-line)
}

.color-border[data-v-8a0fbb0a] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-8a0fbb0a] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-8a0fbb0a] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-8a0fbb0a] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-8a0fbb0a] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-8a0fbb0a] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-8a0fbb0a] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-8a0fbb0a] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-8a0fbb0a] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-8a0fbb0a] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-8a0fbb0a] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-8a0fbb0a] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-8a0fbb0a] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-8a0fbb0a] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-8a0fbb0a] {
    display: flex;
    align-items: center
}

.flex-start[data-v-8a0fbb0a] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-8a0fbb0a] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-8a0fbb0a] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-8a0fbb0a] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-8a0fbb0a] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-8a0fbb0a] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-8a0fbb0a] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-8a0fbb0a] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-8a0fbb0a] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-8a0fbb0a] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-8a0fbb0a] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-8a0fbb0a] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-8a0fbb0a] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-8a0fbb0a] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-8a0fbb0a] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-8a0fbb0a] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-8a0fbb0a] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-8a0fbb0a] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-8a0fbb0a] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-8a0fbb0a] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-8a0fbb0a] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-8a0fbb0a] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-8a0fbb0a] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-8a0fbb0a] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-8a0fbb0a],
.mlm-selected-item[data-v-8a0fbb0a] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-8a0fbb0a] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-8a0fbb0a]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-8a0fbb0a] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-8a0fbb0a] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-8a0fbb0a] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.content-wrapper[data-v-8a0fbb0a] {
    overflow: hidden
}

.content-wrapper .top[data-v-8a0fbb0a] {
    height: 16.6875rem
}

.content-wrapper .top .level-award[data-v-8a0fbb0a] {
    position: absolute;
    width: 100%;
    top: 11.75rem;
    display: flex;
    align-items: center;
    justify-content: space-around
}

.content-wrapper .top .level-award .cont-wrap[data-v-8a0fbb0a] {
    width: 2.8125rem
}

.content-wrapper .top .level-award .cont-wrap .cont-wrap-top[data-v-8a0fbb0a] {
    position: relative;
    width: 2.8125rem
}

.content-wrapper .top .level-award .cont-wrap .img[data-v-8a0fbb0a] {
    width: 2.8125rem;
    height: 2.8125rem
}

.content-wrapper .top .level-award .cont-wrap .icon-wrap[data-v-8a0fbb0a] {
    position: absolute;
    top: 0;
    left: 0;
    width: 2.8125rem;
    height: 2.8125rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.content-wrapper .top .level-award .cont-wrap .icon-wrap .icon[data-v-8a0fbb0a] {
    width: 2rem;
    height: 2rem
}

.content-wrapper .top .level-award .cont-wrap .icon-wrap .hoticon[data-v-8a0fbb0a] {
    top: 0;
    right: .625rem
}

.content-wrapper .top .level-award .cont-wrap .cont-wrap-mid[data-v-8a0fbb0a] {
    height: 1.3125rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.content-wrapper .top .level-award .cont-wrap .cont-wrap-mid .icon[data-v-8a0fbb0a] {
    width: .7813rem;
    height: .7813rem
}

.content-wrapper .top .level-award .cont-wrap .cont-wrap-mid .p-cls[data-v-8a0fbb0a] {
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    font-size: var(--ep-font-size-s, .75rem);
    line-height: 1.125rem;
    color: var(--ep-color-text-weaker, var(--textbg-dark-white-40))
}

.content-wrapper .top .level-award .cont-wrap .cont-wrap-mid.level-check-text .p-cls[data-v-8a0fbb0a] {
    color: var(--theme-color-800) !important
}

.content-wrapper .top-wrap[data-v-8a0fbb0a] {
    position: relative
}

.content-wrapper .mid-wrap[data-v-8a0fbb0a] {
    height: 18.625rem;
    margin-left: .75rem;
    margin-right: .75rem;
    margin-top: .625rem;
    padding-left: .625rem;
    padding-right: .625rem;
    overflow: hidden
}

.content-wrapper .mid-wrap .time-top[data-v-8a0fbb0a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: .8125rem;
    color: var(--ep-color-text-default, var(--color-text-80));
    font-size: var(--ep-font-size-m, .875rem);
    line-height: 1.3125rem
}

.content-wrapper .mid-wrap .time-top .icon-wrap[data-v-8a0fbb0a] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.content-wrapper .mid-wrap .time-top .icon-wrap .img[data-v-8a0fbb0a] {
    width: 1.25rem;
    height: 1.25rem
}

.content-wrapper .mid-wrap .time-top .icon-wrap .p-cls[data-v-8a0fbb0a] {
    margin-left: .4375rem
}

.content-wrapper .mid-wrap .time-top .p-bot[data-v-8a0fbb0a] {
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.content-wrapper .mid-wrap .deposit-mid[data-v-8a0fbb0a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--ep-color-text-default, var(--color-text-80));
    font-size: var(--ep-font-size-m, .875rem);
    line-height: 1.5rem
}

.content-wrapper .mid-wrap .deposit-mid .icon-wrap[data-v-8a0fbb0a] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.content-wrapper .mid-wrap .deposit-mid .icon-wrap .img[data-v-8a0fbb0a] {
    width: 1.25rem;
    height: 1.25rem
}

.content-wrapper .mid-wrap .deposit-mid .icon-wrap .p-cls[data-v-8a0fbb0a] {
    margin-left: .4375rem
}

.content-wrapper .mid-wrap .deposit-mid .p-bot[data-v-8a0fbb0a] {
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.content-wrapper .award-wrap[data-v-8a0fbb0a] {
    margin-left: .75rem;
    margin-right: .75rem;
    margin-top: 1.125rem
}

.content-wrapper .award-wrap .award-top[data-v-8a0fbb0a] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    height: 2.25rem;
    font-size: var(--ep-font-size-s, .75rem);
    line-height: 1.125rem;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.content-wrapper .award-wrap .award-top .span-cls[data-v-8a0fbb0a] {
    width: 50%;
    text-align: center
}

.content-wrapper .award-wrap .award-mid[data-v-8a0fbb0a] {
    width: 100%;
    height: 2.625rem;
    display: flex;
    align-items: center;
    justify-content: space-around;
    font-size: var(--ep-font-size-s, .75rem);
    line-height: 1.125rem
}

.content-wrapper .award-wrap .award-mid .money-cls[data-v-8a0fbb0a] {
    width: 50%;
    text-align: center;
    color: var(--ep-color-text-default, var(--color-text-80))
}

.content-wrapper .award-wrap .award-mid .my-list-bot[data-v-8a0fbb0a] {
    width: 50%;
    text-align: center;
    color: var(--ep-color-text-warning, var(--color-currency));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.content-wrapper .rule-wrap[data-v-8a0fbb0a] {
    margin-left: .75rem;
    margin-right: .75rem;
    margin-top: 2.25rem;
    padding-bottom: 7rem
}

.content-wrapper .rule-wrap .p-cls[data-v-8a0fbb0a] {
    margin-bottom: 1.25rem;
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium));
    font-size: .875rem;
    line-height: 1.3125rem;
    color: var(--ep-color-text-weaker, #403D4F)
}

.content-wrapper .rule-wrap .p-bot[data-v-8a0fbb0a] {
    font-weight: var(--font-weight-regular);
    font-size: .75rem;
    line-height: 1.125rem;
    white-space: pre-wrap;
    color: var(--ep-color-text-weaker, var(--color-activity-rule))
}

.mysterious-text-xs[data-v-8a0fbb0a] {
    font-size: .75rem;
    line-height: 1.125rem
}

.mysterious-text-sm[data-v-8a0fbb0a] {
    font-size: .875rem;
    line-height: 1.3125rem
}

.mysterious-text-lg[data-v-8a0fbb0a] {
    font-size: 1.125rem;
    line-height: 1.6875rem
}

.mysterious-time[data-v-8a0fbb0a] {
    background-color: var(--color-bg-200);
    border-radius: var(--rounded-middle)
}

.mysterious-time-info[data-v-8a0fbb0a] {
    background-color: var(--color-bg-300);
    border-radius: var(--rounded-middle);
    width: 21.625rem;
    height: 13.0625rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: .75rem;
    padding-left: .9375rem;
    padding-right: .9375rem;
    overflow: hidden;
    color: var(--ep-color-text-default, var(--color-text-80))
}

.mysterious-time-info .time-coin-wrap[data-v-8a0fbb0a] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    margin-top: 1.5rem
}

.mysterious-time-info .time-coin-wrap .time-wrap[data-v-8a0fbb0a] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.mysterious-time-info .time-coin-wrap .time-wrap .time[data-v-8a0fbb0a] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.mysterious-time-info .time-coin-wrap .time-wrap .time .p-cls[data-v-8a0fbb0a] {
    margin-left: .1563rem;
    font-size: var(--ep-font-size-xl, 1.125rem);
    line-height: 1.6875rem;
    color: var(--ep-color-text-info, #6691D5);
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.mysterious-time-info .time-coin-wrap .icon-wrap[data-v-8a0fbb0a] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: .5rem
}

.mysterious-time-info .time-coin-wrap .icon-wrap .p-cls[data-v-8a0fbb0a] {
    margin-left: .1563rem;
    font-size: var(--ep-font-size-xl, 1.125rem);
    line-height: 1.6875rem
}

.mysterious-time-info .time-coin-wrap .icon-wrap .icon-bot[data-v-8a0fbb0a] {
    margin-left: 1.5313rem;
    font-size: var(--ep-font-size-m, .875rem);
    line-height: 1.3125rem
}

.mysterious-time-tips[data-v-8a0fbb0a] {
    margin-top: 1.25rem;
    text-align: center;
    color: var(--ep-color-text-weaker)
}

.mysterious-reward-amount[data-v-8a0fbb0a] {
    font-size: 1.25rem;
    line-height: 1.875rem;
    color: var(--color-currency);
    font-weight: 700
}

.mysterious-reward-list[data-v-8a0fbb0a] {
    color: var(--color-text-40);
    background-color: var(--color-bg-200);
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.mysterious-reward-item-left[data-v-8a0fbb0a] {
    color: var(--color-text-80)
}

.mysterious-reward-item-right[data-v-8a0fbb0a] {
    color: var(--color-currency)
}

.level-check-text[data-v-8a0fbb0a] {
    color: var(--theme-color-800)
}

.level-uncheck-text[data-v-8a0fbb0a] {
    color: var(--text-color-white-40)
}

.normal-text[data-v-8a0fbb0a] {
    color: var(--color-text-80)
}

.receive-text[data-v-8a0fbb0a] {
    color: #6691d5
}

.reward-item-bg[data-v-8a0fbb0a] {
    background-color: var(--color-mystery-item-bg)
}

.rule-text[data-v-8a0fbb0a] {
    color: var(--color-activity-rule)
}

.black-cls[data-v-8a0fbb0a] {
    position: absolute;
    top: 1.8rem;
    width: 2rem
}

.yellow-dark .cont-wrap-mid .p-cls[data-v-8a0fbb0a] {
    color: rgba(255, 255, 255, .4) !important
}

.purple-light .cont-wrap-mid .p-cls[data-v-8a0fbb0a] {
    color: rgba(64, 61, 79, .5) !important
}

.amber-purple .cont-wrap-mid .p-cls[data-v-8a0fbb0a] {
    color: #686299 !important
}

.green-default .rule-wrap .p-cls[data-v-8a0fbb0a] {
    color: unset
}

.new-skin-symbol ion-content[data-v-8a0fbb0a] {
    background: var(--ep-color-background-fill-body-default)
}

.new-skin-symbol .font-weight-medium[data-v-8a0fbb0a] {
    font-weight: var(--ep-font-weight-medium)
}

.new-skin-symbol .font-weight-bold[data-v-8a0fbb0a] {
    font-weight: var(--ep-font-weight-bold)
}

.new-skin-symbol .font-weight-regular[data-v-8a0fbb0a] {
    font-weight: var(--ep-font-weight-regular)
}

.new-skin-symbol .mysterious-text-xs[data-v-8a0fbb0a] {
    font-size: var(--ep-font-size-s);
    line-height: 1.125rem
}

.new-skin-symbol .mysterious-text-sm[data-v-8a0fbb0a] {
    font-size: var(--ep-font-size-m);
    line-height: 1.3125rem
}

.new-skin-symbol .mysterious-text-lg[data-v-8a0fbb0a] {
    font-size: var(--ep-font-size-xl);
    line-height: 1.6875rem
}

.new-skin-symbol .mysterious-time[data-v-8a0fbb0a] {
    background-color: var(--ep-color-background-fill-surface-raised-L1);
    border-radius: var(--ep-border-radius-m)
}

.new-skin-symbol .mysterious-time-info[data-v-8a0fbb0a] {
    background-color: var(--ep-color-background-fill-body-default);
    border-radius: var(--ep-border-radius-m)
}

.new-skin-symbol .mysterious-reward-amount[data-v-8a0fbb0a] {
    font-size: var(--ep-values-20);
    line-height: 1.875rem;
    color: var(--ep-color-text-warning);
    font-weight: var(--ep-font-weight-bold)
}

.new-skin-symbol .mysterious-reward-list[data-v-8a0fbb0a] {
    color: var(--ep-color-text-weaker);
    background-color: var(--ep-color-background-fill-surface-raised-L2);
    border-radius: var(--ep-border-radius-m) var(--ep-border-radius-m) 0 0
}

.new-skin-symbol .mysterious-reward-item-left[data-v-8a0fbb0a] {
    color: var(--ep-color-text-default)
}

.new-skin-symbol .mysterious-reward-item-right[data-v-8a0fbb0a] {
    color: var(--ep-color-text-warning)
}

.new-skin-symbol .level-check-text[data-v-8a0fbb0a] {
    color: var(--ep-color-text-selected)
}

.new-skin-symbol .level-uncheck-text[data-v-8a0fbb0a] {
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol .normal-text[data-v-8a0fbb0a] {
    color: var(--ep-color-text-default)
}

.new-skin-symbol .receive-text[data-v-8a0fbb0a] {
    color: var(--ep-color-text-info)
}

.new-skin-symbol .reward-item-bg[data-v-8a0fbb0a] {
    background-color: var(--ep-color-background-fill-surface-lowered)
}

.new-skin-symbol .rule-text[data-v-8a0fbb0a] {
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol .title-text[data-v-8a0fbb0a] {
    color: var(--ep-color-text-default)
}

.new-skin-symbol .mysterious-time-tips[data-v-8a0fbb0a] {
    color: var(--ep-color-text-weaker)
}

.rule-wrap[data-v-8a0fbb0a] {
    margin-left: .75rem;
    margin-right: .75rem;
    margin-top: 2.25rem;
    padding-bottom: 7rem
}

.rule-wrap[data-v-8a0fbb0a] .ruleHeader {
    text-align: left;
    justify-content: flex-start
}

.rule-wrap[data-v-8a0fbb0a] .ruleHeader .span-cls {
    margin: 0 0 1.25rem;
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium));
    font-size: .875rem;
    line-height: 1.3125rem;
    color: var(--ep-color-text-weaker, #fff)
}

.rule-wrap[data-v-8a0fbb0a] .item-wrap {
    padding: 0 0 0 .375rem
}

.rule-wrap[data-v-8a0fbb0a] .item-wrap .rule-item {
    font-weight: var(--font-weight-regular);
    font-size: .75rem;
    line-height: 1.125rem;
    white-space: pre-wrap;
    color: var(--ep-color-text-weaker, var(--color-activity-rule))
}

.yellow-dark .rule-wrap[data-v-8a0fbb0a] .ruleHeader .span-cls {
    color: rgba(255, 255, 255, .4) !important
}

.purple-light .rule-wrap[data-v-8a0fbb0a] .ruleHeader .span-cls {
    color: rgba(64, 61, 79, .5) !important
}

.amber-purple .rule-wrap[data-v-8a0fbb0a] .ruleHeader .span-cls {
    color: #686299 !important
}

.green-default .rule-wrap[data-v-8a0fbb0a] .ruleHeader .span-cls {
    color: unset
}

.color-primary-600[data-v-970237b9] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-970237b9] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-970237b9] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-970237b9] {
    color: var(--color-primary-900)
}

.bg-100[data-v-970237b9] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-970237b9] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-970237b9] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-970237b9] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-970237b9] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-970237b9] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-970237b9] {
    background-color: var(--color-warning)
}

.bg-link[data-v-970237b9] {
    background-color: var(--color-link)
}

.bg-danger[data-v-970237b9] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-970237b9] {
    color: var(--color-text-100)
}

.color-text-80[data-v-970237b9] {
    color: var(--color-text-80)
}

.color-text-50[data-v-970237b9] {
    color: var(--color-text-50)
}

.color-text-40[data-v-970237b9] {
    color: var(--color-text-40)
}

.color-text-20[data-v-970237b9] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-970237b9] {
    color: var(--color-currency)
}

.color-warning[data-v-970237b9] {
    color: var(--color-warning)
}

.color-danger[data-v-970237b9] {
    color: var(--color-danger)
}

.color-link[data-v-970237b9] {
    color: var(--color-link)
}

.color-line[data-v-970237b9] {
    color: var(--color-line)
}

.color-border[data-v-970237b9] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-970237b9] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-970237b9] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-970237b9] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-970237b9] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-970237b9] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-970237b9] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-970237b9] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-970237b9] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-970237b9] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-970237b9] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-970237b9] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-970237b9] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-970237b9] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-970237b9] {
    display: flex;
    align-items: center
}

.flex-start[data-v-970237b9] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-970237b9] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-970237b9] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-970237b9] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-970237b9] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-970237b9] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-970237b9] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-970237b9] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-970237b9] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-970237b9] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-970237b9] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-970237b9] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-970237b9] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-970237b9] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-970237b9] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-970237b9] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-970237b9] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-970237b9] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-970237b9] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-970237b9] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-970237b9] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-970237b9] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-970237b9] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-970237b9] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-970237b9],
.mlm-selected-item[data-v-970237b9] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-970237b9] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-970237b9]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-970237b9] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-970237b9] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-970237b9] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.bgcolor-style-1[data-v-970237b9] {
    background: linear-gradient(180deg, #1b071c 20.7%, #474386)
}

.bgcolor-style-1 .cotent-bgcolor-style-1[data-v-970237b9] {
    border-radius: 10px;
    background: url(/first/images/cotent-bgcolor-style1.png) no-repeat;
    background-size: 100% 100%;
    -webkit-backdrop-filter: blur(50.5px);
    backdrop-filter: blur(50.5px)
}

.bgcolor-style-1 .cotent-bgcolor-inner-style-1[data-v-970237b9] {
    border-radius: 10px;
    border: 1px solid #FAA648;
    background: linear-gradient(96deg, #ffcc7d, #b0763e 97.21%)
}

.bgcolor-style-1 .table-header-bgcolor-style-1[data-v-970237b9] {
    background: rgba(255, 255, 255, .1);
    color: rgba(255, 255, 255, .4)
}

.bgcolor-style-1 .table-left-color-style-1[data-v-970237b9] {
    color: rgba(255, 255, 255, .8)
}

.bgcolor-style-1 .table-right-color-style-1[data-v-970237b9] {
    color: #df8644
}

.thomecolor[data-v-970237b9] {
    color: #feb805
}

.level-check-text[data-v-970237b9] {
    color: #fff
}

.level-uncheck-text[data-v-970237b9] {
    color: var(--text-color-white-40)
}

.custom-footer[data-v-970237b9] {
    background-color: #393266;
    box-shadow: 0 .0313rem #5f588c inset
}

.normal-text[data-v-970237b9] {
    color: rgba(255, 255, 255, .8)
}

.receive-text[data-v-970237b9] {
    color: #2f2e2d
}

.receive-text .receive-text-money[data-v-970237b9] {
    color: #be0527
}

.reward-item-bg[data-v-970237b9] {
    background: rgba(0, 0, 0, .1)
}

.rule-title[data-v-970237b9] {
    color: rgba(255, 255, 255, .8)
}

.rule-text[data-v-970237b9] {
    color: rgba(255, 255, 255, .4)
}

.active-checked[data-v-970237b9] {
    border-radius: 14px;
    box-shadow: 0 4px 20px rgba(255, 142, 86, .26)
}

.mysterious-style1-rule[data-v-970237b9] {
    margin-left: .75rem;
    margin-right: .75rem;
    margin-top: 2.25rem;
    padding-bottom: 7rem
}

.mysterious-style1-rule[data-v-970237b9] .ruleHeader {
    text-align: left;
    justify-content: flex-start
}

.mysterious-style1-rule[data-v-970237b9] .ruleHeader .span-cls {
    margin: 0 0 1.25rem;
    font-size: .875rem;
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium));
    color: rgba(255, 255, 255, .8)
}

.mysterious-style1-rule[data-v-970237b9] .item-wrap {
    padding: 0 0 0 .375rem
}

.mysterious-style1-rule[data-v-970237b9] .item-wrap .rule-item {
    font-size: .75rem;
    font-weight: var(--ep-font-weight-regular, var(--font-weight-regular));
    color: rgba(255, 255, 255, .4)
}

.color-primary-600[data-v-81246d97] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-81246d97] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-81246d97] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-81246d97] {
    color: var(--color-primary-900)
}

.bg-100[data-v-81246d97] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-81246d97] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-81246d97] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-81246d97] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-81246d97] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-81246d97] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-81246d97] {
    background-color: var(--color-warning)
}

.bg-link[data-v-81246d97] {
    background-color: var(--color-link)
}

.bg-danger[data-v-81246d97] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-81246d97] {
    color: var(--color-text-100)
}

.color-text-80[data-v-81246d97] {
    color: var(--color-text-80)
}

.color-text-50[data-v-81246d97] {
    color: var(--color-text-50)
}

.color-text-40[data-v-81246d97] {
    color: var(--color-text-40)
}

.color-text-20[data-v-81246d97] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-81246d97] {
    color: var(--color-currency)
}

.color-warning[data-v-81246d97] {
    color: var(--color-warning)
}

.color-danger[data-v-81246d97] {
    color: var(--color-danger)
}

.color-link[data-v-81246d97] {
    color: var(--color-link)
}

.color-line[data-v-81246d97] {
    color: var(--color-line)
}

.color-border[data-v-81246d97] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-81246d97] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-81246d97] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-81246d97] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-81246d97] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-81246d97] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-81246d97] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-81246d97] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-81246d97] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-81246d97] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-81246d97] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-81246d97] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-81246d97] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-81246d97] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-81246d97] {
    display: flex;
    align-items: center
}

.flex-start[data-v-81246d97] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-81246d97] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-81246d97] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-81246d97] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-81246d97] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-81246d97] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-81246d97] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-81246d97] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-81246d97] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-81246d97] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-81246d97] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-81246d97] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-81246d97] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-81246d97] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-81246d97] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-81246d97] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-81246d97] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-81246d97] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-81246d97] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-81246d97] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-81246d97] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-81246d97] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-81246d97] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-81246d97] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-81246d97],
.mlm-selected-item[data-v-81246d97] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-81246d97] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-81246d97]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-81246d97] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-81246d97] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-81246d97] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.animation[data-v-81246d97] {
    animation: breathing-81246d97 1s infinite
}

.red-point[data-v-81246d97] {
    width: var(--6c3caa74);
    height: var(--6c3caa74);
    z-index: 100;
    text-align: center;
    font-size: .625rem;
    line-height: var(--6c3caa74)
}

.red-point span[data-v-81246d97] {
    color: #fff
}

@keyframes breathing-81246d97 {
    0% {
        outline: 0px solid rgba(215, 65, 65, 0)
    }

    25% {
        outline: 1.6px solid rgba(215, 65, 65, .075)
    }

    50% {
        outline: 3.2px solid rgba(215, 65, 65, .15)
    }

    75% {
        outline: 4.8px solid rgba(215, 65, 65, .275)
    }

    to {
        outline: 6.4px solid rgba(215, 65, 65, .3)
    }
}

.color-primary-600[data-v-70068582] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-70068582] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-70068582] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-70068582] {
    color: var(--color-primary-900)
}

.bg-100[data-v-70068582] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-70068582] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-70068582] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-70068582] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-70068582] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-70068582] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-70068582] {
    background-color: var(--color-warning)
}

.bg-link[data-v-70068582] {
    background-color: var(--color-link)
}

.bg-danger[data-v-70068582] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-70068582] {
    color: var(--color-text-100)
}

.color-text-80[data-v-70068582] {
    color: var(--color-text-80)
}

.color-text-50[data-v-70068582] {
    color: var(--color-text-50)
}

.color-text-40[data-v-70068582] {
    color: var(--color-text-40)
}

.color-text-20[data-v-70068582] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-70068582] {
    color: var(--color-currency)
}

.color-warning[data-v-70068582] {
    color: var(--color-warning)
}

.color-danger[data-v-70068582] {
    color: var(--color-danger)
}

.color-link[data-v-70068582] {
    color: var(--color-link)
}

.color-line[data-v-70068582] {
    color: var(--color-line)
}

.color-border[data-v-70068582] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-70068582] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-70068582] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-70068582] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-70068582] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-70068582] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-70068582] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-70068582] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-70068582] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-70068582] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-70068582] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-70068582] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-70068582] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-70068582] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-70068582] {
    display: flex;
    align-items: center
}

.flex-start[data-v-70068582] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-70068582] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-70068582] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-70068582] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-70068582] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-70068582] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-70068582] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-70068582] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-70068582] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-70068582] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-70068582] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-70068582] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-70068582] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-70068582] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-70068582] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-70068582] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-70068582] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-70068582] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-70068582] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-70068582] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-70068582] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-70068582] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-70068582] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-70068582] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-70068582],
.mlm-selected-item[data-v-70068582] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-70068582] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-70068582]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-70068582] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-70068582] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-70068582] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.mys-content[data-v-70068582] {
    background-size: 100% 100%;
    width: 100%;
    height: 49.625rem
}

.mys-content.unshare[data-v-70068582] {
    background-position-y: -6.7rem;
    padding-top: 1.25rem
}

.mys-content .top-container[data-v-70068582] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.mys-content .tip[data-v-70068582] {
    white-space: nowrap;
    border-radius: 50px;
    background: #0a77da;
    color: var(--ep-color-text-highlight-white, #FFF);
    padding: 0 1.25rem;
    height: 2rem;
    font-size: var(--ep-font-size-l, 16px);
    font-weight: var(--ep-font-weight-medium, 600);
    line-height: 150%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center
}

.mys-content .mis .title[data-v-70068582] {
    color: var(--ep-color-text-highlight-white, #FFF);
    font-size: var(--ep-font-size-xxxl, 36px);
    font-weight: var(--ep-font-weight-bold, 700);
    line-height: 150%
}

.mys-content .my[data-v-70068582] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--ep-color-text-highlight, #F5C84C);
    font-size: 1.25rem;
    font-weight: var(--ep-font-weight-medium, 600);
    background: linear-gradient(90deg, rgba(255, 255, 255, .03) 2.09%, rgba(255, 255, 255, .3), rgba(255, 255, 255, .03) 99.07%);
    padding: 0 2.5rem;
    max-width: 90%
}

.mys-content .my .num[data-v-70068582] {
    margin-left: .25rem
}

.mys-content .circle-cont[data-v-70068582] {
    position: relative;
    width: 13.3125rem;
    height: 8.5rem;
    background-size: 100% 100%;
    margin-top: .625rem;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

.mys-content .circle-cont .box[data-v-70068582] {
    width: 10.0625rem;
    height: 8.3125rem;
    background-size: 100% 100%
}

.mys-content .circle-cont .panda[data-v-70068582] {
    position: absolute;
    background-size: 100% 100%;
    width: 5.46875rem;
    height: 6.25rem;
    bottom: -3rem;
    right: -5rem
}

.mys-content .circle-bot[data-v-70068582] {
    width: 15.0625rem;
    height: 4.6204375rem;
    background-size: 100% 100%;
    margin-top: -3rem;
    z-index: 0
}

.mys-content .btnIcon[data-v-70068582] {
    margin-top: -1.2rem;
    z-index: 1;
    width: 11.25rem;
    height: 2.0625rem;
    background-size: 100% 100%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--ep-font-size-m, 14px);
    font-weight: var(--ep-font-weight-bold, 700);
    line-height: 150%;
    color: var(--ep-color-text-highlight-white-weak, rgba(255, 255, 255, .6))
}

.mys-content .btnIcon.active[data-v-70068582] {
    color: var(--ep-neutral-black-black-100, #000)
}

.mys-content .btnIcon.not-allow[data-v-70068582] {
    cursor: not-allowed
}

.mid[data-v-70068582] {
    width: 22.5rem;
    height: 6.25rem;
    margin: 1.25rem auto 0
}

.mid .level-award[data-v-70068582] {
    display: flex;
    align-items: center;
    justify-content: center
}

.mid .level-award .cont-wrap[data-v-70068582] {
    position: relative;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

.mid .level-award .cont-wrap .box-img[data-v-70068582] {
    width: 2.5053125rem;
    height: 2.0625rem;
    background-size: 100% 100%;
    z-index: 1
}

.mid .level-award .cont-wrap .act-img[data-v-70068582] {
    position: absolute;
    width: 3.9375rem;
    height: 3.4375rem;
    background-size: 100% 100%;
    z-index: 0
}

.mid .level-award .cont-wrap-tip[data-v-70068582] {
    flex: 1;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.mid .level-award .cont-wrap-tip .span-cls[data-v-70068582] {
    padding: 0 .5rem;
    border-radius: 3.125rem;
    background: var(--ep-neutral-White-white-20, rgba(255, 255, 255, .2));
    color: var(--ep-color-text-highlight-white-weak, rgba(255, 255, 255, .6));
    font-size: var(--ep-font-size-s, 12px);
    font-weight: var(--ep-font-weight-medium, 600);
    line-height: 150%
}

.mid .level-award .cont-wrap-tip .hoticon[data-v-70068582] {
    position: absolute;
    top: -.625rem;
    right: .125rem;
    background: none
}

.mid .level-award .cont-wrap-tip.acitve .span-cls[data-v-70068582] {
    color: var(--ep-color-text-highlight-white, #FFF);
    background: var(--ep-color-text-info, #5C82F5)
}

.mid .level-award .cont-wrap-tip.acitve .icon[data-v-70068582] {
    position: absolute;
    bottom: -1rem;
    width: .8125rem;
    height: .8125rem;
    color: var(--ep-color-icon-selected, #FFF)
}

.mid .progress[data-v-70068582] {
    width: 21.25rem;
    height: .375rem;
    overflow: hidden;
    border-radius: .625rem;
    margin: 1rem auto .625rem;
    background: var(--ep-neutral-white-white-20, rgba(255, 255, 255, .2))
}

.mid .progress .progress-inner[data-v-70068582] {
    height: .375rem;
    width: 0;
    background: var(--ep-color-icon-highlight, #F5C84C);
    transition: width .4s;
    border-radius: .625rem
}

.share-wrapper[data-v-70068582] {
    width: 100%;
    padding: .75rem
}

.bot[data-v-70068582] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0 .9375rem;
    margin-top: -15rem
}

.bot.unshare[data-v-70068582] {
    margin-top: -21.6rem
}

.countdown-section[data-v-70068582] {
    text-align: center;
    padding: 1rem 0;
    width: 23rem;
    height: 10.3125rem;
    background-size: 100% 100%;
    background-position-x: -3px
}

.countdown-section .countdown-text[data-v-70068582] {
    font-size: var(--ep-font-size-s);
    color: var(--ep-color-text-weak);
    margin-bottom: .5rem
}

.countdown-section .countdown-time[data-v-70068582] {
    font-size: var(--ep-font-size-l);
    color: var(--ep-color-text-default);
    font-weight: 500
}

.countdown-section .bonus-amount-wrapper[data-v-70068582] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem
}

.countdown-section .bonus-amount-wrapper .bonus-amount[data-v-70068582] {
    display: flex;
    align-items: baseline;
    color: var(--ep-color-text-highlight);
    font-weight: 700
}

.countdown-section .bonus-amount-wrapper .bonus-amount .currency[data-v-70068582] {
    font-size: var(--ep-font-size-xl);
    margin-right: .25rem
}

.countdown-section .bonus-amount-wrapper .bonus-amount .amount[data-v-70068582] {
    font-size: var(--ep-font-size-xxxl)
}

.countdown-section .bonus-label[data-v-70068582] {
    background: #fff;
    color: #131f42;
    padding: 4px 8px;
    font-size: var(--ep-font-size-m);
    font-weight: 600;
    display: inline-block
}

.user-info-section[data-v-70068582] {
    width: 100%;
    border-radius: .9375rem;
    background: var(--ep-color-background-fill-surface-raised-L2, #1D2A55);
    padding: .75rem;
    margin: .75rem 0
}

.user-info-section .svg-icon[data-v-70068582] {
    width: .875rem;
    height: .875rem;
    color: var(--ep-neutral-white-white-100)
}

.user-info-section .info-row[data-v-70068582] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.user-info-section .info-label[data-v-70068582] {
    display: flex;
    align-items: center
}

.user-info-section .info-label span[data-v-70068582] {
    color: var(--ep-color-text-weak, rgba(255, 255, 255, .6));
    font-size: var(--ep-font-size-m, 14px);
    font-weight: var(--ep-font-weight-regular, 400);
    line-height: 150%;
    margin-left: .5rem
}

.user-info-section .info-value[data-v-70068582] {
    color: var(--ep-color-text-default, #FFF);
    font-size: var(--ep-font-size-m, 14px);
    font-weight: var(--ep-font-weight-regular, 400);
    line-height: 150%
}

.user-info-section .info-value .span-cls[data-v-70068582] {
    margin-right: .25rem
}

.award-wrap[data-v-70068582] {
    margin: .5rem .75rem 1.25rem;
    border-radius: var(--ep-border-radius-m, 6px);
    overflow: hidden;
    background: var(--ep-color-background-fill-surface-raised-L2, #005655)
}

.award-wrap .award-top[data-v-70068582] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    height: 2.25rem;
    font-size: var(--ep-font-size-s, .75rem);
    line-height: 1.125rem;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-weaker, rgba(255, 255, 255, .4))
}

.award-wrap .award-top .span-cls[data-v-70068582] {
    width: 50%;
    text-align: center
}

.award-wrap .award-mid[data-v-70068582] {
    width: 100%;
    height: 2.625rem;
    display: flex;
    align-items: center;
    justify-content: space-around;
    font-size: var(--ep-font-size-s, .75rem);
    line-height: 1.125rem
}

.award-wrap .award-mid[data-v-70068582]:nth-child(2n) {
    background: var(--ep-color-background-fill-body-default)
}

.award-wrap .award-mid .money-cls[data-v-70068582] {
    width: 50%;
    text-align: center;
    color: var(--ep-color-text-default, var(--color-text-80))
}

.award-wrap .award-mid .my-list-bot[data-v-70068582] {
    width: 50%;
    text-align: center;
    color: var(--ep-color-text-warning, var(--color-currency));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.desc[data-v-70068582] .ruleHeader {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem
}

.desc[data-v-70068582] .ruleHeader .span-cls {
    color: var(--ep-color-text-default);
    font-size: var(--font-size-s);
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium));
    line-height: 150%;
    margin: 0 .625rem
}

.desc[data-v-70068582] .item-wrap {
    padding: 0 1.0625rem 1.25rem
}

.desc[data-v-70068582] .item-wrap .rule-item {
    color: var(--ep-color-text-weaker, rgba(255, 255, 255, .4));
    font-size: var(--ep-font-size-s, var(--font-size-12));
    font-weight: var(--ep-font-weight-regular, var(--font-weight-regular));
    line-height: 150%
}

.color-primary-600[data-v-4f2ab40c] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-4f2ab40c] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-4f2ab40c] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-4f2ab40c] {
    color: var(--color-primary-900)
}

.bg-100[data-v-4f2ab40c] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-4f2ab40c] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-4f2ab40c] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-4f2ab40c] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-4f2ab40c] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-4f2ab40c] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-4f2ab40c] {
    background-color: var(--color-warning)
}

.bg-link[data-v-4f2ab40c] {
    background-color: var(--color-link)
}

.bg-danger[data-v-4f2ab40c] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-4f2ab40c] {
    color: var(--color-text-100)
}

.color-text-80[data-v-4f2ab40c] {
    color: var(--color-text-80)
}

.color-text-50[data-v-4f2ab40c] {
    color: var(--color-text-50)
}

.color-text-40[data-v-4f2ab40c] {
    color: var(--color-text-40)
}

.color-text-20[data-v-4f2ab40c] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-4f2ab40c] {
    color: var(--color-currency)
}

.color-warning[data-v-4f2ab40c] {
    color: var(--color-warning)
}

.color-danger[data-v-4f2ab40c] {
    color: var(--color-danger)
}

.color-link[data-v-4f2ab40c] {
    color: var(--color-link)
}

.color-line[data-v-4f2ab40c] {
    color: var(--color-line)
}

.color-border[data-v-4f2ab40c] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-4f2ab40c] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-4f2ab40c] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-4f2ab40c] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-4f2ab40c] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-4f2ab40c] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-4f2ab40c] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-4f2ab40c] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-4f2ab40c] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-4f2ab40c] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-4f2ab40c] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-4f2ab40c] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-4f2ab40c] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-4f2ab40c] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-4f2ab40c] {
    display: flex;
    align-items: center
}

.flex-start[data-v-4f2ab40c] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-4f2ab40c] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-4f2ab40c] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-4f2ab40c] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-4f2ab40c] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-4f2ab40c] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-4f2ab40c] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-4f2ab40c] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-4f2ab40c] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-4f2ab40c] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-4f2ab40c] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-4f2ab40c] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-4f2ab40c] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-4f2ab40c] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-4f2ab40c] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-4f2ab40c] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-4f2ab40c] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-4f2ab40c] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-4f2ab40c] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-4f2ab40c] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-4f2ab40c] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-4f2ab40c] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-4f2ab40c] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-4f2ab40c] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-4f2ab40c],
.mlm-selected-item[data-v-4f2ab40c] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-4f2ab40c] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-4f2ab40c]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-4f2ab40c] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-4f2ab40c] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-4f2ab40c] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-content[data-v-4f2ab40c] {
    font-family: SF Pro, Roboto, sans-serif;
    --background: #090f1f
}

ion-content .des[data-v-4f2ab40c] {
    font-family: SF Pro Text, sans-serif
}

ion-content .des .title-text[data-v-4f2ab40c] {
    color: #7f8eb3;
    font-weight: 500
}

ion-content .des .item[data-v-4f2ab40c] {
    background: rgba(48, 56, 80, .8);
    color: #b5e9ff
}

ion-content .des .item[data-v-4f2ab40c]:nth-child(1) {
    font-weight: 600;
    font-size: 1rem
}

ion-content .des .item[data-v-4f2ab40c]:nth-child(2) {
    font-weight: 700;
    font-size: 2rem
}

ion-content .des .item:nth-child(2) .textCoin[data-v-4f2ab40c] {
    font-weight: 400;
    font-size: 1rem;
    color: #465375;
    margin-right: .3125rem
}

ion-content .ruleHeader[data-v-4f2ab40c] {
    background: linear-gradient(360deg, #465375, #b5e9ff);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    font-size: 1rem;
    margin-bottom: .75rem
}

ion-content .textRule[data-v-4f2ab40c] {
    font-family: SF Pro Text, sans-serif
}

ion-content .ruleItem[data-v-4f2ab40c] {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    line-height: 1.25rem;
    padding-left: .4375rem
}

ion-content .ruleItem .dot[data-v-4f2ab40c] {
    width: .625rem
}

ion-content .ruleItem .ruleDes[data-v-4f2ab40c] {
    flex: 1
}

ion-content .ruleItem[data-v-4f2ab40c]:nth-last-child(1) {
    margin-bottom: 0
}

ion-content .banner[data-v-4f2ab40c] {
    width: 100%;
    height: 15rem;
    position: relative;
    background: url(/svg/activity/appreciationFollow_bg.png) no-repeat;
    background-size: cover
}

.banner .boardBox[data-v-4f2ab40c] {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #3c2c62;
    border-radius: 6.25rem
}

.banner .timeBoard[data-v-4f2ab40c] {
    width: 15.5rem;
    height: 4.5rem;
    border-radius: 6.25rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    background: url(/svg/activity/appreciationFollow_board.png) no-repeat;
    background-size: 14.5rem 3.5rem;
    background-position: .5rem .5rem;
    padding-bottom: .25rem
}

.banner .timeBoard p[data-v-4f2ab40c]:nth-child(1) {
    background: linear-gradient(180deg, #dca8ff, #ad33ff);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: 1rem
}

.banner .timeBoard p[data-v-4f2ab40c]:nth-child(2) {
    background: linear-gradient(180deg, #dca8ff, #89c4ff);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1.5rem;
    margin-bottom: .3125rem
}

ion-toolbar[data-v-4f2ab40c] {
    --background: #10162966;
    --color: #fff;
    margin-bottom: -3.125rem;
    height: 3.125rem
}

[data-v-4f2ab40c] ion-button ion-icon {
    color: #fff
}

.footer[data-v-4f2ab40c] {
    height: 4.5rem;
    padding-top: .75rem;
    background: #101629 !important;
    box-shadow: 0 .0313rem #2c354b inset !important
}

.footer .btn[data-v-4f2ab40c] {
    width: 22.875rem;
    height: 3rem;
    border-radius: .25rem;
    line-height: 3rem
}

.footer .btn.active[data-v-4f2ab40c] {
    background: linear-gradient(350.74deg, #6a3ac1 23.01%, #b271e0 131.39%);
    box-shadow: none
}

.footer .btn.unable[data-v-4f2ab40c] {
    opacity: .5;
    background: linear-gradient(350.74deg, #6a3ac1 23.01%, #b271e0 131.39%);
    color: #fff
}

.timeBox[data-v-4f2ab40c] {
    width: 21.25rem;
    height: 8.375rem;
    background: #222634;
    border-radius: .5rem;
    margin: 3.75rem auto 1.5rem;
    padding-top: .75rem
}

.timeBox .tittle[data-v-4f2ab40c] {
    font-family: SF Pro Text;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 1.5rem;
    margin-bottom: .75rem;
    line-height: 1.5rem;
    font-size: .8438rem;
    padding-left: 1.5938rem;
    padding-right: 1.5938rem
}

.timeBox .tittle .left[data-v-4f2ab40c] {
    font-weight: 700;
    color: #465375;
    margin-right: .5rem
}

.timeBox .tittle .right[data-v-4f2ab40c] {
    font-weight: 600;
    color: #b5e9ff
}

.timeBox .timeCard[data-v-4f2ab40c] {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: relative
}

.timeBox .timeCard .timeCardItem[data-v-4f2ab40c] {
    width: 4rem
}

.timeBox .timeCard .timeCardItem .top[data-v-4f2ab40c] {
    height: 3.5rem;
    line-height: 3.625rem;
    background: url(/svg/activity/appreciationFollowTimeCard.svg) no-repeat;
    background-size: cover;
    font-weight: 700;
    color: #7400c2;
    font-size: 3.75rem
}

.timeBox .timeCard .timeCardItem .top .textBg[data-v-4f2ab40c] {
    font-family: Smooch Sans !important
}

.timeBox .timeCard .timeCardItem .bottom[data-v-4f2ab40c] {
    font-family: Share Tech;
    font-size: .75rem;
    font-weight: 400;
    color: #f2f2f2;
    height: .875rem;
    margin-top: .25rem;
    line-height: .875rem
}

.timeBox .timeCard .gap[data-v-4f2ab40c] {
    width: .25rem;
    height: .75rem;
    margin-left: .25rem;
    margin-right: .25rem;
    transform: translateY(-.5625rem);
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.timeBox .timeCard .gap .dot[data-v-4f2ab40c] {
    width: .25rem;
    height: .25rem;
    background: #4c5266;
    border-radius: 50%
}

.timeBox .timeCard .middleLine[data-v-4f2ab40c] {
    width: 100%;
    height: .125rem;
    background: #222634;
    position: absolute;
    left: 0;
    top: 1.75rem;
    transform: translateY(-50%);
    z-index: 1
}

.timeBox.noTime .timeCard .timeCardItem .top[data-v-4f2ab40c] {
    background: url(/svg/activity/appreciationFollowTimeCardNoTime.svg) no-repeat;
    color: #7986a7
}

.timeBox.noTime .timeCard .timeCardItem .top .textBg[data-v-4f2ab40c] {
    position: relative;
    z-index: 2
}

.timeBox.noTime .timeCard .timeCardItem .bottom[data-v-4f2ab40c] {
    color: #3e4354
}

.appreciation-multiday-rule[data-v-4f2ab40c] .ruleHeader {
    margin-bottom: .75rem;
    justify-content: flex-start
}

.appreciation-multiday-rule[data-v-4f2ab40c] .ruleHeader .span-cls {
    background: linear-gradient(360deg, #465375, #b5e9ff);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    font-size: 1rem;
    margin: 0
}

.appreciation-multiday-rule[data-v-4f2ab40c] .item-wrap {
    padding: 0
}

.appreciation-multiday-rule[data-v-4f2ab40c] .item-wrap .rule-item {
    font-size: 1rem;
    font-weight: 400;
    color: #7f8eb3;
    margin-bottom: .4375rem;
    font-family: SF Pro Text, sans-serif;
    line-height: 1.25rem;
    padding-left: .4375rem
}

.color-primary-600[data-v-0c5754d6] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-0c5754d6] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-0c5754d6] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-0c5754d6] {
    color: var(--color-primary-900)
}

.bg-100[data-v-0c5754d6] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-0c5754d6] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-0c5754d6] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-0c5754d6] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-0c5754d6] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-0c5754d6] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-0c5754d6] {
    background-color: var(--color-warning)
}

.bg-link[data-v-0c5754d6] {
    background-color: var(--color-link)
}

.bg-danger[data-v-0c5754d6] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-0c5754d6] {
    color: var(--color-text-100)
}

.color-text-80[data-v-0c5754d6] {
    color: var(--color-text-80)
}

.color-text-50[data-v-0c5754d6] {
    color: var(--color-text-50)
}

.color-text-40[data-v-0c5754d6] {
    color: var(--color-text-40)
}

.color-text-20[data-v-0c5754d6] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-0c5754d6] {
    color: var(--color-currency)
}

.color-warning[data-v-0c5754d6] {
    color: var(--color-warning)
}

.color-danger[data-v-0c5754d6] {
    color: var(--color-danger)
}

.color-link[data-v-0c5754d6] {
    color: var(--color-link)
}

.color-line[data-v-0c5754d6] {
    color: var(--color-line)
}

.color-border[data-v-0c5754d6] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-0c5754d6] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-0c5754d6] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-0c5754d6] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-0c5754d6] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-0c5754d6] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-0c5754d6] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-0c5754d6] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-0c5754d6] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-0c5754d6] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-0c5754d6] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-0c5754d6] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-0c5754d6] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-0c5754d6] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-0c5754d6] {
    display: flex;
    align-items: center
}

.flex-start[data-v-0c5754d6] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-0c5754d6] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-0c5754d6] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-0c5754d6] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-0c5754d6] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-0c5754d6] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-0c5754d6] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-0c5754d6] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-0c5754d6] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-0c5754d6] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-0c5754d6] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-0c5754d6] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-0c5754d6] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-0c5754d6] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-0c5754d6] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-0c5754d6] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-0c5754d6] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-0c5754d6] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-0c5754d6] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-0c5754d6] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-0c5754d6] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-0c5754d6] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-0c5754d6] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-0c5754d6] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-0c5754d6],
.mlm-selected-item[data-v-0c5754d6] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-0c5754d6] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-0c5754d6]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-0c5754d6] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-0c5754d6] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-0c5754d6] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.wrap[data-v-0c5754d6] {
    height: 49.5625rem;
    position: relative;
    background-size: 100%;
    background-position-y: 0
}

.wrap.unshare[data-v-0c5754d6] {
    height: 46rem;
    background-position-y: -3.4rem
}

.wrap.unshare .bg-title[data-v-0c5754d6] {
    top: 8.1rem
}

.wrap.unshare .single[data-v-0c5754d6] {
    top: 11.8rem
}

.wrap.unshare .single-bot[data-v-0c5754d6] {
    top: 31.6rem
}

.wrap .bot-icon[data-v-0c5754d6] {
    width: 24.375rem;
    height: 6.625rem;
    position: absolute;
    bottom: -2.7rem
}

.wrap .share-wrapper[data-v-0c5754d6] {
    width: 100%;
    padding: .75rem;
    position: absolute
}

.wrap .bg-title[data-v-0c5754d6] {
    background-size: 100%;
    width: 20.875rem;
    height: 3.5rem;
    position: absolute;
    top: 11.6rem;
    left: 2rem
}

.wrap .single[data-v-0c5754d6] {
    position: absolute;
    width: 18.75rem;
    height: 3.625rem;
    top: 15.2rem;
    left: 2.78rem;
    text-align: center;
    white-space: nowrap
}

.wrap .single .title[data-v-0c5754d6] {
    color: var(--ep-color-text-highlight-white, #FFF);
    text-shadow: 1px 1px 0px rgba(0, 0, 0, .4);
    font-size: var(--ep-font-size-l, 16px);
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    line-height: 150%;
    max-width: 100%
}

.wrap .single .price[data-v-0c5754d6] {
    color: var(--ep-color-text-highlight-white, #FFF);
    text-align: center;
    text-shadow: 0px 2px 0px rgba(0, 0, 0, .4);
    font-size: var(--ep-font-size-xxl, 24px);
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    margin-top: 0
}

.wrap .single .price .textReward[data-v-0c5754d6] {
    margin-left: .375rem;
    color: var(--ep-color-text-highlight, #F5C84C)
}

.wrap .single .mid-wrap[data-v-0c5754d6] {
    position: relative
}

.wrap .single .mid-wrap .mid[data-v-0c5754d6] {
    position: absolute;
    width: 11.875rem;
    height: 3.125rem;
    top: .98rem;
    left: 3.6rem;
    display: flex;
    flex-direction: column
}

.wrap .single .mid-wrap .mid .span-clsz[data-v-0c5754d6] {
    color: var(--ep-color-text-highlight-white, #FFF);
    text-align: center;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, .4);
    font-size: var(--ep-font-size-m, 14px);
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.wrap .single .mid-wrap .mid .span-clsz[data-v-0c5754d6]:nth-child(2) {
    margin-top: -.22rem
}

.wrap .single-bot[data-v-0c5754d6] {
    position: absolute;
    width: 17rem;
    height: 4.375rem;
    top: 35rem;
    left: 3.75rem
}

.wrap .single-bot .wrap-top-title[data-v-0c5754d6] {
    position: relative
}

.wrap .single-bot .wrap-top-title .top-title[data-v-0c5754d6] {
    position: absolute;
    width: 11.25rem;
    text-align: center;
    top: -1.5rem;
    left: 2.875rem;
    color: var(--ep-color-text-highlight-white, #FFF);
    text-shadow: 1px 1px 0px rgba(0, 0, 0, .4);
    font-size: var(--ep-font-size-l, 16px);
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium));
    line-height: 150%
}

.wrap .single-bot .title[data-v-0c5754d6] {
    color: var(--ep-color-text-highlight-white, #FFF);
    text-align: center;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, .4);
    font-size: var(--ep-font-size-m, 14px);
    font-weight: var(--ep-font-weight-regular, var(--font-weight-regular));
    line-height: 150%
}

.wrap .single-bot .time-span[data-v-0c5754d6] {
    display: flex;
    align-items: center
}

.wrap .single-bot .time-span .wrap-day[data-v-0c5754d6] {
    display: flex;
    align-items: center;
    justify-content: center
}

.wrap .single-bot .time-span .box[data-v-0c5754d6] {
    width: 2.75rem;
    height: 2.125rem;
    background: url(/assets/box-BE-_dfnT.png) no-repeat;
    background-size: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 1px #fff, 0 0 2px 1px rgba(134, 68, 0, .4);
    border-radius: 4px;
    color: var(--ep-color-text-highlight-white, #FFF);
    text-align: center;
    font-size: var(--font-size-xl, 18px);
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    line-height: 150%
}

.wrap .single-bot .time-span span[data-v-0c5754d6] {
    margin: 0 .375rem
}

.wrap .single-bot .time-span span.hold[data-v-0c5754d6] {
    font-size: var(--ep-font-size-xl, 18px);
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    text-align: center;
    flex: 1
}

.wrap .single-bot .co-time[data-v-0c5754d6] {
    margin-top: .2rem;
    color: var(--ep-color-text-highlight, #FFF);
    text-align: center;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, .4);
    font-size: var(--ep-font-size-s, 12px);
    font-weight: var(--ep-font-weight-bold, 700);
    line-height: 150%
}

[data-v-0c5754d6] .desc {
    margin-top: -2rem
}

[data-v-0c5754d6] .desc .ruleHeader {
    margin-bottom: 1rem
}

[data-v-0c5754d6] .desc .ruleHeader .span-cls {
    font-size: 1rem
}

[data-v-0c5754d6] .desc .item-wrap {
    padding-bottom: 5.6rem
}

.footer[data-v-0c5754d6] {
    padding: .96875rem .75rem;
    border-top: 1px solid var(--ep-color-border-default);
    background: var(--ep-color-background-fill-surface-raised-L1)
}

.footer .btn[data-v-0c5754d6] {
    width: 100%;
    height: 3.0625rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--ep-border-radius-m, 6px);
    background: var(--ep-dynamic-primary, linear-gradient(90deg, var(--ep-color-background-fill-gradients-primary-a, #0A77DA) -27.5%, var(--ep-color-background-fill-gradients-primary-a, #0A77DA) 127.5%));
    color: var(--ep-color-text-inverse, #FFF);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: var(--font-weight-bold, 700);
    line-height: 150%
}

.footer .btn.active[data-v-0c5754d6] {
    box-shadow: none
}

.footer .btn.unable[data-v-0c5754d6] {
    opacity: .5;
    color: #fff
}

.color-primary-600[data-v-1aaceec0] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-1aaceec0] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-1aaceec0] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-1aaceec0] {
    color: var(--color-primary-900)
}

.bg-100[data-v-1aaceec0] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-1aaceec0] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-1aaceec0] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-1aaceec0] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-1aaceec0] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-1aaceec0] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-1aaceec0] {
    background-color: var(--color-warning)
}

.bg-link[data-v-1aaceec0] {
    background-color: var(--color-link)
}

.bg-danger[data-v-1aaceec0] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-1aaceec0] {
    color: var(--color-text-100)
}

.color-text-80[data-v-1aaceec0] {
    color: var(--color-text-80)
}

.color-text-50[data-v-1aaceec0] {
    color: var(--color-text-50)
}

.color-text-40[data-v-1aaceec0] {
    color: var(--color-text-40)
}

.color-text-20[data-v-1aaceec0] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-1aaceec0] {
    color: var(--color-currency)
}

.color-warning[data-v-1aaceec0] {
    color: var(--color-warning)
}

.color-danger[data-v-1aaceec0] {
    color: var(--color-danger)
}

.color-link[data-v-1aaceec0] {
    color: var(--color-link)
}

.color-line[data-v-1aaceec0] {
    color: var(--color-line)
}

.color-border[data-v-1aaceec0] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-1aaceec0] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-1aaceec0] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-1aaceec0] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-1aaceec0] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-1aaceec0] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-1aaceec0] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-1aaceec0] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-1aaceec0] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-1aaceec0] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-1aaceec0] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-1aaceec0] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-1aaceec0] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-1aaceec0] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-1aaceec0] {
    display: flex;
    align-items: center
}

.flex-start[data-v-1aaceec0] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-1aaceec0] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-1aaceec0] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-1aaceec0] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-1aaceec0] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-1aaceec0] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-1aaceec0] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-1aaceec0] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-1aaceec0] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-1aaceec0] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-1aaceec0] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-1aaceec0] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-1aaceec0] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-1aaceec0] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-1aaceec0] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-1aaceec0] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-1aaceec0] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-1aaceec0] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-1aaceec0] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-1aaceec0] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-1aaceec0] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-1aaceec0] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-1aaceec0] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-1aaceec0] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-1aaceec0],
.mlm-selected-item[data-v-1aaceec0] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-1aaceec0] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-1aaceec0]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-1aaceec0] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-1aaceec0] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-1aaceec0] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-modal#shareModal::part(content) {
    --height: 100%;
    --max-width: 24.375rem
}

.new-skin-symbol .show-modal-area[data-v-1aaceec0] {
    background: var(--ep-color-background-fill-surface-raised-L2);
    border-radius: var(--ep-border-radius-surface-small, .375rem) var(--ep-border-radius-surface-small, .375rem) 0 0;
    width: 100%;
    padding: 1.25rem .9375rem .9375rem;
    position: absolute;
    bottom: 0
}

.new-skin-symbol .show-modal-area .icon-close[data-v-1aaceec0] {
    position: absolute;
    top: 1.25rem;
    right: .9375rem;
    font-size: var(--ep-font-size-l, 1rem);
    color: var(--ep-color-icon-default)
}

.new-skin-symbol .show-modal-area .title-text[data-v-1aaceec0] {
    color: var(--ep-color-text-weak);
    font-size: var(--ep-font-size-l, 1rem);
    font-weight: var(--ep-font-weight-medium, 600);
    line-height: 24px;
    text-align: left
}

.new-skin-symbol .show-modal-area .title1[data-v-1aaceec0] {
    margin-bottom: 1.25rem
}

.new-skin-symbol .show-modal-area ion-segment[data-v-1aaceec0] {
    --background: var(--ep-color-background-fill-surface-raised-L2);
    margin-bottom: 1.25rem
}

.new-skin-symbol .show-modal-area .share-url-area[data-v-1aaceec0] {
    background: var(--ep-color-background-fill-body-default);
    height: 2.5rem;
    line-height: 2.5rem;
    padding: .5rem .75rem;
    border-radius: var(--ep-border-radius-m, .375rem);
    display: flex;
    align-items: center;
    justify-content: space-between
}

.new-skin-symbol .show-modal-area .share-url-area .share-url-text[data-v-1aaceec0] {
    color: var(--ep-color-text-weakest);
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-bold, 700)
}

.new-skin-symbol .show-modal-area .share-url-area .copy-icon[data-v-1aaceec0] {
    font-size: var(--ep-font-size-xxl, 1.5rem);
    color: var(--ep-color-icon-weaker)
}

.new-skin-symbol .show-modal-area .title2[data-v-1aaceec0] {
    margin: .75rem auto
}

.new-skin-symbol .show-modal-area .share-phone-area[data-v-1aaceec0] {
    background: var(--ep-color-background-fill-body-default);
    padding: 1.25rem;
    border-radius: var(--ep-border-radius-m, .375rem);
    margin-bottom: .75rem
}

.new-skin-symbol .show-modal-area .share-phone-area .share-phone-item[data-v-1aaceec0] {
    color: var(--ep-color-text-default);
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-medium, 600);
    text-align: center;
    line-height: 1.25rem;
    padding: .5rem 0
}

.new-skin-symbol .show-modal-area .share-phone-area .used[data-v-1aaceec0] {
    color: var(--ep-color-text-weakest)
}

.new-skin-symbol .show-modal-area .whatsapp-sms-area[data-v-1aaceec0] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.new-skin-symbol .show-modal-area .whatsapp-sms-area .item[data-v-1aaceec0] {
    width: 10.625rem;
    height: 3.125rem;
    background: var(--ep-color-background-fill-body-default);
    border-radius: var(--ep-border-radius-m, .375rem);
    padding: .5rem .75rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: .875rem;
    font-size: var(--ep-font-size-s, .75rem)
}

.new-skin-symbol .show-modal-area .whatsapp-sms-area .item .item-text[data-v-1aaceec0] {
    color: var(--ep-color-text-weakest)
}

.new-skin-symbol .show-modal-area .whatsapp-sms-area .item .item-text .aggravate[data-v-1aaceec0] {
    color: var(--ep-color-text-default);
    font-weight: var(--ep-font-weight-bold, 700);
    line-height: 1.25rem
}

.new-skin-symbol .show-modal-area .whatsapp-sms-area .item .item-icon[data-v-1aaceec0] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%
}

.green-dark .show-modal-area[data-v-1aaceec0],
.yellow-dark .show-modal-area[data-v-1aaceec0],
.amber-purple .show-modal-area[data-v-1aaceec0] {
    background: var(--color-bg-300);
    border-radius: var(--ep-border-radius-surface-small, .375rem) var(--ep-border-radius-surface-small, .375rem) 0 0;
    width: 100%;
    padding: 1.25rem .9375rem .9375rem;
    position: absolute;
    bottom: 0
}

.green-dark .show-modal-area .icon-close[data-v-1aaceec0],
.yellow-dark .show-modal-area .icon-close[data-v-1aaceec0],
.amber-purple .show-modal-area .icon-close[data-v-1aaceec0] {
    position: absolute;
    top: 1.25rem;
    right: .9375rem;
    font-size: var(--ep-font-size-l, 1rem);
    color: var(--color-text-100)
}

.green-dark .show-modal-area .title-text[data-v-1aaceec0],
.yellow-dark .show-modal-area .title-text[data-v-1aaceec0],
.amber-purple .show-modal-area .title-text[data-v-1aaceec0] {
    color: var(--color-text-50);
    font-size: var(--ep-font-size-l, 1rem);
    font-weight: var(--ep-font-weight-medium, 600);
    line-height: 24px;
    text-align: left
}

.green-dark .show-modal-area .title1[data-v-1aaceec0],
.yellow-dark .show-modal-area .title1[data-v-1aaceec0],
.amber-purple .show-modal-area .title1[data-v-1aaceec0] {
    margin-bottom: 1.25rem
}

.green-dark .show-modal-area ion-segment[data-v-1aaceec0],
.yellow-dark .show-modal-area ion-segment[data-v-1aaceec0],
.amber-purple .show-modal-area ion-segment[data-v-1aaceec0] {
    --background: var(--color-bg-300);
    margin-bottom: 1.25rem
}

.green-dark .show-modal-area .share-url-area[data-v-1aaceec0],
.yellow-dark .show-modal-area .share-url-area[data-v-1aaceec0],
.amber-purple .show-modal-area .share-url-area[data-v-1aaceec0] {
    background: var(--color-bg-200);
    height: 2.5rem;
    line-height: 2.5rem;
    padding: .5rem .75rem;
    border-radius: var(--ep-border-radius-m, .375rem);
    display: flex;
    align-items: center;
    justify-content: space-between
}

.green-dark .show-modal-area .share-url-area .share-url-text[data-v-1aaceec0],
.yellow-dark .show-modal-area .share-url-area .share-url-text[data-v-1aaceec0],
.amber-purple .show-modal-area .share-url-area .share-url-text[data-v-1aaceec0] {
    color: var(--color-text-20);
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-bold, 700)
}

.green-dark .show-modal-area .share-url-area .copy-icon[data-v-1aaceec0],
.yellow-dark .show-modal-area .share-url-area .copy-icon[data-v-1aaceec0],
.amber-purple .show-modal-area .share-url-area .copy-icon[data-v-1aaceec0] {
    font-size: var(--ep-font-size-xxl, 1.5rem);
    color: var(--color-text-40)
}

.green-dark .show-modal-area .title2[data-v-1aaceec0],
.yellow-dark .show-modal-area .title2[data-v-1aaceec0],
.amber-purple .show-modal-area .title2[data-v-1aaceec0] {
    margin: .75rem auto
}

.green-dark .show-modal-area .share-phone-area[data-v-1aaceec0],
.yellow-dark .show-modal-area .share-phone-area[data-v-1aaceec0],
.amber-purple .show-modal-area .share-phone-area[data-v-1aaceec0] {
    background: var(--color-bg-200);
    padding: 1.25rem;
    border-radius: var(--ep-border-radius-m, .375rem);
    margin-bottom: .75rem
}

.green-dark .show-modal-area .share-phone-area .share-phone-item[data-v-1aaceec0],
.yellow-dark .show-modal-area .share-phone-area .share-phone-item[data-v-1aaceec0],
.amber-purple .show-modal-area .share-phone-area .share-phone-item[data-v-1aaceec0] {
    color: var(--color-text-100);
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-medium, 600);
    text-align: center;
    line-height: 1.25rem;
    padding: .5rem 0
}

.green-dark .show-modal-area .share-phone-area .used[data-v-1aaceec0],
.yellow-dark .show-modal-area .share-phone-area .used[data-v-1aaceec0],
.amber-purple .show-modal-area .share-phone-area .used[data-v-1aaceec0] {
    color: var(--color-text-20)
}

.green-dark .show-modal-area .whatsapp-sms-area[data-v-1aaceec0],
.yellow-dark .show-modal-area .whatsapp-sms-area[data-v-1aaceec0],
.amber-purple .show-modal-area .whatsapp-sms-area[data-v-1aaceec0] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.green-dark .show-modal-area .whatsapp-sms-area .item[data-v-1aaceec0],
.yellow-dark .show-modal-area .whatsapp-sms-area .item[data-v-1aaceec0],
.amber-purple .show-modal-area .whatsapp-sms-area .item[data-v-1aaceec0] {
    width: 10.625rem;
    height: 3.125rem;
    background: var(--color-bg-200);
    border-radius: var(--ep-border-radius-m, .375rem);
    padding: .5rem .75rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: .875rem;
    font-size: var(--ep-font-size-s, .75rem)
}

.green-dark .show-modal-area .whatsapp-sms-area .item .item-text[data-v-1aaceec0],
.yellow-dark .show-modal-area .whatsapp-sms-area .item .item-text[data-v-1aaceec0],
.amber-purple .show-modal-area .whatsapp-sms-area .item .item-text[data-v-1aaceec0] {
    color: var(--color-text-20)
}

.green-dark .show-modal-area .whatsapp-sms-area .item .item-text .aggravate[data-v-1aaceec0],
.yellow-dark .show-modal-area .whatsapp-sms-area .item .item-text .aggravate[data-v-1aaceec0],
.amber-purple .show-modal-area .whatsapp-sms-area .item .item-text .aggravate[data-v-1aaceec0] {
    color: var(--color-text-100);
    font-weight: var(--ep-font-weight-bold, 700);
    line-height: 1.25rem
}

.green-dark .show-modal-area .whatsapp-sms-area .item .item-icon[data-v-1aaceec0],
.yellow-dark .show-modal-area .whatsapp-sms-area .item .item-icon[data-v-1aaceec0],
.amber-purple .show-modal-area .whatsapp-sms-area .item .item-icon[data-v-1aaceec0] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%
}

.purple-light .show-modal-area[data-v-1aaceec0] {
    background: var(--color-bg-300);
    border-radius: var(--ep-border-radius-surface-small, .375rem) var(--ep-border-radius-surface-small, .375rem) 0 0;
    width: 100%;
    padding: 1.25rem .9375rem .9375rem;
    position: absolute;
    bottom: 0
}

.purple-light .show-modal-area .icon-close[data-v-1aaceec0] {
    position: absolute;
    top: 1.25rem;
    right: .9375rem;
    font-size: var(--ep-font-size-l, 1rem);
    color: var(--color-text-100)
}

.purple-light .show-modal-area .title-text[data-v-1aaceec0] {
    color: var(--color-text-50);
    font-size: var(--ep-font-size-l, 1rem);
    font-weight: var(--ep-font-weight-medium, 600);
    line-height: 24px;
    text-align: left
}

.purple-light .show-modal-area .title1[data-v-1aaceec0] {
    margin-bottom: 1.25rem
}

.purple-light .show-modal-area ion-segment[data-v-1aaceec0] {
    --background: var(--color-bg-300);
    margin-bottom: 1.25rem
}

.purple-light .show-modal-area .share-url-area[data-v-1aaceec0] {
    background: var(--color-bg-200);
    height: 2.5rem;
    line-height: 2.5rem;
    padding: .5rem .75rem;
    border-radius: var(--ep-border-radius-m, .375rem);
    display: flex;
    align-items: center;
    justify-content: space-between
}

.purple-light .show-modal-area .share-url-area .share-url-text[data-v-1aaceec0] {
    color: var(--color-text-40);
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-bold, 700)
}

.purple-light .show-modal-area .share-url-area .copy-icon[data-v-1aaceec0] {
    font-size: var(--ep-font-size-xxl, 1.5rem);
    color: var(--color-text-40)
}

.purple-light .show-modal-area .title2[data-v-1aaceec0] {
    margin: .75rem auto
}

.purple-light .show-modal-area .share-phone-area[data-v-1aaceec0] {
    background: var(--color-bg-200);
    padding: 1.25rem;
    border-radius: var(--ep-border-radius-m, .375rem);
    margin-bottom: .75rem
}

.purple-light .show-modal-area .share-phone-area .share-phone-item[data-v-1aaceec0] {
    color: var(--color-text-100);
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-medium, 600);
    text-align: center;
    line-height: 1.25rem;
    padding: .5rem 0
}

.purple-light .show-modal-area .share-phone-area .used[data-v-1aaceec0] {
    color: var(--color-text-40)
}

.purple-light .show-modal-area .whatsapp-sms-area[data-v-1aaceec0] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.purple-light .show-modal-area .whatsapp-sms-area .item[data-v-1aaceec0] {
    width: 10.625rem;
    height: 3.125rem;
    background: var(--color-bg-200);
    border-radius: var(--ep-border-radius-m, .375rem);
    padding: .5rem .75rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: .875rem;
    font-size: var(--ep-font-size-s, .75rem)
}

.purple-light .show-modal-area .whatsapp-sms-area .item .item-text[data-v-1aaceec0] {
    color: var(--color-text-40)
}

.purple-light .show-modal-area .whatsapp-sms-area .item .item-text .aggravate[data-v-1aaceec0] {
    color: var(--color-text-100);
    font-weight: var(--ep-font-weight-bold, 700);
    line-height: 1.25rem
}

.purple-light .show-modal-area .whatsapp-sms-area .item .item-icon[data-v-1aaceec0] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%
}

.green-default .show-modal-area[data-v-1aaceec0],
.blue-default .show-modal-area[data-v-1aaceec0],
.forest-green .show-modal-area[data-v-1aaceec0],
.auroral-yellow .show-modal-area[data-v-1aaceec0] {
    background: var(--color-bg-300);
    border-radius: var(--ep-border-radius-surface-small, .375rem) var(--ep-border-radius-surface-small, .375rem) 0 0;
    width: 100%;
    padding: 1.25rem .9375rem .9375rem;
    position: absolute;
    bottom: 0
}

.green-default .show-modal-area .icon-close[data-v-1aaceec0],
.blue-default .show-modal-area .icon-close[data-v-1aaceec0],
.forest-green .show-modal-area .icon-close[data-v-1aaceec0],
.auroral-yellow .show-modal-area .icon-close[data-v-1aaceec0] {
    position: absolute;
    top: 1.25rem;
    right: .9375rem;
    font-size: var(--ep-font-size-l, 1rem);
    color: var(--color-text-100)
}

.green-default .show-modal-area .title-text[data-v-1aaceec0],
.blue-default .show-modal-area .title-text[data-v-1aaceec0],
.forest-green .show-modal-area .title-text[data-v-1aaceec0],
.auroral-yellow .show-modal-area .title-text[data-v-1aaceec0] {
    color: var(--color-text-80);
    font-size: var(--ep-font-size-l, 1rem);
    font-weight: var(--ep-font-weight-medium, 600);
    line-height: 24px;
    text-align: left
}

.green-default .show-modal-area .title1[data-v-1aaceec0],
.blue-default .show-modal-area .title1[data-v-1aaceec0],
.forest-green .show-modal-area .title1[data-v-1aaceec0],
.auroral-yellow .show-modal-area .title1[data-v-1aaceec0] {
    margin-bottom: 1.25rem
}

.green-default .show-modal-area ion-segment[data-v-1aaceec0],
.blue-default .show-modal-area ion-segment[data-v-1aaceec0],
.forest-green .show-modal-area ion-segment[data-v-1aaceec0],
.auroral-yellow .show-modal-area ion-segment[data-v-1aaceec0] {
    --background: var(--color-bg-300);
    margin-bottom: 1.25rem
}

.green-default .show-modal-area .share-url-area[data-v-1aaceec0],
.blue-default .show-modal-area .share-url-area[data-v-1aaceec0],
.forest-green .show-modal-area .share-url-area[data-v-1aaceec0],
.auroral-yellow .show-modal-area .share-url-area[data-v-1aaceec0] {
    background: var(--color-bg-200);
    height: 2.5rem;
    line-height: 2.5rem;
    padding: .5rem .75rem;
    border-radius: var(--ep-border-radius-m, .375rem);
    display: flex;
    align-items: center;
    justify-content: space-between
}

.green-default .show-modal-area .share-url-area .share-url-text[data-v-1aaceec0],
.blue-default .show-modal-area .share-url-area .share-url-text[data-v-1aaceec0],
.forest-green .show-modal-area .share-url-area .share-url-text[data-v-1aaceec0],
.auroral-yellow .show-modal-area .share-url-area .share-url-text[data-v-1aaceec0] {
    color: var(--color-text-40);
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-bold, 700)
}

.green-default .show-modal-area .share-url-area .copy-icon[data-v-1aaceec0],
.blue-default .show-modal-area .share-url-area .copy-icon[data-v-1aaceec0],
.forest-green .show-modal-area .share-url-area .copy-icon[data-v-1aaceec0],
.auroral-yellow .show-modal-area .share-url-area .copy-icon[data-v-1aaceec0] {
    font-size: var(--ep-font-size-xxl, 1.5rem);
    color: var(--color-text-40)
}

.green-default .show-modal-area .title2[data-v-1aaceec0],
.blue-default .show-modal-area .title2[data-v-1aaceec0],
.forest-green .show-modal-area .title2[data-v-1aaceec0],
.auroral-yellow .show-modal-area .title2[data-v-1aaceec0] {
    margin: .75rem auto
}

.green-default .show-modal-area .share-phone-area[data-v-1aaceec0],
.blue-default .show-modal-area .share-phone-area[data-v-1aaceec0],
.forest-green .show-modal-area .share-phone-area[data-v-1aaceec0],
.auroral-yellow .show-modal-area .share-phone-area[data-v-1aaceec0] {
    background: var(--color-bg-200);
    padding: 1.25rem;
    border-radius: var(--ep-border-radius-m, .375rem);
    margin-bottom: .75rem
}

.green-default .show-modal-area .share-phone-area .share-phone-item[data-v-1aaceec0],
.blue-default .show-modal-area .share-phone-area .share-phone-item[data-v-1aaceec0],
.forest-green .show-modal-area .share-phone-area .share-phone-item[data-v-1aaceec0],
.auroral-yellow .show-modal-area .share-phone-area .share-phone-item[data-v-1aaceec0] {
    color: var(--color-text-100);
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-medium, 600);
    text-align: center;
    line-height: 1.25rem;
    padding: .5rem 0
}

.green-default .show-modal-area .share-phone-area .used[data-v-1aaceec0],
.blue-default .show-modal-area .share-phone-area .used[data-v-1aaceec0],
.forest-green .show-modal-area .share-phone-area .used[data-v-1aaceec0],
.auroral-yellow .show-modal-area .share-phone-area .used[data-v-1aaceec0] {
    color: var(--color-text-40)
}

.green-default .show-modal-area .whatsapp-sms-area[data-v-1aaceec0],
.blue-default .show-modal-area .whatsapp-sms-area[data-v-1aaceec0],
.forest-green .show-modal-area .whatsapp-sms-area[data-v-1aaceec0],
.auroral-yellow .show-modal-area .whatsapp-sms-area[data-v-1aaceec0] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.green-default .show-modal-area .whatsapp-sms-area .item[data-v-1aaceec0],
.blue-default .show-modal-area .whatsapp-sms-area .item[data-v-1aaceec0],
.forest-green .show-modal-area .whatsapp-sms-area .item[data-v-1aaceec0],
.auroral-yellow .show-modal-area .whatsapp-sms-area .item[data-v-1aaceec0] {
    width: 10.625rem;
    height: 3.125rem;
    background: var(--color-bg-200);
    border-radius: var(--ep-border-radius-m, .375rem);
    padding: .5rem .75rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: .875rem;
    font-size: var(--ep-font-size-s, .75rem)
}

.green-default .show-modal-area .whatsapp-sms-area .item .item-text[data-v-1aaceec0],
.blue-default .show-modal-area .whatsapp-sms-area .item .item-text[data-v-1aaceec0],
.forest-green .show-modal-area .whatsapp-sms-area .item .item-text[data-v-1aaceec0],
.auroral-yellow .show-modal-area .whatsapp-sms-area .item .item-text[data-v-1aaceec0] {
    color: var(--color-text-40)
}

.green-default .show-modal-area .whatsapp-sms-area .item .item-text .aggravate[data-v-1aaceec0],
.blue-default .show-modal-area .whatsapp-sms-area .item .item-text .aggravate[data-v-1aaceec0],
.forest-green .show-modal-area .whatsapp-sms-area .item .item-text .aggravate[data-v-1aaceec0],
.auroral-yellow .show-modal-area .whatsapp-sms-area .item .item-text .aggravate[data-v-1aaceec0] {
    color: var(--color-text-100);
    font-weight: var(--ep-font-weight-bold, 700);
    line-height: 1.25rem
}

.green-default .show-modal-area .whatsapp-sms-area .item .item-icon[data-v-1aaceec0],
.blue-default .show-modal-area .whatsapp-sms-area .item .item-icon[data-v-1aaceec0],
.forest-green .show-modal-area .whatsapp-sms-area .item .item-icon[data-v-1aaceec0],
.auroral-yellow .show-modal-area .whatsapp-sms-area .item .item-icon[data-v-1aaceec0] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%
}

.color-primary-600[data-v-8eb28dee] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-8eb28dee] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-8eb28dee] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-8eb28dee] {
    color: var(--color-primary-900)
}

.bg-100[data-v-8eb28dee] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-8eb28dee] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-8eb28dee] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-8eb28dee] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-8eb28dee] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-8eb28dee] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-8eb28dee] {
    background-color: var(--color-warning)
}

.bg-link[data-v-8eb28dee] {
    background-color: var(--color-link)
}

.bg-danger[data-v-8eb28dee] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-8eb28dee] {
    color: var(--color-text-100)
}

.color-text-80[data-v-8eb28dee] {
    color: var(--color-text-80)
}

.color-text-50[data-v-8eb28dee] {
    color: var(--color-text-50)
}

.color-text-40[data-v-8eb28dee] {
    color: var(--color-text-40)
}

.color-text-20[data-v-8eb28dee] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-8eb28dee] {
    color: var(--color-currency)
}

.color-warning[data-v-8eb28dee] {
    color: var(--color-warning)
}

.color-danger[data-v-8eb28dee] {
    color: var(--color-danger)
}

.color-link[data-v-8eb28dee] {
    color: var(--color-link)
}

.color-line[data-v-8eb28dee] {
    color: var(--color-line)
}

.color-border[data-v-8eb28dee] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-8eb28dee] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-8eb28dee] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-8eb28dee] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-8eb28dee] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-8eb28dee] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-8eb28dee] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-8eb28dee] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-8eb28dee] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-8eb28dee] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-8eb28dee] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-8eb28dee] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-8eb28dee] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-8eb28dee] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-8eb28dee] {
    display: flex;
    align-items: center
}

.flex-start[data-v-8eb28dee] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-8eb28dee] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-8eb28dee] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-8eb28dee] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-8eb28dee] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-8eb28dee] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-8eb28dee] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-8eb28dee] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-8eb28dee] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-8eb28dee] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-8eb28dee] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-8eb28dee] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-8eb28dee] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-8eb28dee] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-8eb28dee] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-8eb28dee] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-8eb28dee] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-8eb28dee] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-8eb28dee] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-8eb28dee] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-8eb28dee] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-8eb28dee] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-8eb28dee] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-8eb28dee] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-8eb28dee],
.mlm-selected-item[data-v-8eb28dee] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-8eb28dee] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-8eb28dee]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-8eb28dee] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-8eb28dee] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-8eb28dee] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-content[data-v-8eb28dee] {
    font-family: Saira !important
}

.default-invite-cpf-record[data-v-8eb28dee] {
    font-size: 1.875rem
}

.cpf-share-content[data-v-8eb28dee] {
    font-size: 1rem;
    font-weight: 700
}

.default-invite-cpf-claim[data-v-8eb28dee] {
    padding: .625rem .5rem
}

.default-invite-cpf-claim .top-line[data-v-8eb28dee],
.default-invite-cpf-claim .bottom-line[data-v-8eb28dee] {
    z-index: 1;
    height: 1px
}

.default-invite-cpf-claim .default-invite-cpf-reward-amount-tips[data-v-8eb28dee] {
    font-size: .625rem;
    line-height: .9375rem
}

.default-invite-cpf-claim .default-invite-cpf-reward-amount[data-v-8eb28dee] {
    font-size: 1.5rem;
    line-height: 2.25rem;
    font-weight: 700
}

.default-invite-cpf-rule[data-v-8eb28dee] {
    padding: 1.3506rem .9375rem 5.625rem .5625rem
}

.default-invite-cpf-rule[data-v-8eb28dee] .ruleHeader {
    justify-content: start;
    margin-bottom: 1rem
}

.default-invite-cpf-rule[data-v-8eb28dee] .ruleHeader .span-cls {
    margin: 0
}

.default-invite-cpf-rule .invite-cpf-rule-content[data-v-8eb28dee] {
    white-space: pre-line
}

.default-invite-cpf-rule .invite-cpf-rule-item[data-v-8eb28dee] {
    margin-bottom: .75rem;
    font-size: .75rem;
    line-height: 1.125rem
}

.default-invite-cpf-rule .default-invite-cpf-rule-content[data-v-8eb28dee] {
    font-size: .75rem;
    line-height: 1.125rem
}

.default-invite-cpf-footer[data-v-8eb28dee] {
    padding: 1rem .875rem .9375rem .625rem
}

.default-invite-cpf-footer ion-button.default-available-btn[data-v-8eb28dee] {
    min-height: 0;
    height: 3.0625rem;
    font-size: .875rem;
    font-weight: 700;
    --border-radius: .25rem
}

.penguin-img[data-v-8eb28dee] {
    animation: shake-8eb28dee 1.2s ease-in-out infinite;
    transform-origin: bottom center
}

ion-content[data-v-8eb28dee] {
    --background: var(--color-bg-300)
}

.default-invite-cpf-record[data-v-8eb28dee] {
    font-size: 1.875rem;
    color: var(--text-color-white-100)
}

.cpf-share-content[data-v-8eb28dee] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--accent-color-green)
}

.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), rgba(0, 0, 0, .27) 35%, rgba(0, 0, 0, .27) 64.95%, rgba(0, 0, 0, 0))
}

.default-invite-cpf-claim .top-line[data-v-8eb28dee],
.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))
}

.default-invite-cpf-claim .default-invite-cpf-reward-amount-tips[data-v-8eb28dee] {
    font-size: .625rem;
    color: var(--invite-cpf-reward-amount-text-color)
}

.default-invite-cpf-claim .default-invite-cpf-reward-amount[data-v-8eb28dee] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--theme-color-800)
}

.default-invite-cpf-rule[data-v-8eb28dee] .item-wrap {
    padding: 0 0 0 .375rem
}

.default-invite-cpf-rule[data-v-8eb28dee] .item-wrap .rule-item,
.default-invite-cpf-rule .invite-cpf-rule-item[data-v-8eb28dee] {
    color: var(--text-color-white-40)
}

.default-invite-cpf-rule .default-invite-cpf-rule-content[data-v-8eb28dee] {
    font-size: .75rem;
    color: var(--text-color-white-40)
}

.default-invite-cpf-footer[data-v-8eb28dee] {
    background: var(--color-bg-200);
    border-top: 1px solid var(--invite-cpf-footer-top-line)
}

.default-invite-cpf-footer ion-button.default-available-btn[data-v-8eb28dee] {
    font-size: .875rem;
    font-weight: 700;
    --background: var(--theme-color-800);
    --color: var(--color-text-black-100)
}

.default-invite-cpf-footer ion-button.default-disabled-btn[data-v-8eb28dee] {
    --background: var(--color-primary-btn-load);
    --color: var(--color-primary-btn-text-disable)
}

.share-btn-area[data-v-8eb28dee] {
    position: absolute;
    bottom: 0;
    right: 50%;
    width: 4.75rem;
    height: 3rem;
    border-radius: 999px;
    transform: translate(50%, 50%);
    border: 4px solid #1B1B19;
    z-index: 10
}

.share-btn-area .share-btn[data-v-8eb28dee] {
    width: 100%;
    height: 100%;
    background: #77bb1e;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: -3px -4px 7px rgba(255, 255, 255, .15) inset
}

.share-btn-area .share-btn .share-icon[data-v-8eb28dee] {
    font-size: 32px
}

.default-invite-cpf-top-bg[data-v-8eb28dee] {
    background: url(/images/inviteCpf/yellow-dark-invite-cpf-top.png) no-repeat;
    background-size: 100% 100%
}

.yellow-dark ion-content[data-v-8eb28dee] {
    --background: var(--color-bg-300)
}

.yellow-dark .default-invite-cpf-record[data-v-8eb28dee] {
    font-size: 1.875rem;
    color: var(--text-color-white-100)
}

.yellow-dark .cpf-share-content[data-v-8eb28dee] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--accent-color-green)
}

.yellow-dark .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%)
}

.yellow-dark .default-invite-cpf-claim .top-line[data-v-8eb28dee],
.yellow-dark .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))
}

.yellow-dark .default-invite-cpf-claim .default-invite-cpf-reward-amount-tips[data-v-8eb28dee] {
    font-size: .625rem;
    color: var(--invite-cpf-reward-amount-text-color)
}

.yellow-dark .default-invite-cpf-claim .default-invite-cpf-reward-amount[data-v-8eb28dee] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--theme-color-800)
}

.yellow-dark .default-invite-cpf-rule[data-v-8eb28dee] .item-wrap {
    padding: 0 0 0 .375rem
}

.yellow-dark .default-invite-cpf-rule[data-v-8eb28dee] .item-wrap .rule-item,
.yellow-dark .default-invite-cpf-rule .invite-cpf-rule-item[data-v-8eb28dee] {
    color: var(--text-color-white-40)
}

.yellow-dark .default-invite-cpf-rule .default-invite-cpf-rule-content[data-v-8eb28dee] {
    font-size: .75rem;
    color: var(--text-color-white-40)
}

.yellow-dark .default-invite-cpf-footer[data-v-8eb28dee] {
    background: var(--color-bg-200);
    border-top: 1px solid var(--invite-cpf-footer-top-line)
}

.yellow-dark .default-invite-cpf-footer ion-button.default-available-btn[data-v-8eb28dee] {
    font-size: .875rem;
    font-weight: 700;
    --background: var(--theme-color-800);
    --color: var(--color-text-black-100)
}

.yellow-dark .default-invite-cpf-footer ion-button.default-disabled-btn[data-v-8eb28dee] {
    --background: var(--color-primary-btn-load);
    --color: var(--color-primary-btn-text-disable)
}

.green-dark ion-content[data-v-8eb28dee] {
    --background: var(--color-bg-300)
}

.green-dark .default-invite-cpf-record[data-v-8eb28dee] {
    font-size: 1.875rem;
    color: var(--text-color-white-100)
}

.green-dark .cpf-share-content[data-v-8eb28dee] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--accent-color-green)
}

.green-dark .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%)
}

.green-dark .default-invite-cpf-claim .top-line[data-v-8eb28dee],
.green-dark .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))
}

.green-dark .default-invite-cpf-claim .default-invite-cpf-reward-amount-tips[data-v-8eb28dee] {
    font-size: .625rem;
    color: var(--invite-cpf-reward-amount-text-color)
}

.green-dark .default-invite-cpf-claim .default-invite-cpf-reward-amount[data-v-8eb28dee] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--accent-color-orange)
}

.green-dark .default-invite-cpf-rule[data-v-8eb28dee] .item-wrap {
    padding: 0 0 0 .375rem
}

.green-dark .default-invite-cpf-rule[data-v-8eb28dee] .item-wrap .rule-item,
.green-dark .default-invite-cpf-rule .invite-cpf-rule-item[data-v-8eb28dee] {
    color: var(--text-color-white-40)
}

.green-dark .default-invite-cpf-rule .default-invite-cpf-rule-content[data-v-8eb28dee] {
    font-size: .75rem;
    color: var(--text-color-white-40)
}

.green-dark .default-invite-cpf-footer[data-v-8eb28dee] {
    background: var(--color-bg-200);
    border-top: 1px solid var(--invite-cpf-footer-top-line)
}

.green-dark .default-invite-cpf-footer ion-button.default-available-btn[data-v-8eb28dee] {
    font-size: .875rem;
    font-weight: 700;
    --background: var(--theme-color-800);
    --color: var(--text-color-white-100)
}

.green-dark .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)
}

.purple-light ion-content[data-v-8eb28dee] {
    --background: var(--color-bg-300)
}

.purple-light .default-invite-cpf-record[data-v-8eb28dee] {
    font-size: 1.875rem;
    color: var(--text-color-white-100)
}

.purple-light .cpf-share-content[data-v-8eb28dee] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--accent-color-green)
}

.purple-light .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(204, 178, 255, .27) 35%, rgba(204, 178, 255, .27) 64.95%, rgba(0, 0, 0, 0) 95%)
}

.purple-light .default-invite-cpf-claim .top-line[data-v-8eb28dee],
.purple-light .default-invite-cpf-claim .bottom-line[data-v-8eb28dee] {
    background: linear-gradient(90deg, rgba(204, 178, 255, 0), rgba(204, 178, 255, .42) 50.5%, rgba(204, 178, 255, 0))
}

.purple-light .default-invite-cpf-claim .default-invite-cpf-reward-amount-tips[data-v-8eb28dee] {
    font-size: .625rem;
    color: var(--invite-cpf-reward-amount-text-color)
}

.purple-light .default-invite-cpf-claim .default-invite-cpf-reward-amount[data-v-8eb28dee] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--accent-color-orange)
}

.purple-light .default-invite-cpf-rule[data-v-8eb28dee] .item-wrap {
    padding: 0 0 0 .375rem
}

.purple-light .default-invite-cpf-rule[data-v-8eb28dee] .item-wrap .rule-item,
.purple-light .default-invite-cpf-rule .invite-cpf-rule-item[data-v-8eb28dee] {
    color: var(--text-color-black-80)
}

.purple-light .default-invite-cpf-rule .default-invite-cpf-rule-content[data-v-8eb28dee] {
    font-size: .75rem;
    color: var(--text-color-black-80)
}

.purple-light .default-invite-cpf-footer[data-v-8eb28dee] {
    background: var(--color-bg-200);
    border-top: 1px solid var(--invite-cpf-footer-top-line)
}

.purple-light .default-invite-cpf-footer ion-button.default-available-btn[data-v-8eb28dee] {
    font-size: .875rem;
    font-weight: 700;
    --background: var(--theme-color-800);
    --color: var(--text-color-white-100)
}

.purple-light .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)
}

.amber-purple ion-content[data-v-8eb28dee] {
    --background: var(--color-bg-300)
}

.amber-purple .default-invite-cpf-record[data-v-8eb28dee] {
    font-size: 1.875rem;
    color: var(--color-text-gray-100)
}

.amber-purple .cpf-share-content[data-v-8eb28dee] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--default-invite-share-text)
}

.amber-purple .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%)
}

.amber-purple .default-invite-cpf-claim .top-line[data-v-8eb28dee],
.amber-purple .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))
}

.amber-purple .default-invite-cpf-claim .default-invite-cpf-reward-amount-tips[data-v-8eb28dee] {
    font-size: .625rem;
    color: var(--invite-cpf-reward-amount-text-color)
}

.amber-purple .default-invite-cpf-claim .default-invite-cpf-reward-amount[data-v-8eb28dee] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--accent-color-yellow)
}

.amber-purple .default-invite-cpf-rule[data-v-8eb28dee] .item-wrap {
    padding: 0 0 0 .375rem
}

.amber-purple .default-invite-cpf-rule[data-v-8eb28dee] .item-wrap .rule-item,
.amber-purple .default-invite-cpf-rule .invite-cpf-rule-item[data-v-8eb28dee] {
    color: var(--color-text-gray-200)
}

.amber-purple .default-invite-cpf-rule .default-invite-cpf-rule-content[data-v-8eb28dee] {
    font-size: .75rem;
    color: var(--color-text-gray-200)
}

.amber-purple .default-invite-cpf-footer[data-v-8eb28dee] {
    background: var(--color-bg-200);
    border-top: 1px solid var(--invite-cpf-footer-top-line)
}

.amber-purple .default-invite-cpf-footer ion-button.default-available-btn[data-v-8eb28dee] {
    font-size: .875rem;
    font-weight: 700;
    --background: var(--theme-color-gradient-100);
    --color: var(--text-color-white-100)
}

.amber-purple .default-invite-cpf-footer ion-button.default-disabled-btn[data-v-8eb28dee] {
    --background: var(--gradients-disabled-btn-bg);
    --color: var(--color-text-gray-100)
}

.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] .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)
}

.auroral-yellow ion-content[data-v-8eb28dee] {
    --background: var(--color-bg-300)
}

.auroral-yellow .default-invite-cpf-record[data-v-8eb28dee] {
    font-size: 1.875rem;
    color: var(--text-color-white-100)
}

.auroral-yellow .cpf-share-content[data-v-8eb28dee] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--accent-color-green)
}

.auroral-yellow .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), rgba(0, 0, 0, .27) 35%, rgba(0, 0, 0, .27) 64.95%, rgba(0, 0, 0, 0))
}

.auroral-yellow .default-invite-cpf-claim .top-line[data-v-8eb28dee],
.auroral-yellow .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))
}

.auroral-yellow .default-invite-cpf-claim .default-invite-cpf-reward-amount-tips[data-v-8eb28dee] {
    font-size: .625rem;
    color: var(--invite-cpf-reward-amount-text-color)
}

.auroral-yellow .default-invite-cpf-claim .default-invite-cpf-reward-amount[data-v-8eb28dee] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--theme-color-800)
}

.auroral-yellow .default-invite-cpf-rule[data-v-8eb28dee] .item-wrap {
    padding: 0 0 0 .375rem
}

.auroral-yellow .default-invite-cpf-rule[data-v-8eb28dee] .item-wrap .rule-item,
.auroral-yellow .default-invite-cpf-rule .invite-cpf-rule-item[data-v-8eb28dee] {
    color: var(--text-color-white-40)
}

.auroral-yellow .default-invite-cpf-rule .default-invite-cpf-rule-content[data-v-8eb28dee] {
    font-size: .75rem;
    color: var(--text-color-white-40)
}

.auroral-yellow .default-invite-cpf-footer[data-v-8eb28dee] {
    background: var(--color-bg-200);
    border-top: 1px solid var(--invite-cpf-footer-top-line)
}

.auroral-yellow .default-invite-cpf-footer ion-button.default-available-btn[data-v-8eb28dee] {
    font-size: .875rem;
    font-weight: 700;
    --background: var(--theme-color-800);
    --color: var(--color-text-black-100)
}

.auroral-yellow .default-invite-cpf-footer ion-button.default-disabled-btn[data-v-8eb28dee] {
    --background: var(--color-primary-btn-load);
    --color: var(--color-text-black-100)
}

.forest-green ion-content[data-v-8eb28dee] {
    --background: var(--color-bg-300)
}

.forest-green .default-invite-cpf-record[data-v-8eb28dee] {
    font-size: 1.875rem;
    color: var(--color-text-white-100)
}

.forest-green .cpf-share-content[data-v-8eb28dee] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--mlm-agent-team-text-color)
}

.forest-green .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%)
}

.forest-green .default-invite-cpf-claim .top-line[data-v-8eb28dee],
.forest-green .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))
}

.forest-green .default-invite-cpf-claim .default-invite-cpf-reward-amount-tips[data-v-8eb28dee] {
    font-size: .625rem;
    color: var(--invite-cpf-reward-amount-text-color)
}

.forest-green .default-invite-cpf-claim .default-invite-cpf-reward-amount[data-v-8eb28dee] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--color-warning)
}

.forest-green .default-invite-cpf-rule[data-v-8eb28dee] .item-wrap {
    padding: 0 0 0 .375rem
}

.forest-green .default-invite-cpf-rule[data-v-8eb28dee] .item-wrap .rule-item,
.forest-green .default-invite-cpf-rule .invite-cpf-rule-item[data-v-8eb28dee] {
    color: var(--text-color2)
}

.forest-green .default-invite-cpf-rule .default-invite-cpf-rule-content[data-v-8eb28dee] {
    font-size: .75rem;
    color: var(--text-color2)
}

.forest-green .default-invite-cpf-footer[data-v-8eb28dee] {
    background: var(--color-bg-200);
    border-top: 1px solid var(--invite-cpf-footer-top-line)
}

.forest-green .default-invite-cpf-footer ion-button.default-available-btn[data-v-8eb28dee] {
    font-size: .875rem;
    font-weight: 700;
    --background: var(--theme-color-gradient-100);
    --color: var(--color-text-white-100)
}

.forest-green .default-invite-cpf-footer ion-button.default-disabled-btn[data-v-8eb28dee] {
    --background: var(--agent-disabled-btn-bgc);
    --color: var(--color-text-white-40)
}

.green-default ion-content[data-v-8eb28dee] {
    --background: var(--color-bg-300)
}

.green-default .default-invite-cpf-record[data-v-8eb28dee] {
    font-size: 1.875rem;
    color: var(--color-text-gray-100)
}

.green-default .cpf-share-content[data-v-8eb28dee] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--mlm-agent-team-text-color)
}

.green-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%)
}

.green-default .default-invite-cpf-claim .top-line[data-v-8eb28dee],
.green-default .default-invite-cpf-claim .bottom-line[data-v-8eb28dee] {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(255, 255, 255, .42) 50.5%, rgba(0, 0, 0, 0))
}

.green-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)
}

.green-default .default-invite-cpf-claim .default-invite-cpf-reward-amount[data-v-8eb28dee] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--color-warning)
}

.green-default .default-invite-cpf-rule[data-v-8eb28dee] .item-wrap {
    padding: 0 0 0 .375rem
}

.green-default .default-invite-cpf-rule[data-v-8eb28dee] .item-wrap .rule-item,
.green-default .default-invite-cpf-rule .invite-cpf-rule-item[data-v-8eb28dee] {
    color: var(--color-text-gray-200)
}

.green-default .default-invite-cpf-rule .default-invite-cpf-rule-content[data-v-8eb28dee] {
    font-size: .75rem;
    color: var(--color-text-gray-200)
}

.green-default .default-invite-cpf-footer[data-v-8eb28dee] {
    background: var(--color-bg-200);
    border-top: 1px solid var(--invite-cpf-footer-top-line)
}

.green-default .default-invite-cpf-footer ion-button.default-available-btn[data-v-8eb28dee] {
    font-size: .875rem;
    font-weight: 700;
    --background: var(--theme-color-gradient-100);
    --color: var(--color-text-white-100)
}

.green-default .default-invite-cpf-footer ion-button.default-disabled-btn[data-v-8eb28dee] {
    --background: var(--theme-color-gradient-500);
    --color: var(--color-text-gray-100)
}

.new-skin-symbol ion-content[data-v-8eb28dee] {
    --background: var(--ep-color-background-fill-body-default)
}

.new-skin-symbol .default-invite-cpf-record[data-v-8eb28dee] {
    font-size: 1.875rem;
    color: var(--ep-color-icon-default)
}

.new-skin-symbol .cpf-share-content[data-v-8eb28dee] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--ep-color-text-success)
}

.new-skin-symbol .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(255, 255, 255, 0) 5%, var(--ep-color-background-fill-glow-primary-opacity-100) 40%, rgba(255, 255, 255, 0) 95%)
}

.new-skin-symbol .default-invite-cpf-claim .top-line[data-v-8eb28dee],
.new-skin-symbol .default-invite-cpf-claim .bottom-line[data-v-8eb28dee] {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--ep-color-background-fill-glow-primary-opacity-40) 50.5%, rgba(255, 255, 255, 0) 100%)
}

.new-skin-symbol .default-invite-cpf-claim .default-invite-cpf-reward-amount-tips[data-v-8eb28dee] {
    font-size: .625rem;
    color: var(--ep-color-text-default)
}

.new-skin-symbol .default-invite-cpf-claim .default-invite-cpf-reward-amount[data-v-8eb28dee] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--ep-color-text-warning)
}

.new-skin-symbol .default-invite-cpf-rule[data-v-8eb28dee] .item-wrap .rule-item,
.new-skin-symbol .default-invite-cpf-rule .invite-cpf-rule-item[data-v-8eb28dee] {
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol .default-invite-cpf-rule .default-invite-cpf-rule-content[data-v-8eb28dee] {
    font-size: .75rem;
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol .default-invite-cpf-footer[data-v-8eb28dee] {
    background: var(--ep-color-background-fill-surface-raised-L1);
    border-top: 1px solid var(--ep-color-border-default)
}

.new-skin-symbol .default-invite-cpf-footer ion-button.default-available-btn[data-v-8eb28dee] {
    font-size: .875rem;
    font-weight: 700;
    --background: var(--ep-dynamic-primary);
    --color: var(--ep-color-text-inverse)
}

.new-skin-symbol .default-invite-cpf-footer ion-button.default-disabled-btn[data-v-8eb28dee] {
    --background: var(--ep-color-background-fill-active-disabled);
    --color: var(--ep-color-text-inverse-disabled)
}

.new-skin-symbol ion-content[data-v-8eb28dee] {
    font-family: Saira !important
}

.new-skin-symbol .default-invite-cpf-record[data-v-8eb28dee] {
    font-size: 1.875rem
}

.new-skin-symbol .cpf-share-content[data-v-8eb28dee] {
    font-size: var(--ep-font-size-l);
    font-weight: var(--ep-font-weight-bold)
}

.new-skin-symbol .default-invite-cpf-claim[data-v-8eb28dee] {
    padding: .625rem .5rem
}

.new-skin-symbol .default-invite-cpf-claim .top-line[data-v-8eb28dee],
.new-skin-symbol .default-invite-cpf-claim .bottom-line[data-v-8eb28dee] {
    z-index: 1;
    height: 1px
}

.new-skin-symbol .default-invite-cpf-claim .default-invite-cpf-reward-amount-tips[data-v-8eb28dee] {
    font-size: var(--ep-font-size-xs);
    line-height: .9375rem
}

.new-skin-symbol .default-invite-cpf-claim .default-invite-cpf-reward-amount[data-v-8eb28dee] {
    font-size: var(--ep-font-size-xxl);
    line-height: 2.25rem;
    font-weight: var(--ep-font-weight-bold)
}

.new-skin-symbol .default-invite-cpf-rule[data-v-8eb28dee] {
    padding: 1.3506rem .9375rem 5.625rem .5625rem
}

.new-skin-symbol .default-invite-cpf-rule[data-v-8eb28dee] .item-wrap {
    padding: 0 0 0 .375rem
}

.new-skin-symbol .default-invite-cpf-rule .invite-cpf-rule-content[data-v-8eb28dee] {
    white-space: pre-line
}

.new-skin-symbol .default-invite-cpf-rule .invite-cpf-rule-item[data-v-8eb28dee] {
    margin-bottom: .75rem;
    font-size: var(--ep-font-size-s);
    line-height: 1.125rem;
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol .default-invite-cpf-rule .default-invite-cpf-rule-content[data-v-8eb28dee] {
    font-size: var(--ep-font-size-s);
    line-height: 1.125rem
}

.new-skin-symbol .default-invite-cpf-footer[data-v-8eb28dee] {
    padding: 1rem .875rem .9375rem .625rem
}

.new-skin-symbol .default-invite-cpf-footer ion-button.default-available-btn[data-v-8eb28dee] {
    min-height: 0;
    height: 3.0625rem;
    font-size: var(--ep-font-size-m);
    font-weight: var(--ep-font-weight-bold);
    --border-radius: var(--ep-border-radius-s)
}

.new-skin-symbol .penguin-img[data-v-8eb28dee] {
    animation: shake-8eb28dee 1.2s ease-in-out infinite;
    transform-origin: bottom center
}

@keyframes shake-8eb28dee {

    0%,
    to {
        transform: rotate(-5deg)
    }

    25% {
        transform: rotate(5deg)
    }

    50% {
        transform: rotate(-5deg)
    }

    75% {
        transform: rotate(5deg)
    }
}

.color-primary-600[data-v-c6db9e6b] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-c6db9e6b] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-c6db9e6b] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-c6db9e6b] {
    color: var(--color-primary-900)
}

.bg-100[data-v-c6db9e6b] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-c6db9e6b] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-c6db9e6b] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-c6db9e6b] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-c6db9e6b] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-c6db9e6b] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-c6db9e6b] {
    background-color: var(--color-warning)
}

.bg-link[data-v-c6db9e6b] {
    background-color: var(--color-link)
}

.bg-danger[data-v-c6db9e6b] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-c6db9e6b] {
    color: var(--color-text-100)
}

.color-text-80[data-v-c6db9e6b] {
    color: var(--color-text-80)
}

.color-text-50[data-v-c6db9e6b] {
    color: var(--color-text-50)
}

.color-text-40[data-v-c6db9e6b] {
    color: var(--color-text-40)
}

.color-text-20[data-v-c6db9e6b] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-c6db9e6b] {
    color: var(--color-currency)
}

.color-warning[data-v-c6db9e6b] {
    color: var(--color-warning)
}

.color-danger[data-v-c6db9e6b] {
    color: var(--color-danger)
}

.color-link[data-v-c6db9e6b] {
    color: var(--color-link)
}

.color-line[data-v-c6db9e6b] {
    color: var(--color-line)
}

.color-border[data-v-c6db9e6b] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-c6db9e6b] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-c6db9e6b] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-c6db9e6b] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-c6db9e6b] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-c6db9e6b] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-c6db9e6b] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-c6db9e6b] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-c6db9e6b] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-c6db9e6b] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-c6db9e6b] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-c6db9e6b] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-c6db9e6b] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-c6db9e6b] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-c6db9e6b] {
    display: flex;
    align-items: center
}

.flex-start[data-v-c6db9e6b] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-c6db9e6b] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-c6db9e6b] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-c6db9e6b] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-c6db9e6b] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-c6db9e6b] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-c6db9e6b] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-c6db9e6b] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-c6db9e6b] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-c6db9e6b] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-c6db9e6b] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-c6db9e6b] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-c6db9e6b] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-c6db9e6b] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-c6db9e6b] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-c6db9e6b] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-c6db9e6b] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-c6db9e6b] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-c6db9e6b] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-c6db9e6b] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-c6db9e6b] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-c6db9e6b] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-c6db9e6b] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-c6db9e6b] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-c6db9e6b],
.mlm-selected-item[data-v-c6db9e6b] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-c6db9e6b] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-c6db9e6b]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-c6db9e6b] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-c6db9e6b] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-c6db9e6b] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.invite-cpf-record[data-v-c6db9e6b] {
    color: var(--invite-cpf-record-icon)
}

ion-content[data-v-c6db9e6b] {
    --background: #213b10
}

@font-face {
    font-family: MoneyFont;
    src: url(/assets/numbersAndLetters-CEMi_ZIq.otf) format("opentype");
    font-weight: 400;
    font-style: normal
}

.invite-cpf-top-bg[data-v-c6db9e6b] {
    background: url(/images/inviteCpf/invite-cpf-style1-top-bg.png) no-repeat;
    background-size: 100% 100%
}

.invite-cpf-available[data-v-c6db9e6b] {
    position: relative;
    width: 240px;
    margin: -1.5625rem auto 0;
    text-align: center
}

.invite-cpf-available .available-merchantCy[data-v-c6db9e6b] {
    font-size: 1rem;
    line-height: 2rem;
    background: linear-gradient(180deg, #50fe93, #00a53f);
    font-weight: 500
}

.invite-cpf-available .available-money[data-v-c6db9e6b] {
    font-size: 2.5rem;
    background: linear-gradient(180deg, #50fe93, #00a53f);
    font-weight: 900
}

.invite-cpf-available .available-merchantCy[data-v-c6db9e6b],
.invite-cpf-available .available-money[data-v-c6db9e6b] {
    font-family: MoneyFont;
    text-align: center;
    -webkit-text-stroke-width: .0313rem;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-style: normal;
    text-transform: uppercase;
    -webkit-text-stroke-color: #c4edc4
}

.invite-cpf-available[data-v-c6db9e6b]:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, rgba(33, 59, 16, 0), #3feb80 50.5%, rgba(33, 59, 16, 0))
}

ion-button.cpf-copy-button[data-v-c6db9e6b] {
    width: 20.5rem;
    min-height: 0;
    --background: linear-gradient(180deg, #FFC271 0%, #F2910D 100%);
    --border-radius: .5rem;
    --color: #fff;
    font-size: .875rem;
    --background-hover: #f2be75;
    --background-focused: #ecb168;
    --background-activated: #ecb168
}

.invite-cpf-first-rule[data-v-c6db9e6b] {
    margin-top: 1.5rem
}

.invite-cpf-first-rule[data-v-c6db9e6b] .ruleHeader {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .5rem;
    margin-bottom: .75rem
}

.invite-cpf-first-rule[data-v-c6db9e6b] .ruleHeader .span-cls {
    font-size: .875rem;
    line-height: 1.5rem;
    color: #afc69f;
    font-weight: 500
}

.invite-cpf-first-rule[data-v-c6db9e6b] .item-wrap {
    padding: 0 1.5rem
}

.invite-cpf-first-rule[data-v-c6db9e6b] .item-wrap .rule-item {
    min-height: 18.75rem;
    background: #183009;
    border: 1px solid #34571D;
    border-radius: .5rem;
    color: #7e9071;
    font-size: .75rem;
    line-height: 1rem;
    padding: 0 .875rem .875rem;
    white-space: pre-line
}

.invite-cpf-rule-title[data-v-c6db9e6b] {
    font-size: .875rem;
    line-height: 1.5rem;
    color: #afc69f
}

.invite-cpf-rule-content[data-v-c6db9e6b] {
    min-height: 18.75rem;
    background: #183009;
    border: 1px solid #34571D;
    border-radius: .5rem;
    color: #7e9071;
    font-size: .75rem;
    line-height: 1rem
}

.invite-cpf-footer[data-v-c6db9e6b] {
    bottom: 0;
    padding: .9688rem .75rem;
    background: #2b4f14;
    box-shadow: 0 .5px #2b4f14 inset
}

.invite-cpf-footer ion-button.available-btn[data-v-c6db9e6b] {
    min-height: 0;
    --background: linear-gradient(180deg, #13C96A 0%, #1D9554 100%);
    --border-radius: .5rem;
    --color: #fff;
    font-size: .875rem;
    line-height: 1.3125rem;
    --background-hover: #5eb86c;
    --background-focused: #6dc07a;
    --background-activated: #6dc07a
}

.invite-cpf-footer ion-button.disabled-btn[data-v-c6db9e6b] {
    --background: linear-gradient(180deg, #227F36 0%, #256C2E 100%);
    --color: rgba(255, 255, 255, .4);
    --background-activated: none;
    --background-focused: none;
    --background-hover: none
}

.color-primary-600[data-v-e23ba234] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-e23ba234] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-e23ba234] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-e23ba234] {
    color: var(--color-primary-900)
}

.bg-100[data-v-e23ba234] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-e23ba234] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-e23ba234] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-e23ba234] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-e23ba234] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-e23ba234] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-e23ba234] {
    background-color: var(--color-warning)
}

.bg-link[data-v-e23ba234] {
    background-color: var(--color-link)
}

.bg-danger[data-v-e23ba234] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-e23ba234] {
    color: var(--color-text-100)
}

.color-text-80[data-v-e23ba234] {
    color: var(--color-text-80)
}

.color-text-50[data-v-e23ba234] {
    color: var(--color-text-50)
}

.color-text-40[data-v-e23ba234] {
    color: var(--color-text-40)
}

.color-text-20[data-v-e23ba234] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-e23ba234] {
    color: var(--color-currency)
}

.color-warning[data-v-e23ba234] {
    color: var(--color-warning)
}

.color-danger[data-v-e23ba234] {
    color: var(--color-danger)
}

.color-link[data-v-e23ba234] {
    color: var(--color-link)
}

.color-line[data-v-e23ba234] {
    color: var(--color-line)
}

.color-border[data-v-e23ba234] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-e23ba234] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-e23ba234] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-e23ba234] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-e23ba234] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-e23ba234] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-e23ba234] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-e23ba234] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-e23ba234] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-e23ba234] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-e23ba234] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-e23ba234] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-e23ba234] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-e23ba234] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-e23ba234] {
    display: flex;
    align-items: center
}

.flex-start[data-v-e23ba234] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-e23ba234] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-e23ba234] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-e23ba234] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-e23ba234] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-e23ba234] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-e23ba234] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-e23ba234] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-e23ba234] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-e23ba234] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-e23ba234] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-e23ba234] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-e23ba234] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-e23ba234] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-e23ba234] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-e23ba234] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-e23ba234] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-e23ba234] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-e23ba234] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-e23ba234] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-e23ba234] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-e23ba234] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-e23ba234] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-e23ba234] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-e23ba234],
.mlm-selected-item[data-v-e23ba234] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-e23ba234] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-e23ba234]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-e23ba234] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-e23ba234] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-e23ba234] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.invite-cpf-record[data-v-e23ba234] {
    color: var(--invite-cpf-record-icon)
}

ion-content[data-v-e23ba234] {
    --background: #262346
}

@font-face {
    font-family: MoneyFont;
    src: url(/assets/numbersAndLetters-CEMi_ZIq.otf) format("opentype");
    font-weight: 400;
    font-style: normal
}

.invite-cpf-top-bg[data-v-e23ba234] {
    background: url(/images/inviteCpf/invite-cpf-style2-top-bg.png) no-repeat;
    background-size: 100% 100%
}

.invite-cpf-available .available-box[data-v-e23ba234] {
    height: 2.5rem;
    background: linear-gradient(90deg, rgba(27, 16, 59, 0), #6d3feb 50.5%, rgba(27, 16, 59, 0)), linear-gradient(90deg, rgba(27, 16, 59, 0), #6d3feb 50.5%, rgba(27, 16, 59, 0))
}

.invite-cpf-available .available-box .available-merchantCy[data-v-e23ba234] {
    font-size: 1rem;
    line-height: 2rem;
    background: linear-gradient(180deg, #b296ff, #8b33ff);
    font-weight: 500
}

.invite-cpf-available .available-box .available-money[data-v-e23ba234] {
    background: linear-gradient(180deg, #b296ff, #8b33ff);
    font-size: 2.5rem;
    font-weight: 900
}

.invite-cpf-available .available-box .available-merchantCy[data-v-e23ba234],
.invite-cpf-available .available-box .available-money[data-v-e23ba234] {
    font-family: MoneyFont;
    text-align: center;
    -webkit-text-stroke-width: .0313rem;
    -webkit-text-stroke-color: #c2b2fb;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-style: normal;
    text-transform: uppercase
}

ion-button.cpf-copy-button[data-v-e23ba234] {
    width: 20.5rem;
    min-height: 0;
    --background: linear-gradient(180deg, #A180FF 0%, #7041F3 100%);
    --border-radius: .5rem;
    --color: #fff;
    font-size: 1rem;
    --background-hover: none;
    --background-focused: #9a82f8;
    --background-activated: #9a82f8
}

.invite-cpf-second-rule[data-v-e23ba234] {
    margin-top: 1.5rem
}

.invite-cpf-second-rule[data-v-e23ba234] .ruleHeader {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .5rem;
    margin-bottom: .75rem
}

.invite-cpf-second-rule[data-v-e23ba234] .ruleHeader .span-cls {
    font-size: 1rem;
    line-height: 1.5rem;
    color: #bdb8e1;
    font-weight: 500
}

.invite-cpf-second-rule[data-v-e23ba234] .item-wrap {
    padding: 0 1.5rem
}

.invite-cpf-second-rule[data-v-e23ba234] .item-wrap .rule-item {
    min-height: 18.75rem;
    background: linear-gradient(0deg, rgba(44, 41, 77, 0), rgba(44, 41, 77, 0)), linear-gradient(180deg, rgba(161, 128, 255, .3), rgba(112, 65, 243, .3));
    border-radius: .5rem;
    color: #aba7cc;
    font-size: .75rem;
    line-height: 1rem;
    padding: 0 .75rem .9375rem;
    white-space: pre-line
}

.invite-cpf-rule-title[data-v-e23ba234] {
    font-size: 1rem;
    line-height: 1.5rem;
    color: #bdb8e1
}

.invite-cpf-rule-content[data-v-e23ba234] {
    min-height: 18.75rem;
    background: linear-gradient(0deg, rgba(44, 41, 77, 0), rgba(44, 41, 77, 0)), linear-gradient(180deg, rgba(161, 128, 255, .3), rgba(112, 65, 243, .3));
    border-radius: .5rem;
    color: #aba7cc;
    font-size: .75rem;
    line-height: 1rem
}

.invite-cpf-footer[data-v-e23ba234] {
    bottom: 0;
    padding: .9688rem .75rem;
    background: #3b3466;
    box-shadow: 0 .5px #2b4f14 inset
}

.invite-cpf-footer ion-button.available-btn[data-v-e23ba234] {
    min-height: 0;
    --background: linear-gradient(350.74deg, #7041F3 23.01%, #FFE69F 131.39%);
    --border-radius: .5rem;
    --color: #fff;
    font-size: .875rem;
    line-height: 1.3125rem;
    --background-hover: none;
    --background-focused: linear-gradient(350.74deg, #785aed 23.01%, #ceb8c3 131.39%);
    --background-activated: linear-gradient(350.74deg, #785aed 23.01%, #ceb8c3 131.39%)
}

.invite-cpf-footer ion-button.disabled-btn[data-v-e23ba234] {
    --background: linear-gradient(180deg, #7c6c88 0%, #4934a1 100%);
    --color: rgba(255, 255, 255, .4);
    --background-activated: none;
    --background-focused: none;
    --background-hover: none
}

.color-primary-600[data-v-b48a0562] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-b48a0562] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-b48a0562] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-b48a0562] {
    color: var(--color-primary-900)
}

.bg-100[data-v-b48a0562] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-b48a0562] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-b48a0562] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-b48a0562] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-b48a0562] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-b48a0562] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-b48a0562] {
    background-color: var(--color-warning)
}

.bg-link[data-v-b48a0562] {
    background-color: var(--color-link)
}

.bg-danger[data-v-b48a0562] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-b48a0562] {
    color: var(--color-text-100)
}

.color-text-80[data-v-b48a0562] {
    color: var(--color-text-80)
}

.color-text-50[data-v-b48a0562] {
    color: var(--color-text-50)
}

.color-text-40[data-v-b48a0562] {
    color: var(--color-text-40)
}

.color-text-20[data-v-b48a0562] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-b48a0562] {
    color: var(--color-currency)
}

.color-warning[data-v-b48a0562] {
    color: var(--color-warning)
}

.color-danger[data-v-b48a0562] {
    color: var(--color-danger)
}

.color-link[data-v-b48a0562] {
    color: var(--color-link)
}

.color-line[data-v-b48a0562] {
    color: var(--color-line)
}

.color-border[data-v-b48a0562] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-b48a0562] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-b48a0562] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-b48a0562] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-b48a0562] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-b48a0562] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-b48a0562] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-b48a0562] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-b48a0562] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-b48a0562] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-b48a0562] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-b48a0562] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-b48a0562] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-b48a0562] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-b48a0562] {
    display: flex;
    align-items: center
}

.flex-start[data-v-b48a0562] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-b48a0562] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-b48a0562] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-b48a0562] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-b48a0562] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-b48a0562] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-b48a0562] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-b48a0562] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-b48a0562] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-b48a0562] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-b48a0562] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-b48a0562] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-b48a0562] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-b48a0562] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-b48a0562] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-b48a0562] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-b48a0562] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-b48a0562] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-b48a0562] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-b48a0562] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-b48a0562] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-b48a0562] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-b48a0562] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-b48a0562] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-b48a0562],
.mlm-selected-item[data-v-b48a0562] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-b48a0562] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-b48a0562]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-b48a0562] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-b48a0562] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-b48a0562] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-content[data-v-b48a0562] {
    font-family: Saira !important
}

.default-cpf-record-select-date[data-v-b48a0562] {
    padding: 1.0625rem .7188rem .625rem .8125rem
}

.default-cpf-record-select-date .date-box[data-v-b48a0562] {
    font-size: .75rem;
    line-height: 1.125rem
}

.default-cpf-record-select-date .date-box .select-tips[data-v-b48a0562] {
    font-weight: 500
}

.default-cpf-record-select-date .date-box .current-date[data-v-b48a0562] {
    font-weight: 700
}

.default-cpf-record-select-date .date-box ion-icon.on[data-v-b48a0562] {
    transform: rotate(180deg)
}

.popover-box[data-v-b48a0562] {
    padding: 0 .7188rem 0 .8125rem
}

ion-popover[data-v-b48a0562] {
    --backdrop-opacity: 0
}

ion-popover ion-button[data-v-b48a0562] {
    margin-top: 0;
    margin-bottom: 0
}

ion-popover ion-button[data-v-b48a0562]::part(native) {
    --padding-start: .375rem;
    --padding-end: .375rem;
    --padding-top: 0;
    --padding-bottom: 0
}

ion-row.popover-select-box[data-v-b48a0562] {
    padding: .625rem .75rem 0
}

ion-row.popover-select-box ion-col.popover-select-item[data-v-b48a0562] {
    font-size: .75rem;
    padding: 0
}

ion-row.popover-select-box ion-col.popover-select-item .p-select-item[data-v-b48a0562] {
    height: 2.5rem;
    margin: 0 .5rem .75rem 0;
    text-align: center;
    border-radius: .25rem
}

ion-row.popover-select-box ion-col.popover-select-item .p-selected-col[data-v-b48a0562] {
    border: none !important;
    font-weight: 700
}

ion-row.popover-select-box ion-col.popover-select-item .p-select-item[data-v-b48a0562]:nth-child(3),
ion-row.popover-select-box ion-col.popover-select-item .p-select-item[data-v-b48a0562]:nth-child(3n) {
    margin-right: 0
}

.default-record-select-time-tips[data-v-b48a0562] {
    font-size: .75rem;
    line-height: 1.125rem
}

.default-table[data-v-b48a0562] {
    padding: .9375rem .7188rem 1rem .7813rem
}

.default-table .default-table-title[data-v-b48a0562] {
    font-size: .75rem;
    border-top-left-radius: .375rem;
    border-top-right-radius: .375rem
}

.default-table .default-table-list[data-v-b48a0562] {
    font-size: .75rem
}

.default-table .default-table-list .default-list-item-money[data-v-b48a0562] {
    font-weight: 700
}

ion-infinite-scroll-content.default-infinite-content[data-v-b48a0562] {
    min-height: .625rem;
    font-size: .75rem;
    line-height: 1.125rem
}

ion-content[data-v-b48a0562] {
    --background: var(--color-bg-300)
}

.default-cpf-record-select-date .date-box[data-v-b48a0562] {
    font-size: .75rem;
    background: var(--color-bg-200)
}

.default-cpf-record-select-date .date-box .select-tips[data-v-b48a0562] {
    font-weight: 500;
    color: var(--text-color-white-40)
}

.default-cpf-record-select-date .date-box .current-date[data-v-b48a0562] {
    font-weight: 700;
    color: var(--text-color-white-100)
}

ion-row.popover-select-box[data-v-b48a0562] {
    background: var(--color-bg-200)
}

ion-row.popover-select-box ion-col.popover-select-item[data-v-b48a0562] {
    font-size: .75rem;
    color: var(--text-color-white-80)
}

ion-row.popover-select-box ion-col.popover-select-item .p-select-item[data-v-b48a0562] {
    border-radius: .25rem;
    border: 1px solid var(--line-color)
}

ion-row.popover-select-box ion-col.popover-select-item .p-selected-col[data-v-b48a0562] {
    background: var(--color-bg-100);
    color: var(--theme-color-800)
}

.default-record-select-time-tips[data-v-b48a0562] {
    font-size: .75rem;
    color: var(--accent-color-red)
}

.default-table .default-table-title[data-v-b48a0562] {
    font-size: .75rem;
    color: var(--text-color-white-40);
    --background: var(--color-bg-100)
}

.default-table .default-table-title ion-grid ion-row ion-col[data-v-b48a0562] {
    font-weight: 600
}

.default-table .default-table-list[data-v-b48a0562] {
    font-size: .75rem;
    color: var(--text-color-white-80);
    --background: var(--color-bg-300)
}

.default-table .default-table-list .default-list-item-money[data-v-b48a0562] {
    font-weight: 700;
    color: var(--accent-color-orange)
}

.default-table ion-item.default-table-list[data-v-b48a0562]:nth-child(odd) {
    --background: var(--color-bg-300)
}

.default-table ion-item.default-table-list[data-v-b48a0562]:nth-child(2n) {
    --background: var(--color-bg-400)
}

.default-select-icon[data-v-b48a0562] {
    color: var(--text-color-white-100)
}

ion-infinite-scroll-content.default-infinite-content[data-v-b48a0562] {
    font-size: .75rem
}

.yellow-dark ion-content[data-v-b48a0562] {
    --background: var(--color-bg-300)
}

.yellow-dark .default-cpf-record-select-date .date-box[data-v-b48a0562] {
    font-size: .75rem;
    background: var(--color-bg-200)
}

.yellow-dark .default-cpf-record-select-date .date-box .select-tips[data-v-b48a0562] {
    font-weight: 500;
    color: var(--text-color-white-40)
}

.yellow-dark .default-cpf-record-select-date .date-box .current-date[data-v-b48a0562] {
    font-weight: 700;
    color: var(--text-color-white-100)
}

.yellow-dark ion-row.popover-select-box[data-v-b48a0562] {
    background: var(--color-bg-200)
}

.yellow-dark ion-row.popover-select-box ion-col.popover-select-item[data-v-b48a0562] {
    font-size: .75rem;
    color: var(--text-color-white-80)
}

.yellow-dark ion-row.popover-select-box ion-col.popover-select-item .p-select-item[data-v-b48a0562] {
    border-radius: .25rem;
    border: 1px solid var(--line-color)
}

.yellow-dark ion-row.popover-select-box ion-col.popover-select-item .p-selected-col[data-v-b48a0562] {
    background: var(--color-bg-100);
    color: var(--theme-color-800)
}

.yellow-dark .default-record-select-time-tips[data-v-b48a0562] {
    font-size: .75rem;
    color: var(--accent-color-red)
}

.yellow-dark .default-table .default-table-title[data-v-b48a0562] {
    font-size: .75rem;
    color: var(--text-color-white-40);
    --background: var(--color-bg-100)
}

.yellow-dark .default-table .default-table-title ion-grid ion-row ion-col[data-v-b48a0562] {
    font-weight: 600
}

.yellow-dark .default-table .default-table-list[data-v-b48a0562] {
    font-size: .75rem;
    color: var(--text-color-white-80);
    --background: var(--color-bg-300)
}

.yellow-dark .default-table .default-table-list .default-list-item-money[data-v-b48a0562] {
    font-weight: 700;
    color: var(--accent-color-orange)
}

.yellow-dark .default-table ion-item.default-table-list[data-v-b48a0562]:nth-child(odd) {
    --background: var(--color-bg-300)
}

.yellow-dark .default-table ion-item.default-table-list[data-v-b48a0562]:nth-child(2n) {
    --background: var(--color-bg-400)
}

.yellow-dark .default-select-icon[data-v-b48a0562] {
    color: var(--text-color-white-100)
}

.yellow-dark ion-infinite-scroll-content.default-infinite-content[data-v-b48a0562] {
    font-size: .75rem
}

.green-dark ion-content[data-v-b48a0562] {
    --background: var(--color-bg-300)
}

.green-dark .default-cpf-record-select-date .date-box[data-v-b48a0562] {
    font-size: .75rem;
    background: var(--color-bg-200)
}

.green-dark .default-cpf-record-select-date .date-box .select-tips[data-v-b48a0562] {
    font-weight: 500;
    color: var(--text-color-white-40)
}

.green-dark .default-cpf-record-select-date .date-box .current-date[data-v-b48a0562] {
    font-weight: 700;
    color: var(--text-color-white-100)
}

.green-dark ion-row.popover-select-box[data-v-b48a0562] {
    background: var(--color-bg-200)
}

.green-dark ion-row.popover-select-box ion-col.popover-select-item[data-v-b48a0562] {
    font-size: .75rem;
    color: var(--color-text-80)
}

.green-dark ion-row.popover-select-box ion-col.popover-select-item .p-select-item[data-v-b48a0562] {
    border-radius: .25rem;
    border: 1px solid var(--color-line)
}

.green-dark ion-row.popover-select-box ion-col.popover-select-item .p-selected-col[data-v-b48a0562] {
    background: var(--color-card-bg--100);
    color: var(--theme-color-800)
}

.green-dark .default-record-select-time-tips[data-v-b48a0562] {
    font-size: .75rem;
    color: var(--color-svg-popular)
}

.green-dark .default-table .default-table-title[data-v-b48a0562] {
    font-size: .75rem;
    color: var(--text-color-white-40);
    --background: var(--color-bg-100)
}

.green-dark .default-table .default-table-title ion-grid ion-row ion-col[data-v-b48a0562] {
    font-weight: 600
}

.green-dark .default-table .default-table-list[data-v-b48a0562] {
    font-size: .75rem;
    color: var(--color-text-80);
    --background: var(--color-bg-300)
}

.green-dark .default-table .default-table-list .default-list-item-money[data-v-b48a0562] {
    font-weight: 700;
    color: var(--accent-color-orange)
}

.green-dark .default-table ion-item.default-table-list[data-v-b48a0562]:nth-child(odd) {
    --background: var(--color-bg-300)
}

.green-dark .default-table ion-item.default-table-list[data-v-b48a0562]:nth-child(2n) {
    --background: var(--color-bg-400)
}

.green-dark .default-select-icon[data-v-b48a0562] {
    color: var(--text-color-white-100)
}

.green-dark ion-infinite-scroll-content.default-infinite-content[data-v-b48a0562] {
    font-size: .75rem
}

.purple-light ion-content[data-v-b48a0562] {
    --background: var(--color-bg-300)
}

.purple-light .default-cpf-record-select-date .date-box[data-v-b48a0562] {
    font-size: .75rem;
    background: var(--color-bg-400)
}

.purple-light .default-cpf-record-select-date .date-box .select-tips[data-v-b48a0562] {
    font-weight: 500;
    color: var(--text-color-black-80)
}

.purple-light .default-cpf-record-select-date .date-box .current-date[data-v-b48a0562] {
    font-weight: 700;
    color: var(--text-color-black-100)
}

.purple-light ion-row.popover-select-box[data-v-b48a0562] {
    background: var(--color-bg-500)
}

.purple-light ion-row.popover-select-box ion-col.popover-select-item[data-v-b48a0562] {
    font-size: .75rem;
    color: var(--text-color-black-80)
}

.purple-light ion-row.popover-select-box ion-col.popover-select-item .p-select-item[data-v-b48a0562] {
    border-radius: .25rem;
    border: 1px solid var(--line-color)
}

.purple-light ion-row.popover-select-box ion-col.popover-select-item .p-selected-col[data-v-b48a0562] {
    background: var(--line-color);
    color: var(--theme-color-800)
}

.purple-light .default-record-select-time-tips[data-v-b48a0562] {
    font-size: .75rem;
    color: var(--accent-color-red)
}

.purple-light .default-table .default-table-title[data-v-b48a0562] {
    font-size: .75rem;
    color: var(--text-color-black-40);
    --background: var(--color-bg-200)
}

.purple-light .default-table .default-table-title ion-grid ion-row ion-col[data-v-b48a0562] {
    font-weight: 600
}

.purple-light .default-table .default-table-list[data-v-b48a0562] {
    font-size: .75rem;
    color: var(--text-color-black-100);
    --background: var(--color-bg-300)
}

.purple-light .default-table .default-table-list .default-list-item-money[data-v-b48a0562] {
    font-weight: 700;
    color: var(--accent-color-orange)
}

.purple-light .default-table ion-item.default-table-list[data-v-b48a0562]:nth-child(odd) {
    --background: var(--color-bg-300)
}

.purple-light .default-table ion-item.default-table-list[data-v-b48a0562]:nth-child(2n) {
    --background: var(--color-bg-400)
}

.purple-light .default-select-icon[data-v-b48a0562] {
    color: var(--text-color-black-20)
}

.purple-light ion-infinite-scroll-content.default-infinite-content[data-v-b48a0562] {
    font-size: .75rem
}

.amber-purple ion-content[data-v-b48a0562] {
    --background: var(--color-bg-300)
}

.amber-purple .default-cpf-record-select-date .date-box[data-v-b48a0562] {
    font-size: .75rem;
    background: var(--color-bg-200)
}

.amber-purple .default-cpf-record-select-date .date-box .select-tips[data-v-b48a0562] {
    font-weight: 500;
    color: var(--text-color-white-40)
}

.amber-purple .default-cpf-record-select-date .date-box .current-date[data-v-b48a0562] {
    font-weight: 700;
    color: var(--text-color-white-100)
}

.amber-purple ion-row.popover-select-box[data-v-b48a0562] {
    background: var(--color-bg-200)
}

.amber-purple ion-row.popover-select-box ion-col.popover-select-item[data-v-b48a0562] {
    font-size: .75rem;
    color: var(--text-color-white-80)
}

.amber-purple ion-row.popover-select-box ion-col.popover-select-item .p-select-item[data-v-b48a0562] {
    border-radius: .25rem;
    border: 1px solid var(--line-color)
}

.amber-purple ion-row.popover-select-box ion-col.popover-select-item .p-selected-col[data-v-b48a0562] {
    background: var(--color-bg-100);
    color: var(--theme-color-800)
}

.amber-purple .default-record-select-time-tips[data-v-b48a0562] {
    font-size: .75rem;
    color: var(--accent-color-red)
}

.amber-purple .default-table .default-table-title[data-v-b48a0562] {
    font-size: .75rem;
    color: var(--text-color-light-purple-2-100);
    --background: var(--color-bg-100)
}

.amber-purple .default-table .default-table-title ion-grid ion-row ion-col[data-v-b48a0562] {
    font-weight: 600
}

.amber-purple .default-table .default-table-list[data-v-b48a0562] {
    font-size: .75rem;
    color: var(--text-color-light-purple-1-100);
    --background: var(--color-bg-300)
}

.amber-purple .default-table .default-table-list .default-list-item-money[data-v-b48a0562] {
    font-weight: 700;
    color: var(--accent-color-yellow)
}

.amber-purple .default-table ion-item.default-table-list[data-v-b48a0562]:nth-child(odd) {
    --background: var(--color-bg-300)
}

.amber-purple .default-table ion-item.default-table-list[data-v-b48a0562]:nth-child(2n) {
    --background: var(--color-bg-400)
}

.amber-purple .default-select-icon[data-v-b48a0562] {
    color: var(--text-color-white-100)
}

.amber-purple ion-infinite-scroll-content.default-infinite-content[data-v-b48a0562] {
    font-size: .75rem
}

.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
}

.forest-green ion-content[data-v-b48a0562] {
    --background: var(--color-bg-300)
}

.forest-green .default-cpf-record-select-date .date-box[data-v-b48a0562] {
    font-size: .75rem;
    background: var(--color-bg-200)
}

.forest-green .default-cpf-record-select-date .date-box .select-tips[data-v-b48a0562] {
    font-weight: 500;
    color: var(--color-text-white-40)
}

.forest-green .default-cpf-record-select-date .date-box .current-date[data-v-b48a0562] {
    font-weight: 700;
    color: var(--color-text-white-100)
}

.forest-green ion-row.popover-select-box[data-v-b48a0562] {
    background: var(--color-bg-200)
}

.forest-green ion-row.popover-select-box ion-col.popover-select-item[data-v-b48a0562] {
    font-size: .75rem;
    color: var(--color-text-80)
}

.forest-green ion-row.popover-select-box ion-col.popover-select-item .p-select-item[data-v-b48a0562] {
    border-radius: .25rem;
    border: 1px solid var(--color-line)
}

.forest-green ion-row.popover-select-box ion-col.popover-select-item .p-selected-col[data-v-b48a0562] {
    background: var(--color-bg-100);
    color: var(--theme-color-800)
}

.forest-green .default-record-select-time-tips[data-v-b48a0562] {
    font-size: .75rem;
    color: var(--color-danger)
}

.forest-green .default-table .default-table-title[data-v-b48a0562] {
    font-size: .75rem;
    color: var(--text-color2);
    --background: var(--color-bg-200)
}

.forest-green .default-table .default-table-title ion-grid ion-row ion-col[data-v-b48a0562] {
    font-weight: 600
}

.forest-green .default-table .default-table-list[data-v-b48a0562] {
    font-size: .75rem;
    color: var(--text-color1);
    --background: var(--color-bg-300)
}

.forest-green .default-table .default-table-list .default-list-item-money[data-v-b48a0562] {
    font-weight: 700;
    color: var(--color-warning)
}

.forest-green .default-table ion-item.default-table-list[data-v-b48a0562]:nth-child(odd) {
    --background: var(--color-bg-300)
}

.forest-green .default-table ion-item.default-table-list[data-v-b48a0562]:nth-child(2n) {
    --background: var(--color-bg-400)
}

.forest-green .default-select-icon[data-v-b48a0562] {
    color: var(--color-text-white-100)
}

.forest-green ion-infinite-scroll-content.default-infinite-content[data-v-b48a0562] {
    font-size: .75rem
}

.green-default ion-content[data-v-b48a0562] {
    --background: var(--color-bg-300)
}

.green-default .default-cpf-record-select-date .date-box[data-v-b48a0562] {
    font-size: .75rem;
    background: var(--color-bg-200)
}

.green-default .default-cpf-record-select-date .date-box .select-tips[data-v-b48a0562] {
    font-weight: 500;
    color: var(--color-text-white-40)
}

.green-default .default-cpf-record-select-date .date-box .current-date[data-v-b48a0562] {
    font-weight: 700;
    color: var(--color-text-gray-100)
}

.green-default ion-row.popover-select-box[data-v-b48a0562] {
    background: var(--color-bg-200)
}

.green-default ion-row.popover-select-box ion-col.popover-select-item[data-v-b48a0562] {
    font-size: .75rem;
    color: var(--color-text-80)
}

.green-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-line)
}

.green-default ion-row.popover-select-box ion-col.popover-select-item .p-selected-col[data-v-b48a0562] {
    background: var(--color-bg-100);
    color: var(--theme-color-800)
}

.green-default .default-record-select-time-tips[data-v-b48a0562] {
    font-size: .75rem;
    color: var(--color-danger)
}

.green-default .default-table .default-table-title[data-v-b48a0562] {
    font-size: .75rem;
    color: var(--color-text-gray-200);
    --background: var(--color-bg-200)
}

.green-default .default-table .default-table-title ion-grid ion-row ion-col[data-v-b48a0562] {
    font-weight: 600
}

.green-default .default-table .default-table-list[data-v-b48a0562] {
    font-size: .75rem;
    color: var(--color-text-gray-100);
    --background: var(--color-bg-300)
}

.green-default .default-table .default-table-list .default-list-item-money[data-v-b48a0562] {
    font-weight: 700;
    color: var(--color-warning)
}

.green-default .default-table ion-item.default-table-list[data-v-b48a0562]:nth-child(odd) {
    --background: var(--color-bg-300)
}

.green-default .default-table ion-item.default-table-list[data-v-b48a0562]:nth-child(2n) {
    --background: var(--color-bg-400)
}

.green-default .default-select-icon[data-v-b48a0562] {
    color: var(--color-text-white-100)
}

.green-default ion-infinite-scroll-content.default-infinite-content[data-v-b48a0562] {
    font-size: .75rem
}

.new-skin-symbol ion-content[data-v-b48a0562] {
    --background: var(--ep-color-background-fill-body-default)
}

.new-skin-symbol .default-cpf-record-select-date .date-box[data-v-b48a0562] {
    font-size: .75rem;
    background: var(--ep-color-background-fill-surface-raised-L1)
}

.new-skin-symbol .default-cpf-record-select-date .date-box .select-tips[data-v-b48a0562] {
    font-weight: 500;
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol .default-cpf-record-select-date .date-box .current-date[data-v-b48a0562] {
    font-weight: 700;
    color: var(--ep-color-text-default)
}

.new-skin-symbol ion-row.popover-select-box[data-v-b48a0562] {
    background: var(--ep-color-background-fill-surface-raised-L1)
}

.new-skin-symbol ion-row.popover-select-box ion-col.popover-select-item[data-v-b48a0562] {
    font-size: .75rem;
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol ion-row.popover-select-box ion-col.popover-select-item .p-select-item[data-v-b48a0562] {
    border-radius: .25rem;
    border: 1px solid var(--ep-color-border-default)
}

.new-skin-symbol ion-row.popover-select-box ion-col.popover-select-item .p-selected-col[data-v-b48a0562] {
    background: var(--ep-color-background-fill-surface-raised-L2);
    color: var(--ep-color-text-selected)
}

.new-skin-symbol .default-record-select-time-tips[data-v-b48a0562] {
    font-size: .75rem;
    color: var(--ep-color-text-danger)
}

.new-skin-symbol .default-table .default-table-title[data-v-b48a0562] {
    font-size: .75rem;
    color: var(--ep-color-text-default);
    --background: var(--ep-color-background-fill-surface-raised-L2)
}

.new-skin-symbol .default-table .default-table-title ion-grid ion-row ion-col[data-v-b48a0562] {
    font-weight: 600
}

.new-skin-symbol .default-table .default-table-list[data-v-b48a0562] {
    font-size: .75rem;
    color: var(--ep-color-text-default);
    --background: var(--ep-color-background-fill-body-default)
}

.new-skin-symbol .default-table .default-table-list .default-list-item-money[data-v-b48a0562] {
    font-weight: 700;
    color: var(--ep-color-text-warning)
}

.new-skin-symbol .default-table ion-item.default-table-list[data-v-b48a0562]:nth-child(odd) {
    --background: var(--ep-color-background-fill-body-default)
}

.new-skin-symbol .default-table ion-item.default-table-list[data-v-b48a0562]:nth-child(2n) {
    --background: var(--ep-color-background-fill-surface-lowered)
}

.new-skin-symbol .default-select-icon[data-v-b48a0562] {
    color: var(--ep-color-icon-default)
}

.new-skin-symbol ion-infinite-scroll-content.default-infinite-content[data-v-b48a0562] {
    font-size: .75rem
}

.color-primary-600[data-v-1271e5cf] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-1271e5cf] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-1271e5cf] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-1271e5cf] {
    color: var(--color-primary-900)
}

.bg-100[data-v-1271e5cf] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-1271e5cf] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-1271e5cf] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-1271e5cf] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-1271e5cf] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-1271e5cf] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-1271e5cf] {
    background-color: var(--color-warning)
}

.bg-link[data-v-1271e5cf] {
    background-color: var(--color-link)
}

.bg-danger[data-v-1271e5cf] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-1271e5cf] {
    color: var(--color-text-100)
}

.color-text-80[data-v-1271e5cf] {
    color: var(--color-text-80)
}

.color-text-50[data-v-1271e5cf] {
    color: var(--color-text-50)
}

.color-text-40[data-v-1271e5cf] {
    color: var(--color-text-40)
}

.color-text-20[data-v-1271e5cf] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-1271e5cf] {
    color: var(--color-currency)
}

.color-warning[data-v-1271e5cf] {
    color: var(--color-warning)
}

.color-danger[data-v-1271e5cf] {
    color: var(--color-danger)
}

.color-link[data-v-1271e5cf] {
    color: var(--color-link)
}

.color-line[data-v-1271e5cf] {
    color: var(--color-line)
}

.color-border[data-v-1271e5cf] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-1271e5cf] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-1271e5cf] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-1271e5cf] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-1271e5cf] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-1271e5cf] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-1271e5cf] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-1271e5cf] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-1271e5cf] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-1271e5cf] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-1271e5cf] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-1271e5cf] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-1271e5cf] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-1271e5cf] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-1271e5cf] {
    display: flex;
    align-items: center
}

.flex-start[data-v-1271e5cf] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-1271e5cf] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-1271e5cf] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-1271e5cf] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-1271e5cf] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-1271e5cf] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-1271e5cf] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-1271e5cf] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-1271e5cf] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-1271e5cf] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-1271e5cf] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-1271e5cf] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-1271e5cf] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-1271e5cf] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-1271e5cf] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-1271e5cf] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-1271e5cf] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-1271e5cf] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-1271e5cf] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-1271e5cf] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-1271e5cf] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-1271e5cf] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-1271e5cf] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-1271e5cf] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-1271e5cf],
.mlm-selected-item[data-v-1271e5cf] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-1271e5cf] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-1271e5cf]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-1271e5cf] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-1271e5cf] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-1271e5cf] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-content.content-style1[data-v-1271e5cf] {
    --background: #213b10
}

ion-content.content-style2[data-v-1271e5cf] {
    --background: #262346
}

.cpf-select-date[data-v-1271e5cf] {
    padding: 1.25rem .75rem 1.5rem
}

.cpf-select-date .select-box[data-v-1271e5cf],
.cpf-select-date .select-box-style2[data-v-1271e5cf] {
    border-radius: .5rem
}

.cpf-select-date .select-box[data-v-1271e5cf],
.cpf-select-date .selected-box[data-v-1271e5cf] {
    background: #274116;
    border: 1px solid #7E9071;
    color: #afc69f
}

.cpf-select-date .select-box-style2[data-v-1271e5cf],
.cpf-select-date .selected-box2[data-v-1271e5cf] {
    background: #3b3466;
    border: 1px solid #686299;
    color: #aba7cc
}

.cpf-select-date .selected-box[data-v-1271e5cf] {
    border: 1px solid #AFC69F
}

.cpf-select-date .selected-box2[data-v-1271e5cf] {
    border: 1px solid #BDB8E1
}

.report-select-row[data-v-1271e5cf],
.report-select-row-style2[data-v-1271e5cf] {
    padding: .375rem .625rem;
    font-size: .75rem;
    background: #213b10
}

.report-select-row .select-col p[data-v-1271e5cf],
.report-select-row-style2 .select-col p[data-v-1271e5cf] {
    height: 2.5rem;
    border: 1px solid #34571d;
    border-radius: .375rem;
    color: #7e9071
}

.report-select-row .select-col .selected-col[data-v-1271e5cf],
.report-select-row-style2 .select-col .selected-col[data-v-1271e5cf] {
    background: linear-gradient(180deg, #13c96a, #1d9554);
    color: #fff;
    border: none
}

.report-select-row-style2[data-v-1271e5cf] {
    background: #2c294d
}

.report-select-row-style2 .select-col p[data-v-1271e5cf] {
    border: 1px solid #686299;
    color: #686299
}

.report-select-row-style2 .select-col .selected-col[data-v-1271e5cf] {
    background: linear-gradient(270deg, #7041f3, #f5c84c 130.92%);
    color: #fff
}

ion-popover[data-v-1271e5cf] {
    --backdrop-opacity: 0
}

ion-popover ion-button[data-v-1271e5cf] {
    margin-top: 0;
    margin-bottom: 0
}

ion-popover ion-button[data-v-1271e5cf]::part(native) {
    --padding-start: .375rem;
    --padding-end: .375rem;
    --padding-top: 0;
    --padding-bottom: 0
}

ion-popover ion-row ion-col p.off[data-v-1271e5cf] {
    border-width: .0625rem
}

ion-col.select-col[data-v-1271e5cf] {
    line-height: .75rem;
    padding: 0 .3125rem .3125rem 0
}

ion-col.select-col[data-v-1271e5cf]:nth-child(4),
ion-col.select-col[data-v-1271e5cf]:nth-child(4n) {
    padding: 0 0 .3125rem
}

.select-time-tips[data-v-1271e5cf],
.select-time-tips-style2[data-v-1271e5cf] {
    font-size: .75rem;
    line-height: 1.25rem;
    color: #7e9071
}

.select-time-tips-style2[data-v-1271e5cf] {
    color: #686299
}

.invite-cpf-table[data-v-1271e5cf],
.invite-cpf-table-style2[data-v-1271e5cf] {
    padding: 0 .75rem 1.75rem
}

.invite-cpf-table .table-title[data-v-1271e5cf],
.invite-cpf-table-style2 .table-title[data-v-1271e5cf] {
    color: #afc69f;
    --background: #2B4F14;
    border-top-left-radius: .375rem;
    border-top-right-radius: .375rem
}

.invite-cpf-table .table-list[data-v-1271e5cf],
.invite-cpf-table-style2 .table-list[data-v-1271e5cf] {
    color: #afc69f
}

.invite-cpf-table .table-list .list-item-money[data-v-1271e5cf],
.invite-cpf-table-style2 .table-list .list-item-money[data-v-1271e5cf] {
    color: #fbed3c
}

.invite-cpf-table ion-item.table-list[data-v-1271e5cf]:nth-child(odd),
.invite-cpf-table-style2 ion-item.table-list[data-v-1271e5cf]:nth-child(odd) {
    --background: #213b10
}

.invite-cpf-table ion-item.table-list[data-v-1271e5cf]:nth-child(2n),
.invite-cpf-table-style2 ion-item.table-list[data-v-1271e5cf]:nth-child(2n) {
    --background: #2b4f14
}

.invite-cpf-table-style2 .table-title[data-v-1271e5cf] {
    --background: #2C294D;
    color: #aba7cc
}

.invite-cpf-table-style2 .table-list[data-v-1271e5cf] {
    color: #aba7cc
}

.invite-cpf-table-style2 .table-list .list-item-money[data-v-1271e5cf] {
    color: #e4ae55
}

.invite-cpf-table-style2 ion-item.table-list[data-v-1271e5cf]:nth-child(odd) {
    --background: #262346
}

.invite-cpf-table-style2 ion-item.table-list[data-v-1271e5cf]:nth-child(2n) {
    --background: #3b3466
}

.invite-cpf-empty[data-v-1271e5cf] {
    width: 13.5rem;
    height: 12.5rem
}

.empty-tips[data-v-1271e5cf],
.empty-tips-style2[data-v-1271e5cf] {
    font-size: .875rem;
    line-height: 1.3125rem;
    color: rgba(255, 255, 255, .4)
}

ion-infinite-scroll-content.infinite-content-style1[data-v-1271e5cf],
ion-infinite-scroll-content.infinite-content-style2[data-v-1271e5cf] {
    min-height: .625rem;
    font-size: var(--font-size-12);
    color: #7e9071
}

ion-infinite-scroll-content.infinite-content-style2[data-v-1271e5cf],
.empty-tips-style2[data-v-1271e5cf] {
    color: #aba7cc
}

ion-icon.on[data-v-1271e5cf] {
    transform: rotate(180deg)
}

ion-icon.report-select-icon[data-v-1271e5cf] {
    width: 1rem;
    height: 1rem
}

.color-primary-600[data-v-787dc71b] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-787dc71b] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-787dc71b] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-787dc71b] {
    color: var(--color-primary-900)
}

.bg-100[data-v-787dc71b] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-787dc71b] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-787dc71b] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-787dc71b] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-787dc71b] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-787dc71b] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-787dc71b] {
    background-color: var(--color-warning)
}

.bg-link[data-v-787dc71b] {
    background-color: var(--color-link)
}

.bg-danger[data-v-787dc71b] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-787dc71b] {
    color: var(--color-text-100)
}

.color-text-80[data-v-787dc71b] {
    color: var(--color-text-80)
}

.color-text-50[data-v-787dc71b] {
    color: var(--color-text-50)
}

.color-text-40[data-v-787dc71b] {
    color: var(--color-text-40)
}

.color-text-20[data-v-787dc71b] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-787dc71b] {
    color: var(--color-currency)
}

.color-warning[data-v-787dc71b] {
    color: var(--color-warning)
}

.color-danger[data-v-787dc71b] {
    color: var(--color-danger)
}

.color-link[data-v-787dc71b] {
    color: var(--color-link)
}

.color-line[data-v-787dc71b] {
    color: var(--color-line)
}

.color-border[data-v-787dc71b] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-787dc71b] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-787dc71b] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-787dc71b] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-787dc71b] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-787dc71b] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-787dc71b] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-787dc71b] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-787dc71b] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-787dc71b] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-787dc71b] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-787dc71b] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-787dc71b] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-787dc71b] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-787dc71b] {
    display: flex;
    align-items: center
}

.flex-start[data-v-787dc71b] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-787dc71b] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-787dc71b] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-787dc71b] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-787dc71b] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-787dc71b] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-787dc71b] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-787dc71b] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-787dc71b] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-787dc71b] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-787dc71b] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-787dc71b] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-787dc71b] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-787dc71b] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-787dc71b] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-787dc71b] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-787dc71b] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-787dc71b] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-787dc71b] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-787dc71b] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-787dc71b] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-787dc71b] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-787dc71b] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-787dc71b] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-787dc71b],
.mlm-selected-item[data-v-787dc71b] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-787dc71b] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-787dc71b]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-787dc71b] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-787dc71b] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-787dc71b] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.recharge-bank-select[data-v-787dc71b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 2.875rem;
    border-radius: .375rem
}

.recharge-bank-select .selected-bank-icon[data-v-787dc71b] {
    border-radius: 50%
}

.recharge-bank-select ion-icon.reverse-icon[data-v-787dc71b] {
    transition: transform .1s linear;
    transform: rotate(180deg)
}

.bank-select-info .bank-type[data-v-787dc71b] {
    font-size: .875rem;
    line-height: 1rem
}

.bank-select-info .bank-name[data-v-787dc71b] {
    font-size: .75rem;
    line-height: .75rem
}

.select-bank-list[data-v-787dc71b] {
    padding: .75rem .5625rem;
    max-height: 12.5rem;
    overflow-y: auto;
    border-radius: .375rem
}

.select-bank-item[data-v-787dc71b] {
    display: flex;
    align-items: center;
    padding: 0 .875rem;
    height: 2.875rem;
    border-radius: .375rem
}

.select-bank-item[data-v-787dc71b]:last-child {
    margin-bottom: 0
}

ion-input.bank-search-input[data-v-787dc71b] {
    min-height: 0;
    height: 2.875rem;
    --border-radius: .25rem
}

ion-popover[data-v-787dc71b]::part(backdrop) {
    opacity: 0 !important
}

.recharge-bank-select[data-v-787dc71b] {
    background: var(--color-bg-100)
}

.recharge-bank-select ion-icon[data-v-787dc71b] {
    color: var(--color-text-40)
}

.recharge-bank-select .placeholder[data-v-787dc71b] {
    color: var(--color-text-40)
}

.bank-select-info .bank-type[data-v-787dc71b] {
    color: var(--color-text-100)
}

.bank-select-info .bank-name[data-v-787dc71b] {
    color: var(--color-text-40)
}

.select-bank-list[data-v-787dc71b] {
    background: var(--color-bg-100)
}

.select-bank-item[data-v-787dc71b] {
    background: var(--color-bg-200);
    border: .0625rem solid var(--color-line)
}

ion-input.bank-search-input[data-v-787dc71b] {
    --border-color: var(--line-color);
    --background: var(--mlm-subdetail-box-bgc)
}

ion-input.bank-search-input.has-focus[data-v-787dc71b] {
    --border-color: var(--line-color)
}

ion-icon.search-icon[data-v-787dc71b] {
    color: var(--color-text-40)
}

.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)
}

.green-default .recharge-bank-select[data-v-787dc71b],
.forest-green .recharge-bank-select[data-v-787dc71b],
.auroral-yellow .recharge-bank-select[data-v-787dc71b],
.yellow-dark .recharge-bank-select[data-v-787dc71b],
.green-dark .recharge-bank-select[data-v-787dc71b] {
    background: var(--color-bg-100)
}

.green-default .recharge-bank-select ion-icon[data-v-787dc71b],
.forest-green .recharge-bank-select ion-icon[data-v-787dc71b],
.auroral-yellow .recharge-bank-select ion-icon[data-v-787dc71b],
.yellow-dark .recharge-bank-select ion-icon[data-v-787dc71b],
.green-dark .recharge-bank-select ion-icon[data-v-787dc71b] {
    color: var(--color-text-40)
}

.green-default .recharge-bank-select .placeholder[data-v-787dc71b],
.forest-green .recharge-bank-select .placeholder[data-v-787dc71b],
.auroral-yellow .recharge-bank-select .placeholder[data-v-787dc71b],
.yellow-dark .recharge-bank-select .placeholder[data-v-787dc71b],
.green-dark .recharge-bank-select .placeholder[data-v-787dc71b] {
    color: var(--color-text-40)
}

.green-default .bank-select-info .bank-type[data-v-787dc71b],
.forest-green .bank-select-info .bank-type[data-v-787dc71b],
.auroral-yellow .bank-select-info .bank-type[data-v-787dc71b],
.yellow-dark .bank-select-info .bank-type[data-v-787dc71b],
.green-dark .bank-select-info .bank-type[data-v-787dc71b] {
    color: var(--color-text-100)
}

.green-default .bank-select-info .bank-name[data-v-787dc71b],
.forest-green .bank-select-info .bank-name[data-v-787dc71b],
.auroral-yellow .bank-select-info .bank-name[data-v-787dc71b],
.yellow-dark .bank-select-info .bank-name[data-v-787dc71b],
.green-dark .bank-select-info .bank-name[data-v-787dc71b] {
    color: var(--color-text-40)
}

.green-default .select-bank-list[data-v-787dc71b],
.forest-green .select-bank-list[data-v-787dc71b],
.auroral-yellow .select-bank-list[data-v-787dc71b],
.yellow-dark .select-bank-list[data-v-787dc71b],
.green-dark .select-bank-list[data-v-787dc71b] {
    background: var(--color-bg-100)
}

.green-default .select-bank-item[data-v-787dc71b],
.forest-green .select-bank-item[data-v-787dc71b],
.auroral-yellow .select-bank-item[data-v-787dc71b],
.yellow-dark .select-bank-item[data-v-787dc71b],
.green-dark .select-bank-item[data-v-787dc71b] {
    background: var(--color-bg-200);
    border: .0625rem solid var(--color-line)
}

.green-default ion-input.bank-search-input[data-v-787dc71b],
.forest-green ion-input.bank-search-input[data-v-787dc71b],
.auroral-yellow ion-input.bank-search-input[data-v-787dc71b],
.yellow-dark ion-input.bank-search-input[data-v-787dc71b],
.green-dark ion-input.bank-search-input[data-v-787dc71b] {
    --border-color: var(--line-color);
    --background: var(--color-bg-400)
}

.green-default ion-input.bank-search-input.has-focus[data-v-787dc71b],
.forest-green ion-input.bank-search-input.has-focus[data-v-787dc71b],
.auroral-yellow ion-input.bank-search-input.has-focus[data-v-787dc71b],
.yellow-dark ion-input.bank-search-input.has-focus[data-v-787dc71b],
.green-dark ion-input.bank-search-input.has-focus[data-v-787dc71b] {
    --border-color: var(--line-color)
}

.green-default ion-icon.search-icon[data-v-787dc71b],
.forest-green ion-icon.search-icon[data-v-787dc71b],
.auroral-yellow ion-icon.search-icon[data-v-787dc71b],
.yellow-dark ion-icon.search-icon[data-v-787dc71b],
.green-dark ion-icon.search-icon[data-v-787dc71b] {
    color: var(--color-text-40)
}

.amber-purple .recharge-bank-select[data-v-787dc71b] {
    background: var(--color-bg-100)
}

.amber-purple .recharge-bank-select ion-icon[data-v-787dc71b] {
    color: var(--color-text-40)
}

.amber-purple .recharge-bank-select .placeholder[data-v-787dc71b] {
    color: var(--color-text-40)
}

.amber-purple .bank-select-info .bank-type[data-v-787dc71b] {
    color: var(--color-text-100)
}

.amber-purple .bank-select-info .bank-name[data-v-787dc71b] {
    color: var(--color-text-40)
}

.amber-purple .select-bank-list[data-v-787dc71b] {
    background: var(--color-bg-100)
}

.amber-purple .select-bank-item[data-v-787dc71b] {
    background: var(--color-bg-100);
    border: .0625rem solid var(--color-line)
}

.amber-purple ion-input.bank-search-input[data-v-787dc71b] {
    --border-color: var(--line-color);
    --background: var(--color-bg-400)
}

.amber-purple ion-input.bank-search-input.has-focus[data-v-787dc71b] {
    --border-color: var(--line-color)
}

.amber-purple ion-icon.search-icon[data-v-787dc71b] {
    color: var(--color-text-40)
}

.purple-light .recharge-bank-select[data-v-787dc71b] {
    background: var(--color-bg-100)
}

.purple-light .recharge-bank-select ion-icon[data-v-787dc71b] {
    color: var(--color-text-40)
}

.purple-light .recharge-bank-select .placeholder[data-v-787dc71b] {
    color: var(--color-text-40)
}

.purple-light .bank-select-info .bank-type[data-v-787dc71b] {
    color: var(--color-text-100)
}

.purple-light .bank-select-info .bank-name[data-v-787dc71b] {
    color: var(--color-text-40)
}

.purple-light .select-bank-list[data-v-787dc71b] {
    background: var(--color-bg-100)
}

.purple-light .select-bank-item[data-v-787dc71b] {
    background: var(--color-bg-200);
    border: .0625rem solid var(--color-line)
}

.purple-light ion-input.bank-search-input[data-v-787dc71b] {
    --border-color: var(--line-color);
    --background: var(--color-bg-400)
}

.purple-light ion-input.bank-search-input.has-focus[data-v-787dc71b] {
    --border-color: var(--line-color)
}

.purple-light ion-icon.search-icon[data-v-787dc71b] {
    color: var(--text-color-white-40)
}

.new-skin-symbol .recharge-bank-select[data-v-787dc71b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 2.875rem;
    border-radius: var(--ep-border-radius-m)
}

.new-skin-symbol .recharge-bank-select .selected-bank-icon[data-v-787dc71b] {
    border-radius: var(--ep-border-radius-infinity)
}

.new-skin-symbol .recharge-bank-select ion-icon.reverse-icon[data-v-787dc71b] {
    transition: transform .1s linear;
    transform: rotate(180deg)
}

.new-skin-symbol .bank-select-info .bank-type[data-v-787dc71b] {
    font-size: var(--ep-font-size-m);
    line-height: 1rem
}

.new-skin-symbol .bank-select-info .bank-name[data-v-787dc71b] {
    font-size: var(--ep-font-size-s);
    line-height: .75rem
}

.new-skin-symbol .select-bank-list[data-v-787dc71b] {
    padding: .75rem .5625rem;
    max-height: 12.5rem;
    overflow-y: auto;
    border-radius: var(--ep-border-radius-m)
}

.new-skin-symbol .select-bank-item[data-v-787dc71b] {
    display: flex;
    align-items: center;
    padding: 0 .875rem;
    height: 2.875rem;
    border-radius: var(--ep-border-radius-m)
}

.new-skin-symbol .select-bank-item[data-v-787dc71b]:last-child {
    margin-bottom: 0
}

.new-skin-symbol ion-input.bank-search-input[data-v-787dc71b] {
    min-height: 0;
    height: 2.875rem;
    --border-radius: var(--ep-border-radius-s)
}

.new-skin-symbol ion-popover[data-v-787dc71b]::part(backdrop) {
    opacity: 0 !important
}

.new-skin-symbol .recharge-bank-select[data-v-787dc71b] {
    background: var(--ep-color-background-fill-surface-raised-L2)
}

.new-skin-symbol .recharge-bank-select ion-icon[data-v-787dc71b] {
    color: var(--ep-color-icon-weaker)
}

.new-skin-symbol .recharge-bank-select .placeholder[data-v-787dc71b] {
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol .bank-select-info .bank-type[data-v-787dc71b] {
    color: var(--ep-color-text-default)
}

.new-skin-symbol .bank-select-info .bank-name[data-v-787dc71b] {
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol .select-bank-list[data-v-787dc71b] {
    background: var(--ep-color-background-fill-surface-raised-L2)
}

.new-skin-symbol .select-bank-item[data-v-787dc71b] {
    background: var(--ep-color-background-fill-surface-raised-L1);
    border: .0625rem solid var(--ep-color-border-default)
}

.new-skin-symbol ion-input.bank-search-input[data-v-787dc71b] {
    --border-color: var(--ep-color-border-default);
    --background: var(--ep-color-background-fill-surface-lowered)
}

.new-skin-symbol ion-input.bank-search-input.has-focus[data-v-787dc71b] {
    --border-color: var(--ep-color-border-selected)
}

.new-skin-symbol ion-icon.search-icon[data-v-787dc71b] {
    color: var(--ep-color-icon-weaker)
}

.color-primary-600[data-v-0f574d2a] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-0f574d2a] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-0f574d2a] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-0f574d2a] {
    color: var(--color-primary-900)
}

.bg-100[data-v-0f574d2a] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-0f574d2a] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-0f574d2a] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-0f574d2a] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-0f574d2a] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-0f574d2a] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-0f574d2a] {
    background-color: var(--color-warning)
}

.bg-link[data-v-0f574d2a] {
    background-color: var(--color-link)
}

.bg-danger[data-v-0f574d2a] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-0f574d2a] {
    color: var(--color-text-100)
}

.color-text-80[data-v-0f574d2a] {
    color: var(--color-text-80)
}

.color-text-50[data-v-0f574d2a] {
    color: var(--color-text-50)
}

.color-text-40[data-v-0f574d2a] {
    color: var(--color-text-40)
}

.color-text-20[data-v-0f574d2a] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-0f574d2a] {
    color: var(--color-currency)
}

.color-warning[data-v-0f574d2a] {
    color: var(--color-warning)
}

.color-danger[data-v-0f574d2a] {
    color: var(--color-danger)
}

.color-link[data-v-0f574d2a] {
    color: var(--color-link)
}

.color-line[data-v-0f574d2a] {
    color: var(--color-line)
}

.color-border[data-v-0f574d2a] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-0f574d2a] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-0f574d2a] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-0f574d2a] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-0f574d2a] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-0f574d2a] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-0f574d2a] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-0f574d2a] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-0f574d2a] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-0f574d2a] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-0f574d2a] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-0f574d2a] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-0f574d2a] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-0f574d2a] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-0f574d2a] {
    display: flex;
    align-items: center
}

.flex-start[data-v-0f574d2a] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-0f574d2a] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-0f574d2a] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-0f574d2a] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-0f574d2a] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-0f574d2a] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-0f574d2a] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-0f574d2a] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-0f574d2a] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-0f574d2a] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-0f574d2a] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-0f574d2a] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-0f574d2a] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-0f574d2a] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-0f574d2a] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-0f574d2a] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-0f574d2a] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-0f574d2a] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-0f574d2a] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-0f574d2a] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-0f574d2a] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-0f574d2a] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-0f574d2a] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-0f574d2a] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-0f574d2a],
.mlm-selected-item[data-v-0f574d2a] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-0f574d2a] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-0f574d2a]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-0f574d2a] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-0f574d2a] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-0f574d2a] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.green-dark .sub-tab-wrap[data-v-0f574d2a],
.yellow-dark .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
}

.green-dark .sub-tab-wrap .title[data-v-0f574d2a],
.yellow-dark .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
}

.green-dark .sub-tab-wrap .sub-tab-list[data-v-0f574d2a],
.yellow-dark .sub-tab-wrap .sub-tab-list[data-v-0f574d2a] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: .875rem
}

.green-dark .sub-tab-wrap .sub-tab-list li[data-v-0f574d2a],
.yellow-dark .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)
}

.green-dark .sub-tab-wrap .sub-tab-list li .name[data-v-0f574d2a],
.yellow-dark .sub-tab-wrap .sub-tab-list li .name[data-v-0f574d2a] {
    width: 6.6875rem
}

.green-dark .sub-tab-wrap .sub-tab-list li .name .inner[data-v-0f574d2a],
.yellow-dark .sub-tab-wrap .sub-tab-list li .name .inner[data-v-0f574d2a] {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2;
    width: 100%
}

.green-dark .sub-tab-wrap .sub-tab-list li .tag[data-v-0f574d2a],
.yellow-dark .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)
}

.green-dark .sub-tab-wrap .sub-tab-list .sub-tab .icon[data-v-0f574d2a],
.yellow-dark .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
}

.green-dark .sub-tab-wrap .sub-tab-list .sub-tab .icon img[data-v-0f574d2a],
.yellow-dark .sub-tab-wrap .sub-tab-list .sub-tab .icon img[data-v-0f574d2a] {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.green-dark .sub-tab-wrap .sub-tab-list .channel[data-v-0f574d2a],
.yellow-dark .sub-tab-wrap .sub-tab-list .channel[data-v-0f574d2a] {
    height: 2.5rem
}

.green-dark .sub-tab-wrap .sub-tab-list .channel .name[data-v-0f574d2a],
.yellow-dark .sub-tab-wrap .sub-tab-list .channel .name[data-v-0f574d2a] {
    width: 90%
}

.green-dark .sub-tab-wrap .sub-tab-list .active[data-v-0f574d2a],
.yellow-dark .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-800);
    background: var(--color-btn-bg-active-r)
}

.green-dark .sub-tab-wrap .sub-tab-list .active .tag[data-v-0f574d2a],
.yellow-dark .sub-tab-wrap .sub-tab-list .active .tag[data-v-0f574d2a] {
    right: -1px
}

.green-dark .sub-tab-wrap .tag-list[data-v-0f574d2a],
.yellow-dark .sub-tab-wrap .tag-list[data-v-0f574d2a] {
    height: 2.5rem
}

.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
}

.purple-light .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
}

.purple-light .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
}

.purple-light .sub-tab-wrap .sub-tab-list[data-v-0f574d2a] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: .875rem
}

.purple-light .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-400);
    box-sizing: border-box;
    overflow: hidden;
    display: flex;
    align-items: center;
    font-size: var(--ep-font-size-s, .75rem)
}

.purple-light .sub-tab-wrap .sub-tab-list li .name[data-v-0f574d2a] {
    width: 6.6875rem
}

.purple-light .sub-tab-wrap .sub-tab-list li .name .inner[data-v-0f574d2a] {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2;
    width: 100%
}

.purple-light .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)
}

.purple-light .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
}

.purple-light .sub-tab-wrap .sub-tab-list .sub-tab .icon img[data-v-0f574d2a] {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.purple-light .sub-tab-wrap .sub-tab-list .channel[data-v-0f574d2a] {
    height: 2.5rem
}

.purple-light .sub-tab-wrap .sub-tab-list .channel .name[data-v-0f574d2a] {
    width: 90%
}

.purple-light .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-800);
    background: var(--color-btn-bg-active-r)
}

.purple-light .sub-tab-wrap .sub-tab-list .active .tag[data-v-0f574d2a] {
    right: -1px
}

.purple-light .sub-tab-wrap .tag-list[data-v-0f574d2a] {
    height: 2.5rem
}

.auroral-yellow .sub-tab-wrap[data-v-0f574d2a],
.forest-green .sub-tab-wrap[data-v-0f574d2a],
.green-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
}

.auroral-yellow .sub-tab-wrap .title[data-v-0f574d2a],
.forest-green .sub-tab-wrap .title[data-v-0f574d2a],
.green-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
}

.auroral-yellow .sub-tab-wrap .sub-tab-list[data-v-0f574d2a],
.forest-green .sub-tab-wrap .sub-tab-list[data-v-0f574d2a],
.green-default .sub-tab-wrap .sub-tab-list[data-v-0f574d2a] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: .875rem
}

.auroral-yellow .sub-tab-wrap .sub-tab-list li[data-v-0f574d2a],
.forest-green .sub-tab-wrap .sub-tab-list li[data-v-0f574d2a],
.green-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-100);
    border-radius: var(--ep-border-radius-m, .375rem);
    position: relative;
    overflow-x: visible;
    cursor: pointer;
    background: var(--color-bg-100);
    box-sizing: border-box;
    overflow: hidden;
    display: flex;
    align-items: center;
    font-size: var(--ep-font-size-s, .75rem)
}

.auroral-yellow .sub-tab-wrap .sub-tab-list li .name[data-v-0f574d2a],
.forest-green .sub-tab-wrap .sub-tab-list li .name[data-v-0f574d2a],
.green-default .sub-tab-wrap .sub-tab-list li .name[data-v-0f574d2a] {
    width: 6.6875rem
}

.auroral-yellow .sub-tab-wrap .sub-tab-list li .name .inner[data-v-0f574d2a],
.forest-green .sub-tab-wrap .sub-tab-list li .name .inner[data-v-0f574d2a],
.green-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%
}

.auroral-yellow .sub-tab-wrap .sub-tab-list li .tag[data-v-0f574d2a],
.forest-green .sub-tab-wrap .sub-tab-list li .tag[data-v-0f574d2a],
.green-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)
}

.auroral-yellow .sub-tab-wrap .sub-tab-list .sub-tab .icon[data-v-0f574d2a],
.forest-green .sub-tab-wrap .sub-tab-list .sub-tab .icon[data-v-0f574d2a],
.green-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
}

.auroral-yellow .sub-tab-wrap .sub-tab-list .sub-tab .icon img[data-v-0f574d2a],
.forest-green .sub-tab-wrap .sub-tab-list .sub-tab .icon img[data-v-0f574d2a],
.green-default .sub-tab-wrap .sub-tab-list .sub-tab .icon img[data-v-0f574d2a] {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.auroral-yellow .sub-tab-wrap .sub-tab-list .channel[data-v-0f574d2a],
.forest-green .sub-tab-wrap .sub-tab-list .channel[data-v-0f574d2a],
.green-default .sub-tab-wrap .sub-tab-list .channel[data-v-0f574d2a] {
    height: 2.5rem
}

.auroral-yellow .sub-tab-wrap .sub-tab-list .channel .name[data-v-0f574d2a],
.forest-green .sub-tab-wrap .sub-tab-list .channel .name[data-v-0f574d2a],
.green-default .sub-tab-wrap .sub-tab-list .channel .name[data-v-0f574d2a] {
    width: 90%
}

.auroral-yellow .sub-tab-wrap .sub-tab-list .active[data-v-0f574d2a],
.forest-green .sub-tab-wrap .sub-tab-list .active[data-v-0f574d2a],
.green-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-800);
    background: var(--color-btn-bg-active-r)
}

.auroral-yellow .sub-tab-wrap .sub-tab-list .active .tag[data-v-0f574d2a],
.forest-green .sub-tab-wrap .sub-tab-list .active .tag[data-v-0f574d2a],
.green-default .sub-tab-wrap .sub-tab-list .active .tag[data-v-0f574d2a] {
    right: -1px
}

.auroral-yellow .sub-tab-wrap .tag-list[data-v-0f574d2a],
.forest-green .sub-tab-wrap .tag-list[data-v-0f574d2a],
.green-default .sub-tab-wrap .tag-list[data-v-0f574d2a] {
    height: 2.5rem
}

.amber-purple .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
}

.amber-purple .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
}

.amber-purple .sub-tab-wrap .sub-tab-list[data-v-0f574d2a] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: .875rem
}

.amber-purple .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-100);
    border-radius: var(--ep-border-radius-m, .375rem);
    position: relative;
    overflow-x: visible;
    cursor: pointer;
    background: var(--color-bg-100);
    box-sizing: border-box;
    overflow: hidden;
    display: flex;
    align-items: center;
    font-size: var(--ep-font-size-s, .75rem)
}

.amber-purple .sub-tab-wrap .sub-tab-list li .name[data-v-0f574d2a] {
    width: 6.6875rem
}

.amber-purple .sub-tab-wrap .sub-tab-list li .name .inner[data-v-0f574d2a] {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2;
    width: 100%
}

.amber-purple .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)
}

.amber-purple .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
}

.amber-purple .sub-tab-wrap .sub-tab-list .sub-tab .icon img[data-v-0f574d2a] {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.amber-purple .sub-tab-wrap .sub-tab-list .channel[data-v-0f574d2a] {
    height: 2.5rem
}

.amber-purple .sub-tab-wrap .sub-tab-list .channel .name[data-v-0f574d2a] {
    width: 90%
}

.amber-purple .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(--color-line);
    background: var(--color-btn-bg-active-r)
}

.amber-purple .sub-tab-wrap .sub-tab-list .active .tag[data-v-0f574d2a] {
    right: -1px
}

.amber-purple .sub-tab-wrap .tag-list[data-v-0f574d2a] {
    height: 2.5rem
}

.new-skin-symbol .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
}

.new-skin-symbol .sub-tab-wrap .title[data-v-0f574d2a] {
    font-weight: var(--ep-font-weight-bold, 700);
    margin-bottom: .625rem;
    color: var(--ep-color-text-default);
    line-height: 1.125rem
}

.new-skin-symbol .sub-tab-wrap .sub-tab-list[data-v-0f574d2a] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: .875rem
}

.new-skin-symbol .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(--ep-color-text-weaker);
    border-radius: var(--ep-border-radius-m, .375rem);
    position: relative;
    overflow-x: visible;
    cursor: pointer;
    background: var(--ep-color-background-fill-surface-raised-L1);
    box-sizing: border-box;
    overflow: hidden;
    display: flex;
    align-items: center;
    font-size: var(--ep-font-size-s, .75rem)
}

.new-skin-symbol .sub-tab-wrap .sub-tab-list li .name[data-v-0f574d2a] {
    width: 6.6875rem
}

.new-skin-symbol .sub-tab-wrap .sub-tab-list li .name .inner[data-v-0f574d2a] {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2;
    width: 100%
}

.new-skin-symbol .sub-tab-wrap .sub-tab-list li .tag[data-v-0f574d2a] {
    position: absolute;
    height: .875rem;
    right: 0;
    top: 0;
    line-height: .875rem;
    color: var(--ep-color-text-highlight-white);
    z-index: 10;
    font-weight: var(--ep-font-weight-medium, 600);
    font-size: .5rem;
    background: var(--ep-color-icon-tips);
    padding: 0 .375rem;
    border-radius: 0 var(--ep-border-radius-m, .375rem) 0 var(--ep-border-radius-m, .375rem)
}

.new-skin-symbol .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
}

.new-skin-symbol .sub-tab-wrap .sub-tab-list .sub-tab .icon img[data-v-0f574d2a] {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.new-skin-symbol .sub-tab-wrap .sub-tab-list .channel[data-v-0f574d2a] {
    height: 2.5rem
}

.new-skin-symbol .sub-tab-wrap .sub-tab-list .channel .name[data-v-0f574d2a] {
    width: 90%
}

.new-skin-symbol .sub-tab-wrap .sub-tab-list .active[data-v-0f574d2a] {
    color: var(--ep-color-text-default);
    font-weight: var(--ep-font-weight-bold, 700);
    border: 1px solid var(--ep-color-border-selected);
    background: var(--ep-dynamic-secondary)
}

.new-skin-symbol .sub-tab-wrap .sub-tab-list .active .tag[data-v-0f574d2a] {
    right: -1px
}

.new-skin-symbol .sub-tab-wrap .tag-list[data-v-0f574d2a] {
    height: 2.5rem
}

.color-primary-600[data-v-e57f7e6e] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-e57f7e6e] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-e57f7e6e] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-e57f7e6e] {
    color: var(--color-primary-900)
}

.bg-100[data-v-e57f7e6e] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-e57f7e6e] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-e57f7e6e] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-e57f7e6e] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-e57f7e6e] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-e57f7e6e] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-e57f7e6e] {
    background-color: var(--color-warning)
}

.bg-link[data-v-e57f7e6e] {
    background-color: var(--color-link)
}

.bg-danger[data-v-e57f7e6e] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-e57f7e6e] {
    color: var(--color-text-100)
}

.color-text-80[data-v-e57f7e6e] {
    color: var(--color-text-80)
}

.color-text-50[data-v-e57f7e6e] {
    color: var(--color-text-50)
}

.color-text-40[data-v-e57f7e6e] {
    color: var(--color-text-40)
}

.color-text-20[data-v-e57f7e6e] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-e57f7e6e] {
    color: var(--color-currency)
}

.color-warning[data-v-e57f7e6e] {
    color: var(--color-warning)
}

.color-danger[data-v-e57f7e6e] {
    color: var(--color-danger)
}

.color-link[data-v-e57f7e6e] {
    color: var(--color-link)
}

.color-line[data-v-e57f7e6e] {
    color: var(--color-line)
}

.color-border[data-v-e57f7e6e] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-e57f7e6e] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-e57f7e6e] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-e57f7e6e] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-e57f7e6e] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-e57f7e6e] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-e57f7e6e] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-e57f7e6e] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-e57f7e6e] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-e57f7e6e] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-e57f7e6e] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-e57f7e6e] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-e57f7e6e] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-e57f7e6e] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-e57f7e6e] {
    display: flex;
    align-items: center
}

.flex-start[data-v-e57f7e6e] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-e57f7e6e] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-e57f7e6e] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-e57f7e6e] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-e57f7e6e] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-e57f7e6e] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-e57f7e6e] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-e57f7e6e] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-e57f7e6e] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-e57f7e6e] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-e57f7e6e] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-e57f7e6e] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-e57f7e6e] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-e57f7e6e] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-e57f7e6e] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-e57f7e6e] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-e57f7e6e] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-e57f7e6e] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-e57f7e6e] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-e57f7e6e] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-e57f7e6e] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-e57f7e6e] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-e57f7e6e] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-e57f7e6e] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-e57f7e6e],
.mlm-selected-item[data-v-e57f7e6e] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-e57f7e6e] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-e57f7e6e]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-e57f7e6e] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-e57f7e6e] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-e57f7e6e] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-modal[data-v-e57f7e6e] {
    --width: fit-content;
    --height: fit-content;
    --border-radius: .625rem
}

.yellow-dark .recharge-modal-conten[data-v-e57f7e6e],
.blue-default .recharge-modal-conten[data-v-e57f7e6e],
.green-default .recharge-modal-conten[data-v-e57f7e6e],
.forest-green .recharge-modal-conten[data-v-e57f7e6e],
.green-dark .recharge-modal-conten[data-v-e57f7e6e] {
    width: 22.875rem;
    padding: .9375rem .5rem;
    box-sizing: border-box;
    background: var(--color-bg-300)
}

.yellow-dark .recharge-modal-conten .recharge-modal-title[data-v-e57f7e6e],
.blue-default .recharge-modal-conten .recharge-modal-title[data-v-e57f7e6e],
.green-default .recharge-modal-conten .recharge-modal-title[data-v-e57f7e6e],
.forest-green .recharge-modal-conten .recharge-modal-title[data-v-e57f7e6e],
.green-dark .recharge-modal-conten .recharge-modal-title[data-v-e57f7e6e] {
    font-size: var(--ep-font-size-l, 1.125rem);
    line-height: 1.875rem;
    font-weight: var(--ep-font-weight-medium, 600);
    margin-bottom: .9375rem;
    color: var(--color-text-100);
    display: flex;
    align-items: center;
    justify-content: space-between
}

.yellow-dark .recharge-modal-conten .recharge-modal-info[data-v-e57f7e6e],
.blue-default .recharge-modal-conten .recharge-modal-info[data-v-e57f7e6e],
.green-default .recharge-modal-conten .recharge-modal-info[data-v-e57f7e6e],
.forest-green .recharge-modal-conten .recharge-modal-info[data-v-e57f7e6e],
.green-dark .recharge-modal-conten .recharge-modal-info[data-v-e57f7e6e] {
    font-size: var(--ep-font-size-s, .75rem);
    line-height: 1.125rem;
    margin-bottom: .75rem;
    color: var(--color-text-40);
    margin-top: -.75rem
}

.yellow-dark .recharge-modal-conten .recharge-modal-info .info-amount[data-v-e57f7e6e],
.blue-default .recharge-modal-conten .recharge-modal-info .info-amount[data-v-e57f7e6e],
.green-default .recharge-modal-conten .recharge-modal-info .info-amount[data-v-e57f7e6e],
.forest-green .recharge-modal-conten .recharge-modal-info .info-amount[data-v-e57f7e6e],
.green-dark .recharge-modal-conten .recharge-modal-info .info-amount[data-v-e57f7e6e],
.yellow-dark .recharge-modal-conten .recharge-modal-info .info-reward[data-v-e57f7e6e],
.blue-default .recharge-modal-conten .recharge-modal-info .info-reward[data-v-e57f7e6e],
.green-default .recharge-modal-conten .recharge-modal-info .info-reward[data-v-e57f7e6e],
.forest-green .recharge-modal-conten .recharge-modal-info .info-reward[data-v-e57f7e6e],
.green-dark .recharge-modal-conten .recharge-modal-info .info-reward[data-v-e57f7e6e] {
    font-size: var(--ep-font-size-m, .875rem);
    line-height: 1.3125rem;
    color: var(--accent-color-orange)
}

.yellow-dark .recharge-modal-conten .recharge-modal-info .info-amount[data-v-e57f7e6e],
.blue-default .recharge-modal-conten .recharge-modal-info .info-amount[data-v-e57f7e6e],
.green-default .recharge-modal-conten .recharge-modal-info .info-amount[data-v-e57f7e6e],
.forest-green .recharge-modal-conten .recharge-modal-info .info-amount[data-v-e57f7e6e],
.green-dark .recharge-modal-conten .recharge-modal-info .info-amount[data-v-e57f7e6e] {
    font-weight: var(--ep-font-weight-medium, 600)
}

.yellow-dark .recharge-modal-conten .spin-wrap[data-v-e57f7e6e],
.blue-default .recharge-modal-conten .spin-wrap[data-v-e57f7e6e],
.green-default .recharge-modal-conten .spin-wrap[data-v-e57f7e6e],
.forest-green .recharge-modal-conten .spin-wrap[data-v-e57f7e6e],
.green-dark .recharge-modal-conten .spin-wrap[data-v-e57f7e6e] {
    text-align: center
}

.yellow-dark .recharge-modal-conten .spin-wrap .icon[data-v-e57f7e6e],
.blue-default .recharge-modal-conten .spin-wrap .icon[data-v-e57f7e6e],
.green-default .recharge-modal-conten .spin-wrap .icon[data-v-e57f7e6e],
.forest-green .recharge-modal-conten .spin-wrap .icon[data-v-e57f7e6e],
.green-dark .recharge-modal-conten .spin-wrap .icon[data-v-e57f7e6e] {
    margin-left: .875rem;
    margin-top: .9375rem
}

.yellow-dark .recharge-modal-conten ion-button.recharge-modal-btn[data-v-e57f7e6e],
.blue-default .recharge-modal-conten ion-button.recharge-modal-btn[data-v-e57f7e6e],
.green-default .recharge-modal-conten ion-button.recharge-modal-btn[data-v-e57f7e6e],
.forest-green .recharge-modal-conten ion-button.recharge-modal-btn[data-v-e57f7e6e],
.green-dark .recharge-modal-conten ion-button.recharge-modal-btn[data-v-e57f7e6e] {
    width: 100%;
    height: 2.875rem;
    margin: 2rem 0 0;
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-bold, 700);
    --border-radius: var(--ep-border-radius-s, 4px);
    --background-activated: none;
    --background-focused: none;
    --background-hover: none;
    --color: var(--color-text-100);
    --background: var(--theme-color-800)
}

.purple-light .recharge-modal-conten[data-v-e57f7e6e] {
    width: 22.875rem;
    padding: .9375rem .5rem;
    box-sizing: border-box;
    background: var(--color-bg-300)
}

.purple-light .recharge-modal-conten .recharge-modal-title[data-v-e57f7e6e] {
    font-size: var(--ep-font-size-l, 1.125rem);
    line-height: 1.875rem;
    font-weight: var(--ep-font-weight-medium, 600);
    margin-bottom: .9375rem;
    color: var(--color-text-100);
    display: flex;
    align-items: center;
    justify-content: space-between
}

.purple-light .recharge-modal-conten .recharge-modal-info[data-v-e57f7e6e] {
    font-size: var(--ep-font-size-s, .75rem);
    line-height: 1.125rem;
    margin-bottom: .75rem;
    color: var(--color-text-40);
    margin-top: -.75rem
}

.purple-light .recharge-modal-conten .recharge-modal-info .info-amount[data-v-e57f7e6e],
.purple-light .recharge-modal-conten .recharge-modal-info .info-reward[data-v-e57f7e6e] {
    font-size: var(--ep-font-size-m, .875rem);
    line-height: 1.3125rem;
    color: var(--accent-color-orange)
}

.purple-light .recharge-modal-conten .recharge-modal-info .info-amount[data-v-e57f7e6e] {
    font-weight: var(--ep-font-weight-medium, 600)
}

.purple-light .recharge-modal-conten .spin-wrap[data-v-e57f7e6e] {
    text-align: center
}

.purple-light .recharge-modal-conten .spin-wrap .icon[data-v-e57f7e6e] {
    margin-left: .875rem;
    margin-top: .9375rem
}

.purple-light .recharge-modal-conten ion-button.recharge-modal-btn[data-v-e57f7e6e] {
    width: 100%;
    height: 2.875rem;
    margin: 2rem 0 0;
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-bold, 700);
    --border-radius: var(--ep-border-radius-s, 4px);
    --background-activated: none;
    --background-focused: none;
    --background-hover: none;
    --color: var(--text-color-white-100);
    --background: var(--theme-color-800)
}

.auroral-yellow .recharge-modal-conten[data-v-e57f7e6e] {
    width: 22.875rem;
    padding: .9375rem .5rem;
    box-sizing: border-box;
    background: var(--color-bg-300)
}

.auroral-yellow .recharge-modal-conten .recharge-modal-title[data-v-e57f7e6e] {
    font-size: var(--ep-font-size-l, 1.125rem);
    line-height: 1.875rem;
    font-weight: var(--ep-font-weight-medium, 600);
    margin-bottom: .9375rem;
    color: var(--color-text-100);
    display: flex;
    align-items: center;
    justify-content: space-between
}

.auroral-yellow .recharge-modal-conten .recharge-modal-info[data-v-e57f7e6e] {
    font-size: var(--ep-font-size-s, .75rem);
    line-height: 1.125rem;
    margin-bottom: .75rem;
    color: var(--color-text-40);
    margin-top: -.75rem
}

.auroral-yellow .recharge-modal-conten .recharge-modal-info .info-amount[data-v-e57f7e6e],
.auroral-yellow .recharge-modal-conten .recharge-modal-info .info-reward[data-v-e57f7e6e] {
    font-size: var(--ep-font-size-m, .875rem);
    line-height: 1.3125rem;
    color: var(--accent-color-orange)
}

.auroral-yellow .recharge-modal-conten .recharge-modal-info .info-amount[data-v-e57f7e6e] {
    font-weight: var(--ep-font-weight-medium, 600)
}

.auroral-yellow .recharge-modal-conten .spin-wrap[data-v-e57f7e6e] {
    text-align: center
}

.auroral-yellow .recharge-modal-conten .spin-wrap .icon[data-v-e57f7e6e] {
    margin-left: .875rem;
    margin-top: .9375rem
}

.auroral-yellow .recharge-modal-conten ion-button.recharge-modal-btn[data-v-e57f7e6e] {
    width: 100%;
    height: 2.875rem;
    margin: 2rem 0 0;
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-bold, 700);
    --border-radius: var(--ep-border-radius-s, 4px);
    --background-activated: none;
    --background-focused: none;
    --background-hover: none;
    --color: var(--color-text-black-100);
    --background: var(--theme-color-800)
}

.amber-purple .recharge-modal-conten[data-v-e57f7e6e] {
    width: 22.875rem;
    padding: .9375rem .5rem;
    box-sizing: border-box;
    background: var(--color-bg-300)
}

.amber-purple .recharge-modal-conten .recharge-modal-title[data-v-e57f7e6e] {
    font-size: var(--ep-font-size-l, 1.125rem);
    line-height: 1.875rem;
    font-weight: var(--ep-font-weight-medium, 600);
    margin-bottom: .9375rem;
    color: var(--color-text-100);
    display: flex;
    align-items: center;
    justify-content: space-between
}

.amber-purple .recharge-modal-conten .recharge-modal-info[data-v-e57f7e6e] {
    font-size: var(--ep-font-size-s, .75rem);
    line-height: 1.125rem;
    margin-bottom: .75rem;
    color: var(--color-text-40);
    margin-top: -.75rem
}

.amber-purple .recharge-modal-conten .recharge-modal-info .info-amount[data-v-e57f7e6e],
.amber-purple .recharge-modal-conten .recharge-modal-info .info-reward[data-v-e57f7e6e] {
    font-size: var(--ep-font-size-m, .875rem);
    line-height: 1.3125rem;
    color: var(--accent-color-orange)
}

.amber-purple .recharge-modal-conten .recharge-modal-info .info-amount[data-v-e57f7e6e] {
    font-weight: var(--ep-font-weight-medium, 600)
}

.amber-purple .recharge-modal-conten .spin-wrap[data-v-e57f7e6e] {
    text-align: center
}

.amber-purple .recharge-modal-conten .spin-wrap .icon[data-v-e57f7e6e] {
    margin-left: .875rem;
    margin-top: .9375rem
}

.amber-purple .recharge-modal-conten ion-button.recharge-modal-btn[data-v-e57f7e6e] {
    width: 100%;
    height: 2.875rem;
    margin: 2rem 0 0;
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-bold, 700);
    --border-radius: var(--ep-border-radius-s, 4px);
    --background-activated: none;
    --background-focused: none;
    --background-hover: none;
    --color: var(--text-color-white-100);
    --background: var(--theme-color-gradient-100)
}

.new-skin-symbol .recharge-modal-conten[data-v-e57f7e6e] {
    width: 22.875rem;
    padding: .9375rem .5rem;
    box-sizing: border-box;
    background: var(--ep-color-background-fill-body-default)
}

.new-skin-symbol .recharge-modal-conten .recharge-modal-title[data-v-e57f7e6e] {
    font-size: var(--ep-font-size-l, 1.125rem);
    line-height: 1.875rem;
    font-weight: var(--ep-font-weight-medium, 600);
    margin-bottom: .9375rem;
    color: var(--ep-color-text-default);
    display: flex;
    align-items: center;
    justify-content: space-between
}

.new-skin-symbol .recharge-modal-conten .recharge-modal-info[data-v-e57f7e6e] {
    font-size: var(--ep-font-size-s, .75rem);
    line-height: 1.125rem;
    margin-bottom: .75rem;
    color: var(--ep-color-text-weaker);
    margin-top: -.75rem
}

.new-skin-symbol .recharge-modal-conten .recharge-modal-info .info-amount[data-v-e57f7e6e],
.new-skin-symbol .recharge-modal-conten .recharge-modal-info .info-reward[data-v-e57f7e6e] {
    font-size: var(--ep-font-size-m, .875rem);
    line-height: 1.3125rem;
    color: var(--ep-color-icon-warning)
}

.new-skin-symbol .recharge-modal-conten .recharge-modal-info .info-amount[data-v-e57f7e6e] {
    font-weight: var(--ep-font-weight-medium, 600)
}

.new-skin-symbol .recharge-modal-conten .spin-wrap[data-v-e57f7e6e] {
    text-align: center
}

.new-skin-symbol .recharge-modal-conten .spin-wrap .icon[data-v-e57f7e6e] {
    margin-left: .875rem;
    margin-top: .9375rem
}

.new-skin-symbol .recharge-modal-conten ion-button.recharge-modal-btn[data-v-e57f7e6e] {
    width: 100%;
    height: 2.875rem;
    margin: 2rem 0 0;
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-bold, 700);
    --border-radius: var(--ep-border-radius-s, 4px);
    --background-activated: none;
    --background-focused: none;
    --background-hover: none;
    --color: var(--ep-color-text-inverse);
    --background: var(--ep-color-background-fill-active-primary)
}

.color-primary-600[data-v-598a4c52] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-598a4c52] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-598a4c52] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-598a4c52] {
    color: var(--color-primary-900)
}

.bg-100[data-v-598a4c52] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-598a4c52] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-598a4c52] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-598a4c52] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-598a4c52] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-598a4c52] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-598a4c52] {
    background-color: var(--color-warning)
}

.bg-link[data-v-598a4c52] {
    background-color: var(--color-link)
}

.bg-danger[data-v-598a4c52] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-598a4c52] {
    color: var(--color-text-100)
}

.color-text-80[data-v-598a4c52] {
    color: var(--color-text-80)
}

.color-text-50[data-v-598a4c52] {
    color: var(--color-text-50)
}

.color-text-40[data-v-598a4c52] {
    color: var(--color-text-40)
}

.color-text-20[data-v-598a4c52] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-598a4c52] {
    color: var(--color-currency)
}

.color-warning[data-v-598a4c52] {
    color: var(--color-warning)
}

.color-danger[data-v-598a4c52] {
    color: var(--color-danger)
}

.color-link[data-v-598a4c52] {
    color: var(--color-link)
}

.color-line[data-v-598a4c52] {
    color: var(--color-line)
}

.color-border[data-v-598a4c52] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-598a4c52] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-598a4c52] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-598a4c52] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-598a4c52] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-598a4c52] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-598a4c52] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-598a4c52] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-598a4c52] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-598a4c52] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-598a4c52] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-598a4c52] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-598a4c52] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-598a4c52] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-598a4c52] {
    display: flex;
    align-items: center
}

.flex-start[data-v-598a4c52] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-598a4c52] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-598a4c52] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-598a4c52] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-598a4c52] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-598a4c52] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-598a4c52] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-598a4c52] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-598a4c52] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-598a4c52] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-598a4c52] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-598a4c52] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-598a4c52] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-598a4c52] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-598a4c52] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-598a4c52] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-598a4c52] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-598a4c52] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-598a4c52] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-598a4c52] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-598a4c52] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-598a4c52] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-598a4c52] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-598a4c52] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-598a4c52],
.mlm-selected-item[data-v-598a4c52] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-598a4c52] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-598a4c52]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-598a4c52] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-598a4c52] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-598a4c52] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.count-down-item[data-v-598a4c52] {
    width: 2.25rem;
    height: 2.75rem;
    border-radius: .3125rem
}

.count-down-item .count-down-item-content .count-down-value[data-v-598a4c52] {
    font-size: .875rem;
    line-height: .875rem;
    font-weight: 700
}

.count-down-item .count-down-item-content .count-down-name[data-v-598a4c52] {
    font-size: .5rem
}

.count-down-item .count-down-footer-line[data-v-598a4c52] {
    width: .375rem;
    height: .125rem;
    transform: translate(-50%)
}

.over-count-down .count-down-item-content[data-v-598a4c52],
.over-count-down .count-down-footer-line[data-v-598a4c52] {
    opacity: .6
}

.count-down-item[data-v-598a4c52] {
    background: linear-gradient(180deg, #34ed7e, #26507c)
}

.count-down-item .count-down-item-content[data-v-598a4c52] {
    color: #fff
}

.count-down-item .count-down-footer-line[data-v-598a4c52] {
    background: #faac47
}

.over-count-down[data-v-598a4c52] {
    background: linear-gradient(180deg, #fff -20.45%, #283127)
}

.over-count-down .count-down-item-content[data-v-598a4c52] {
    color: #fff
}

.over-count-down .count-down-footer-line[data-v-598a4c52] {
    background: #fff
}

.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
}

.green-default .count-down-item[data-v-598a4c52] {
    background: linear-gradient(180deg, #fed85a -20.45%, #498200)
}

.green-default .count-down-item .count-down-item-content[data-v-598a4c52] {
    color: #fff
}

.green-default .count-down-item .count-down-footer-line[data-v-598a4c52] {
    background: #ffdd34
}

.green-default .over-count-down[data-v-598a4c52] {
    background: linear-gradient(180deg, #fff -20.45%, #283127)
}

.green-default .over-count-down .count-down-item-content[data-v-598a4c52] {
    color: #fff
}

.green-default .over-count-down .count-down-footer-line[data-v-598a4c52] {
    background: #fff
}

.forest-green .count-down-item[data-v-598a4c52] {
    background: linear-gradient(180deg, #00e599 -20.45%, #004d33)
}

.forest-green .count-down-item .count-down-item-content[data-v-598a4c52] {
    color: #fff
}

.forest-green .count-down-item .count-down-footer-line[data-v-598a4c52] {
    background: #00e599
}

.forest-green .over-count-down[data-v-598a4c52] {
    background: linear-gradient(180deg, #fff -20.45%, #283127)
}

.forest-green .over-count-down .count-down-item-content[data-v-598a4c52] {
    color: #fff
}

.forest-green .over-count-down .count-down-footer-line[data-v-598a4c52] {
    background: #fff
}

.amber-purple .count-down-item[data-v-598a4c52] {
    background: linear-gradient(180deg, #aca5d9 -20.45%, #302d53)
}

.amber-purple .count-down-item .count-down-item-content[data-v-598a4c52] {
    color: #fff
}

.amber-purple .count-down-item .count-down-footer-line[data-v-598a4c52] {
    background: #aca5d9
}

.amber-purple .over-count-down[data-v-598a4c52] {
    background: linear-gradient(180deg, #fff -20.45%, #292929)
}

.amber-purple .over-count-down .count-down-item-content[data-v-598a4c52] {
    color: #fff
}

.amber-purple .over-count-down .count-down-footer-line[data-v-598a4c52] {
    background: #fff
}

.yellow-dark .count-down-item[data-v-598a4c52],
.auroral-yellow .count-down-item[data-v-598a4c52] {
    background: linear-gradient(180deg, #ffd599 -20.45%, #995900)
}

.yellow-dark .count-down-item .count-down-item-content[data-v-598a4c52],
.auroral-yellow .count-down-item .count-down-item-content[data-v-598a4c52] {
    color: #fff
}

.yellow-dark .count-down-item .count-down-footer-line[data-v-598a4c52],
.auroral-yellow .count-down-item .count-down-footer-line[data-v-598a4c52] {
    background: #ffd599
}

.yellow-dark .over-count-down[data-v-598a4c52],
.auroral-yellow .over-count-down[data-v-598a4c52] {
    background: linear-gradient(180deg, #fff -20.45%, #283127)
}

.yellow-dark .over-count-down .count-down-item-content[data-v-598a4c52],
.auroral-yellow .over-count-down .count-down-item-content[data-v-598a4c52] {
    color: #fff
}

.yellow-dark .over-count-down .count-down-footer-line[data-v-598a4c52],
.auroral-yellow .over-count-down .count-down-footer-line[data-v-598a4c52] {
    background: #fff
}

.green-dark .count-down-item[data-v-598a4c52] {
    background: linear-gradient(180deg, #aaf17e -20.45%, #0e6500)
}

.green-dark .count-down-item .count-down-item-content[data-v-598a4c52] {
    color: #fff
}

.green-dark .count-down-item .count-down-footer-line[data-v-598a4c52] {
    background: #8fe759
}

.green-dark .over-count-down[data-v-598a4c52] {
    background: linear-gradient(180deg, #fff -20.45%, #283127)
}

.green-dark .over-count-down .count-down-item-content[data-v-598a4c52] {
    color: #fff
}

.green-dark .over-count-down .count-down-footer-line[data-v-598a4c52] {
    background: #fff
}

.purple-light .count-down-item[data-v-598a4c52] {
    background: linear-gradient(180deg, #bc9bff -20.45%, #8d51fc)
}

.purple-light .count-down-item .count-down-item-content[data-v-598a4c52] {
    color: #fff
}

.purple-light .count-down-item .count-down-footer-line[data-v-598a4c52] {
    background: #beacff
}

.purple-light .over-count-down[data-v-598a4c52] {
    background: linear-gradient(180deg, #fff -20.45%, #283127)
}

.purple-light .over-count-down .count-down-item-content[data-v-598a4c52] {
    color: #fff
}

.purple-light .over-count-down .count-down-footer-line[data-v-598a4c52] {
    background: #fff
}

.new-skin-symbol .count-down-item[data-v-598a4c52] {
    background: linear-gradient(90deg, var(--ep-color-background-fill-gradients-tertiary-a) -27.5%, var(--ep-color-background-fill-gradients-tertiary-b) 127.5%);
    border-radius: var(--ep-border-radius-m)
}

.new-skin-symbol .count-down-item .count-down-item-content[data-v-598a4c52] {
    color: var(--ep-color-text-inverse)
}

.new-skin-symbol .count-down-item .count-down-item-content .count-down-value[data-v-598a4c52] {
    font-size: var(--ep-font-size-m);
    line-height: 100%;
    font-weight: var(--ep-font-weight-bold)
}

.new-skin-symbol .count-down-item .count-down-item-content .count-down-name[data-v-598a4c52] {
    font-size: var(--ep-font-size-xs)
}

.new-skin-symbol .count-down-item .count-down-footer-line[data-v-598a4c52] {
    background: var(--ep-color-text-success)
}

.new-skin-symbol .over-count-down[data-v-598a4c52] {
    background: var(--ep-dynamic-secondary)
}

.new-skin-symbol .over-count-down .count-down-item-content[data-v-598a4c52] {
    color: var(--ep-color-text-weak)
}

.new-skin-symbol .over-count-down .count-down-footer-line[data-v-598a4c52] {
    background: var(--ep-color-text-weak)
}

.color-primary-600[data-v-d8224c35] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-d8224c35] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-d8224c35] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-d8224c35] {
    color: var(--color-primary-900)
}

.bg-100[data-v-d8224c35] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-d8224c35] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-d8224c35] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-d8224c35] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-d8224c35] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-d8224c35] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-d8224c35] {
    background-color: var(--color-warning)
}

.bg-link[data-v-d8224c35] {
    background-color: var(--color-link)
}

.bg-danger[data-v-d8224c35] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-d8224c35] {
    color: var(--color-text-100)
}

.color-text-80[data-v-d8224c35] {
    color: var(--color-text-80)
}

.color-text-50[data-v-d8224c35] {
    color: var(--color-text-50)
}

.color-text-40[data-v-d8224c35] {
    color: var(--color-text-40)
}

.color-text-20[data-v-d8224c35] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-d8224c35] {
    color: var(--color-currency)
}

.color-warning[data-v-d8224c35] {
    color: var(--color-warning)
}

.color-danger[data-v-d8224c35] {
    color: var(--color-danger)
}

.color-link[data-v-d8224c35] {
    color: var(--color-link)
}

.color-line[data-v-d8224c35] {
    color: var(--color-line)
}

.color-border[data-v-d8224c35] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-d8224c35] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-d8224c35] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-d8224c35] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-d8224c35] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-d8224c35] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-d8224c35] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-d8224c35] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-d8224c35] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-d8224c35] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-d8224c35] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-d8224c35] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-d8224c35] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-d8224c35] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-d8224c35] {
    display: flex;
    align-items: center
}

.flex-start[data-v-d8224c35] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-d8224c35] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-d8224c35] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-d8224c35] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-d8224c35] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-d8224c35] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-d8224c35] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-d8224c35] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-d8224c35] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-d8224c35] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-d8224c35] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-d8224c35] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-d8224c35] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-d8224c35] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-d8224c35] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-d8224c35] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-d8224c35] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-d8224c35] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-d8224c35] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-d8224c35] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-d8224c35] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-d8224c35] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-d8224c35] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-d8224c35] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-d8224c35],
.mlm-selected-item[data-v-d8224c35] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-d8224c35] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-d8224c35]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-d8224c35] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-d8224c35] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-d8224c35] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-content[data-v-d8224c35] {
    font-family: Prompt !important
}

.top-content[data-v-d8224c35] {
    height: 23.75rem;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%
}

.top-content .date-content[data-v-d8224c35] {
    padding: 1rem 0 0 1.0625rem
}

.top-content .date-content .reward-time[data-v-d8224c35] {
    font-size: 2.25rem;
    line-height: 2.25rem;
    font-weight: 900;
    -webkit-text-stroke-width: .1313rem;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
    font-style: normal;
    margin-bottom: 1.4375rem;
    min-height: 4.5rem;
    display: flex;
    align-items: center
}

.top-content .date-content .date-count-down[data-v-d8224c35] {
    display: flex;
    margin-bottom: .625rem
}

.count-down-tips[data-v-d8224c35] {
    height: 2.5rem;
    width: 12rem;
    font-size: .75rem;
    line-height: 100%;
    font-weight: 400;
    padding-left: .65rem;
    position: relative
}

.count-down-tips .icon-cls[data-v-d8224c35] {
    position: absolute;
    top: .0625rem;
    left: 0;
    font-size: .625rem
}

.date-week[data-v-d8224c35] {
    padding: .5rem 0 .875rem;
    border-radius: .9375rem;
    height: 4.5rem;
    position: relative;
    width: 11.3125rem;
    text-align: center;
    z-index: 10
}

.date-week .week-text[data-v-d8224c35] {
    font-size: 1.25rem;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.date-week .week-tips[data-v-d8224c35] {
    font-size: .75rem
}

.amber-purple-date-week[data-v-d8224c35] {
    border: none !important
}

.amber-purple-date-box[data-v-d8224c35] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: .125rem;
    border-radius: .9375rem;
    background: linear-gradient(270deg, #7041f3, #f5c84c 130.92%);
    z-index: -1
}

.amber-purple-date-box[data-v-d8224c35]:before {
    content: "";
    position: absolute;
    top: .125rem;
    right: .125rem;
    bottom: .125rem;
    left: .125rem;
    background: linear-gradient(180deg, #5a5499, #4d4884 96.53%);
    border-radius: .9375rem
}

.recharge-promotion-content[data-v-d8224c35] {
    padding: 0 .9375rem 1.125rem;
    margin-top: -4.75rem
}

.recharge-promotion-content .recharge-rule-content[data-v-d8224c35] {
    padding: .9375rem .75rem 1.25rem;
    border-radius: .875rem;
    width: 100%
}

.recharge-promotion-content .recharge-rule-content .recharge-item[data-v-d8224c35] {
    border-radius: .375rem;
    overflow: hidden;
    margin-bottom: .625rem
}

.recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top[data-v-d8224c35] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .625rem
}

.recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .recharge-info[data-v-d8224c35] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .recharge-info .recharge-info-left[data-v-d8224c35],
.recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .recharge-info .recharge-info-right[data-v-d8224c35] {
    font-size: .75rem;
    font-weight: 400
}

.recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .recharge-info .recharge-info-left .total-amount[data-v-d8224c35],
.recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .recharge-info .recharge-info-right .total-amount[data-v-d8224c35] {
    font-size: .875rem
}

.recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .recharge-info .recharge-info-left .div-top[data-v-d8224c35] {
    margin-bottom: .625rem
}

.recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .recharge-info .recharge-info-right[data-v-d8224c35] {
    margin-left: .1875rem;
    text-align: right
}

.recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .recharge-info .recharge-info-right .div-top[data-v-d8224c35] {
    margin-bottom: .25rem
}

.recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .recharge-btn-container[data-v-d8224c35] {
    margin-left: .625rem
}

.recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .outer-recharge-btn[data-v-d8224c35] {
    display: inline-block;
    padding: 1px;
    border-radius: .375rem
}

.recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .recharge-btn[data-v-d8224c35] {
    min-width: 6.5rem;
    font-size: .75rem;
    font-weight: 400;
    border-radius: .375rem;
    padding-top: .5625rem;
    padding-bottom: .5625rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-footer[data-v-d8224c35] {
    font-size: .75rem;
    font-weight: 500;
    background: rgba(255, 255, 255, .1);
    color: rgba(166, 176, 214, .5);
    padding-top: .5rem;
    padding-bottom: .5rem;
    text-align: center
}

.recharge-promotion-content .recharge-rule-content .rule-wrap[data-v-d8224c35] {
    margin-top: 1.25rem
}

.recharge-promotion-content .recharge-rule-content .rule-wrap .rule-top[data-v-d8224c35] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.recharge-promotion-content .recharge-rule-content .rule-wrap .rule-top .rule-mid[data-v-d8224c35] {
    margin-left: .375rem;
    margin-right: .375rem
}

.recharge-promotion-content .recharge-rule-content .activity-rule-title[data-v-d8224c35] {
    font-size: 1rem;
    line-height: 150%;
    font-weight: 600
}

.recharge-promotion-content .recharge-rule-content .mineral-rule-icon[data-v-d8224c35] {
    width: .8547rem;
    height: .5516rem
}

.recharge-promotion-content .recharge-rule-content .recharge-promotion-rule[data-v-d8224c35] {
    padding: .9375rem .6875rem 0 .9375rem;
    width: 100%
}

.recharge-promotion-content .recharge-rule-content .recharge-promotion-rule .recharge-promotion-rule-contents[data-v-d8224c35] {
    font-size: .75rem;
    line-height: 150%;
    white-space: pre-wrap
}

.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
}

.count-down-tips[data-v-d8224c35] {
    color: #23db8c
}

.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
}

.date-week .week-text[data-v-d8224c35] {
    color: #f9d045
}

.date-week .week-tips[data-v-d8224c35] {
    color: #fff
}

.blue-purple-date-week[data-v-d8224c35] {
    box-shadow: 0 5px .5rem rgba(255, 255, 255, .38) inset
}

.recharge-promotion-content .recharge-rule-content[data-v-d8224c35] {
    background: linear-gradient(180.38deg, #202f51 .33%, #111542 25.46%)
}

.recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top[data-v-d8224c35] {
    background: #253154
}

.recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .recharge-info .recharge-info-left[data-v-d8224c35],
.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)
}

.recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .recharge-info .recharge-info-left .total-amount[data-v-d8224c35],
.recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .recharge-info .recharge-info-right .total-amount[data-v-d8224c35] {
    color: #1acd4c
}

.recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .outer-recharge-btn[data-v-d8224c35] {
    background: linear-gradient(180deg, #5582c4, #274b80)
}

.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)
}

.recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .dis-recharge-btn[data-v-d8224c35] {
    border: 1px solid #2A337A !important
}

.recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .recharged-btn[data-v-d8224c35] {
    border: 1px solid #2A337A !important;
    opacity: .5
}

.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)
}

.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)
}

.recharge-promotion-content .recharge-rule-content .recharge-promotion-rule .recharge-promotion-rule-contents[data-v-d8224c35] {
    color: #95a9d3
}

.rule-wrap[data-v-d8224c35] ion-icon.mineral-rule-icon {
    color: #5764fc
}

.rule-wrap[data-v-d8224c35] .ruleHeader .span-cls {
    color: rgba(255, 255, 255, .7)
}

.rule-wrap[data-v-d8224c35] .item-wrap .rule-item {
    color: #95a9d3
}

.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
}

.green-default .top-content .date-content .reward-time[data-v-d8224c35] {
    background: linear-gradient(90deg, #7d984a 15%, #2a7d63 22.35%, #5f96ce 60%);
    -webkit-text-stroke-color: #8CD565
}

.green-default .count-down-tips[data-v-d8224c35] {
    color: #7bd800
}

.green-default .date-week[data-v-d8224c35] {
    border: .125rem solid #FFEDB3;
    background: linear-gradient(180deg, #feec61, #aa7f01 96.53%);
    box-shadow: 0 0 12.9px #debb34, 0 5px 11.5px rgba(255, 255, 255, .4) inset
}

.green-default .date-week .week-text[data-v-d8224c35] {
    color: #564917
}

.green-default .date-week .week-tips[data-v-d8224c35] {
    color: rgba(255, 255, 255, .6)
}

.green-default .blue-purple-date-week[data-v-d8224c35] {
    box-shadow: 0 5px .5rem rgba(255, 255, 255, .4) inset
}

.green-default .recharge-promotion-content .recharge-rule-content[data-v-d8224c35] {
    background: linear-gradient(180deg, #376619 .33%, #295115 25.46%)
}

.green-default .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top[data-v-d8224c35] {
    background: #233315
}

.green-default .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .recharge-info .recharge-info-left[data-v-d8224c35],
.green-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)
}

.green-default .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .recharge-info .recharge-info-left .total-amount[data-v-d8224c35],
.green-default .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .recharge-info .recharge-info-right .total-amount[data-v-d8224c35] {
    color: #feec61
}

.green-default .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .outer-recharge-btn[data-v-d8224c35] {
    background: linear-gradient(180deg, #feec61, #aa7f01 96.53%)
}

.green-default .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .recharge-btn[data-v-d8224c35] {
    border: none !important;
    color: #afc69f;
    background: #2c5214
}

.green-default .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .dis-recharge-btn[data-v-d8224c35] {
    border: 1px solid #5A9E01 !important
}

.green-default .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .recharged-btn[data-v-d8224c35] {
    border: 1px solid #5A9E01 !important;
    opacity: .5
}

.green-default .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-footer[data-v-d8224c35] {
    background: #376619;
    color: rgba(255, 255, 255, .5)
}

.green-default .recharge-promotion-content .recharge-rule-content .recharge-promotion-rule .recharge-promotion-rule-border[data-v-d8224c35] {
    background: linear-gradient(270deg, #006849, #009f76, #006849)
}

.green-default .recharge-promotion-content .recharge-rule-content .recharge-promotion-rule .recharge-promotion-rule-contents[data-v-d8224c35] {
    color: rgba(255, 255, 255, .5)
}

.green-default .rule-wrap[data-v-d8224c35] ion-icon.mineral-rule-icon {
    color: #569800
}

.green-default .rule-wrap[data-v-d8224c35] .ruleHeader .span-cls {
    color: rgba(255, 255, 255, .7)
}

.green-default .rule-wrap[data-v-d8224c35] .item-wrap .rule-item {
    color: rgba(255, 255, 255, .5)
}

.forest-green .top-content .date-content .reward-time[data-v-d8224c35] {
    background: linear-gradient(90deg, #008346, #1785b4 30%, #002d46 63%);
    -webkit-text-stroke-color: #65D5BF
}

.forest-green .count-down-tips[data-v-d8224c35] {
    color: #21fdb4
}

.forest-green .date-week[data-v-d8224c35] {
    border: .125rem solid #00E599;
    background: linear-gradient(180deg, #13c96a, #1d9554);
    box-shadow: 0 0 12.9px #006849, 0 5px 11.5px rgba(255, 255, 255, .4) inset
}

.forest-green .date-week .week-text[data-v-d8224c35] {
    color: #004d33
}

.forest-green .date-week .week-tips[data-v-d8224c35] {
    color: rgba(255, 255, 255, .6)
}

.forest-green .blue-purple-date-week[data-v-d8224c35] {
    box-shadow: 0 5px .5rem rgba(255, 255, 255, .4) inset
}

.forest-green .recharge-promotion-content .recharge-rule-content[data-v-d8224c35] {
    background: linear-gradient(180deg, #009f76 .33%, #006849 25.46%)
}

.forest-green .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top[data-v-d8224c35] {
    background: #1d4231
}

.forest-green .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .recharge-info .recharge-info-left[data-v-d8224c35],
.forest-green .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)
}

.forest-green .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .recharge-info .recharge-info-left .total-amount[data-v-d8224c35],
.forest-green .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .recharge-info .recharge-info-right .total-amount[data-v-d8224c35] {
    color: #ffc271
}

.forest-green .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .outer-recharge-btn[data-v-d8224c35] {
    background: linear-gradient(180deg, #13c96a, #1d9554)
}

.forest-green .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .recharge-btn[data-v-d8224c35] {
    border: none !important;
    color: #50b388;
    background: #00563a
}

.forest-green .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .dis-recharge-btn[data-v-d8224c35] {
    border: 1px solid #00B286 !important
}

.forest-green .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .recharged-btn[data-v-d8224c35] {
    border: 1px solid #00B286 !important;
    opacity: .5
}

.forest-green .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-footer[data-v-d8224c35] {
    background: #009972;
    color: rgba(255, 255, 255, .5)
}

.forest-green .recharge-promotion-content .recharge-rule-content .recharge-promotion-rule .recharge-promotion-rule-border[data-v-d8224c35] {
    background: linear-gradient(270deg, #006849, #009f76, #006849)
}

.forest-green .recharge-promotion-content .recharge-rule-content .recharge-promotion-rule .recharge-promotion-rule-contents[data-v-d8224c35] {
    color: rgba(255, 255, 255, .5)
}

.forest-green .rule-wrap[data-v-d8224c35] ion-icon.mineral-rule-icon {
    color: #00b286
}

.forest-green .rule-wrap[data-v-d8224c35] .ruleHeader .span-cls {
    color: rgba(255, 255, 255, .7)
}

.forest-green .rule-wrap[data-v-d8224c35] .item-wrap .rule-item {
    color: rgba(255, 255, 255, .5)
}

.amber-purple .top-content .date-content .reward-time[data-v-d8224c35] {
    background: linear-gradient(90deg, #504a98, #422a7d 30%, #ba5fce 62%);
    -webkit-text-stroke-color: #D5C6FD
}

.amber-purple .count-down-tips[data-v-d8224c35] {
    color: #bfbddb
}

.amber-purple .date-week[data-v-d8224c35] {
    border: .125rem solid #7041F3;
    background: linear-gradient(180deg, #5a5499, #4d4884 96.53%);
    box-shadow: 0 0 12.9px #1a1d22, 0 5px 11.5px rgba(255, 255, 255, .4) inset
}

.amber-purple .date-week .week-text[data-v-d8224c35] {
    color: #bfbddb
}

.amber-purple .date-week .week-tips[data-v-d8224c35] {
    color: rgba(255, 255, 255, .6)
}

.amber-purple .blue-purple-date-week[data-v-d8224c35] {
    box-shadow: 0 5px .5rem rgba(255, 255, 255, .4) inset
}

.amber-purple .recharge-promotion-content .recharge-rule-content[data-v-d8224c35] {
    background: linear-gradient(180deg, #514b9b .33%, #2e2b55 25.46%)
}

.amber-purple .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top[data-v-d8224c35] {
    background: #1a192c
}

.amber-purple .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .recharge-info .recharge-info-left[data-v-d8224c35],
.amber-purple .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)
}

.amber-purple .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .recharge-info .recharge-info-left .total-amount[data-v-d8224c35],
.amber-purple .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .recharge-info .recharge-info-right .total-amount[data-v-d8224c35] {
    color: #bfbddb
}

.amber-purple .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .outer-recharge-btn[data-v-d8224c35] {
    background: linear-gradient(270deg, #7041f3, #f5c84c 130.92%)
}

.amber-purple .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .recharge-btn[data-v-d8224c35] {
    border: none !important;
    color: #ffbf66;
    background: #2d2956
}

.amber-purple .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .dis-recharge-btn[data-v-d8224c35] {
    border: 1px solid #4D4884 !important
}

.amber-purple .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .recharged-btn[data-v-d8224c35] {
    border: 1px solid #4D4884 !important;
    opacity: .5
}

.amber-purple .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-footer[data-v-d8224c35] {
    background: #514b9b;
    color: rgba(255, 255, 255, .2)
}

.amber-purple .recharge-promotion-content .recharge-rule-content .recharge-promotion-rule .recharge-promotion-rule-border[data-v-d8224c35] {
    background: linear-gradient(180deg, #514b9b .33%, #2e2b55 25.46%)
}

.amber-purple .recharge-promotion-content .recharge-rule-content .recharge-promotion-rule .recharge-promotion-rule-contents[data-v-d8224c35] {
    color: rgba(255, 255, 255, .5)
}

.amber-purple .rule-wrap[data-v-d8224c35] ion-icon.mineral-rule-icon {
    color: #4d4884
}

.amber-purple .rule-wrap[data-v-d8224c35] .ruleHeader .span-cls {
    color: rgba(255, 255, 255, .7)
}

.amber-purple .rule-wrap[data-v-d8224c35] .item-wrap .rule-item {
    color: rgba(255, 255, 255, .5)
}

.yellow-dark .top-content .date-content .reward-time[data-v-d8224c35],
.auroral-yellow .top-content .date-content .reward-time[data-v-d8224c35] {
    background: linear-gradient(90deg, #ad9e00, #7d602a, #ce9c5f 60%);
    -webkit-text-stroke-color: #D5C265
}

.yellow-dark .count-down-tips[data-v-d8224c35],
.auroral-yellow .count-down-tips[data-v-d8224c35] {
    color: #372000
}

.yellow-dark .date-week[data-v-d8224c35],
.auroral-yellow .date-week[data-v-d8224c35] {
    border: .125rem solid #FFD599;
    background: linear-gradient(180deg, #ffbf66, #ff9500 96.53%);
    box-shadow: 0 0 12.9px #1a1d22, 0 5px 11.5px rgba(255, 255, 255, .4) inset
}

.yellow-dark .date-week .week-text[data-v-d8224c35],
.auroral-yellow .date-week .week-text[data-v-d8224c35] {
    color: #995900
}

.yellow-dark .date-week .week-tips[data-v-d8224c35],
.auroral-yellow .date-week .week-tips[data-v-d8224c35] {
    color: rgba(255, 255, 255, .7)
}

.yellow-dark .blue-purple-date-week[data-v-d8224c35],
.auroral-yellow .blue-purple-date-week[data-v-d8224c35] {
    box-shadow: 0 5px .5rem rgba(255, 255, 255, .4) inset
}

.yellow-dark .recharge-promotion-content .recharge-rule-content[data-v-d8224c35],
.auroral-yellow .recharge-promotion-content .recharge-rule-content[data-v-d8224c35] {
    background: linear-gradient(180deg, #423d24 .33%, #332f1c 25.46%)
}

.yellow-dark .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top[data-v-d8224c35],
.auroral-yellow .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top[data-v-d8224c35] {
    background: #1e1c14
}

.yellow-dark .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .recharge-info .recharge-info-left[data-v-d8224c35],
.auroral-yellow .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .recharge-info .recharge-info-left[data-v-d8224c35],
.yellow-dark .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .recharge-info .recharge-info-right[data-v-d8224c35],
.auroral-yellow .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)
}

.yellow-dark .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .recharge-info .recharge-info-left .total-amount[data-v-d8224c35],
.auroral-yellow .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .recharge-info .recharge-info-left .total-amount[data-v-d8224c35],
.yellow-dark .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .recharge-info .recharge-info-right .total-amount[data-v-d8224c35],
.auroral-yellow .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .recharge-info .recharge-info-right .total-amount[data-v-d8224c35] {
    color: #fa3
}

.yellow-dark .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .outer-recharge-btn[data-v-d8224c35],
.auroral-yellow .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .outer-recharge-btn[data-v-d8224c35] {
    background: #ff9500
}

.yellow-dark .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .recharge-btn[data-v-d8224c35],
.auroral-yellow .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .recharge-btn[data-v-d8224c35] {
    border: none !important;
    color: #ffbf66;
    background: #3c3720
}

.yellow-dark .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .dis-recharge-btn[data-v-d8224c35],
.auroral-yellow .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .dis-recharge-btn[data-v-d8224c35] {
    border: 1px solid #FF9500 !important
}

.yellow-dark .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .recharged-btn[data-v-d8224c35],
.auroral-yellow .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .recharged-btn[data-v-d8224c35] {
    border: 1px solid #FF9500 !important;
    opacity: .5
}

.yellow-dark .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-footer[data-v-d8224c35],
.auroral-yellow .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-footer[data-v-d8224c35] {
    background: #423d24;
    color: rgba(255, 255, 255, .2)
}

.yellow-dark .recharge-promotion-content .recharge-rule-content .recharge-promotion-rule .recharge-promotion-rule-border[data-v-d8224c35],
.auroral-yellow .recharge-promotion-content .recharge-rule-content .recharge-promotion-rule .recharge-promotion-rule-border[data-v-d8224c35] {
    background: linear-gradient(270deg, #292d36, #292d36, #292d36)
}

.yellow-dark .recharge-promotion-content .recharge-rule-content .recharge-promotion-rule .recharge-promotion-rule-contents[data-v-d8224c35],
.auroral-yellow .recharge-promotion-content .recharge-rule-content .recharge-promotion-rule .recharge-promotion-rule-contents[data-v-d8224c35] {
    color: rgba(255, 255, 255, .5)
}

.yellow-dark .rule-wrap[data-v-d8224c35] ion-icon.mineral-rule-icon,
.auroral-yellow .rule-wrap[data-v-d8224c35] ion-icon.mineral-rule-icon {
    color: #ff9500
}

.yellow-dark .rule-wrap[data-v-d8224c35] .ruleHeader .span-cls,
.auroral-yellow .rule-wrap[data-v-d8224c35] .ruleHeader .span-cls {
    color: rgba(255, 255, 255, .7)
}

.yellow-dark .rule-wrap[data-v-d8224c35] .item-wrap .rule-item,
.auroral-yellow .rule-wrap[data-v-d8224c35] .item-wrap .rule-item {
    color: rgba(255, 255, 255, .5)
}

.green-dark .top-content .date-content .reward-time[data-v-d8224c35] {
    background: linear-gradient(90deg, #368429, #2ca5b0 30%, #5162d6 62%);
    -webkit-text-stroke-color: #9AFD69
}

.green-dark .count-down-tips[data-v-d8224c35] {
    color: #00d278
}

.green-dark .date-week[data-v-d8224c35] {
    border: .125rem solid #8FE759;
    background: linear-gradient(180deg, #328624, #25651a 96.53%);
    box-shadow: 0 0 12.9px #1a1d22, 0 5px 11.5px rgba(255, 255, 255, .4) inset
}

.green-dark .date-week .week-text[data-v-d8224c35] {
    color: #ffdc66
}

.green-dark .date-week .week-tips[data-v-d8224c35] {
    color: rgba(255, 255, 255, .6)
}

.green-dark .blue-purple-date-week[data-v-d8224c35] {
    box-shadow: 0 5px .5rem rgba(255, 255, 255, .4) inset
}

.green-dark .recharge-promotion-content .recharge-rule-content[data-v-d8224c35] {
    background: linear-gradient(180deg, #292d36 .33%, #292d36 25.46%)
}

.green-dark .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top[data-v-d8224c35] {
    background: #11141d
}

.green-dark .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .recharge-info .recharge-info-left[data-v-d8224c35],
.green-dark .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)
}

.green-dark .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .recharge-info .recharge-info-left .total-amount[data-v-d8224c35],
.green-dark .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .recharge-info .recharge-info-right .total-amount[data-v-d8224c35] {
    color: #ffdc66
}

.green-dark .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .outer-recharge-btn[data-v-d8224c35] {
    background: #8fe759
}

.green-dark .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .recharge-btn[data-v-d8224c35] {
    border: none !important;
    color: #1acd4c;
    background: #323843
}

.green-dark .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .dis-recharge-btn[data-v-d8224c35] {
    border: 1px solid #25651A !important
}

.green-dark .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .recharged-btn[data-v-d8224c35] {
    border: 1px solid #25651A !important;
    opacity: .5
}

.green-dark .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-footer[data-v-d8224c35] {
    background: #323843;
    color: rgba(255, 255, 255, .2)
}

.green-dark .recharge-promotion-content .recharge-rule-content .recharge-promotion-rule .recharge-promotion-rule-border[data-v-d8224c35] {
    background: linear-gradient(270deg, #292d36, #25651a, #292d36)
}

.green-dark .recharge-promotion-content .recharge-rule-content .recharge-promotion-rule .recharge-promotion-rule-contents[data-v-d8224c35] {
    color: rgba(255, 255, 255, .5)
}

.green-dark .rule-wrap[data-v-d8224c35] ion-icon.mineral-rule-icon {
    color: #25651a
}

.green-dark .rule-wrap[data-v-d8224c35] .ruleHeader .span-cls {
    color: rgba(255, 255, 255, .7)
}

.green-dark .rule-wrap[data-v-d8224c35] .item-wrap .rule-item {
    color: rgba(255, 255, 255, .5)
}

.purple-light .top-content .date-content .reward-time[data-v-d8224c35] {
    background: linear-gradient(90deg, #996cf0, #591ccc 30%, #8750f0 62%);
    -webkit-text-stroke-color: #EAE6F8
}

.purple-light .count-down-tips[data-v-d8224c35] {
    color: #dbc9ff
}

.purple-light .date-week[data-v-d8224c35] {
    border: .125rem solid #a17ff7;
    background: linear-gradient(180deg, #7d38fd, #6526db 96.53%);
    box-shadow: 0 0 12.9px 0 "", 0 5px 11.5px rgba(255, 255, 255, .4) inset
}

.purple-light .date-week .week-text[data-v-d8224c35] {
    color: #fff
}

.purple-light .date-week .week-tips[data-v-d8224c35] {
    color: rgba(255, 255, 255, .6)
}

.purple-light .blue-purple-date-week[data-v-d8224c35] {
    box-shadow: 0 5px .5rem rgba(255, 255, 255, .4) inset
}

.purple-light .recharge-promotion-content .recharge-rule-content[data-v-d8224c35] {
    background: linear-gradient(180deg, #bd9cff .33%, #cbb1fc 25.46%)
}

.purple-light .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top[data-v-d8224c35] {
    background: #a07ff8
}

.purple-light .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .recharge-info .recharge-info-left[data-v-d8224c35],
.purple-light .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .recharge-info .recharge-info-right[data-v-d8224c35] {
    color: rgba(0, 0, 0, .5)
}

.purple-light .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .recharge-info .recharge-info-left .total-amount[data-v-d8224c35],
.purple-light .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .recharge-info .recharge-info-right .total-amount[data-v-d8224c35] {
    color: #7d38fd
}

.purple-light .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .outer-recharge-btn[data-v-d8224c35] {
    background: #8d51fc
}

.purple-light .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .recharge-btn[data-v-d8224c35] {
    border: none !important;
    color: #9462f2;
    background: #dbc9ff
}

.purple-light .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .dis-recharge-btn[data-v-d8224c35] {
    border: 1px solid #BD9CFF !important
}

.purple-light .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .recharged-btn[data-v-d8224c35] {
    border: 1px solid #BD9CFF !important;
    opacity: .5
}

.purple-light .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-footer[data-v-d8224c35] {
    background: #bd9cff;
    color: rgba(0, 0, 0, .5)
}

.purple-light .recharge-promotion-content .recharge-rule-content .recharge-promotion-rule .recharge-promotion-rule-border[data-v-d8224c35] {
    background: linear-gradient(270deg, #cbb1fc, #bd9cff, #cbb1fc)
}

.purple-light .recharge-promotion-content .recharge-rule-content .recharge-promotion-rule .recharge-promotion-rule-contents[data-v-d8224c35] {
    color: rgba(0, 0, 0, .5)
}

.purple-light .rule-wrap[data-v-d8224c35] ion-icon.mineral-rule-icon {
    color: #ba98ff
}

.purple-light .rule-wrap[data-v-d8224c35] .ruleHeader .span-cls {
    color: rgba(0, 0, 0, .7)
}

.purple-light .rule-wrap[data-v-d8224c35] .item-wrap .rule-item {
    color: rgba(0, 0, 0, .5)
}

.purple-light ion-content[data-v-d8224c35] {
    --background: #B089FE
}

[data-v-d8224c35] .rule-wrap {
    margin-top: 1.25rem
}

[data-v-d8224c35] .rule-wrap .ruleHeader {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

[data-v-d8224c35] .rule-wrap .ruleHeader .span-cls {
    margin-left: .375rem;
    margin-right: .375rem;
    font-size: 1rem;
    line-height: 150%;
    font-weight: 600
}

[data-v-d8224c35] .rule-wrap .item-wrap {
    padding: .9375rem 0 0;
    width: 100%
}

[data-v-d8224c35] .rule-wrap .item-wrap .rule-item {
    font-size: .75rem;
    line-height: 150%;
    white-space: pre-wrap
}

.new-skin-symbol .top-content .date-content .reward-time[data-v-d8224c35] {
    font-size: var(--ep-font-size-xxxl);
    line-height: 100%;
    font-weight: var(--ep-values-900);
    background: linear-gradient(90deg, var(--ep-color-background-fill-gradients-tertiary-a) -27.5%, var(--ep-color-background-fill-gradients-tertiary-b) 127.5%);
    -webkit-text-stroke-color: var(--ep-color-border-highlight-white)
}

.new-skin-symbol .count-down-tips[data-v-d8224c35] {
    font-size: var(--ep-values-12);
    line-height: 100%;
    font-weight: var(--ep-font-weight-regular);
    color: var(--ep-color-text-success)
}

.new-skin-symbol .date-week[data-v-d8224c35] {
    border: .125rem solid var(--ep-color-background-fill-active-active);
    background: var(--ep-color-background-fill-active-primary);
    box-shadow: none !important;
    border-radius: var(--ep-border-radius-surface-small)
}

.new-skin-symbol .date-week .week-text[data-v-d8224c35] {
    font-size: var(--ep-font-size-xxl);
    line-height: 150%;
    font-weight: var(--ep-font-weight-bold);
    color: var(--ep-color-text-inverse)
}

.new-skin-symbol .date-week .week-tips[data-v-d8224c35] {
    font-size: var(--ep-font-size-s);
    line-height: 100%;
    color: var(--ep-color-text-inverse)
}

.new-skin-symbol .recharge-promotion-content .recharge-rule-content[data-v-d8224c35] {
    border-radius: var(--ep-border-radius-surface-small);
    background: linear-gradient(0deg, var(--ep-color-background-fill-gradients-secondary-a) 60.44%, var(--ep-color-background-fill-gradients-secondary-b) 100%)
}

.new-skin-symbol .recharge-promotion-content .recharge-rule-content .recharge-item[data-v-d8224c35] {
    border-radius: var(--ep-border-radius-m);
    background: var(--ep-color-background-fill-body-default)
}

.new-skin-symbol .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top[data-v-d8224c35] {
    background: var(--ep-color-background-fill-body-default)
}

.new-skin-symbol .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .recharge-info .recharge-info-left[data-v-d8224c35],
.new-skin-symbol .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .recharge-info .recharge-info-right[data-v-d8224c35] {
    font-size: var(--ep-font-size-s);
    font-weight: var(--ep-font-weight-medium);
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .recharge-info .recharge-info-left .total-amount[data-v-d8224c35],
.new-skin-symbol .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .recharge-info .recharge-info-right .total-amount[data-v-d8224c35] {
    font-size: var(--ep-font-size-m);
    font-weight: var(--ep-font-weight-medium);
    color: var(--ep-color-text-warning)
}

.new-skin-symbol .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .recharge-btn-container[data-v-d8224c35] {
    display: inline-block;
    padding: 1px;
    border-radius: var(--ep-border-radius-m)
}

.new-skin-symbol .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .recharge-btn-container .dis-recharge-btn[data-v-d8224c35] {
    font-size: var(--ep-font-size-s);
    font-weight: var(--ep-font-weight-medium);
    border-radius: var(--ep-border-radius-m);
    border: 1px solid var(--ep-color-border-default) !important;
    color: var(--ep-color-text-success);
    background: var(--ep-color-background-fill-surface-raised-L2)
}

.new-skin-symbol .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .recharge-btn-container .recharged-btn[data-v-d8224c35] {
    border: 1px solid var(--ep-color-border-default) !important;
    color: var(--ep-color-text-weakest);
    opacity: 1;
    background: var(--ep-color-background-fill-surface-raised-L2)
}

.new-skin-symbol .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .outer-recharge-btn[data-v-d8224c35] {
    background: var(--ep-dynamic-primary)
}

.new-skin-symbol .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-top .outer-recharge-btn .recharge-btn[data-v-d8224c35] {
    border: none;
    color: var(--ep-color-text-default);
    background: var(--ep-color-background-fill-surface-raised-L2);
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.new-skin-symbol .recharge-promotion-content .recharge-rule-content .recharge-item .recharge-item-footer[data-v-d8224c35] {
    font-size: var(--ep-font-size-s);
    font-weight: var(--ep-font-weight-regular);
    background: var(--ep-color-background-fill-surface-raised-L2);
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol .recharge-promotion-content .recharge-rule-content .recharge-promotion-rule .recharge-promotion-rule-contents[data-v-d8224c35] {
    font-size: var(--ep-font-size-s);
    line-height: 150%;
    color: var(--ep-color-text-weak)
}

.new-skin-symbol .rule-wrap[data-v-d8224c35] ion-icon.mineral-rule-icon {
    color: var(--ep-color-background-fill-active-primary)
}

.new-skin-symbol .rule-wrap[data-v-d8224c35] .ruleHeader .span-cls {
    font-size: var(--ep-font-size-l);
    line-height: 150%;
    font-weight: var(--ep-font-weight-medium);
    color: var(--ep-color-text-weak)
}

.new-skin-symbol .rule-wrap[data-v-d8224c35] .item-wrap .rule-item {
    font-size: var(--ep-font-size-s);
    line-height: 150%;
    color: var(--ep-color-text-weak)
}

.color-primary-600[data-v-e8481dfe] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-e8481dfe] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-e8481dfe] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-e8481dfe] {
    color: var(--color-primary-900)
}

.bg-100[data-v-e8481dfe] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-e8481dfe] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-e8481dfe] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-e8481dfe] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-e8481dfe] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-e8481dfe] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-e8481dfe] {
    background-color: var(--color-warning)
}

.bg-link[data-v-e8481dfe] {
    background-color: var(--color-link)
}

.bg-danger[data-v-e8481dfe] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-e8481dfe] {
    color: var(--color-text-100)
}

.color-text-80[data-v-e8481dfe] {
    color: var(--color-text-80)
}

.color-text-50[data-v-e8481dfe] {
    color: var(--color-text-50)
}

.color-text-40[data-v-e8481dfe] {
    color: var(--color-text-40)
}

.color-text-20[data-v-e8481dfe] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-e8481dfe] {
    color: var(--color-currency)
}

.color-warning[data-v-e8481dfe] {
    color: var(--color-warning)
}

.color-danger[data-v-e8481dfe] {
    color: var(--color-danger)
}

.color-link[data-v-e8481dfe] {
    color: var(--color-link)
}

.color-line[data-v-e8481dfe] {
    color: var(--color-line)
}

.color-border[data-v-e8481dfe] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-e8481dfe] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-e8481dfe] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-e8481dfe] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-e8481dfe] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-e8481dfe] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-e8481dfe] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-e8481dfe] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-e8481dfe] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-e8481dfe] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-e8481dfe] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-e8481dfe] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-e8481dfe] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-e8481dfe] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-e8481dfe] {
    display: flex;
    align-items: center
}

.flex-start[data-v-e8481dfe] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-e8481dfe] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-e8481dfe] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-e8481dfe] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-e8481dfe] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-e8481dfe] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-e8481dfe] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-e8481dfe] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-e8481dfe] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-e8481dfe] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-e8481dfe] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-e8481dfe] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-e8481dfe] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-e8481dfe] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-e8481dfe] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-e8481dfe] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-e8481dfe] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-e8481dfe] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-e8481dfe] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-e8481dfe] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-e8481dfe] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-e8481dfe] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-e8481dfe] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-e8481dfe] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-e8481dfe],
.mlm-selected-item[data-v-e8481dfe] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-e8481dfe] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-e8481dfe]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-e8481dfe] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-e8481dfe] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-e8481dfe] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.countdown-wrap[data-v-e8481dfe] {
    display: flex;
    text-align: center;
    position: absolute;
    top: 1.25rem;
    left: .625rem;
    font-size: .75rem
}

.countdown-wrap .item[data-v-e8481dfe] {
    width: 2.1875rem;
    height: 1.875rem;
    padding-top: .25rem;
    border-radius: .3125rem;
    background: var(--ep-color-text-weaker, rgba(255, 255, 255, .4));
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px)
}

.countdown-wrap .item .digit[data-v-e8481dfe] {
    box-sizing: border-box;
    font-weight: 700;
    line-height: .875rem;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, .3)
}

.countdown-wrap .item .unit[data-v-e8481dfe] {
    line-height: .5rem;
    font-size: .625rem;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, .3)
}

.countdown-wrap .item[data-v-e8481dfe]:nth-child(2) {
    margin: 0 .375rem
}

.countdown-wrap .item[data-v-e8481dfe]:before,
.countdown-wrap .item[data-v-e8481dfe]:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: .0625rem;
    height: .25rem;
    background: var(--ep-color-text-default, #FFF)
}

.countdown-wrap .item[data-v-e8481dfe]:before {
    left: 0
}

.countdown-wrap .item[data-v-e8481dfe]:after {
    right: 0
}

.countdown-wrap.hasSecond .item[data-v-e8481dfe] {
    width: 2.25rem;
    height: 2.75rem;
    padding-top: .5313rem
}

.countdown-wrap.hasSecond .item .digit[data-v-e8481dfe] {
    font-weight: 700;
    font-size: .875rem;
    margin-bottom: .375rem
}

.countdown-wrap.hasSecond .item .unit[data-v-e8481dfe] {
    font-size: .5rem
}

.countdown-wrap.hasSecond .item .line[data-v-e8481dfe] {
    width: .25rem;
    height: .0625rem;
    background: #23db8c;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%)
}

.countdown-wrap.hasSecond .item[data-v-e8481dfe]:nth-child(2) {
    margin: 0 .625rem
}

.countdown-wrap.hasSecond .item[data-v-e8481dfe]:nth-child(3) {
    margin-right: .625rem
}

.new-skin-symbol .countdown-wrap .item[data-v-e8481dfe] {
    -webkit-backdrop-filter: blur(.25rem);
    backdrop-filter: blur(.25rem);
    color: var(--ep-color-text-default)
}

.color-primary-600[data-v-6ec06544] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-6ec06544] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-6ec06544] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-6ec06544] {
    color: var(--color-primary-900)
}

.bg-100[data-v-6ec06544] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-6ec06544] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-6ec06544] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-6ec06544] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-6ec06544] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-6ec06544] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-6ec06544] {
    background-color: var(--color-warning)
}

.bg-link[data-v-6ec06544] {
    background-color: var(--color-link)
}

.bg-danger[data-v-6ec06544] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-6ec06544] {
    color: var(--color-text-100)
}

.color-text-80[data-v-6ec06544] {
    color: var(--color-text-80)
}

.color-text-50[data-v-6ec06544] {
    color: var(--color-text-50)
}

.color-text-40[data-v-6ec06544] {
    color: var(--color-text-40)
}

.color-text-20[data-v-6ec06544] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-6ec06544] {
    color: var(--color-currency)
}

.color-warning[data-v-6ec06544] {
    color: var(--color-warning)
}

.color-danger[data-v-6ec06544] {
    color: var(--color-danger)
}

.color-link[data-v-6ec06544] {
    color: var(--color-link)
}

.color-line[data-v-6ec06544] {
    color: var(--color-line)
}

.color-border[data-v-6ec06544] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-6ec06544] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-6ec06544] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-6ec06544] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-6ec06544] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-6ec06544] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-6ec06544] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-6ec06544] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-6ec06544] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-6ec06544] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-6ec06544] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-6ec06544] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-6ec06544] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-6ec06544] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-6ec06544] {
    display: flex;
    align-items: center
}

.flex-start[data-v-6ec06544] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-6ec06544] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-6ec06544] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-6ec06544] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-6ec06544] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-6ec06544] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-6ec06544] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-6ec06544] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-6ec06544] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-6ec06544] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-6ec06544] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-6ec06544] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-6ec06544] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-6ec06544] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-6ec06544] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-6ec06544] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-6ec06544] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-6ec06544] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-6ec06544] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-6ec06544] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-6ec06544] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-6ec06544] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-6ec06544] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-6ec06544] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-6ec06544],
.mlm-selected-item[data-v-6ec06544] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-6ec06544] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-6ec06544]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-6ec06544] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-6ec06544] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-6ec06544] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.whitespace-pre-line[data-v-6ec06544] {
    line-height: 1.125rem
}

table th[data-v-6ec06544],
table td[data-v-6ec06544] {
    font-weight: 400;
    width: 50%
}

table th[data-v-6ec06544]:first-child,
table td[data-v-6ec06544]:first-child {
    border-left: none
}

table th[data-v-6ec06544]:last-child,
table td[data-v-6ec06544]:last-child {
    border-right: none
}

table thead tr:first-child th[data-v-6ec06544],
table thead tr:first-child td[data-v-6ec06544] {
    border-top: none
}

table tr:last-child th[data-v-6ec06544],
table tr:last-child td[data-v-6ec06544] {
    border-bottom: none
}

ion-item.submit[data-v-6ec06544] {
    --padding-start: 0;
    --min-height: 40px;
    --background: linear-gradient(0deg, #0167CA 0%, #38A8FA 100%);
    --border-radius: 10px;
    --inner-padding-end: 0
}

ion-item.submit.unable[data-v-6ec06544] {
    --background: #3A3A3A
}

ion-modal#modal-apply[data-v-6ec06544] {
    --width: 22.25rem;
    --height: fit-content;
    --border-radius: 1.25rem
}

ion-modal#modal-apply[data-v-6ec06544]::part(content) {
    box-shadow: none !important
}

ion-modal#modal-apply ion-input[data-v-6ec06544] {
    --background: #101629;
    --border-radius: 10px;
    --padding-start: 1rem !important;
    --padding-end: 1rem !important;
    min-height: 35.5px !important;
    font-size: .875rem
}

ion-modal#modal-apply ion-input .input-wrapper.sc-ion-input-ios {
    border: 1px solid #374151
}

ion-modal#modal-apply ion-item.input[data-v-6ec06544] {
    --background: transparent;
    --padding-bottom: 0px;
    --padding-end: 0;
    --padding-start: 0;
    --padding-top: 0;
    --inner-padding-end: 0;
    --inner-border-width: 0px
}

@keyframes shiny-6ec06544 {
    0% {
        opacity: 0;
        transform: scale(0) rotate(45deg)
    }

    80% {
        opacity: .5;
        transform: scale(0) rotate(45deg)
    }

    81% {
        opacity: 1;
        transform: scale(4) rotate(45deg)
    }

    to {
        opacity: 0;
        transform: scale(50) rotate(45deg)
    }
}

table th[data-v-6ec06544],
table td[data-v-6ec06544] {
    border: 1px solid var(--color-border-600);
    background: var(--color-bg-200)
}

.rescue-countdown-time[data-v-6ec06544] {
    background: var(--color-bg-200);
    color: var(--color-text-white-100)
}

.rescue-text-basic[data-v-6ec06544] {
    color: var(--color-text-white-100);
    font-weight: var(--ep-font-weight-bold, 700)
}

.rescue-text-basic-today[data-v-6ec06544] {
    color: var(--color-text-white-100)
}

.rescue-symbol[data-v-6ec06544] {
    border: 1px solid var(--color-border-600)
}

.rescue-text-rewardThead[data-v-6ec06544] {
    color: var(--color-text-gray-700)
}

.rescue-text-emphasis[data-v-6ec06544] {
    color: var(--accent-color-yellow)
}

.rescue-ioncol-border[data-v-6ec06544] {
    border: 1px solid var(--color-border-600)
}

.rescue-ioncol-border p.today-tips[data-v-6ec06544] {
    color: var(--color-text-gray-700)
}

.rescue-introduce[data-v-6ec06544] {
    background: var(--color-bg-200);
    color: var(--color-text-gray-200)
}

.activityTime[data-v-6ec06544] {
    background-color: var(--color-bg-second)
}

.rescueBorder[data-v-6ec06544] {
    border-color: var(--color-border-input-basic)
}

.rewardTheadColor[data-v-6ec06544] {
    color: var(--color-text-rewardThead);
    background-color: var(null)
}

.rescueBody[data-v-6ec06544] {
    color: var(--color-text-emphasis)
}

.rescueHeader[data-v-6ec06544],
.rescueBodyLeft[data-v-6ec06544] {
    color: var(--color-text-basic);
    font-weight: var(--ep-font-weight-bold, 700)
}

.profitLoss ion-col[data-v-6ec06544] {
    background-color: var(null)
}

.rescueDes[data-v-6ec06544] {
    color: var(--color-text-second);
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25)
}

.rescueDes[data-v-6ec06544] .item-wrap {
    background: var(--color-bg-second)
}

.rescueDes[data-v-6ec06544] {
    width: 100%;
    margin-top: 1.25rem;
    margin-bottom: 7rem
}

.rescueDes[data-v-6ec06544] .ruleHeader {
    justify-content: start;
    margin-bottom: 1.25rem
}

.rescueDes[data-v-6ec06544] .ruleHeader .span-cls {
    font-size: 1rem;
    margin: 0
}

.rescueDes[data-v-6ec06544] .item-wrap {
    background: var(--color-bg-second);
    padding: .625rem;
    font-size: .75rem;
    border-radius: .625rem;
    color: var(--color-text-second);
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25)
}

.rescueDes[data-v-6ec06544] .item-wrap .rule-item {
    white-space: pre-line;
    line-height: 1.5
}

.blue-default table th[data-v-6ec06544],
.blue-default table td[data-v-6ec06544] {
    border: 1px solid var(--color-border-600);
    background: var(--color-bg-200)
}

.blue-default .rescue-countdown-time[data-v-6ec06544] {
    background: var(--color-bg-200);
    color: var(--color-text-white-100)
}

.blue-default .rescue-text-basic[data-v-6ec06544] {
    color: var(--color-text-white-100);
    font-weight: var(--ep-font-weight-bold, 700)
}

.blue-default .rescue-text-basic-today[data-v-6ec06544] {
    color: var(--color-text-white-100)
}

.blue-default .rescue-symbol[data-v-6ec06544] {
    border: 1px solid var(--color-border-600)
}

.blue-default .rescue-text-rewardThead[data-v-6ec06544] {
    color: var(--color-text-gray-700)
}

.blue-default .rescue-text-emphasis[data-v-6ec06544] {
    color: var(--accent-color-yellow)
}

.blue-default .rescue-ioncol-border[data-v-6ec06544] {
    border: 1px solid var(--color-border-600)
}

.blue-default .rescue-ioncol-border p.today-tips[data-v-6ec06544] {
    color: var(--color-text-gray-700)
}

.blue-default .rescue-introduce[data-v-6ec06544] {
    background: var(--color-bg-200);
    color: var(--color-text-gray-200)
}

.blue-default .activityTime[data-v-6ec06544] {
    background-color: var(--color-bg-second)
}

.blue-default .rescueBorder[data-v-6ec06544] {
    border-color: var(--color-border-input-basic)
}

.blue-default .rewardTheadColor[data-v-6ec06544] {
    color: var(--color-text-rewardThead);
    background-color: var(null)
}

.blue-default .rescueBody[data-v-6ec06544] {
    color: var(--color-text-emphasis)
}

.blue-default .rescueHeader[data-v-6ec06544],
.blue-default .rescueBodyLeft[data-v-6ec06544] {
    color: var(--color-text-basic);
    font-weight: var(--ep-font-weight-bold, 700)
}

.blue-default .profitLoss ion-col[data-v-6ec06544] {
    background-color: var(null)
}

.blue-default .rescueDes[data-v-6ec06544] {
    color: var(--color-text-second);
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25)
}

.blue-default .rescueDes[data-v-6ec06544] .item-wrap {
    background: var(--color-bg-second)
}

.green-default table th[data-v-6ec06544],
.green-default table td[data-v-6ec06544] {
    border: 1px solid var(--color-line);
    background: var(--color-bg-200)
}

.green-default .rescue-countdown-time[data-v-6ec06544] {
    background: var(--color-bg-200);
    color: var(--color-text-gray-100)
}

.green-default .rescue-text-basic[data-v-6ec06544] {
    color: var(--color-text-gray-100);
    font-weight: var(--ep-font-weight-bold, 700)
}

.green-default .rescue-text-basic-today[data-v-6ec06544] {
    color: var(--color-text-gray-100)
}

.green-default .rescue-symbol[data-v-6ec06544] {
    border: 1px solid var(--color-line)
}

.green-default .rescue-text-rewardThead[data-v-6ec06544] {
    color: var(--color-text-gray-100)
}

.green-default .rescue-text-emphasis[data-v-6ec06544] {
    color: var(--accent-color-yellow)
}

.green-default .rescue-ioncol-border[data-v-6ec06544] {
    border: 1px solid var(--color-line)
}

.green-default .rescue-ioncol-border p.today-tips[data-v-6ec06544] {
    color: var(--color-text-gray-200)
}

.green-default .rescue-introduce[data-v-6ec06544] {
    background: var(--color-bg-200);
    color: var(--color-text-gray-200)
}

.green-default .activityTime[data-v-6ec06544] {
    background-color: var(--color-bg-second)
}

.green-default .rescueBorder[data-v-6ec06544] {
    border-color: var(--color-border-input-basic)
}

.green-default .rewardTheadColor[data-v-6ec06544] {
    color: var(--color-text-rewardThead);
    background-color: var(null)
}

.green-default .rescueBody[data-v-6ec06544] {
    color: var(--color-text-emphasis)
}

.green-default .rescueHeader[data-v-6ec06544],
.green-default .rescueBodyLeft[data-v-6ec06544] {
    color: var(--color-text-basic);
    font-weight: var(--ep-font-weight-bold, 700)
}

.green-default .profitLoss ion-col[data-v-6ec06544] {
    background-color: var(null)
}

.green-default .rescueDes[data-v-6ec06544] {
    color: var(--color-text-second);
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25)
}

.green-default .rescueDes[data-v-6ec06544] .item-wrap {
    background: var(--color-bg-second)
}

.amber-purple table th[data-v-6ec06544],
.amber-purple table td[data-v-6ec06544] {
    border: 1px solid var(--line-color);
    background: var(--color-bg-200)
}

.amber-purple .rescue-countdown-time[data-v-6ec06544] {
    background: var(--color-bg-200);
    color: var(--text-color-light-purple-1-100)
}

.amber-purple .rescue-text-basic[data-v-6ec06544] {
    color: var(--text-color-light-purple-1-100);
    font-weight: var(--ep-font-weight-bold, 700)
}

.amber-purple .rescue-text-basic-today[data-v-6ec06544] {
    color: var(--text-color-light-purple-1-100)
}

.amber-purple .rescue-symbol[data-v-6ec06544] {
    border: 1px solid var(--line-color)
}

.amber-purple .rescue-text-rewardThead[data-v-6ec06544] {
    color: var(--text-color-light-purple-1-100)
}

.amber-purple .rescue-text-emphasis[data-v-6ec06544] {
    color: var(--accent-color-yellow)
}

.amber-purple .rescue-ioncol-border[data-v-6ec06544] {
    border: 1px solid var(--line-color)
}

.amber-purple .rescue-ioncol-border p.today-tips[data-v-6ec06544] {
    color: var(--text-color-light-purple-2-100)
}

.amber-purple .rescue-introduce[data-v-6ec06544] {
    background: var(--color-bg-200);
    color: var(--text-color-light-purple-2-100)
}

.amber-purple .activityTime[data-v-6ec06544] {
    background-color: var(--color-bg-second)
}

.amber-purple .rescueBorder[data-v-6ec06544] {
    border-color: var(--color-border-input-basic)
}

.amber-purple .rewardTheadColor[data-v-6ec06544] {
    color: var(--color-text-rewardThead);
    background-color: var(null)
}

.amber-purple .rescueBody[data-v-6ec06544] {
    color: var(--color-text-emphasis)
}

.amber-purple .rescueHeader[data-v-6ec06544],
.amber-purple .rescueBodyLeft[data-v-6ec06544] {
    color: var(--color-text-basic);
    font-weight: var(--ep-font-weight-bold, 700)
}

.amber-purple .profitLoss ion-col[data-v-6ec06544] {
    background-color: var(null)
}

.amber-purple .rescueDes[data-v-6ec06544] {
    color: var(--color-text-second);
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25)
}

.amber-purple .rescueDes[data-v-6ec06544] .item-wrap {
    background: var(--color-bg-second)
}

.amber-purple table th[data-v-6ec06544],
.green-dark table th[data-v-6ec06544],
.yellow-dark table th[data-v-6ec06544],
.purple-light table th[data-v-6ec06544],
.amber-purple table td[data-v-6ec06544],
.green-dark table td[data-v-6ec06544],
.yellow-dark table td[data-v-6ec06544],
.purple-light table td[data-v-6ec06544] {
    border: 1px solid var(--color-border);
    background: var(--color-bg-300)
}

.amber-purple .rescue-countdown-time[data-v-6ec06544],
.green-dark .rescue-countdown-time[data-v-6ec06544],
.yellow-dark .rescue-countdown-time[data-v-6ec06544],
.purple-light .rescue-countdown-time[data-v-6ec06544] {
    background: var(--color-bg-200);
    color: var(--text-color-light-purple-1-100)
}

.amber-purple .rescue-text-basic[data-v-6ec06544],
.green-dark .rescue-text-basic[data-v-6ec06544],
.yellow-dark .rescue-text-basic[data-v-6ec06544],
.purple-light .rescue-text-basic[data-v-6ec06544] {
    color: var(--color-currency);
    font-weight: var(--ep-font-weight-bold, 700)
}

.amber-purple .rescue-text-basic-today[data-v-6ec06544],
.green-dark .rescue-text-basic-today[data-v-6ec06544],
.yellow-dark .rescue-text-basic-today[data-v-6ec06544],
.purple-light .rescue-text-basic-today[data-v-6ec06544] {
    color: var(--color-text-100)
}

.amber-purple .rescue-symbol[data-v-6ec06544],
.green-dark .rescue-symbol[data-v-6ec06544],
.yellow-dark .rescue-symbol[data-v-6ec06544],
.purple-light .rescue-symbol[data-v-6ec06544] {
    border: 1px solid var(--line-color)
}

.amber-purple .rescue-text-rewardThead[data-v-6ec06544],
.green-dark .rescue-text-rewardThead[data-v-6ec06544],
.yellow-dark .rescue-text-rewardThead[data-v-6ec06544],
.purple-light .rescue-text-rewardThead[data-v-6ec06544] {
    color: var(--text-color-light-purple-1-100)
}

.amber-purple .rescue-text-emphasis[data-v-6ec06544],
.green-dark .rescue-text-emphasis[data-v-6ec06544],
.yellow-dark .rescue-text-emphasis[data-v-6ec06544],
.purple-light .rescue-text-emphasis[data-v-6ec06544] {
    color: var(--accent-color-yellow)
}

.amber-purple .rescue-ioncol-border[data-v-6ec06544],
.green-dark .rescue-ioncol-border[data-v-6ec06544],
.yellow-dark .rescue-ioncol-border[data-v-6ec06544],
.purple-light .rescue-ioncol-border[data-v-6ec06544] {
    border: 1px solid var(--color-border)
}

.amber-purple .rescue-ioncol-border p.today-tips[data-v-6ec06544],
.green-dark .rescue-ioncol-border p.today-tips[data-v-6ec06544],
.yellow-dark .rescue-ioncol-border p.today-tips[data-v-6ec06544],
.purple-light .rescue-ioncol-border p.today-tips[data-v-6ec06544] {
    color: var(--color-text-40)
}

.amber-purple .rescue-introduce[data-v-6ec06544],
.green-dark .rescue-introduce[data-v-6ec06544],
.yellow-dark .rescue-introduce[data-v-6ec06544],
.purple-light .rescue-introduce[data-v-6ec06544] {
    background: var(--color-bg-200);
    color: var(--text-color-light-purple-2-100)
}

.amber-purple .activityTime[data-v-6ec06544],
.green-dark .activityTime[data-v-6ec06544],
.yellow-dark .activityTime[data-v-6ec06544],
.purple-light .activityTime[data-v-6ec06544] {
    background-color: var(--color-bg-200)
}

.amber-purple .rescueBorder[data-v-6ec06544],
.green-dark .rescueBorder[data-v-6ec06544],
.yellow-dark .rescueBorder[data-v-6ec06544],
.purple-light .rescueBorder[data-v-6ec06544] {
    border-color: var(--color-border)
}

.amber-purple .rewardTheadColor[data-v-6ec06544],
.green-dark .rewardTheadColor[data-v-6ec06544],
.yellow-dark .rewardTheadColor[data-v-6ec06544],
.purple-light .rewardTheadColor[data-v-6ec06544] {
    color: var(--color-text-40);
    background-color: var(--color-bg-200)
}

.amber-purple .rescueBody[data-v-6ec06544],
.green-dark .rescueBody[data-v-6ec06544],
.yellow-dark .rescueBody[data-v-6ec06544],
.purple-light .rescueBody[data-v-6ec06544] {
    color: var(--color-currency)
}

.amber-purple .rescueHeader[data-v-6ec06544],
.green-dark .rescueHeader[data-v-6ec06544],
.yellow-dark .rescueHeader[data-v-6ec06544],
.purple-light .rescueHeader[data-v-6ec06544] {
    color: var(--color-text-100);
    font-weight: var(--ep-font-weight-bold, 700)
}

.amber-purple .rescueBodyLeft[data-v-6ec06544],
.green-dark .rescueBodyLeft[data-v-6ec06544],
.yellow-dark .rescueBodyLeft[data-v-6ec06544],
.purple-light .rescueBodyLeft[data-v-6ec06544] {
    color: var(--color-text-80);
    font-weight: var(--ep-font-weight-bold, 700)
}

.amber-purple .profitLoss ion-col[data-v-6ec06544],
.green-dark .profitLoss ion-col[data-v-6ec06544],
.yellow-dark .profitLoss ion-col[data-v-6ec06544],
.purple-light .profitLoss ion-col[data-v-6ec06544] {
    background-color: var(--color-bg-200)
}

.amber-purple .rescueDes[data-v-6ec06544],
.green-dark .rescueDes[data-v-6ec06544],
.yellow-dark .rescueDes[data-v-6ec06544],
.purple-light .rescueDes[data-v-6ec06544] {
    color: var(--color-activity-rule);
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25)
}

.amber-purple .rescueDes[data-v-6ec06544] .item-wrap,
.green-dark .rescueDes[data-v-6ec06544] .item-wrap,
.yellow-dark .rescueDes[data-v-6ec06544] .item-wrap,
.purple-light .rescueDes[data-v-6ec06544] .item-wrap {
    background: var(--color-bg-200)
}

.amber-purple table th[data-v-6ec06544],
.green-dark table th[data-v-6ec06544],
.yellow-dark table th[data-v-6ec06544],
.purple-light table th[data-v-6ec06544] {
    font-weight: 700;
    border-right: none;
    border-bottom: none
}

.amber-purple table thead th[data-v-6ec06544],
.green-dark table thead th[data-v-6ec06544],
.yellow-dark table thead th[data-v-6ec06544],
.purple-light table thead th[data-v-6ec06544] {
    height: 2.5rem
}

.amber-purple table thead th[data-v-6ec06544]:first-child,
.green-dark table thead th[data-v-6ec06544]:first-child,
.yellow-dark table thead th[data-v-6ec06544]:first-child,
.purple-light table thead th[data-v-6ec06544]:first-child,
.amber-purple table tbody th[data-v-6ec06544]:first-child,
.green-dark table tbody th[data-v-6ec06544]:first-child,
.yellow-dark table tbody th[data-v-6ec06544]:first-child,
.purple-light table tbody th[data-v-6ec06544]:first-child {
    border-left: none
}

.auroral-yellow table th[data-v-6ec06544],
.auroral-yellow table td[data-v-6ec06544] {
    border: 1px solid var(--color-border);
    background: var(--color-bg-200)
}

.auroral-yellow .rescue-countdown-time[data-v-6ec06544] {
    background: var(--color-bg-200);
    color: var(--color-text-white-100)
}

.auroral-yellow .rescue-text-basic[data-v-6ec06544] {
    color: var(--color-text-white-100);
    font-weight: var(--ep-font-weight-bold, 700)
}

.auroral-yellow .rescue-text-basic-today[data-v-6ec06544] {
    color: var(--color-text-white-100)
}

.auroral-yellow .rescue-symbol[data-v-6ec06544] {
    border: 1px solid var(--color-border-600)
}

.auroral-yellow .rescue-text-rewardThead[data-v-6ec06544] {
    color: var(--color-text-gray-700)
}

.auroral-yellow .rescue-text-emphasis[data-v-6ec06544] {
    color: var(--accent-color-yellow)
}

.auroral-yellow .rescue-ioncol-border[data-v-6ec06544] {
    border: 1px solid var(--color-border)
}

.auroral-yellow .rescue-ioncol-border p.today-tips[data-v-6ec06544] {
    color: var(--color-text-gray-700)
}

.auroral-yellow .rescue-introduce[data-v-6ec06544] {
    background: var(--color-bg-200);
    color: var(--color-text-gray-200)
}

.auroral-yellow .activityTime[data-v-6ec06544] {
    background-color: var(--color-bg-second)
}

.auroral-yellow .rescueBorder[data-v-6ec06544] {
    border-color: var(--color-border-input-basic)
}

.auroral-yellow .rewardTheadColor[data-v-6ec06544] {
    color: var(--color-text-rewardThead);
    background-color: var(null)
}

.auroral-yellow .rescueBody[data-v-6ec06544] {
    color: var(--color-text-emphasis)
}

.auroral-yellow .rescueHeader[data-v-6ec06544],
.auroral-yellow .rescueBodyLeft[data-v-6ec06544] {
    color: var(--color-text-basic);
    font-weight: var(--ep-font-weight-bold, 700)
}

.auroral-yellow .profitLoss ion-col[data-v-6ec06544] {
    background-color: var(null)
}

.auroral-yellow .rescueDes[data-v-6ec06544] {
    color: var(--color-text-second);
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25)
}

.auroral-yellow .rescueDes[data-v-6ec06544] .item-wrap {
    background: var(--color-bg-second)
}

.new-skin-symbol table th[data-v-6ec06544],
.new-skin-symbol table td[data-v-6ec06544] {
    border: 1px solid var(--ep-color-border-default);
    background: var(--ep-color-background-fill-surface-raised-L2)
}

.new-skin-symbol .rescue-countdown-time[data-v-6ec06544] {
    background: var(--color-bg-200);
    color: var(--color-text-white-100)
}

.new-skin-symbol .rescue-text-basic[data-v-6ec06544] {
    color: var(--ep-color-text-default);
    font-weight: var(--ep-font-weight-bold, 700)
}

.new-skin-symbol .rescue-text-basic-today[data-v-6ec06544] {
    color: var(--ep-color-text-default)
}

.new-skin-symbol .rescue-symbol[data-v-6ec06544] {
    border: 1px solid var(--color-border-600)
}

.new-skin-symbol .rescue-text-rewardThead[data-v-6ec06544] {
    color: var(--color-text-gray-700)
}

.new-skin-symbol .rescue-text-emphasis[data-v-6ec06544] {
    color: var(--accent-color-yellow)
}

.new-skin-symbol .rescue-ioncol-border[data-v-6ec06544] {
    border: 1px solid var(--color-border-600)
}

.new-skin-symbol .rescue-ioncol-border p.today-tips[data-v-6ec06544] {
    color: var(--ep-color-text-weak)
}

.new-skin-symbol .rescue-introduce[data-v-6ec06544] {
    background: var(--color-bg-200);
    color: var(--color-text-gray-200)
}

.new-skin-symbol .activityTime[data-v-6ec06544] {
    background-color: var(--color-bg-second)
}

.new-skin-symbol .rescueBorder[data-v-6ec06544] {
    border-color: var(--ep-color-border-default)
}

.new-skin-symbol .rewardTheadColor[data-v-6ec06544] {
    color: var(--ep-color-text-default);
    background-color: var(null)
}

.new-skin-symbol .rescueBody[data-v-6ec06544] {
    color: var(--color-text-emphasis)
}

.new-skin-symbol .rescueHeader[data-v-6ec06544],
.new-skin-symbol .rescueBodyLeft[data-v-6ec06544] {
    color: var(--ep-color-text-default);
    font-weight: var(--ep-font-weight-bold, 700)
}

.new-skin-symbol .profitLoss ion-col[data-v-6ec06544] {
    background-color: var(--ep-color-background-fill-surface-raised-L2)
}

.new-skin-symbol .rescueDes[data-v-6ec06544] {
    color: var(--ep-color-text-weak);
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25)
}

.new-skin-symbol .rescueDes[data-v-6ec06544] .item-wrap {
    background: var(--ep-color-background-fill-surface-raised-L1)
}

.new-skin-symbol .activityTime[data-v-6ec06544] {
    color: var(--ep-color-text-default)
}

.new-skin-symbol .rescueBorder[data-v-6ec06544] {
    border-radius: var(--ep-border-radius-m)
}

.new-skin-symbol .rescueBorder table[data-v-6ec06544] {
    font-size: var(--ep-font-size-s)
}

.new-skin-symbol .rescueBorder table tbody tr th[data-v-6ec06544] {
    background-color: var(--ep-color-background-fill-surface-lowered)
}

.new-skin-symbol .rescueBorder table tbody tr th[data-v-6ec06544]:not(:first-child) {
    font-weight: var(--ep-font-weight-bold);
    color: var(--ep-color-text-warning)
}

.new-skin-symbol .profitLoss ion-col[data-v-6ec06544] {
    border-radius: var(--ep-border-radius-m)
}

.new-skin-symbol .profitLoss ion-col p[data-v-6ec06544] {
    color: var(--ep-color-text-weak);
    font-size: var(--ep-font-size-s)
}

.new-skin-symbol .profitLoss ion-col span[data-v-6ec06544] {
    font-size: var(--ep-font-size-m)
}

.color-primary-600[data-v-d74ef5a9] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-d74ef5a9] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-d74ef5a9] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-d74ef5a9] {
    color: var(--color-primary-900)
}

.bg-100[data-v-d74ef5a9] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-d74ef5a9] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-d74ef5a9] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-d74ef5a9] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-d74ef5a9] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-d74ef5a9] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-d74ef5a9] {
    background-color: var(--color-warning)
}

.bg-link[data-v-d74ef5a9] {
    background-color: var(--color-link)
}

.bg-danger[data-v-d74ef5a9] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-d74ef5a9] {
    color: var(--color-text-100)
}

.color-text-80[data-v-d74ef5a9] {
    color: var(--color-text-80)
}

.color-text-50[data-v-d74ef5a9] {
    color: var(--color-text-50)
}

.color-text-40[data-v-d74ef5a9] {
    color: var(--color-text-40)
}

.color-text-20[data-v-d74ef5a9] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-d74ef5a9] {
    color: var(--color-currency)
}

.color-warning[data-v-d74ef5a9] {
    color: var(--color-warning)
}

.color-danger[data-v-d74ef5a9] {
    color: var(--color-danger)
}

.color-link[data-v-d74ef5a9] {
    color: var(--color-link)
}

.color-line[data-v-d74ef5a9] {
    color: var(--color-line)
}

.color-border[data-v-d74ef5a9] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-d74ef5a9] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-d74ef5a9] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-d74ef5a9] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-d74ef5a9] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-d74ef5a9] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-d74ef5a9] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-d74ef5a9] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-d74ef5a9] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-d74ef5a9] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-d74ef5a9] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-d74ef5a9] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-d74ef5a9] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-d74ef5a9] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-d74ef5a9] {
    display: flex;
    align-items: center
}

.flex-start[data-v-d74ef5a9] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-d74ef5a9] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-d74ef5a9] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-d74ef5a9] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-d74ef5a9] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-d74ef5a9] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-d74ef5a9] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-d74ef5a9] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-d74ef5a9] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-d74ef5a9] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-d74ef5a9] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-d74ef5a9] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-d74ef5a9] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-d74ef5a9] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-d74ef5a9] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-d74ef5a9] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-d74ef5a9] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-d74ef5a9] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-d74ef5a9] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-d74ef5a9] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-d74ef5a9] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-d74ef5a9] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-d74ef5a9] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-d74ef5a9] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-d74ef5a9],
.mlm-selected-item[data-v-d74ef5a9] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-d74ef5a9] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-d74ef5a9]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-d74ef5a9] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-d74ef5a9] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-d74ef5a9] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.ion-padding.DAILY .allBg[data-v-d74ef5a9] {
    background: linear-gradient(180.38deg, #4551de .25rem, #111542 18.875rem)
}

.ion-padding.DAILY .lossMess ion-col[data-v-d74ef5a9] {
    background: #161c3f
}

.ion-padding.DAILY .lossMess .rescue-ioncol-border[data-v-d74ef5a9] {
    border: .125rem solid #5764FC
}

.ion-padding.DAILY .rescueTable[data-v-d74ef5a9] {
    color: #95a9d3
}

.ion-padding.DAILY .rescueTable .table-body .item[data-v-d74ef5a9] {
    background: linear-gradient(90deg, #4b62e0, #1f6f8a)
}

.ion-padding.DAILY .desHeader ion-icon[data-v-d74ef5a9] {
    color: #5764fc
}

.ion-padding.DAILY .desBottom[data-v-d74ef5a9] {
    border-image-source: linear-gradient(270.38deg, #111542 .65%, #3768B9 49.64%, #111542 100%);
    color: #95a9d3
}

.ion-padding.DAILY .rule-detail-wrapper[data-v-d74ef5a9] .ruleHeader {
    color: #5764fc
}

.ion-padding.DAILY .rule-detail-wrapper[data-v-d74ef5a9] .item-wrap {
    border-image-source: linear-gradient(270.38deg, #111542 .65%, #3768B9 49.64%, #111542 100%)
}

.ion-padding.DAILY .rule-detail-wrapper[data-v-d74ef5a9] .item-wrap .rule-item {
    color: #95a9d3
}

.ion-padding.DAILY .footer .btn[data-v-d74ef5a9] {
    background: linear-gradient(90deg, #fde064, #26cc95 74.8%) !important
}

.ion-padding.DAILY[data-v-d74ef5a9] .countdown-wrap .item {
    background: linear-gradient(180deg, #be7dff, #28308c)
}

.ion-padding.WEEKLY .allBg[data-v-d74ef5a9] {
    background: linear-gradient(180deg, #be7dff, #25193e 18.4375rem)
}

.ion-padding.WEEKLY .lossMess ion-col[data-v-d74ef5a9] {
    background: #3d1761
}

.ion-padding.WEEKLY .lossMess .rescue-ioncol-border[data-v-d74ef5a9] {
    border: .125rem solid #FC57FC
}

.ion-padding.WEEKLY .rescueTable[data-v-d74ef5a9] {
    color: #ab73bc
}

.ion-padding.WEEKLY .rescueTable .table-body .item[data-v-d74ef5a9] {
    background: linear-gradient(90deg, #9753cc, #385dae)
}

.ion-padding.WEEKLY .desHeader ion-icon[data-v-d74ef5a9] {
    color: #a941df
}

.ion-padding.WEEKLY .desBottom[data-v-d74ef5a9] {
    border-image-source: linear-gradient(270.38deg, #25193E .65%, #8055C4 49.64%, #25193E 100%);
    color: #ab73bc
}

.ion-padding.WEEKLY .rule-detail-wrapper[data-v-d74ef5a9] .ruleHeader {
    color: #a941df
}

.ion-padding.WEEKLY .rule-detail-wrapper[data-v-d74ef5a9] .item-wrap {
    border-image-source: linear-gradient(270.38deg, #25193E .65%, #8055C4 49.64%, #25193E 100%)
}

.ion-padding.WEEKLY .rule-detail-wrapper[data-v-d74ef5a9] .item-wrap .rule-item {
    color: #ab73bc
}

.ion-padding.WEEKLY .footer .btn[data-v-d74ef5a9] {
    background: linear-gradient(90deg, #fde064, #b676f4 74.8%) !important
}

.ion-padding.WEEKLY[data-v-d74ef5a9] .countdown-wrap .item {
    background: linear-gradient(180.38deg, #327df6 .33%, #111542 99.67%)
}

ion-toolbar[data-v-d74ef5a9] {
    --background: #0E1420;
    --color: #FFFFFF
}

.ion-padding[data-v-d74ef5a9] {
    --padding-start: .9375rem;
    --padding-end: .9375rem;
    --background: #0b1529;
    font-family: Prompt !important
}

.wrap[data-v-d74ef5a9] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-radius: .875rem;
    margin-top: 2.9375rem;
    position: relative;
    margin-bottom: 6rem;
    padding-bottom: 3rem
}

.wrap .tips[data-v-d74ef5a9] {
    overflow: hidden;
    width: 5.1875rem;
    height: 5.1875rem;
    position: absolute;
    top: 0;
    left: 0
}

.wrap .ribbon[data-v-d74ef5a9] {
    position: absolute;
    top: .9375rem;
    left: -3.375rem;
    background-color: #fc3;
    color: #000;
    font-size: .875rem;
    font-weight: 700;
    text-align: center;
    padding: .1563rem 3.75rem;
    transform: rotate(-45deg)
}

.rotateBgBack[data-v-d74ef5a9] {
    position: absolute;
    width: 100%;
    height: 15.4375rem;
    overflow: hidden;
    top: 0;
    left: 0
}

.rotateBgBack .rotateBg[data-v-d74ef5a9] {
    width: 25.625rem;
    height: 25.625rem;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: -10.1875rem;
    left: 50%;
    margin-left: -12.8125rem;
    animation: apertureAnimation-d74ef5a9 20s linear infinite
}

.Halo[data-v-d74ef5a9] {
    width: 100%;
    height: 22.375rem;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: -5rem;
    left: 0rem;
    transform: rotateX(25deg);
    z-index: -1
}

.followStar[data-v-d74ef5a9] {
    width: 100%;
    height: 22.375rem;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: -12rem;
    left: -3rem;
    transform: scale(.4);
    background-image: url(/images/activity/followStar.png);
    z-index: 10;
    mix-blend-mode: screen;
    animation: twinkle-d74ef5a9 3s ease-in-out infinite
}

.headerBg[data-v-d74ef5a9] {
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 5;
    width: 12.1875rem;
    height: 12.3125rem;
    margin-top: -4.1875rem;
    border-radius: .625rem
}

.ct-down[data-v-d74ef5a9] {
    position: static !important;
    margin-top: -1rem
}

.lossMess[data-v-d74ef5a9] {
    margin: 0 auto;
    width: 21rem;
    z-index: 30 !important;
    font-size: .75rem;
    line-height: 1rem
}

.lossMess .col-cls[data-v-d74ef5a9] {
    border-radius: .3125rem;
    text-align: center;
    padding-top: .5rem;
    padding-bottom: .5rem;
    margin-left: .75rem
}

.lossMess .col-cls[data-v-d74ef5a9]:first-child {
    margin-left: 0
}

.lossMess ion-col[data-v-d74ef5a9] {
    --width: 6.5rem;
    --height: 4.5rem;
    margin-top: 1.125rem;
    border-radius: .875rem;
    background: #201b62;
    box-shadow: 0 0 4.6875rem rgba(75, 20, 254, .38) inset, 0 0 .3812rem rgba(255, 255, 255, .13);
    text-align: center;
    padding: .5rem 0
}

.lossMess ion-col .rescue-text-basic[data-v-d74ef5a9] {
    color: #f9d045
}

.lossMess ion-col .rescue-text-basic .rSymbol[data-v-d74ef5a9] {
    font-size: .5rem
}

.lossMess ion-col .today-tips[data-v-d74ef5a9] {
    margin-top: .875rem;
    font-size: .75rem;
    font-weight: 500;
    line-height: .75rem;
    color: #e0d7ff !important
}

.lossMess ion-col .span-cls[data-v-d74ef5a9] {
    font-size: .9375rem;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.rescueTable[data-v-d74ef5a9] {
    padding-left: .75rem;
    padding-right: .75rem;
    width: 100%;
    text-align: center;
    font-size: .75rem;
    line-height: 1.125rem;
    margin-top: 1.9375rem
}

.rescueTable .table-header[data-v-d74ef5a9] {
    margin-bottom: .75rem;
    display: flex;
    justify-content: space-between
}

.rescueTable .table-header div[data-v-d74ef5a9] {
    width: 50%
}

.rescueTable .table-header .left[data-v-d74ef5a9] {
    padding-right: 1.3125rem
}

.rescueTable .table-header .right[data-v-d74ef5a9] {
    padding-left: 2.375rem
}

.rescueTable .table-body .item[data-v-d74ef5a9] {
    width: 100%;
    height: 2.875rem;
    line-height: 2.875rem;
    color: #fff;
    border-radius: .875rem;
    margin-bottom: .75rem;
    display: flex
}

.rescueTable .table-body .item .left[data-v-d74ef5a9] {
    width: 4.15rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative
}

.rescueTable .table-body .item .left span[data-v-d74ef5a9] {
    font-size: .375rem;
    position: absolute;
    right: .5625rem;
    transform: translate(50%)
}

.rescueTable .table-body .item .left ion-icon[data-v-d74ef5a9] {
    mix-blend-mode: luminosity;
    font-size: 1.125rem
}

.rescueTable .table-body .item .middle[data-v-d74ef5a9] {
    flex: 1;
    text-align: left;
    font-weight: 500;
    font-size: 1rem;
    padding-left: .2875rem
}

.rescueTable .table-body .item .right[data-v-d74ef5a9] {
    width: 5.8125rem;
    text-align: left;
    color: #fcd856;
    font-weight: 700;
    font-size: 1rem
}

.desHeader[data-v-d74ef5a9] {
    margin-top: 1.8125rem;
    margin-bottom: .9375rem;
    height: 1.6875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff
}

.desHeader .right[data-v-d74ef5a9] {
    transform: rotateY(180deg)
}

.desHeader .text[data-v-d74ef5a9] {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.6875rem;
    margin: 0 .375rem
}

.desBottom[data-v-d74ef5a9] {
    border-top: .0625rem solid transparent;
    border-image-slice: 1;
    background-color: var(--color-bg-second);
    padding: 1rem 1.75rem .625rem;
    font-size: .75rem;
    line-height: 1rem;
    border-radius: .625rem;
    width: 100%;
    color: var(--color-text-second)
}

.desBottom p[data-v-d74ef5a9] {
    line-height: 2.5;
    white-space: pre-wrap
}

.rule-detail-wrapper[data-v-d74ef5a9] {
    width: 100%
}

.rule-detail-wrapper[data-v-d74ef5a9] .ruleHeader {
    margin-top: 1.8125rem;
    margin-bottom: .9375rem;
    height: 1.6875rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.rule-detail-wrapper[data-v-d74ef5a9] .ruleHeader ion-icon {
    font-size: 1rem
}

.rule-detail-wrapper[data-v-d74ef5a9] .ruleHeader ion-icon.right {
    transform: rotateY(180deg)
}

.rule-detail-wrapper[data-v-d74ef5a9] .ruleHeader .span-cls {
    color: #fff;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.6875rem;
    margin: 0 .375rem
}

.rule-detail-wrapper[data-v-d74ef5a9] .item-wrap {
    border-top: .0625rem solid transparent;
    border-image-slice: 1;
    background-color: var(--color-bg-second);
    padding: 1rem 1.75rem .625rem;
    border-radius: .625rem;
    width: 100%
}

.rule-detail-wrapper[data-v-d74ef5a9] .item-wrap .rule-item {
    color: var(--color-text-second);
    font-size: .75rem;
    line-height: 2.5;
    white-space: pre-wrap
}

.footer[data-v-d74ef5a9] {
    width: 22.875rem;
    margin: 0 .75rem 1.4375rem;
    background: #293856 !important;
    height: 3.875rem;
    padding-top: .6875rem;
    border-radius: .875rem;
    border: .0625rem solid #394d7a;
    box-shadow: 0 .25rem 1.1rem rgba(21, 23, 138, .25)
}

.footer .btn[data-v-d74ef5a9] {
    color: #0e1420 !important;
    font-weight: 700;
    width: 21.25rem
}

.footer .unable[data-v-d74ef5a9] {
    opacity: .4;
    pointer-events: none
}

@keyframes apertureAnimation-d74ef5a9 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes twinkle-d74ef5a9 {

    0%,
    20% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    80%,
    to {
        opacity: 1
    }
}

.color-primary-600[data-v-3b0b9dc0] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-3b0b9dc0] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-3b0b9dc0] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-3b0b9dc0] {
    color: var(--color-primary-900)
}

.bg-100[data-v-3b0b9dc0] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-3b0b9dc0] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-3b0b9dc0] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-3b0b9dc0] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-3b0b9dc0] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-3b0b9dc0] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-3b0b9dc0] {
    background-color: var(--color-warning)
}

.bg-link[data-v-3b0b9dc0] {
    background-color: var(--color-link)
}

.bg-danger[data-v-3b0b9dc0] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-3b0b9dc0] {
    color: var(--color-text-100)
}

.color-text-80[data-v-3b0b9dc0] {
    color: var(--color-text-80)
}

.color-text-50[data-v-3b0b9dc0] {
    color: var(--color-text-50)
}

.color-text-40[data-v-3b0b9dc0] {
    color: var(--color-text-40)
}

.color-text-20[data-v-3b0b9dc0] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-3b0b9dc0] {
    color: var(--color-currency)
}

.color-warning[data-v-3b0b9dc0] {
    color: var(--color-warning)
}

.color-danger[data-v-3b0b9dc0] {
    color: var(--color-danger)
}

.color-link[data-v-3b0b9dc0] {
    color: var(--color-link)
}

.color-line[data-v-3b0b9dc0] {
    color: var(--color-line)
}

.color-border[data-v-3b0b9dc0] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-3b0b9dc0] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-3b0b9dc0] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-3b0b9dc0] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-3b0b9dc0] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-3b0b9dc0] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-3b0b9dc0] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-3b0b9dc0] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-3b0b9dc0] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-3b0b9dc0] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-3b0b9dc0] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-3b0b9dc0] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-3b0b9dc0] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-3b0b9dc0] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-3b0b9dc0] {
    display: flex;
    align-items: center
}

.flex-start[data-v-3b0b9dc0] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-3b0b9dc0] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-3b0b9dc0] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-3b0b9dc0] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-3b0b9dc0] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-3b0b9dc0] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-3b0b9dc0] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-3b0b9dc0] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-3b0b9dc0] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-3b0b9dc0] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-3b0b9dc0] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-3b0b9dc0] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-3b0b9dc0] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-3b0b9dc0] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-3b0b9dc0] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-3b0b9dc0] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-3b0b9dc0] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-3b0b9dc0] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-3b0b9dc0] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-3b0b9dc0] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-3b0b9dc0] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-3b0b9dc0] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-3b0b9dc0] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-3b0b9dc0] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-3b0b9dc0],
.mlm-selected-item[data-v-3b0b9dc0] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-3b0b9dc0] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-3b0b9dc0]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-3b0b9dc0] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-3b0b9dc0] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-3b0b9dc0] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.count-down[data-v-3b0b9dc0] {
    display: flex;
    justify-content: center;
    align-items: center
}

.count-down .item-wrap[data-v-3b0b9dc0] {
    display: flex;
    align-items: center
}

.count-down .count-down-item[data-v-3b0b9dc0] {
    display: flex;
    align-items: self-start;
    justify-content: center
}

.count-down .count-down-item .count-down-item-time[data-v-3b0b9dc0] {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    font-size: var(--ep-font-size-s);
    color: var(--ep-color-text-inverse);
    font-weight: var(--ep-font-weight-medium)
}

.count-down .count-down-item .count-down-item-time .count-down--value[data-v-3b0b9dc0] {
    display: inline-block;
    padding: .125rem .25rem;
    border-radius: var(--ep-border-radius-xs);
    background-color: var(--ep-color-background-fill-tips)
}

.count-down .count-down-item .count-down-item-time .count-down--value .count-down--value-text[data-v-3b0b9dc0] {
    display: inline-block;
    width: .625rem;
    text-align: center
}

.count-down .count-down-item .count-down-item-time .count-down--value[data-v-3b0b9dc0]:not(:last-child) {
    margin-right: var(--ep-values-2)
}

.count-down .count-down-item .count-down-item-time-split[data-v-3b0b9dc0] {
    font-size: var(--ep-font-size-s);
    color: var(--ep-color-text-inverse);
    font-weight: var(--ep-font-weight-bold);
    margin: 0 .625rem
}

.count-down .count-down-item .count-down-item-name[data-v-3b0b9dc0] {
    margin-top: .25rem;
    font-size: var(--ep-font-size-xs);
    color: var(--ep-color-text-weakest);
    font-weight: var(--ep-font-weight-regular);
    line-height: 1;
    text-align: center
}

.color-primary-600[data-v-82426308] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-82426308] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-82426308] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-82426308] {
    color: var(--color-primary-900)
}

.bg-100[data-v-82426308] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-82426308] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-82426308] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-82426308] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-82426308] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-82426308] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-82426308] {
    background-color: var(--color-warning)
}

.bg-link[data-v-82426308] {
    background-color: var(--color-link)
}

.bg-danger[data-v-82426308] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-82426308] {
    color: var(--color-text-100)
}

.color-text-80[data-v-82426308] {
    color: var(--color-text-80)
}

.color-text-50[data-v-82426308] {
    color: var(--color-text-50)
}

.color-text-40[data-v-82426308] {
    color: var(--color-text-40)
}

.color-text-20[data-v-82426308] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-82426308] {
    color: var(--color-currency)
}

.color-warning[data-v-82426308] {
    color: var(--color-warning)
}

.color-danger[data-v-82426308] {
    color: var(--color-danger)
}

.color-link[data-v-82426308] {
    color: var(--color-link)
}

.color-line[data-v-82426308] {
    color: var(--color-line)
}

.color-border[data-v-82426308] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-82426308] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-82426308] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-82426308] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-82426308] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-82426308] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-82426308] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-82426308] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-82426308] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-82426308] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-82426308] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-82426308] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-82426308] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-82426308] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-82426308] {
    display: flex;
    align-items: center
}

.flex-start[data-v-82426308] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-82426308] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-82426308] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-82426308] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-82426308] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-82426308] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-82426308] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-82426308] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-82426308] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-82426308] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-82426308] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-82426308] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-82426308] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-82426308] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-82426308] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-82426308] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-82426308] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-82426308] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-82426308] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-82426308] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-82426308] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-82426308] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-82426308] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-82426308] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-82426308],
.mlm-selected-item[data-v-82426308] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-82426308] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-82426308]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-82426308] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-82426308] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-82426308] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.countdown2[data-v-82426308] .count-down-item .item-wrap {
    border-radius: var(--ep-border-radius-xs, 2px);
    background: #4c2b24;
    height: 1.3125rem;
    width: 1.6875rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.countdown2[data-v-82426308] .count-down-item .count-down-item-time {
    font-size: var(--ep-font-size-l, 16px);
    color: var(--ep-color-text-highlight-white)
}

.countdown2[data-v-82426308] .count-down-item .count-down-item-time .count-down--value {
    padding: 0;
    margin: 0;
    border-radius: 0;
    background: transparent
}

.countdown2[data-v-82426308] .count-down-item .count-down-item-time .count-down--value:not(:last-child) {
    margin: 0
}

.countdown2[data-v-82426308] .count-down-item .count-down-item-name {
    color: var(--ep-color-text-weakest, rgba(255, 255, 255, .2));
    text-align: center;
    font-size: var(--ep-font-size-xs, 10px);
    font-weight: var(--ep-font-weight-regular, 400)
}

.countdown2[data-v-82426308] .count-down-item .count-down-item-time-split {
    margin: 0 .375rem
}

.countdown-display[data-v-e196ae84] {
    display: inline-flex;
    align-items: center
}

.day[data-v-e196ae84] {
    margin-right: .25rem
}

.hour[data-v-e196ae84],
.min[data-v-e196ae84],
.sec[data-v-e196ae84] {
    font-variant-numeric: tabular-nums
}

.color-primary-600[data-v-7f4f69ea] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-7f4f69ea] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-7f4f69ea] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-7f4f69ea] {
    color: var(--color-primary-900)
}

.bg-100[data-v-7f4f69ea] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-7f4f69ea] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-7f4f69ea] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-7f4f69ea] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-7f4f69ea] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-7f4f69ea] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-7f4f69ea] {
    background-color: var(--color-warning)
}

.bg-link[data-v-7f4f69ea] {
    background-color: var(--color-link)
}

.bg-danger[data-v-7f4f69ea] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-7f4f69ea] {
    color: var(--color-text-100)
}

.color-text-80[data-v-7f4f69ea] {
    color: var(--color-text-80)
}

.color-text-50[data-v-7f4f69ea] {
    color: var(--color-text-50)
}

.color-text-40[data-v-7f4f69ea] {
    color: var(--color-text-40)
}

.color-text-20[data-v-7f4f69ea] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-7f4f69ea] {
    color: var(--color-currency)
}

.color-warning[data-v-7f4f69ea] {
    color: var(--color-warning)
}

.color-danger[data-v-7f4f69ea] {
    color: var(--color-danger)
}

.color-link[data-v-7f4f69ea] {
    color: var(--color-link)
}

.color-line[data-v-7f4f69ea] {
    color: var(--color-line)
}

.color-border[data-v-7f4f69ea] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-7f4f69ea] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-7f4f69ea] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-7f4f69ea] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-7f4f69ea] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-7f4f69ea] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-7f4f69ea] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-7f4f69ea] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-7f4f69ea] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-7f4f69ea] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-7f4f69ea] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-7f4f69ea] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-7f4f69ea] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-7f4f69ea] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-7f4f69ea] {
    display: flex;
    align-items: center
}

.flex-start[data-v-7f4f69ea] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-7f4f69ea] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-7f4f69ea] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-7f4f69ea] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-7f4f69ea] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-7f4f69ea] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-7f4f69ea] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-7f4f69ea] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-7f4f69ea] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-7f4f69ea] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-7f4f69ea] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-7f4f69ea] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-7f4f69ea] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-7f4f69ea] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-7f4f69ea] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-7f4f69ea] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-7f4f69ea] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-7f4f69ea] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-7f4f69ea] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-7f4f69ea] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-7f4f69ea] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-7f4f69ea] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-7f4f69ea] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-7f4f69ea] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-7f4f69ea],
.mlm-selected-item[data-v-7f4f69ea] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-7f4f69ea] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-7f4f69ea]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-7f4f69ea] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-7f4f69ea] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-7f4f69ea] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.rescue-content[data-v-7f4f69ea] {
    position: relative;
    overflow-x: hidden;
    min-height: 100vh
}

.activity-time[data-v-7f4f69ea] {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 2.2rem;
    top: 1.4375rem
}

.activity-time .time-text[data-v-7f4f69ea] {
    font-size: var(--ep-font-size-m);
    font-weight: var(--ep-font-weight-medium);
    color: var(--ep-color-text-default);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 10rem;
    height: 2rem
}

.wrap[data-v-7f4f69ea] {
    width: 24.375rem;
    height: 29.375rem;
    position: relative;
    background-size: 100% auto
}

.wrap.share[data-v-7f4f69ea] {
    width: 100%;
    height: 36.25rem
}

.wrap.week[data-v-7f4f69ea] {
    background-position-y: -5.8rem;
    margin-bottom: 10px
}

.wrap.week.share[data-v-7f4f69ea] {
    margin-bottom: 0;
    background-position-y: 0
}

.wrap.week.share .activity-time[data-v-7f4f69ea] {
    top: 7.2rem;
    left: 2.25rem
}

.wrap.day[data-v-7f4f69ea] {
    background-position-y: -7rem
}

.wrap.day .activity-time[data-v-7f4f69ea] {
    left: 12.2rem;
    top: 4.88rem
}

.wrap.day.share[data-v-7f4f69ea] {
    background-position-y: 0
}

.wrap.day.share .activity-time[data-v-7f4f69ea] {
    left: 12.2rem;
    top: 11.88rem
}

.share-wrapper[data-v-7f4f69ea] {
    width: 100%;
    padding: .75rem
}

.bot-wrap[data-v-7f4f69ea] {
    width: 21rem;
    margin: 0 auto 10rem
}

.recharge-cards[data-v-7f4f69ea] {
    display: flex;
    gap: .5rem;
    white-space: nowrap;
    margin-bottom: .75rem;
    width: 20.875rem
}

.recharge-cards .card-item[data-v-7f4f69ea] {
    flex: 1;
    height: 3.25rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    border-radius: .375rem;
    border: 1px solid var(--ep-color-border-default, #1E2D67);
    background: var(--ep-color-background-fill-surface-lowered, #101B3C)
}

.recharge-cards .card-item .card-label[data-v-7f4f69ea] {
    font-size: var(--ep-font-size-s);
    font-weight: var(--font-weight-regular);
    z-index: 1;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1.375rem;
    color: var(--ep-color-text-weaker, rgba(255, 255, 255, .6));
    background: var(--ep-color-background-fill-surface-raised-L2, #1D2A55);
    padding: 0 .125rem
}

.recharge-cards .card-item .card-value[data-v-7f4f69ea] {
    display: flex;
    align-items: center;
    margin-top: .25rem
}

.recharge-cards .card-item .card-value .currency[data-v-7f4f69ea] {
    font-size: var(--ep-font-size-xs, .625rem);
    font-weight: var(--ep-font-weight-regular);
    color: var(--ep-color-text-default)
}

.recharge-cards .card-item .card-value .amount[data-v-7f4f69ea] {
    font-size: var(--ep-font-size-m);
    font-weight: var(--ep-font-weight-bold);
    color: var(--ep-color-text-default);
    margin-left: .25rem
}

.time-wrap[data-v-7f4f69ea] {
    width: 20.875rem;
    margin: 0 auto .875rem;
    padding: .5rem .875rem;
    border-radius: var(--ep-border-radius-m, 6px);
    background: var(--ep-color-background-fill-surface-lowered, #101B3C);
    color: var(--ep-color-text-default, #FFF);
    white-space: nowrap;
    font-size: .75rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.time-wrap .left[data-v-7f4f69ea] {
    color: var(--ep-color-text-weaker, rgba(255, 255, 255, .4));
    font-weight: var(--font-weight-regular, 400);
    line-height: 150%
}

.rescue-main[data-v-7f4f69ea] {
    display: flex;
    flex-direction: column;
    position: relative
}

.rescue-main .loss-list[data-v-7f4f69ea] {
    margin-bottom: .625rem
}

.rescue-main .loss-list .list-header[data-v-7f4f69ea] {
    display: flex;
    justify-content: space-between;
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-regular);
    color: var(--ep-color-text-default);
    margin-bottom: .75rem
}

.rescue-main .loss-list .list-header .header-left[data-v-7f4f69ea],
.rescue-main .loss-list .list-header .header-right[data-v-7f4f69ea] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

.rescue-main .loss-list .list-item[data-v-7f4f69ea] {
    height: 2.875rem;
    position: relative;
    border-radius: .375rem;
    border: .125rem solid var(--ep-color-border-default, #1E2D67);
    background: var(--ep-color-background-fill-surface-raised-L2, #1D2A55);
    margin-bottom: .75rem;
    display: flex;
    align-items: center
}

.rescue-main .loss-list .list-item[data-v-7f4f69ea]:last-child {
    margin-bottom: 0
}

.rescue-main .loss-list .list-item .item-left[data-v-7f4f69ea],
.rescue-main .loss-list .list-item .item-reward[data-v-7f4f69ea] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

.rescue-main .loss-list .list-item .item-icon[data-v-7f4f69ea] {
    width: 1.125rem;
    height: 1.125rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: .375rem;
    background-size: 100% 100%
}

.rescue-main .loss-list .list-item .item-icon .icon-currency[data-v-7f4f69ea] {
    font-size: .5rem;
    color: rgba(255, 255, 255, .8);
    font-weight: var(--ep-font-weight-medium)
}

.rescue-main .loss-list .list-item .item-loss[data-v-7f4f69ea] {
    text-align: left;
    color: var(--ep-color-text-default, #FFF);
    font-size: var(--ep-font-size-l, 16px);
    font-weight: var(--ep-font-weight-medium, 600);
    line-height: 150%
}

.rescue-main .loss-list .list-item .item-reward[data-v-7f4f69ea] {
    color: var(--ep-color-text-warning, #FC974C);
    text-shadow: 0 0 9px rgba(159, 88, 252, .43);
    font-size: var(--ep-font-size-l, 16px);
    font-weight: var(--ep-font-weight-bold, 700);
    line-height: 150%
}

.rescue-main .activity-description[data-v-7f4f69ea] {
    margin-top: 1.25rem
}

.rescue-main .activity-description[data-v-7f4f69ea] .ruleHeader {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.25rem
}

.rescue-main .activity-description[data-v-7f4f69ea] .ruleHeader .span-cls {
    font-size: var(--ep-font-size-l);
    font-weight: var(--ep-font-weight-medium);
    color: var(--ep-color-text-default)
}

.rescue-main .activity-description[data-v-7f4f69ea] .item-wrap {
    line-height: 1.5;
    padding: .875rem 0 .875rem .875rem;
    border-radius: var(--ep-border-radius-m, 6px);
    background: var(--ep-color-background-fill-surface-lowered, #101B3C)
}

.rescue-main .activity-description[data-v-7f4f69ea] .item-wrap .rule-item {
    margin-bottom: .75rem;
    text-align: left;
    font-size: var(--ep-font-size-s);
    font-weight: var(--ep-font-weight-regular);
    color: var(--ep-color-text-weak)
}

.rescue-main .activity-description[data-v-7f4f69ea] .item-wrap .rule-item:last-child {
    margin-bottom: 0
}

.footer[data-v-7f4f69ea] {
    border-top: 1px solid var(--ep-color-border-default, #1E2D67);
    background: var(--ep-color-background-fill-surface-raised-L1, #18254E);
    z-index: 10
}

.footer .btn[data-v-7f4f69ea] {
    color: var(--ep-color-text-inverse, #FFF);
    font-weight: 700;
    width: 22.375rem;
    height: 2.5625rem;
    font-size: var(--ep-font-size-m, 14px);
    border-radius: .25rem;
    background: linear-gradient(90deg, var(--ep-color-background-fill-gradients-primary-a, #0A77DA) -27.5%, var(--ep-color-background-fill-gradients-primary-a, #0A77DA) 127.5%)
}

.footer .unable[data-v-7f4f69ea] {
    color: var(--ep-color-text-inverse-disabled, rgba(255, 255, 255, .4));
    pointer-events: none;
    background: var(--ep-color-background-fill-active-disabled)
}

.color-primary-600[data-v-5adb8041] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-5adb8041] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-5adb8041] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-5adb8041] {
    color: var(--color-primary-900)
}

.bg-100[data-v-5adb8041] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-5adb8041] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-5adb8041] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-5adb8041] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-5adb8041] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-5adb8041] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-5adb8041] {
    background-color: var(--color-warning)
}

.bg-link[data-v-5adb8041] {
    background-color: var(--color-link)
}

.bg-danger[data-v-5adb8041] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-5adb8041] {
    color: var(--color-text-100)
}

.color-text-80[data-v-5adb8041] {
    color: var(--color-text-80)
}

.color-text-50[data-v-5adb8041] {
    color: var(--color-text-50)
}

.color-text-40[data-v-5adb8041] {
    color: var(--color-text-40)
}

.color-text-20[data-v-5adb8041] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-5adb8041] {
    color: var(--color-currency)
}

.color-warning[data-v-5adb8041] {
    color: var(--color-warning)
}

.color-danger[data-v-5adb8041] {
    color: var(--color-danger)
}

.color-link[data-v-5adb8041] {
    color: var(--color-link)
}

.color-line[data-v-5adb8041] {
    color: var(--color-line)
}

.color-border[data-v-5adb8041] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-5adb8041] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-5adb8041] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-5adb8041] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-5adb8041] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-5adb8041] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-5adb8041] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-5adb8041] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-5adb8041] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-5adb8041] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-5adb8041] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-5adb8041] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-5adb8041] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-5adb8041] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-5adb8041] {
    display: flex;
    align-items: center
}

.flex-start[data-v-5adb8041] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-5adb8041] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-5adb8041] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-5adb8041] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-5adb8041] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-5adb8041] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-5adb8041] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-5adb8041] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-5adb8041] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-5adb8041] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-5adb8041] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-5adb8041] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-5adb8041] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-5adb8041] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-5adb8041] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-5adb8041] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-5adb8041] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-5adb8041] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-5adb8041] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-5adb8041] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-5adb8041] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-5adb8041] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-5adb8041] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-5adb8041] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-5adb8041],
.mlm-selected-item[data-v-5adb8041] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-5adb8041] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-5adb8041]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-5adb8041] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-5adb8041] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-5adb8041] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.blue-default .comission-amount-wrap[data-v-5adb8041],
.green-default .comission-amount-wrap[data-v-5adb8041],
.green-dark .comission-amount-wrap[data-v-5adb8041],
.forest-green .comission-amount-wrap[data-v-5adb8041],
.yellow-dark .comission-amount-wrap[data-v-5adb8041],
.amber-purple .comission-amount-wrap[data-v-5adb8041],
.auroral-yellow .comission-amount-wrap[data-v-5adb8041] {
    margin: 1rem;
    border-width: 1px 0px 1px 0px;
    border-style: solid;
    padding: .5625rem 0;
    min-height: 3.5625rem;
    width: calc(100% - 2.25rem);
    border-image-source: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(223, 197, 122, .42) 50.5%, rgba(0, 0, 0, 0) 100%);
    border-image-slice: 1;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .27) 35%, rgba(0, 0, 0, .27) 64.95%, rgba(0, 0, 0, 0));
    display: flex;
    justify-content: space-between;
    align-items: center
}

.blue-default .comission-amount-wrap .line-box[data-v-5adb8041],
.green-default .comission-amount-wrap .line-box[data-v-5adb8041],
.green-dark .comission-amount-wrap .line-box[data-v-5adb8041],
.forest-green .comission-amount-wrap .line-box[data-v-5adb8041],
.yellow-dark .comission-amount-wrap .line-box[data-v-5adb8041],
.amber-purple .comission-amount-wrap .line-box[data-v-5adb8041],
.auroral-yellow .comission-amount-wrap .line-box[data-v-5adb8041] {
    height: 1.625rem;
    width: 1.25rem
}

.blue-default .comission-amount-wrap .line-box .line[data-v-5adb8041],
.green-default .comission-amount-wrap .line-box .line[data-v-5adb8041],
.green-dark .comission-amount-wrap .line-box .line[data-v-5adb8041],
.forest-green .comission-amount-wrap .line-box .line[data-v-5adb8041],
.yellow-dark .comission-amount-wrap .line-box .line[data-v-5adb8041],
.amber-purple .comission-amount-wrap .line-box .line[data-v-5adb8041],
.auroral-yellow .comission-amount-wrap .line-box .line[data-v-5adb8041] {
    width: .0625rem;
    height: 100%;
    background: #a7a7a7;
    transform: translate(.75rem) rotate(30deg);
    transform-origin: 100% 0
}

.blue-default .comission-amount-wrap .amount-item[data-v-5adb8041],
.green-default .comission-amount-wrap .amount-item[data-v-5adb8041],
.green-dark .comission-amount-wrap .amount-item[data-v-5adb8041],
.forest-green .comission-amount-wrap .amount-item[data-v-5adb8041],
.yellow-dark .comission-amount-wrap .amount-item[data-v-5adb8041],
.amber-purple .comission-amount-wrap .amount-item[data-v-5adb8041],
.auroral-yellow .comission-amount-wrap .amount-item[data-v-5adb8041] {
    width: 10.3125rem
}

.blue-default .comission-amount-wrap .amount-item .title[data-v-5adb8041],
.green-default .comission-amount-wrap .amount-item .title[data-v-5adb8041],
.green-dark .comission-amount-wrap .amount-item .title[data-v-5adb8041],
.forest-green .comission-amount-wrap .amount-item .title[data-v-5adb8041],
.yellow-dark .comission-amount-wrap .amount-item .title[data-v-5adb8041],
.amber-purple .comission-amount-wrap .amount-item .title[data-v-5adb8041],
.auroral-yellow .comission-amount-wrap .amount-item .title[data-v-5adb8041] {
    font-size: .625rem;
    color: rgba(255, 255, 255, .8);
    line-height: 16px
}

.blue-default .comission-amount-wrap .amount-item .amount[data-v-5adb8041],
.green-default .comission-amount-wrap .amount-item .amount[data-v-5adb8041],
.green-dark .comission-amount-wrap .amount-item .amount[data-v-5adb8041],
.forest-green .comission-amount-wrap .amount-item .amount[data-v-5adb8041],
.yellow-dark .comission-amount-wrap .amount-item .amount[data-v-5adb8041],
.amber-purple .comission-amount-wrap .amount-item .amount[data-v-5adb8041],
.auroral-yellow .comission-amount-wrap .amount-item .amount[data-v-5adb8041] {
    color: #ffd90b;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.5rem
}

.blue-default .comission-amount-wrap .amount-item .detail[data-v-5adb8041],
.green-default .comission-amount-wrap .amount-item .detail[data-v-5adb8041],
.green-dark .comission-amount-wrap .amount-item .detail[data-v-5adb8041],
.forest-green .comission-amount-wrap .amount-item .detail[data-v-5adb8041],
.yellow-dark .comission-amount-wrap .amount-item .detail[data-v-5adb8041],
.amber-purple .comission-amount-wrap .amount-item .detail[data-v-5adb8041],
.auroral-yellow .comission-amount-wrap .amount-item .detail[data-v-5adb8041] {
    color: #32bafa;
    font-size: .75rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: .5rem;
    cursor: pointer
}

.blue-default .comission-amount-wrap .amount-item .detail[data-v-5adb8041]:after,
.green-default .comission-amount-wrap .amount-item .detail[data-v-5adb8041]:after,
.green-dark .comission-amount-wrap .amount-item .detail[data-v-5adb8041]:after,
.forest-green .comission-amount-wrap .amount-item .detail[data-v-5adb8041]:after,
.yellow-dark .comission-amount-wrap .amount-item .detail[data-v-5adb8041]:after,
.amber-purple .comission-amount-wrap .amount-item .detail[data-v-5adb8041]:after,
.auroral-yellow .comission-amount-wrap .amount-item .detail[data-v-5adb8041]:after {
    content: " >";
    margin-left: .4rem;
    color: rgba(255, 255, 255, .4)
}

.purple-light .comission-amount-wrap[data-v-5adb8041] {
    margin: 1rem;
    border-width: 1px 0px 1px 0px;
    border-style: solid;
    padding: .5625rem 0;
    min-height: 3.5625rem;
    width: calc(100% - 2.25rem);
    border-image-source: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(223, 197, 122, .42) 50.5%, rgba(0, 0, 0, 0) 100%);
    border-image-slice: 1;
    background: linear-gradient(90deg, rgba(187, 151, 255, 0), #bb97ff 35%, rgba(187, 151, 255, .27) 64.95%, rgba(187, 151, 255, 0));
    display: flex;
    justify-content: space-between;
    align-items: center
}

.purple-light .comission-amount-wrap .line-box[data-v-5adb8041] {
    height: 1.625rem;
    width: 1.25rem
}

.purple-light .comission-amount-wrap .line-box .line[data-v-5adb8041] {
    width: .0625rem;
    height: 100%;
    background: #a7a7a7;
    transform: translate(.75rem) rotate(30deg);
    transform-origin: 100% 0
}

.purple-light .comission-amount-wrap .amount-item[data-v-5adb8041] {
    width: 10.3125rem
}

.purple-light .comission-amount-wrap .amount-item .title[data-v-5adb8041] {
    font-size: .625rem;
    color: #403d4f;
    line-height: 16px
}

.purple-light .comission-amount-wrap .amount-item .amount[data-v-5adb8041] {
    color: #ff3c0b;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.5rem
}

.purple-light .comission-amount-wrap .amount-item .detail[data-v-5adb8041] {
    color: #32bafa;
    font-size: .75rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: .5rem;
    cursor: pointer
}

.purple-light .comission-amount-wrap .amount-item .detail[data-v-5adb8041]:after {
    content: " >";
    margin-left: .4rem;
    color: #403d4f
}

.style_1 .comission-amount-wrap[data-v-5adb8041] {
    margin: 1rem;
    border-width: 1px 0px 1px 0px;
    border-style: solid;
    padding: .5625rem 0;
    min-height: 3.5625rem;
    width: calc(100% - 2.25rem);
    border-image-source: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(223, 197, 122, .42) 50.5%, rgba(0, 0, 0, 0) 100%);
    border-image-slice: 1;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .27) 35%, rgba(0, 0, 0, .27) 64.95%, rgba(0, 0, 0, 0));
    display: flex;
    justify-content: space-between;
    align-items: center
}

.style_1 .comission-amount-wrap .line-box[data-v-5adb8041] {
    height: 1.625rem;
    width: 1.25rem
}

.style_1 .comission-amount-wrap .line-box .line[data-v-5adb8041] {
    width: .0625rem;
    height: 100%;
    background: #a7a7a7;
    transform: translate(.75rem) rotate(30deg);
    transform-origin: 100% 0
}

.style_1 .comission-amount-wrap .amount-item[data-v-5adb8041] {
    width: 10.3125rem
}

.style_1 .comission-amount-wrap .amount-item .title[data-v-5adb8041] {
    font-size: .625rem;
    color: rgba(255, 255, 255, .8);
    line-height: 16px
}

.style_1 .comission-amount-wrap .amount-item .amount[data-v-5adb8041] {
    color: #ffd90b;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.5rem
}

.style_1 .comission-amount-wrap .amount-item .detail[data-v-5adb8041] {
    color: #32bafa;
    font-size: .75rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: .5rem;
    cursor: pointer
}

.style_1 .comission-amount-wrap .amount-item .detail[data-v-5adb8041]:after {
    content: " >";
    margin-left: .4rem;
    color: rgba(255, 255, 255, .4)
}

.new-skin-symbol .comission-amount-wrap[data-v-5adb8041] {
    margin: 1rem;
    border-width: 1px 0px 1px 0px;
    border-style: solid;
    padding: .5625rem 0;
    min-height: 3.5625rem;
    width: calc(100% - 2.25rem);
    border-image-source: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(223, 197, 122, .42) 50.5%, rgba(0, 0, 0, 0) 100%);
    border-image-slice: 1;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(255, 255, 255, .1) 35%, rgba(255, 255, 255, .1) 64.95%, rgba(0, 0, 0, 0));
    display: flex;
    justify-content: space-between;
    align-items: center
}

.new-skin-symbol .comission-amount-wrap .line-box[data-v-5adb8041] {
    height: 1.625rem;
    width: 1.25rem
}

.new-skin-symbol .comission-amount-wrap .line-box .line[data-v-5adb8041] {
    width: .0625rem;
    height: 100%;
    background: #a7a7a7;
    transform: translate(.75rem) rotate(30deg);
    transform-origin: 100% 0
}

.new-skin-symbol .comission-amount-wrap .amount-item[data-v-5adb8041] {
    width: 10.3125rem
}

.new-skin-symbol .comission-amount-wrap .amount-item .title[data-v-5adb8041] {
    font-size: .625rem;
    color: var(--ep-color-text-weaker);
    line-height: 16px
}

.new-skin-symbol .comission-amount-wrap .amount-item .amount[data-v-5adb8041] {
    color: var(--ep-color-text-warning);
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.5rem
}

.new-skin-symbol .comission-amount-wrap .amount-item .detail[data-v-5adb8041] {
    color: var(--ep-color-text-info);
    font-size: .75rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: .5rem;
    cursor: pointer
}

.new-skin-symbol .comission-amount-wrap .amount-item .detail[data-v-5adb8041]:after {
    content: " >";
    margin-left: .4rem;
    color: var(--ep-color-text-info)
}

.new-skin-symbol .comission-amount-wrap .amount-item .title[data-v-5adb8041] {
    font-size: var(--ep-font-size-xs);
    font-weight: var(--ep-font-weight-regular)
}

.new-skin-symbol .comission-amount-wrap .amount-item .amount[data-v-5adb8041] {
    font-weight: var(--ep-font-weight-medium);
    font-size: var(--ep-font-size-l)
}

.new-skin-symbol .comission-amount-wrap .amount-item .detail[data-v-5adb8041] {
    font-size: var(--ep-font-size-s);
    font-weight: var(--ep-font-weight-medium)
}

.color-primary-600[data-v-40cae559] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-40cae559] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-40cae559] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-40cae559] {
    color: var(--color-primary-900)
}

.bg-100[data-v-40cae559] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-40cae559] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-40cae559] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-40cae559] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-40cae559] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-40cae559] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-40cae559] {
    background-color: var(--color-warning)
}

.bg-link[data-v-40cae559] {
    background-color: var(--color-link)
}

.bg-danger[data-v-40cae559] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-40cae559] {
    color: var(--color-text-100)
}

.color-text-80[data-v-40cae559] {
    color: var(--color-text-80)
}

.color-text-50[data-v-40cae559] {
    color: var(--color-text-50)
}

.color-text-40[data-v-40cae559] {
    color: var(--color-text-40)
}

.color-text-20[data-v-40cae559] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-40cae559] {
    color: var(--color-currency)
}

.color-warning[data-v-40cae559] {
    color: var(--color-warning)
}

.color-danger[data-v-40cae559] {
    color: var(--color-danger)
}

.color-link[data-v-40cae559] {
    color: var(--color-link)
}

.color-line[data-v-40cae559] {
    color: var(--color-line)
}

.color-border[data-v-40cae559] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-40cae559] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-40cae559] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-40cae559] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-40cae559] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-40cae559] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-40cae559] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-40cae559] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-40cae559] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-40cae559] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-40cae559] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-40cae559] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-40cae559] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-40cae559] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-40cae559] {
    display: flex;
    align-items: center
}

.flex-start[data-v-40cae559] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-40cae559] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-40cae559] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-40cae559] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-40cae559] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-40cae559] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-40cae559] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-40cae559] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-40cae559] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-40cae559] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-40cae559] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-40cae559] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-40cae559] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-40cae559] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-40cae559] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-40cae559] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-40cae559] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-40cae559] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-40cae559] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-40cae559] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-40cae559] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-40cae559] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-40cae559] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-40cae559] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-40cae559],
.mlm-selected-item[data-v-40cae559] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-40cae559] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-40cae559]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-40cae559] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-40cae559] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-40cae559] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.topcontent[data-v-40cae559] {
    background: url(/images/activity/commission/bg.png) no-repeat;
    background-size: contain;
    width: 100%;
    height: 19.375rem;
    position: relative
}

.topcontent-text[data-v-40cae559] {
    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
}

.topcontent-text-title[data-v-40cae559] {
    font-size: .625rem;
    color: #39f61e;
    font-family: Noto Sans SC;
    font-weight: 900;
    line-height: 1
}

.topcontent-text-content[data-v-40cae559] {
    padding: .2rem 0 0;
    font-size: 1.25rem;
    font-weight: 900;
    color: #ff3f0f;
    line-height: 1
}

.text[data-v-40cae559] {
    padding-top: .325rem;
    color: #e2c87b
}

.table-header[data-v-40cae559] {
    color: rgba(255, 255, 255, .4);
    background: rgba(255, 255, 255, .1)
}

.table-item[data-v-40cae559] {
    font-size: .75rem;
    font-weight: 700;
    text-align: center
}

.table-item .left-item[data-v-40cae559] {
    color: rgba(255, 255, 255, .8)
}

.table-item .right-item[data-v-40cae559] {
    color: var(--accent-color-orange)
}

.table-item[data-v-40cae559]:nth-child(odd) {
    background: rgba(0, 0, 0, .1)
}

.rule-content[data-v-40cae559] {
    font-weight: 500;
    font-size: .75rem;
    line-height: 1.25rem;
    color: rgba(255, 255, 255, .4);
    margin-top: .875rem
}

.commission-rule[data-v-40cae559] {
    margin: .875rem .75rem 0
}

.commission-rule[data-v-40cae559] .ruleHeader {
    text-align: left;
    justify-content: flex-start;
    margin-bottom: 1rem
}

.commission-rule[data-v-40cae559] .ruleHeader .span-cls {
    font-weight: 500;
    font-size: 1rem;
    color: var(--ep-color-text-default, #fff);
    line-height: 1.25rem;
    margin: 0
}

.commission-rule[data-v-40cae559] .item-wrap {
    padding: 0 0 0 .375rem
}

.commission-rule[data-v-40cae559] .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
}

.footer[data-v-40cae559] {
    border-top: 1px solid #292D36;
    box-shadow: none;
    padding: 16px 14px
}

.purple-light .topcontent[data-v-40cae559] {
    background: url(/images/activity/commission/bg.png) no-repeat;
    background-size: contain;
    width: 100%;
    height: 19.375rem;
    position: relative
}

.purple-light .topcontent-text[data-v-40cae559] {
    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(190, 156, 255, 0), #be9cff 35%, rgba(190, 156, 255, .9) 64.95%, rgba(190, 156, 255, 0));
    border: null
}

.purple-light .topcontent-text-title[data-v-40cae559] {
    font-size: .625rem;
    color: #39f61e;
    font-family: Noto Sans SC;
    font-weight: 900;
    line-height: 1
}

.purple-light .topcontent-text-content[data-v-40cae559] {
    padding: .2rem 0 0;
    font-size: 1.25rem;
    font-weight: 900;
    color: #ff3f0f;
    line-height: 1
}

.purple-light .text[data-v-40cae559] {
    padding-top: .325rem;
    color: #f28832
}

.purple-light .table-header[data-v-40cae559] {
    color: #9086a7;
    background: #e0d0ff
}

.purple-light .table-item[data-v-40cae559] {
    font-size: .75rem;
    font-weight: 700;
    text-align: center
}

.purple-light .table-item .left-item[data-v-40cae559] {
    color: #403d4f
}

.purple-light .table-item .right-item[data-v-40cae559] {
    color: #df8644
}

.purple-light .table-item[data-v-40cae559]:nth-child(odd) {
    background: #e0d0ff
}

.purple-light .rule-content[data-v-40cae559] {
    font-weight: 500;
    font-size: .75rem;
    line-height: 1.25rem;
    color: #403d4f;
    margin-top: .875rem
}

.purple-light .commission-rule[data-v-40cae559] {
    margin: .875rem .75rem 0
}

.purple-light .commission-rule[data-v-40cae559] .ruleHeader {
    text-align: left;
    justify-content: flex-start;
    margin-bottom: 1rem
}

.purple-light .commission-rule[data-v-40cae559] .ruleHeader .span-cls {
    font-weight: 500;
    font-size: 1rem;
    color: var(--ep-color-text-default, #fff);
    line-height: 1.25rem;
    margin: 0
}

.purple-light .commission-rule[data-v-40cae559] .item-wrap {
    padding: 0 0 0 .375rem
}

.purple-light .commission-rule[data-v-40cae559] .item-wrap .rule-item {
    font-weight: 500;
    font-size: .75rem;
    line-height: 1.25rem;
    color: #403d4f;
    white-space: pre-line;
    margin-bottom: 1rem
}

.purple-light .footer[data-v-40cae559] {
    border-top: 1px solid #DBC9FF;
    box-shadow: none;
    padding: 16px 14px
}

.blue-default .topcontent[data-v-40cae559] {
    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-40cae559] {
    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-40cae559] {
    font-size: .625rem;
    color: #39f61e;
    font-family: Noto Sans SC;
    font-weight: 900;
    line-height: 1
}

.blue-default .topcontent-text-content[data-v-40cae559] {
    padding: .2rem 0 0;
    font-size: 1.25rem;
    font-weight: 900;
    color: #ff3f0f;
    line-height: 1
}

.blue-default .text[data-v-40cae559] {
    padding-top: .325rem;
    color: #e2c87b
}

.blue-default .table-header[data-v-40cae559] {
    color: rgba(255, 255, 255, .4);
    background: rgba(255, 255, 255, .1)
}

.blue-default .table-item[data-v-40cae559] {
    font-size: .75rem;
    font-weight: 700;
    text-align: center
}

.blue-default .table-item .left-item[data-v-40cae559] {
    color: rgba(255, 255, 255, .8)
}

.blue-default .table-item .right-item[data-v-40cae559] {
    color: var(--accent-color-orange)
}

.blue-default .table-item[data-v-40cae559]:nth-child(odd) {
    background: rgba(0, 0, 0, .1)
}

.blue-default .rule-content[data-v-40cae559] {
    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-40cae559] {
    margin: .875rem .75rem 0
}

.blue-default .commission-rule[data-v-40cae559] .ruleHeader {
    text-align: left;
    justify-content: flex-start;
    margin-bottom: 1rem
}

.blue-default .commission-rule[data-v-40cae559] .ruleHeader .span-cls {
    font-weight: 500;
    font-size: 1rem;
    color: var(--ep-color-text-default, #fff);
    line-height: 1.25rem;
    margin: 0
}

.blue-default .commission-rule[data-v-40cae559] .item-wrap {
    padding: 0 0 0 .375rem
}

.blue-default .commission-rule[data-v-40cae559] .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-40cae559] {
    border-top: 1px solid #101629;
    box-shadow: none;
    padding: 16px 14px
}

.green-default .topcontent[data-v-40cae559] {
    background: url(/images/activity/commission/bg.png) no-repeat;
    background-size: contain;
    width: 100%;
    height: 19.375rem;
    position: relative
}

.green-default .topcontent-text[data-v-40cae559] {
    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
}

.green-default .topcontent-text-title[data-v-40cae559] {
    font-size: .625rem;
    color: #39f61e;
    font-family: Noto Sans SC;
    font-weight: 900;
    line-height: 1
}

.green-default .topcontent-text-content[data-v-40cae559] {
    padding: .2rem 0 0;
    font-size: 1.25rem;
    font-weight: 900;
    color: #ff3f0f;
    line-height: 1
}

.green-default .text[data-v-40cae559] {
    padding-top: .325rem;
    color: #e2c87b
}

.green-default .table-header[data-v-40cae559] {
    color: rgba(255, 255, 255, .4);
    background: rgba(255, 255, 255, .1)
}

.green-default .table-item[data-v-40cae559] {
    font-size: .75rem;
    font-weight: 700;
    text-align: center
}

.green-default .table-item .left-item[data-v-40cae559] {
    color: rgba(255, 255, 255, .8)
}

.green-default .table-item .right-item[data-v-40cae559] {
    color: var(--accent-color-orange)
}

.green-default .table-item[data-v-40cae559]:nth-child(odd) {
    background: rgba(0, 0, 0, .1)
}

.green-default .rule-content[data-v-40cae559] {
    font-weight: 500;
    font-size: .75rem;
    line-height: 1.25rem;
    color: rgba(255, 255, 255, .4);
    margin-top: .875rem
}

.green-default .commission-rule[data-v-40cae559] {
    margin: .875rem .75rem 0
}

.green-default .commission-rule[data-v-40cae559] .ruleHeader {
    text-align: left;
    justify-content: flex-start;
    margin-bottom: 1rem
}

.green-default .commission-rule[data-v-40cae559] .ruleHeader .span-cls {
    font-weight: 500;
    font-size: 1rem;
    color: var(--ep-color-text-default, #fff);
    line-height: 1.25rem;
    margin: 0
}

.green-default .commission-rule[data-v-40cae559] .item-wrap {
    padding: 0 0 0 .375rem
}

.green-default .commission-rule[data-v-40cae559] .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
}

.green-default .footer[data-v-40cae559] {
    border-top: 1px solid #34571D;
    box-shadow: none;
    padding: 16px 14px
}

.yellow-dark .topcontent[data-v-40cae559],
.auroral-yellow .topcontent[data-v-40cae559] {
    background: url(/images/activity/commission/bg.png) no-repeat;
    background-size: contain;
    width: 100%;
    height: 19.375rem;
    position: relative
}

.yellow-dark .topcontent-text[data-v-40cae559],
.auroral-yellow .topcontent-text[data-v-40cae559] {
    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
}

.yellow-dark .topcontent-text-title[data-v-40cae559],
.auroral-yellow .topcontent-text-title[data-v-40cae559] {
    font-size: .625rem;
    color: #39f61e;
    font-family: Noto Sans SC;
    font-weight: 900;
    line-height: 1
}

.yellow-dark .topcontent-text-content[data-v-40cae559],
.auroral-yellow .topcontent-text-content[data-v-40cae559] {
    padding: .2rem 0 0;
    font-size: 1.25rem;
    font-weight: 900;
    color: #ff3f0f;
    line-height: 1
}

.yellow-dark .text[data-v-40cae559],
.auroral-yellow .text[data-v-40cae559] {
    padding-top: .325rem;
    color: #e2c87b
}

.yellow-dark .table-header[data-v-40cae559],
.auroral-yellow .table-header[data-v-40cae559] {
    color: rgba(255, 255, 255, .4);
    background: rgba(255, 255, 255, .1)
}

.yellow-dark .table-item[data-v-40cae559],
.auroral-yellow .table-item[data-v-40cae559] {
    font-size: .75rem;
    font-weight: 700;
    text-align: center
}

.yellow-dark .table-item .left-item[data-v-40cae559],
.auroral-yellow .table-item .left-item[data-v-40cae559] {
    color: rgba(255, 255, 255, .8)
}

.yellow-dark .table-item .right-item[data-v-40cae559],
.auroral-yellow .table-item .right-item[data-v-40cae559] {
    color: var(--accent-color-orange)
}

.yellow-dark .table-item[data-v-40cae559]:nth-child(odd),
.auroral-yellow .table-item[data-v-40cae559]:nth-child(odd) {
    background: rgba(0, 0, 0, .1)
}

.yellow-dark .rule-content[data-v-40cae559],
.auroral-yellow .rule-content[data-v-40cae559] {
    font-weight: 500;
    font-size: .75rem;
    line-height: 1.25rem;
    color: rgba(255, 255, 255, .4);
    margin-top: .875rem
}

.yellow-dark .commission-rule[data-v-40cae559],
.auroral-yellow .commission-rule[data-v-40cae559] {
    margin: .875rem .75rem 0
}

.yellow-dark .commission-rule[data-v-40cae559] .ruleHeader,
.auroral-yellow .commission-rule[data-v-40cae559] .ruleHeader {
    text-align: left;
    justify-content: flex-start;
    margin-bottom: 1rem
}

.yellow-dark .commission-rule[data-v-40cae559] .ruleHeader .span-cls,
.auroral-yellow .commission-rule[data-v-40cae559] .ruleHeader .span-cls {
    font-weight: 500;
    font-size: 1rem;
    color: var(--ep-color-text-default, #fff);
    line-height: 1.25rem;
    margin: 0
}

.yellow-dark .commission-rule[data-v-40cae559] .item-wrap,
.auroral-yellow .commission-rule[data-v-40cae559] .item-wrap {
    padding: 0 0 0 .375rem
}

.yellow-dark .commission-rule[data-v-40cae559] .item-wrap .rule-item,
.auroral-yellow .commission-rule[data-v-40cae559] .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
}

.yellow-dark .footer[data-v-40cae559],
.auroral-yellow .footer[data-v-40cae559] {
    border-top: 1px solid #292D36;
    box-shadow: none;
    padding: 16px 14px
}

.amber-purple .topcontent[data-v-40cae559] {
    background: url(/images/activity/commission/bg.png) no-repeat;
    background-size: contain;
    width: 100%;
    height: 19.375rem;
    position: relative
}

.amber-purple .topcontent-text[data-v-40cae559] {
    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
}

.amber-purple .topcontent-text-title[data-v-40cae559] {
    font-size: .625rem;
    color: #39f61e;
    font-family: Noto Sans SC;
    font-weight: 900;
    line-height: 1
}

.amber-purple .topcontent-text-content[data-v-40cae559] {
    padding: .2rem 0 0;
    font-size: 1.25rem;
    font-weight: 900;
    color: #ff3f0f;
    line-height: 1
}

.amber-purple .text[data-v-40cae559] {
    padding-top: .325rem;
    color: #e2c87b
}

.amber-purple .table-header[data-v-40cae559] {
    color: rgba(255, 255, 255, .4);
    background: rgba(255, 255, 255, .1)
}

.amber-purple .table-item[data-v-40cae559] {
    font-size: .75rem;
    font-weight: 700;
    text-align: center
}

.amber-purple .table-item .left-item[data-v-40cae559] {
    color: rgba(255, 255, 255, .8)
}

.amber-purple .table-item .right-item[data-v-40cae559] {
    color: var(--accent-color-orange)
}

.amber-purple .table-item[data-v-40cae559]:nth-child(odd) {
    background: rgba(0, 0, 0, .1)
}

.amber-purple .rule-content[data-v-40cae559] {
    font-weight: 500;
    font-size: .75rem;
    line-height: 1.25rem;
    color: rgba(255, 255, 255, .4);
    margin-top: .875rem
}

.amber-purple .commission-rule[data-v-40cae559] {
    margin: .875rem .75rem 0
}

.amber-purple .commission-rule[data-v-40cae559] .ruleHeader {
    text-align: left;
    justify-content: flex-start;
    margin-bottom: 1rem
}

.amber-purple .commission-rule[data-v-40cae559] .ruleHeader .span-cls {
    font-weight: 500;
    font-size: 1rem;
    color: var(--ep-color-text-default, #fff);
    line-height: 1.25rem;
    margin: 0
}

.amber-purple .commission-rule[data-v-40cae559] .item-wrap {
    padding: 0 0 0 .375rem
}

.amber-purple .commission-rule[data-v-40cae559] .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
}

.amber-purple .footer[data-v-40cae559] {
    border-top: 1px solid #5F588C;
    box-shadow: none;
    padding: 16px 14px
}

.commission-content[data-v-40cae559] {
    --padding-bottom: 7.5rem
}

.topcontent .Light-effect[data-v-40cae559] {
    position: absolute;
    width: 90%;
    height: 1.5625rem;
    bottom: .375rem;
    left: 50%;
    transform: translate(-50%);
    border-radius: 25rem;
    background: var(--ep-color-background-fill-glow-primary-opacity-100, var(--theme-color-800));
    filter: blur(40.34999847px);
    z-index: 99999 !important;
    opacity: .4
}

.topcontent .text-title[data-v-40cae559] {
    position: absolute;
    width: 100%;
    height: 2.3rem;
    bottom: -.3125rem;
    left: .1rem;
    display: flex;
    justify-content: center
}

.topcontent .text-title .inner[data-v-40cae559] {
    height: 2rem;
    width: 80%;
    border-radius: 95%
}

@keyframes shine-40cae559 {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(.6)
    }

    to {
        transform: scale(1.16)
    }
}

.new-skin-symbol .topcontent[data-v-40cae559] {
    background: url(/images/activity/commission/bg.png) no-repeat;
    background-size: contain;
    width: 100%;
    height: 19.375rem;
    position: relative
}

.new-skin-symbol .topcontent-text[data-v-40cae559] {
    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: none;
    border: none
}

.new-skin-symbol .topcontent-text-title[data-v-40cae559] {
    font-size: .625rem;
    color: #29861c;
    font-family: Noto Sans SC;
    font-weight: 900;
    line-height: 1
}

.new-skin-symbol .topcontent-text-content[data-v-40cae559] {
    padding: .2rem 0 0;
    font-size: 1.25rem;
    font-weight: 900;
    color: var(--ep-color-text-danger);
    line-height: 1
}

.new-skin-symbol .text[data-v-40cae559] {
    padding-top: .325rem;
    color: var(--ep-color-text-highlight)
}

.new-skin-symbol .table-header[data-v-40cae559] {
    color: rgba(255, 255, 255, .4);
    background: rgba(255, 255, 255, .1)
}

.new-skin-symbol .table-item[data-v-40cae559] {
    font-size: .75rem;
    font-weight: 700;
    text-align: center
}

.new-skin-symbol .table-item .left-item[data-v-40cae559] {
    color: rgba(255, 255, 255, .8)
}

.new-skin-symbol .table-item .right-item[data-v-40cae559] {
    color: var(--accent-color-orange)
}

.new-skin-symbol .table-item[data-v-40cae559]:nth-child(odd) {
    background: rgba(0, 0, 0, .1)
}

.new-skin-symbol .rule-content[data-v-40cae559] {
    font-weight: 500;
    font-size: .75rem;
    line-height: 1.25rem;
    color: var(--ep-color-text-weaker);
    margin-top: .875rem
}

.new-skin-symbol .commission-rule[data-v-40cae559] {
    margin: .875rem .75rem 0
}

.new-skin-symbol .commission-rule[data-v-40cae559] .ruleHeader {
    text-align: left;
    justify-content: flex-start;
    margin-bottom: 1rem
}

.new-skin-symbol .commission-rule[data-v-40cae559] .ruleHeader .span-cls {
    font-weight: 500;
    font-size: 1rem;
    color: var(--ep-color-text-default, #fff);
    line-height: 1.25rem;
    margin: 0
}

.new-skin-symbol .commission-rule[data-v-40cae559] .item-wrap {
    padding: 0 0 0 .375rem
}

.new-skin-symbol .commission-rule[data-v-40cae559] .item-wrap .rule-item {
    font-weight: 500;
    font-size: .75rem;
    line-height: 1.25rem;
    color: var(--ep-color-text-weaker);
    white-space: pre-line;
    margin-bottom: 1rem
}

.new-skin-symbol .footer[data-v-40cae559] {
    border-top: 1px solid var(--ep-color-border-default);
    box-shadow: none;
    padding: 16px 14px
}

.new-skin-symbol .list .table-header[data-v-40cae559] {
    background: var(--ep-color-background-fill-surface-raised-L2)
}

.new-skin-symbol .list .table-header span[data-v-40cae559] {
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol .list .table-item span[data-v-40cae559] {
    color: var(--ep-color-text-warning)
}

.new-skin-symbol .list .table-item[data-v-40cae559]:nth-child(odd) {
    background: var(--ep-color-background-fill-surface-lowered)
}

.new-skin-symbol .rule-content .title[data-v-40cae559] {
    color: var(--ep-color-text-default)
}

.new-skin-symbol .topcontent-text-title[data-v-40cae559] {
    font-size: var(--ep-font-size-xs);
    font-weight: var(--ep-font-weight-bold)
}

.new-skin-symbol .topcontent-text-content[data-v-40cae559] {
    font-size: var(--ep-border-radius-surface-large);
    font-weight: var(--ep-font-weight-bold)
}

.new-skin-symbol .text[data-v-40cae559] {
    font-size: var(--ep-font-size-xl);
    font-weight: var(--ep-font-weight-bold)
}

.new-skin-symbol .table-header[data-v-40cae559] {
    border-radius: var(--ep-border-radius-s) var(--ep-border-radius-s) 0 0
}

.new-skin-symbol .table-header span[data-v-40cae559],
.new-skin-symbol .table-item[data-v-40cae559] {
    font-size: var(--ep-font-size-s);
    font-weight: var(--ep-font-weight-bold)
}

.new-skin-symbol .rule-content[data-v-40cae559] {
    font-size: var(--ep-font-size-s);
    font-weight: var(--ep-font-weight-regular)
}

.new-skin-symbol .rule-content .title[data-v-40cae559] {
    font-weight: var(--ep-font-weight-medium)
}

.color-primary-600[data-v-d61dbfb1] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-d61dbfb1] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-d61dbfb1] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-d61dbfb1] {
    color: var(--color-primary-900)
}

.bg-100[data-v-d61dbfb1] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-d61dbfb1] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-d61dbfb1] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-d61dbfb1] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-d61dbfb1] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-d61dbfb1] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-d61dbfb1] {
    background-color: var(--color-warning)
}

.bg-link[data-v-d61dbfb1] {
    background-color: var(--color-link)
}

.bg-danger[data-v-d61dbfb1] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-d61dbfb1] {
    color: var(--color-text-100)
}

.color-text-80[data-v-d61dbfb1] {
    color: var(--color-text-80)
}

.color-text-50[data-v-d61dbfb1] {
    color: var(--color-text-50)
}

.color-text-40[data-v-d61dbfb1] {
    color: var(--color-text-40)
}

.color-text-20[data-v-d61dbfb1] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-d61dbfb1] {
    color: var(--color-currency)
}

.color-warning[data-v-d61dbfb1] {
    color: var(--color-warning)
}

.color-danger[data-v-d61dbfb1] {
    color: var(--color-danger)
}

.color-link[data-v-d61dbfb1] {
    color: var(--color-link)
}

.color-line[data-v-d61dbfb1] {
    color: var(--color-line)
}

.color-border[data-v-d61dbfb1] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-d61dbfb1] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-d61dbfb1] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-d61dbfb1] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-d61dbfb1] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-d61dbfb1] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-d61dbfb1] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-d61dbfb1] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-d61dbfb1] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-d61dbfb1] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-d61dbfb1] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-d61dbfb1] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-d61dbfb1] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-d61dbfb1] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-d61dbfb1] {
    display: flex;
    align-items: center
}

.flex-start[data-v-d61dbfb1] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-d61dbfb1] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-d61dbfb1] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-d61dbfb1] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-d61dbfb1] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-d61dbfb1] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-d61dbfb1] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-d61dbfb1] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-d61dbfb1] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-d61dbfb1] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-d61dbfb1] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-d61dbfb1] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-d61dbfb1] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-d61dbfb1] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-d61dbfb1] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-d61dbfb1] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-d61dbfb1] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-d61dbfb1] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-d61dbfb1] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-d61dbfb1] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-d61dbfb1] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-d61dbfb1] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-d61dbfb1] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-d61dbfb1] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-d61dbfb1],
.mlm-selected-item[data-v-d61dbfb1] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-d61dbfb1] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-d61dbfb1]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-d61dbfb1] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-d61dbfb1] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-d61dbfb1] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-header ion-toolbar[data-v-d61dbfb1] {
    --background: #025033;
    box-shadow: 0 4px 28.4px rgba(0, 0, 0, .1)
}

ion-content[data-v-d61dbfb1]::part(background) {
    background: #013622
}

.commission-title[data-v-d61dbfb1] {
    color: #fff
}

.table-header[data-v-d61dbfb1] {
    color: rgba(255, 255, 255, .4)
}

.table-item .left-item[data-v-d61dbfb1] {
    color: rgba(255, 255, 255, .8)
}

.table-item .right-item[data-v-d61dbfb1] {
    color: #df8644
}

.text[data-v-d61dbfb1] {
    padding-top: .325rem;
    color: #e2c87b
}

.reward-item-bg[data-v-d61dbfb1] {
    background-color: rgba(0, 0, 0, .1)
}

.bg-slate-50-a[data-v-d61dbfb1] {
    background-color: rgba(255, 255, 255, .1)
}

.commission-content[data-v-d61dbfb1] {
    --padding-bottom: 7.5rem
}

.topcontent[data-v-d61dbfb1] {
    background: url(/images/activity/commission/bg.png) no-repeat;
    background-size: contain;
    width: 100%;
    height: 19.375rem;
    position: relative
}

.topcontent-text[data-v-d61dbfb1] {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding-top: 12.3rem
}

.topcontent-text-title[data-v-d61dbfb1] {
    padding-top: .3rem;
    font-size: .625rem;
    color: #29861c;
    font-family: Noto Sans SC;
    font-weight: 900;
    line-height: .8rem
}

.topcontent-text-content[data-v-d61dbfb1] {
    font-size: 1.25rem;
    color: #e43f11;
    line-height: 1
}

.topcontent .st-light-1[data-v-d61dbfb1] {
    position: absolute;
    width: 6rem;
    height: 6rem;
    left: .6rem;
    top: 6rem;
    animation: shine-d61dbfb1 1.5s infinite linear;
    animation-delay: 0s;
    background: url(/images/activity/commission/st-light-1.png) no-repeat;
    background-size: 100% 100%
}

.topcontent .st-light-2[data-v-d61dbfb1] {
    position: absolute;
    width: 6rem;
    height: 6rem;
    left: 5.5rem;
    top: 2.3rem;
    animation: shine-d61dbfb1 1.1s infinite linear;
    animation-delay: .8s;
    background: url(/images/activity/commission/st-light-2.png) no-repeat;
    background-size: 100% 100%
}

.topcontent .st-light-3[data-v-d61dbfb1] {
    position: absolute;
    width: 6rem;
    height: 6rem;
    left: 2.7rem;
    top: 8.6rem;
    animation: shine-d61dbfb1 1s infinite linear;
    animation-delay: .6s;
    background: url(/images/activity/commission/st-light-3.png) no-repeat;
    background-size: 100% 100%
}

.topcontent .st-light-4[data-v-d61dbfb1] {
    position: absolute;
    width: 6rem;
    height: 6rem;
    left: 17.4rem;
    top: 5rem;
    animation: shine-d61dbfb1 1.2s infinite linear;
    animation-delay: 1.3s;
    background: url(/images/activity/commission/st-light-4.png) no-repeat;
    background-size: 100% 100%
}

@keyframes shine-d61dbfb1 {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(.6)
    }

    to {
        transform: scale(1.16)
    }
}

.topcontent .text-title[data-v-d61dbfb1] {
    background: url(/images/activity/commission/Ellipse1.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    width: 100%;
    height: 2.3rem;
    bottom: -.3125rem;
    left: .1rem;
    display: flex;
    justify-content: center
}

.topcontent .text-title .inner[data-v-d61dbfb1] {
    height: 2rem;
    width: 80%;
    border-radius: 95%;
    background: rgba(228, 254, 150, .4);
    filter: blur(2.3rem)
}

.footer[data-v-d61dbfb1] {
    background: #005029 !important;
    border-top: 1px solid #026C38 !important;
    box-shadow: none !important;
    padding: 16px 14px !important
}

.rule-content[data-v-d61dbfb1] {
    font-weight: 500;
    font-size: .75rem;
    line-height: 1.25rem;
    color: rgba(255, 255, 255, .4);
    margin-top: .875rem
}

.commission-rule[data-v-d61dbfb1] {
    margin-top: .875rem
}

.commission-rule[data-v-d61dbfb1] .ruleHeader {
    text-align: left;
    justify-content: flex-start;
    margin-bottom: 1rem
}

.commission-rule[data-v-d61dbfb1] .ruleHeader .span-cls {
    margin: 0;
    font-size: 1rem
}

.commission-rule[data-v-d61dbfb1] .item-wrap {
    padding: 0 0 0 .375rem
}

.commission-rule[data-v-d61dbfb1] .item-wrap .rule-item {
    font-weight: 500;
    font-size: .75rem;
    line-height: 1.25rem;
    color: rgba(255, 255, 255, .4);
    white-space: pre-line
}

.commission[data-v-d61dbfb1] {
    width: 22.875rem;
    height: 2.9375rem;
    margin: .625rem auto;
    border-radius: 3.25rem;
    background: linear-gradient(94.57deg, #ffd417 11.55%, #f6da59 56.45%, #cf804f 97.07%);
    box-shadow: 0 4px 20px rgba(255, 142, 86, .26);
    text-align: center;
    line-height: 2.9375rem;
    font-size: 1.125rem;
    font-weight: 700;
    color: #613b0e;
    cursor: pointer
}

.disabled[data-v-d61dbfb1] {
    opacity: .4;
    cursor: not-allowed;
    pointer-events: none
}

.shiny[data-v-d61dbfb1] {
    position: relative;
    overflow: hidden;
    border-radius: .25rem
}

.shiny[data-v-d61dbfb1]:before {
    content: "";
    display: inline-block;
    height: 100%;
    left: 0;
    position: absolute;
    top: -180px;
    width: 30px;
    z-index: 99;
    animation: shiny-d61dbfb1 4s ease-in-out infinite
}

@keyframes shiny-d61dbfb1 {
    0% {
        opacity: 0;
        transform: scale(0) rotate(45deg)
    }

    80% {
        opacity: .5;
        transform: scale(0) rotate(45deg)
    }

    81% {
        opacity: 1;
        transform: scale(4) rotate(45deg)
    }

    to {
        opacity: 0;
        transform: scale(50) rotate(45deg)
    }
}

.color-primary-600[data-v-234d867a] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-234d867a] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-234d867a] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-234d867a] {
    color: var(--color-primary-900)
}

.bg-100[data-v-234d867a] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-234d867a] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-234d867a] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-234d867a] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-234d867a] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-234d867a] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-234d867a] {
    background-color: var(--color-warning)
}

.bg-link[data-v-234d867a] {
    background-color: var(--color-link)
}

.bg-danger[data-v-234d867a] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-234d867a] {
    color: var(--color-text-100)
}

.color-text-80[data-v-234d867a] {
    color: var(--color-text-80)
}

.color-text-50[data-v-234d867a] {
    color: var(--color-text-50)
}

.color-text-40[data-v-234d867a] {
    color: var(--color-text-40)
}

.color-text-20[data-v-234d867a] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-234d867a] {
    color: var(--color-currency)
}

.color-warning[data-v-234d867a] {
    color: var(--color-warning)
}

.color-danger[data-v-234d867a] {
    color: var(--color-danger)
}

.color-link[data-v-234d867a] {
    color: var(--color-link)
}

.color-line[data-v-234d867a] {
    color: var(--color-line)
}

.color-border[data-v-234d867a] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-234d867a] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-234d867a] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-234d867a] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-234d867a] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-234d867a] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-234d867a] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-234d867a] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-234d867a] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-234d867a] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-234d867a] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-234d867a] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-234d867a] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-234d867a] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-234d867a] {
    display: flex;
    align-items: center
}

.flex-start[data-v-234d867a] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-234d867a] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-234d867a] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-234d867a] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-234d867a] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-234d867a] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-234d867a] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-234d867a] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-234d867a] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-234d867a] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-234d867a] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-234d867a] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-234d867a] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-234d867a] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-234d867a] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-234d867a] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-234d867a] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-234d867a] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-234d867a] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-234d867a] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-234d867a] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-234d867a] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-234d867a] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-234d867a] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-234d867a],
.mlm-selected-item[data-v-234d867a] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-234d867a] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-234d867a]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-234d867a] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-234d867a] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-234d867a] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-content.commission-detail-content[data-v-234d867a] {
    --padding-bottom: 120px
}

.table-header[data-v-234d867a] {
    color: rgba(255, 255, 255, .4);
    background: rgba(255, 255, 255, .1)
}

.text[data-v-234d867a] {
    color: #e2c87b
}

.table-item .left-item[data-v-234d867a] {
    color: rgba(255, 255, 255, .8)
}

.table-item .right-item[data-v-234d867a] {
    color: var(--accent-color-orange)
}

.table-item[data-v-234d867a]:nth-child(2n) {
    background: rgba(0, 0, 0, .1)
}

.new-skin-symbol .style_0 .text[data-v-234d867a] {
    color: var(--ep-color-text-highlight)
}

.new-skin-symbol .style_0 .list .table-header[data-v-234d867a] {
    background: var(--ep-color-background-fill-surface-raised-L2);
    border-radius: var(--ep-border-radius-s) var(--ep-border-radius-s) 0 0
}

.new-skin-symbol .style_0 .list .table-header span[data-v-234d867a] {
    color: var(--ep-color-text-weaker);
    font-size: var(--ep-font-size-s);
    font-weight: var(--ep-font-weight-bold)
}

.new-skin-symbol .style_0 .table-item[data-v-234d867a] {
    font-size: var(--ep-font-size-s)
}

.new-skin-symbol .style_0 .table-item .left-item[data-v-234d867a] {
    color: var(--ep-color-text-default);
    font-weight: var(--ep-font-weight-regular)
}

.new-skin-symbol .style_0 .table-item .right-item[data-v-234d867a] {
    color: var(--ep-color-text-warning);
    font-weight: var(--ep-font-weight-bold)
}

.new-skin-symbol .style_0 .table-item[data-v-234d867a]:nth-child(odd) {
    background: var(--ep-color-background-fill-surface-lowered)
}

.new-skin-symbol .style_0 .text[data-v-234d867a] {
    font-size: var(--ep-font-size-xl);
    font-weight: var(--ep-font-weight-bold)
}

.color-primary-600[data-v-41b81040] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-41b81040] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-41b81040] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-41b81040] {
    color: var(--color-primary-900)
}

.bg-100[data-v-41b81040] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-41b81040] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-41b81040] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-41b81040] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-41b81040] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-41b81040] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-41b81040] {
    background-color: var(--color-warning)
}

.bg-link[data-v-41b81040] {
    background-color: var(--color-link)
}

.bg-danger[data-v-41b81040] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-41b81040] {
    color: var(--color-text-100)
}

.color-text-80[data-v-41b81040] {
    color: var(--color-text-80)
}

.color-text-50[data-v-41b81040] {
    color: var(--color-text-50)
}

.color-text-40[data-v-41b81040] {
    color: var(--color-text-40)
}

.color-text-20[data-v-41b81040] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-41b81040] {
    color: var(--color-currency)
}

.color-warning[data-v-41b81040] {
    color: var(--color-warning)
}

.color-danger[data-v-41b81040] {
    color: var(--color-danger)
}

.color-link[data-v-41b81040] {
    color: var(--color-link)
}

.color-line[data-v-41b81040] {
    color: var(--color-line)
}

.color-border[data-v-41b81040] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-41b81040] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-41b81040] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-41b81040] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-41b81040] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-41b81040] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-41b81040] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-41b81040] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-41b81040] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-41b81040] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-41b81040] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-41b81040] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-41b81040] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-41b81040] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-41b81040] {
    display: flex;
    align-items: center
}

.flex-start[data-v-41b81040] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-41b81040] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-41b81040] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-41b81040] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-41b81040] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-41b81040] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-41b81040] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-41b81040] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-41b81040] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-41b81040] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-41b81040] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-41b81040] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-41b81040] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-41b81040] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-41b81040] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-41b81040] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-41b81040] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-41b81040] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-41b81040] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-41b81040] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-41b81040] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-41b81040] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-41b81040] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-41b81040] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-41b81040],
.mlm-selected-item[data-v-41b81040] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-41b81040] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-41b81040]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-41b81040] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-41b81040] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-41b81040] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

[data-v-41b81040] .purple-light.style_0 .text {
    color: #ff8c00
}

[data-v-41b81040] .purple-light.style_0 .table-header {
    background: #e0d0ff;
    color: rgba(64, 61, 79, .5)
}

[data-v-41b81040] .purple-light.style_0 .table-item .left-item {
    color: #403d4f
}

[data-v-41b81040] .purple-light.style_0 .table-item .right-item {
    color: #df8644
}

[data-v-41b81040] .purple-light.style_0 .table-item:nth-child(2n) {
    background: #e0d0ff
}

.color-primary-600[data-v-3c8005be] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-3c8005be] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-3c8005be] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-3c8005be] {
    color: var(--color-primary-900)
}

.bg-100[data-v-3c8005be] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-3c8005be] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-3c8005be] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-3c8005be] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-3c8005be] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-3c8005be] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-3c8005be] {
    background-color: var(--color-warning)
}

.bg-link[data-v-3c8005be] {
    background-color: var(--color-link)
}

.bg-danger[data-v-3c8005be] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-3c8005be] {
    color: var(--color-text-100)
}

.color-text-80[data-v-3c8005be] {
    color: var(--color-text-80)
}

.color-text-50[data-v-3c8005be] {
    color: var(--color-text-50)
}

.color-text-40[data-v-3c8005be] {
    color: var(--color-text-40)
}

.color-text-20[data-v-3c8005be] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-3c8005be] {
    color: var(--color-currency)
}

.color-warning[data-v-3c8005be] {
    color: var(--color-warning)
}

.color-danger[data-v-3c8005be] {
    color: var(--color-danger)
}

.color-link[data-v-3c8005be] {
    color: var(--color-link)
}

.color-line[data-v-3c8005be] {
    color: var(--color-line)
}

.color-border[data-v-3c8005be] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-3c8005be] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-3c8005be] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-3c8005be] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-3c8005be] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-3c8005be] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-3c8005be] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-3c8005be] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-3c8005be] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-3c8005be] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-3c8005be] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-3c8005be] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-3c8005be] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-3c8005be] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-3c8005be] {
    display: flex;
    align-items: center
}

.flex-start[data-v-3c8005be] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-3c8005be] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-3c8005be] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-3c8005be] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-3c8005be] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-3c8005be] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-3c8005be] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-3c8005be] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-3c8005be] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-3c8005be] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-3c8005be] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-3c8005be] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-3c8005be] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-3c8005be] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-3c8005be] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-3c8005be] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-3c8005be] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-3c8005be] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-3c8005be] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-3c8005be] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-3c8005be] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-3c8005be] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-3c8005be] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-3c8005be] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-3c8005be],
.mlm-selected-item[data-v-3c8005be] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-3c8005be] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-3c8005be]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-3c8005be] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-3c8005be] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-3c8005be] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-header ion-toolbar[data-v-3c8005be] {
    --background: #025033;
    box-shadow: 0 4px 28.4px rgba(0, 0, 0, .1)
}

ion-content[data-v-3c8005be]::part(background) {
    background: #013622
}

.commission-title[data-v-3c8005be] {
    color: #fff
}

.table-header[data-v-3c8005be] {
    color: rgba(255, 255, 255, .4)
}

.table-item .left-item[data-v-3c8005be] {
    color: rgba(255, 255, 255, .8)
}

.table-item .right-item[data-v-3c8005be] {
    color: #df8644
}

.text[data-v-3c8005be] {
    padding-top: .325rem;
    color: #e2c87b
}

.reward-item-bg[data-v-3c8005be] {
    background-color: rgba(0, 0, 0, .1)
}

.bg-slate-50-a[data-v-3c8005be] {
    background-color: rgba(255, 255, 255, .1)
}

[data-v-3c8005be] .style_1 ion-content::part(background) {
    background: #013622
}

[data-v-3c8005be] .style_1 .table-item .right-item {
    color: #df8644
}

.color-primary-600[data-v-b40d1073] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-b40d1073] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-b40d1073] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-b40d1073] {
    color: var(--color-primary-900)
}

.bg-100[data-v-b40d1073] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-b40d1073] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-b40d1073] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-b40d1073] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-b40d1073] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-b40d1073] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-b40d1073] {
    background-color: var(--color-warning)
}

.bg-link[data-v-b40d1073] {
    background-color: var(--color-link)
}

.bg-danger[data-v-b40d1073] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-b40d1073] {
    color: var(--color-text-100)
}

.color-text-80[data-v-b40d1073] {
    color: var(--color-text-80)
}

.color-text-50[data-v-b40d1073] {
    color: var(--color-text-50)
}

.color-text-40[data-v-b40d1073] {
    color: var(--color-text-40)
}

.color-text-20[data-v-b40d1073] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-b40d1073] {
    color: var(--color-currency)
}

.color-warning[data-v-b40d1073] {
    color: var(--color-warning)
}

.color-danger[data-v-b40d1073] {
    color: var(--color-danger)
}

.color-link[data-v-b40d1073] {
    color: var(--color-link)
}

.color-line[data-v-b40d1073] {
    color: var(--color-line)
}

.color-border[data-v-b40d1073] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-b40d1073] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-b40d1073] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-b40d1073] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-b40d1073] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-b40d1073] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-b40d1073] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-b40d1073] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-b40d1073] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-b40d1073] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-b40d1073] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-b40d1073] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-b40d1073] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-b40d1073] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-b40d1073] {
    display: flex;
    align-items: center
}

.flex-start[data-v-b40d1073] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-b40d1073] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-b40d1073] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-b40d1073] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-b40d1073] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-b40d1073] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-b40d1073] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-b40d1073] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-b40d1073] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-b40d1073] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-b40d1073] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-b40d1073] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-b40d1073] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-b40d1073] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-b40d1073] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-b40d1073] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-b40d1073] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-b40d1073] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-b40d1073] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-b40d1073] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-b40d1073] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-b40d1073] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-b40d1073] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-b40d1073] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-b40d1073],
.mlm-selected-item[data-v-b40d1073] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-b40d1073] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-b40d1073]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-b40d1073] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-b40d1073] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-b40d1073] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.lucky-grid-container[data-v-b40d1073] {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.color-primary-600[data-v-a5277f4d] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-a5277f4d] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-a5277f4d] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-a5277f4d] {
    color: var(--color-primary-900)
}

.bg-100[data-v-a5277f4d] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-a5277f4d] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-a5277f4d] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-a5277f4d] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-a5277f4d] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-a5277f4d] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-a5277f4d] {
    background-color: var(--color-warning)
}

.bg-link[data-v-a5277f4d] {
    background-color: var(--color-link)
}

.bg-danger[data-v-a5277f4d] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-a5277f4d] {
    color: var(--color-text-100)
}

.color-text-80[data-v-a5277f4d] {
    color: var(--color-text-80)
}

.color-text-50[data-v-a5277f4d] {
    color: var(--color-text-50)
}

.color-text-40[data-v-a5277f4d] {
    color: var(--color-text-40)
}

.color-text-20[data-v-a5277f4d] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-a5277f4d] {
    color: var(--color-currency)
}

.color-warning[data-v-a5277f4d] {
    color: var(--color-warning)
}

.color-danger[data-v-a5277f4d] {
    color: var(--color-danger)
}

.color-link[data-v-a5277f4d] {
    color: var(--color-link)
}

.color-line[data-v-a5277f4d] {
    color: var(--color-line)
}

.color-border[data-v-a5277f4d] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-a5277f4d] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-a5277f4d] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-a5277f4d] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-a5277f4d] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-a5277f4d] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-a5277f4d] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-a5277f4d] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-a5277f4d] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-a5277f4d] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-a5277f4d] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-a5277f4d] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-a5277f4d] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-a5277f4d] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-a5277f4d] {
    display: flex;
    align-items: center
}

.flex-start[data-v-a5277f4d] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-a5277f4d] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-around[data-v-a5277f4d] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-a5277f4d] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-a5277f4d] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-a5277f4d] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-a5277f4d] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-a5277f4d] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-a5277f4d] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-a5277f4d] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-a5277f4d] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-a5277f4d] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-a5277f4d] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-a5277f4d] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-a5277f4d] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-a5277f4d] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-a5277f4d] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-a5277f4d] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-a5277f4d] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-a5277f4d] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-a5277f4d] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-a5277f4d] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-a5277f4d] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-a5277f4d],
.mlm-selected-item[data-v-a5277f4d] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-a5277f4d] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-a5277f4d]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-a5277f4d] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-a5277f4d] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-a5277f4d] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.yellow-dark .flex-center[data-v-a5277f4d] {
    display: flex;
    align-items: center;
    justify-content: center
}

.yellow-dark ion-content[data-v-a5277f4d] {
    --background: var(--ep-color-background-fill-body-default, #1B1B19);
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.yellow-dark .bg-image[data-v-a5277f4d] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.25rem 1.25rem 0;
    background: url(/assets/bg-UMozyvcC.png) no-repeat center center, url(/assets/bg2-DL3iOUwE.png) no-repeat center .1875rem;
    background-size: 100% 100%, contain;
    margin: .3125rem .3125rem 0
}

.yellow-dark .bg-image img[data-v-a5277f4d] {
    width: 100%;
    height: 100%
}

.yellow-dark .title-container[data-v-a5277f4d] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 1.25rem 1.25rem 0
}

.yellow-dark .title-container .title-text[data-v-a5277f4d] {
    color: var(--ep-color-text-warning, #FC974C);
    font: var(--ep-font-weight-blod, 700) var(--ep-font-size-xl, 1.125rem)/150% var(--ep-font-family, Manrope);
    padding: 0 10px
}

.yellow-dark[data-v-a5277f4d] .lucky-grid-button {
    margin-top: .875rem;
    width: 22.75rem;
    height: 3.875rem;
    border-radius: var(--ep-border-radius-m, 6px);
    border: 1px solid var(--ep-color-border-default, #181816);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 17.6px rgba(21, 23, 138, 0);
    background-color: var(--ep-color-background-fill-body-default, #1B1B19)
}

.yellow-dark[data-v-a5277f4d] .lucky-grid-button-disabled {
    margin-top: .875rem;
    width: 22.75rem;
    height: 3.875rem;
    border-radius: var(--ep-border-radius-m, 6px);
    border: 1px solid var(--ep-color-border-default, #181816);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 17.6px rgba(21, 23, 138, 0);
    background-color: var(--ep-color-background-fill-surface-raised-L2, #181816)
}

.yellow-dark[data-v-a5277f4d] .lucky-grid-button-text {
    height: 2.5rem;
    width: 15.75rem;
    font-size: var(--ep-font-size-xl, 1.125rem);
    line-height: 2.5rem;
    border-radius: var(--ep-border-radius-m, 6px);
    cursor: pointer;
    text-align: center;
    background: var(--ep-color-background-fill-active-primary, #FEB805);
    color: var(--ep-color-text-inverse, #2D2D2D);
    font-weight: var(--ep-font-weight-blod, 700)
}

.yellow-dark[data-v-a5277f4d] .lucky-grid-button-text-disabled {
    opacity: .4;
    height: 2.5rem;
    width: 15.75rem;
    font-size: var(--ep-font-size-xl, 1.125rem);
    line-height: 2.5rem;
    border-radius: var(--ep-border-radius-m, 6px);
    cursor: pointer;
    text-align: center;
    background: var(--ep-color-background-fill-active-primary, #FEB805);
    color: var(--ep-color-text-inverse, #2D2D2D);
    font-weight: var(--ep-font-weight-blod, 700);
    pointer-events: none
}

.yellow-dark .info-title[data-v-a5277f4d] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.25rem 1.25rem .4rem
}

.yellow-dark .info-title svg[data-v-a5277f4d] {
    width: 1.5rem;
    height: 1.5rem
}

.yellow-dark .info-title-text[data-v-a5277f4d] {
    color: var(--ep-color-text-default, #FFF);
    font: var(--ep-font-weight-blod, 700) var(--ep-font-size-l, 1rem)/150% var(--ep-font-family, Manrope);
    padding: 0 10px
}

.yellow-dark .rule-text[data-v-a5277f4d] {
    width: 22.75rem;
    margin: 0 auto;
    color: var(--ep-color-text-weaker, rgba(255, 255, 255, .4));
    font-size: var(--ep-font-size-s, .75rem);
    padding: 0 .75rem;
    line-height: 150%;
    margin-bottom: .8rem
}

.yellow-dark .newuser-rule[data-v-a5277f4d] .item-wrap {
    padding: 0
}

.yellow-dark .newuser-rule[data-v-a5277f4d] .item-wrap .rule-content .rule-text {
    width: 22.75rem;
    color: var(--ep-color-text-weaker, rgba(255, 255, 255, .4));
    font-size: var(--ep-font-size-s, .75rem);
    padding: 0 .75rem;
    line-height: 150%;
    margin: 0 auto .8rem
}

.yellow-dark[data-v-a5277f4d] .lucky-grid-button-text-disabled {
    opacity: 1;
    background: #e0c57e;
    color: rgba(45, 45, 45, .6)
}

.auroral-yellow .flex-center[data-v-a5277f4d] {
    display: flex;
    align-items: center;
    justify-content: center
}

.auroral-yellow ion-content[data-v-a5277f4d] {
    --background: var(--ep-color-background-fill-body-default, #191919);
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.auroral-yellow .bg-image[data-v-a5277f4d] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.25rem 1.25rem 0;
    background: url(/assets/bg-UMozyvcC.png) no-repeat center center, url(/assets/bg2-DL3iOUwE.png) no-repeat center .1875rem;
    background-size: 100% 100%, contain;
    margin: .3125rem .3125rem 0
}

.auroral-yellow .bg-image img[data-v-a5277f4d] {
    width: 100%;
    height: 100%
}

.auroral-yellow .title-container[data-v-a5277f4d] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 1.25rem 1.25rem 0
}

.auroral-yellow .title-container .title-text[data-v-a5277f4d] {
    color: var(--ep-color-text-warning, #FC974C);
    font: var(--ep-font-weight-blod, 700) var(--ep-font-size-xl, 1.125rem)/150% var(--ep-font-family, Manrope);
    padding: 0 10px
}

.auroral-yellow[data-v-a5277f4d] .lucky-grid-button {
    margin-top: .875rem;
    width: 22.75rem;
    height: 3.875rem;
    border-radius: var(--ep-border-radius-m, 6px);
    border: 1px solid var(--ep-color-border-default, #191919);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 17.6px rgba(21, 23, 138, 0);
    background-color: var(--ep-color-background-fill-body-default, #191919)
}

.auroral-yellow[data-v-a5277f4d] .lucky-grid-button-disabled {
    margin-top: .875rem;
    width: 22.75rem;
    height: 3.875rem;
    border-radius: var(--ep-border-radius-m, 6px);
    border: 1px solid var(--ep-color-border-default, #191919);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 17.6px rgba(21, 23, 138, 0);
    background-color: var(--ep-color-background-fill-surface-raised-L2, #191919)
}

.auroral-yellow[data-v-a5277f4d] .lucky-grid-button-text {
    height: 2.5rem;
    width: 15.75rem;
    font-size: var(--ep-font-size-xl, 1.125rem);
    line-height: 2.5rem;
    border-radius: var(--ep-border-radius-m, 6px);
    cursor: pointer;
    text-align: center;
    background: var(--ep-color-background-fill-active-primary, #F7FB43);
    color: var(--ep-color-text-inverse, #000);
    font-weight: var(--ep-font-weight-blod, 700)
}

.auroral-yellow[data-v-a5277f4d] .lucky-grid-button-text-disabled {
    opacity: .4;
    height: 2.5rem;
    width: 15.75rem;
    font-size: var(--ep-font-size-xl, 1.125rem);
    line-height: 2.5rem;
    border-radius: var(--ep-border-radius-m, 6px);
    cursor: pointer;
    text-align: center;
    background: var(--ep-color-background-fill-active-primary, #F7FB43);
    color: var(--ep-color-text-inverse, #000);
    font-weight: var(--ep-font-weight-blod, 700);
    pointer-events: none
}

.auroral-yellow .info-title[data-v-a5277f4d] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.25rem 1.25rem .4rem
}

.auroral-yellow .info-title svg[data-v-a5277f4d] {
    width: 1.5rem;
    height: 1.5rem
}

.auroral-yellow .info-title-text[data-v-a5277f4d] {
    color: var(--ep-color-text-default, #FFF);
    font: var(--ep-font-weight-blod, 700) var(--ep-font-size-l, 1rem)/150% var(--ep-font-family, Manrope);
    padding: 0 10px
}

.auroral-yellow .rule-text[data-v-a5277f4d] {
    width: 22.75rem;
    margin: 0 auto;
    color: var(--ep-color-text-weaker, rgba(255, 255, 255, .4));
    font-size: var(--ep-font-size-s, .75rem);
    padding: 0 .75rem;
    line-height: 150%;
    margin-bottom: .8rem
}

.auroral-yellow .newuser-rule[data-v-a5277f4d] .item-wrap {
    padding: 0
}

.auroral-yellow .newuser-rule[data-v-a5277f4d] .item-wrap .rule-content .rule-text {
    width: 22.75rem;
    color: var(--ep-color-text-weaker, rgba(255, 255, 255, .4));
    font-size: var(--ep-font-size-s, .75rem);
    padding: 0 .75rem;
    line-height: 150%;
    margin: 0 auto .8rem
}

.green-dark .flex-center[data-v-a5277f4d] {
    display: flex;
    align-items: center;
    justify-content: center
}

.green-dark ion-content[data-v-a5277f4d] {
    --background: var(--ep-color-background-fill-body-default, #1A1D22);
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.green-dark .bg-image[data-v-a5277f4d] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.25rem 1.25rem 0;
    background: url(/assets/bg-UMozyvcC.png) no-repeat center center, url(/assets/bg2-DL3iOUwE.png) no-repeat center .1875rem;
    background-size: 100% 100%, contain;
    margin: .3125rem .3125rem 0
}

.green-dark .bg-image img[data-v-a5277f4d] {
    width: 100%;
    height: 100%
}

.green-dark .title-container[data-v-a5277f4d] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 1.25rem 1.25rem 0
}

.green-dark .title-container .title-text[data-v-a5277f4d] {
    color: var(--ep-color-text-warning, #FC974C);
    font: var(--ep-font-weight-blod, 700) var(--ep-font-size-xl, 1.125rem)/150% var(--ep-font-family, Manrope);
    padding: 0 10px
}

.green-dark[data-v-a5277f4d] .lucky-grid-button {
    margin-top: .875rem;
    width: 22.75rem;
    height: 3.875rem;
    border-radius: var(--ep-border-radius-m, 6px);
    border: 1px solid var(--ep-color-border-default, #242F42);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 17.6px rgba(21, 23, 138, 0);
    background-color: var(--ep-color-background-fill-body-default, #1A1D22)
}

.green-dark[data-v-a5277f4d] .lucky-grid-button-disabled {
    margin-top: .875rem;
    width: 22.75rem;
    height: 3.875rem;
    border-radius: var(--ep-border-radius-m, 6px);
    border: 1px solid var(--ep-color-border-default, #242F42);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 17.6px rgba(21, 23, 138, 0);
    background-color: var(--ep-color-background-fill-surface-raised-L2, #181816)
}

.green-dark[data-v-a5277f4d] .lucky-grid-button-text {
    height: 2.5rem;
    width: 15.75rem;
    font-size: var(--ep-font-size-xl, 1.125rem);
    line-height: 2.5rem;
    border-radius: var(--ep-border-radius-m, 6px);
    cursor: pointer;
    text-align: center;
    background: var(--ep-color-background-fill-active-primary, #3E9B2F);
    color: var(--ep-color-text-inverse, #FFF);
    font-weight: var(--ep-font-weight-blod, 700)
}

.green-dark[data-v-a5277f4d] .lucky-grid-button-text-disabled {
    opacity: .4;
    height: 2.5rem;
    width: 15.75rem;
    font-size: var(--ep-font-size-xl, 1.125rem);
    line-height: 2.5rem;
    border-radius: var(--ep-border-radius-m, 6px);
    cursor: pointer;
    text-align: center;
    background: var(--ep-color-background-fill-active-primary, #3E9B2F);
    color: var(--ep-color-text-inverse, #FFF);
    font-weight: var(--ep-font-weight-blod, 700);
    pointer-events: none
}

.green-dark .info-title[data-v-a5277f4d] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.25rem 1.25rem .4rem
}

.green-dark .info-title svg[data-v-a5277f4d] {
    width: 1.5rem;
    height: 1.5rem
}

.green-dark .info-title-text[data-v-a5277f4d] {
    color: var(--ep-color-text-default, #FFF);
    font: var(--ep-font-weight-blod, 700) var(--ep-font-size-l, 1rem)/150% var(--ep-font-family, Manrope);
    padding: 0 10px
}

.green-dark .rule-text[data-v-a5277f4d] {
    width: 22.75rem;
    margin: 0 auto;
    color: var(--ep-color-text-weaker, rgba(255, 255, 255, .4));
    font-size: var(--ep-font-size-s, .75rem);
    padding: 0 .75rem;
    line-height: 150%;
    margin-bottom: .8rem
}

.green-dark .newuser-rule[data-v-a5277f4d] .item-wrap {
    padding: 0
}

.green-dark .newuser-rule[data-v-a5277f4d] .item-wrap .rule-content .rule-text {
    width: 22.75rem;
    color: var(--ep-color-text-weaker, rgba(255, 255, 255, .4));
    font-size: var(--ep-font-size-s, .75rem);
    padding: 0 .75rem;
    line-height: 150%;
    margin: 0 auto .8rem
}

.purple-light .flex-center[data-v-a5277f4d] {
    display: flex;
    align-items: center;
    justify-content: center
}

.purple-light ion-content[data-v-a5277f4d] {
    --background: var(--ep-color-background-fill-body-default, #ECE2FE);
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.purple-light .bg-image[data-v-a5277f4d] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.25rem 1.25rem 0;
    background: url(/assets/bg-UMozyvcC.png) no-repeat center center, url(/assets/bg2-DL3iOUwE.png) no-repeat center .1875rem;
    background-size: 100% 100%, contain;
    margin: .3125rem .3125rem 0
}

.purple-light .bg-image img[data-v-a5277f4d] {
    width: 100%;
    height: 100%
}

.purple-light .title-container[data-v-a5277f4d] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 1.25rem 1.25rem 0
}

.purple-light .title-container .title-text[data-v-a5277f4d] {
    color: var(--ep-color-text-warning, #FC974C);
    font: var(--ep-font-weight-blod, 700) var(--ep-font-size-xl, 1.125rem)/150% var(--ep-font-family, Manrope);
    padding: 0 10px
}

.purple-light[data-v-a5277f4d] .lucky-grid-button {
    margin-top: .875rem;
    width: 22.75rem;
    height: 3.875rem;
    border-radius: var(--ep-border-radius-m, 6px);
    border: 1px solid var(--ep-color-border-default, #CAB4FD);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 17.6px rgba(21, 23, 138, 0);
    background-color: var(--ep-color-background-fill-body-default, #ECE2FE)
}

.purple-light[data-v-a5277f4d] .lucky-grid-button-disabled {
    margin-top: .875rem;
    width: 22.75rem;
    height: 3.875rem;
    border-radius: var(--ep-border-radius-m, 6px);
    border: 1px solid var(--ep-color-border-default, #CAB4FD);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 17.6px rgba(21, 23, 138, 0);
    background-color: var(--ep-color-background-fill-surface-raised-L2, #ECE2FE)
}

.purple-light[data-v-a5277f4d] .lucky-grid-button-text {
    height: 2.5rem;
    width: 15.75rem;
    font-size: var(--ep-font-size-xl, 1.125rem);
    line-height: 2.5rem;
    border-radius: var(--ep-border-radius-m, 6px);
    cursor: pointer;
    text-align: center;
    background: var(--ep-color-background-fill-active-primary, #6526DB);
    color: var(--ep-color-text-inverse, #FFF);
    font-weight: var(--ep-font-weight-blod, 700)
}

.purple-light[data-v-a5277f4d] .lucky-grid-button-text-disabled {
    opacity: .4;
    height: 2.5rem;
    width: 15.75rem;
    font-size: var(--ep-font-size-xl, 1.125rem);
    line-height: 2.5rem;
    border-radius: var(--ep-border-radius-m, 6px);
    cursor: pointer;
    text-align: center;
    background: var(--ep-color-background-fill-active-primary, #6526DB);
    color: var(--ep-color-text-inverse, #FFF);
    font-weight: var(--ep-font-weight-blod, 700);
    pointer-events: none
}

.purple-light .info-title[data-v-a5277f4d] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.25rem 1.25rem .4rem
}

.purple-light .info-title svg[data-v-a5277f4d] {
    width: 1.5rem;
    height: 1.5rem
}

.purple-light .info-title-text[data-v-a5277f4d] {
    color: var(--ep-color-text-default, rgba(0, 0, 0, .8));
    font: var(--ep-font-weight-blod, 700) var(--ep-font-size-l, 1rem)/150% var(--ep-font-family, Manrope);
    padding: 0 10px
}

.purple-light .rule-text[data-v-a5277f4d] {
    width: 22.75rem;
    margin: 0 auto;
    color: var(--ep-color-text-default, rgba(0, 0, 0, .5));
    font-size: var(--ep-font-size-s, .75rem);
    padding: 0 .75rem;
    line-height: 150%;
    margin-bottom: .8rem
}

.purple-light .newuser-rule[data-v-a5277f4d] .item-wrap {
    padding: 0
}

.purple-light .newuser-rule[data-v-a5277f4d] .item-wrap .rule-content .rule-text {
    width: 22.75rem;
    color: var(--ep-color-text-default, rgba(0, 0, 0, .5));
    font-size: var(--ep-font-size-s, .75rem);
    padding: 0 .75rem;
    line-height: 150%;
    margin: 0 auto .8rem
}

.green-default .flex-center[data-v-a5277f4d],
.forest-green .flex-center[data-v-a5277f4d] {
    display: flex;
    align-items: center;
    justify-content: center
}

.green-default ion-content[data-v-a5277f4d],
.forest-green ion-content[data-v-a5277f4d] {
    --background: var(--ep-color-background-fill-body-default, #004D37);
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.green-default .bg-image[data-v-a5277f4d],
.forest-green .bg-image[data-v-a5277f4d] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.25rem 1.25rem 0;
    background: url(/assets/bg-UMozyvcC.png) no-repeat center center, url(/assets/bg2-DL3iOUwE.png) no-repeat center .1875rem;
    background-size: 100% 100%, contain;
    margin: .3125rem .3125rem 0
}

.green-default .bg-image img[data-v-a5277f4d],
.forest-green .bg-image img[data-v-a5277f4d] {
    width: 100%;
    height: 100%
}

.green-default .title-container[data-v-a5277f4d],
.forest-green .title-container[data-v-a5277f4d] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 1.25rem 1.25rem 0
}

.green-default .title-container .title-text[data-v-a5277f4d],
.forest-green .title-container .title-text[data-v-a5277f4d] {
    color: var(--ep-color-text-warning, #FC974C);
    font: var(--ep-font-weight-blod, 700) var(--ep-font-size-xl, 1.125rem)/150% var(--ep-font-family, Manrope);
    padding: 0 10px
}

.green-default[data-v-a5277f4d] .lucky-grid-button,
.forest-green[data-v-a5277f4d] .lucky-grid-button {
    margin-top: .875rem;
    width: 22.75rem;
    height: 3.875rem;
    border-radius: var(--ep-border-radius-m, 6px);
    border: 1px solid var(--ep-color-border-default, #004D37);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 17.6px rgba(21, 23, 138, 0);
    background-color: var(--ep-color-background-fill-body-default, #004D37)
}

.green-default[data-v-a5277f4d] .lucky-grid-button-disabled,
.forest-green[data-v-a5277f4d] .lucky-grid-button-disabled {
    margin-top: .875rem;
    width: 22.75rem;
    height: 3.875rem;
    border-radius: var(--ep-border-radius-m, 6px);
    border: 1px solid var(--ep-color-border-default, #004D37);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 17.6px rgba(21, 23, 138, 0);
    background-color: var(--ep-color-background-fill-surface-raised-L2, #004D37)
}

.green-default[data-v-a5277f4d] .lucky-grid-button-text,
.forest-green[data-v-a5277f4d] .lucky-grid-button-text {
    height: 2.5rem;
    width: 15.75rem;
    font-size: var(--ep-font-size-xl, 1.125rem);
    line-height: 2.5rem;
    border-radius: var(--ep-border-radius-m, 6px);
    cursor: pointer;
    text-align: center;
    background: var(--ep-color-background-fill-active-primary, #17B663);
    color: var(--ep-color-text-inverse, #FFF);
    font-weight: var(--ep-font-weight-blod, 700)
}

.green-default[data-v-a5277f4d] .lucky-grid-button-text-disabled,
.forest-green[data-v-a5277f4d] .lucky-grid-button-text-disabled {
    opacity: .4;
    height: 2.5rem;
    width: 15.75rem;
    font-size: var(--ep-font-size-xl, 1.125rem);
    line-height: 2.5rem;
    border-radius: var(--ep-border-radius-m, 6px);
    cursor: pointer;
    text-align: center;
    background: var(--ep-color-background-fill-active-primary, #17B663);
    color: var(--ep-color-text-inverse, #FFF);
    font-weight: var(--ep-font-weight-blod, 700);
    pointer-events: none
}

.green-default .info-title[data-v-a5277f4d],
.forest-green .info-title[data-v-a5277f4d] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.25rem 1.25rem .4rem
}

.green-default .info-title svg[data-v-a5277f4d],
.forest-green .info-title svg[data-v-a5277f4d] {
    width: 1.5rem;
    height: 1.5rem
}

.green-default .info-title-text[data-v-a5277f4d],
.forest-green .info-title-text[data-v-a5277f4d] {
    color: var(--ep-color-text-default, #FFF);
    font: var(--ep-font-weight-blod, 700) var(--ep-font-size-l, 1rem)/150% var(--ep-font-family, Manrope);
    padding: 0 10px
}

.green-default .rule-text[data-v-a5277f4d],
.forest-green .rule-text[data-v-a5277f4d] {
    width: 22.75rem;
    margin: 0 auto;
    color: var(--ep-color-text-weaker, rgba(255, 255, 255, .4));
    font-size: var(--ep-font-size-s, .75rem);
    padding: 0 .75rem;
    line-height: 150%;
    margin-bottom: .8rem
}

.green-default .newuser-rule[data-v-a5277f4d] .item-wrap,
.forest-green .newuser-rule[data-v-a5277f4d] .item-wrap {
    padding: 0
}

.green-default .newuser-rule[data-v-a5277f4d] .item-wrap .rule-content .rule-text,
.forest-green .newuser-rule[data-v-a5277f4d] .item-wrap .rule-content .rule-text {
    width: 22.75rem;
    color: var(--ep-color-text-weaker, rgba(255, 255, 255, .4));
    font-size: var(--ep-font-size-s, .75rem);
    padding: 0 .75rem;
    line-height: 150%;
    margin: 0 auto .8rem
}

.amber-purple .flex-center[data-v-a5277f4d] {
    display: flex;
    align-items: center;
    justify-content: center
}

.amber-purple ion-content[data-v-a5277f4d] {
    --background: var(--ep-color-background-fill-body-default, #262346);
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.amber-purple .bg-image[data-v-a5277f4d] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.25rem 1.25rem 0;
    background: url(/assets/bg-UMozyvcC.png) no-repeat center center, url(/assets/bg2-DL3iOUwE.png) no-repeat center .1875rem;
    background-size: 100% 100%, contain;
    margin: .3125rem .3125rem 0
}

.amber-purple .bg-image img[data-v-a5277f4d] {
    width: 100%;
    height: 100%
}

.amber-purple .title-container[data-v-a5277f4d] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 1.25rem 1.25rem 0
}

.amber-purple .title-container .title-text[data-v-a5277f4d] {
    color: var(--ep-color-text-warning, #D45B4D);
    font: var(--ep-font-weight-blod, 700) var(--ep-font-size-xl, 1.125rem)/150% var(--ep-font-family, Manrope);
    padding: 0 10px
}

.amber-purple[data-v-a5277f4d] .lucky-grid-button {
    margin-top: .875rem;
    width: 22.75rem;
    height: 3.875rem;
    border-radius: var(--ep-border-radius-m, 6px);
    border: 1px solid var(--ep-color-border-default, #292547);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 17.6px #292547;
    background-color: var(--ep-color-background-fill-body-default, #262346)
}

.amber-purple[data-v-a5277f4d] .lucky-grid-button-disabled {
    margin-top: .875rem;
    width: 22.75rem;
    height: 3.875rem;
    border-radius: var(--ep-border-radius-m, 6px);
    border: 1px solid var(--ep-color-border-default, #292547);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 17.6px #292547;
    background-color: var(--ep-color-background-fill-surface-raised-L2, #292547)
}

.amber-purple[data-v-a5277f4d] .lucky-grid-button-text {
    height: 2.5rem;
    width: 15.75rem;
    font-size: var(--ep-font-size-xl, 1.125rem);
    line-height: 2.5rem;
    border-radius: var(--ep-border-radius-m, 6px);
    cursor: pointer;
    text-align: center;
    background: var(--ep-color-background-fill-active-primary, linear-gradient(270deg, #7041F3 0%, #F5C84C 130.92%));
    color: var(--ep-color-text-inverse, #fff);
    font-weight: var(--ep-font-weight-blod, 700)
}

.amber-purple[data-v-a5277f4d] .lucky-grid-button-text-disabled {
    opacity: .4;
    height: 2.5rem;
    width: 15.75rem;
    font-size: var(--ep-font-size-xl, 1.125rem);
    line-height: 2.5rem;
    border-radius: var(--ep-border-radius-m, 6px);
    cursor: pointer;
    text-align: center;
    background: var(--ep-color-background-fill-active-primary, linear-gradient(270deg, #7041F3 0%, #F5C84C 130.92%));
    color: var(--ep-color-text-inverse, #fff);
    font-weight: var(--ep-font-weight-blod, 700);
    pointer-events: none
}

.amber-purple .info-title[data-v-a5277f4d] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.25rem 1.25rem .4rem
}

.amber-purple .info-title svg[data-v-a5277f4d] {
    width: 1.5rem;
    height: 1.5rem
}

.amber-purple .info-title-text[data-v-a5277f4d] {
    color: var(--ep-color-text-default, #FFF);
    font: var(--ep-font-weight-blod, 700) var(--ep-font-size-l, 1rem)/150% var(--ep-font-family, Manrope);
    padding: 0 10px
}

.amber-purple .rule-text[data-v-a5277f4d] {
    width: 22.75rem;
    margin: 0 auto;
    color: var(--ep-color-text-default, #686299);
    font-size: var(--ep-font-size-s, .75rem);
    padding: 0 .75rem;
    line-height: 150%;
    margin-bottom: .8rem
}

.amber-purple .newuser-rule[data-v-a5277f4d] .item-wrap {
    padding: 0
}

.amber-purple .newuser-rule[data-v-a5277f4d] .item-wrap .rule-content .rule-text {
    width: 22.75rem;
    color: var(--ep-color-text-default, #686299);
    font-size: var(--ep-font-size-s, .75rem);
    padding: 0 .75rem;
    line-height: 150%;
    margin: 0 auto .8rem
}

.amber-purple[data-v-a5277f4d] .lucky-grid-button-text-disabled {
    opacity: 1;
    background: #3b3466;
    color: #bdb8e1
}

.mystlight-blue .flex-center[data-v-a5277f4d] {
    display: flex;
    align-items: center;
    justify-content: center
}

.mystlight-blue ion-content[data-v-a5277f4d] {
    --background: var(--ep-color-background-fill-body-default, #10121d);
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.mystlight-blue .bg-image[data-v-a5277f4d] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.25rem 1.25rem 0;
    background: url(/assets/bg-UMozyvcC.png) no-repeat center center, url(/assets/bg2-DL3iOUwE.png) no-repeat center .1875rem;
    background-size: 100% 100%, contain;
    margin: .3125rem .3125rem 0
}

.mystlight-blue .bg-image img[data-v-a5277f4d] {
    width: 100%;
    height: 100%
}

.mystlight-blue .title-container[data-v-a5277f4d] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 1.25rem 1.25rem 0
}

.mystlight-blue .title-container .title-text[data-v-a5277f4d] {
    color: var(--ep-color-text-warning, #FC974C);
    font: var(--ep-font-weight-blod, 700) var(--ep-font-size-xl, 1.125rem)/150% var(--ep-font-family, Manrope);
    padding: 0 10px
}

.mystlight-blue[data-v-a5277f4d] .lucky-grid-button {
    margin-top: .875rem;
    width: 22.75rem;
    height: 3.875rem;
    border-radius: var(--ep-border-radius-m, 6px);
    border: 1px solid var(--ep-color-border-default, #242b42);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 17.6px rgba(0, 0, 0, 0);
    background-color: var(--ep-color-background-fill-body-default, #10121d)
}

.mystlight-blue[data-v-a5277f4d] .lucky-grid-button-disabled {
    margin-top: .875rem;
    width: 22.75rem;
    height: 3.875rem;
    border-radius: var(--ep-border-radius-m, 6px);
    border: 1px solid var(--ep-color-border-default, #242b42);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 17.6px rgba(0, 0, 0, 0);
    background-color: var(--ep-color-background-fill-surface-raised-L2, #1A1F30)
}

.mystlight-blue[data-v-a5277f4d] .lucky-grid-button-text {
    height: 2.5rem;
    width: 15.75rem;
    font-size: var(--ep-font-size-xl, 1.125rem);
    line-height: 2.5rem;
    border-radius: var(--ep-border-radius-m, 6px);
    cursor: pointer;
    text-align: center;
    background: var(--ep-dynamic-primary, #3A8EE3);
    color: var(--ep-color-text-inverse, #FFF);
    font-weight: var(--ep-font-weight-blod, 700)
}

.mystlight-blue[data-v-a5277f4d] .lucky-grid-button-text-disabled {
    opacity: .4;
    height: 2.5rem;
    width: 15.75rem;
    font-size: var(--ep-font-size-xl, 1.125rem);
    line-height: 2.5rem;
    border-radius: var(--ep-border-radius-m, 6px);
    cursor: pointer;
    text-align: center;
    background: var(--ep-dynamic-primary, #3A8EE3);
    color: var(--ep-color-text-inverse, #FFF);
    font-weight: var(--ep-font-weight-blod, 700);
    pointer-events: none
}

.mystlight-blue .info-title[data-v-a5277f4d] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.25rem 1.25rem .4rem
}

.mystlight-blue .info-title svg[data-v-a5277f4d] {
    width: 1.5rem;
    height: 1.5rem
}

.mystlight-blue .info-title-text[data-v-a5277f4d] {
    color: var(--ep-color-text-default, #FFF);
    font: var(--ep-font-weight-blod, 700) var(--ep-font-size-l, 1rem)/150% var(--ep-font-family, Manrope);
    padding: 0 10px
}

.mystlight-blue .rule-text[data-v-a5277f4d] {
    width: 22.75rem;
    margin: 0 auto;
    color: var(--ep-color-text-weaker, rgba(255, 255, 255, .4));
    font-size: var(--ep-font-size-s, .75rem);
    padding: 0 .75rem;
    line-height: 150%;
    margin-bottom: .8rem
}

.mystlight-blue .newuser-rule[data-v-a5277f4d] .item-wrap {
    padding: 0
}

.mystlight-blue .newuser-rule[data-v-a5277f4d] .item-wrap .rule-content .rule-text {
    width: 22.75rem;
    color: var(--ep-color-text-weaker, rgba(255, 255, 255, .4));
    font-size: var(--ep-font-size-s, .75rem);
    padding: 0 .75rem;
    line-height: 150%;
    margin: 0 auto .8rem
}

.flex-center[data-v-a5277f4d] {
    display: flex;
    align-items: center;
    justify-content: center
}

ion-content[data-v-a5277f4d] {
    --background: var(--ep-color-background-fill-body-default, #10121d);
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.bg-image[data-v-a5277f4d] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.25rem 1.25rem 0;
    background: url(/assets/bg-UMozyvcC.png) no-repeat center center, url(/assets/bg2-DL3iOUwE.png) no-repeat center .1875rem;
    background-size: 100% 100%, contain;
    margin: .3125rem .3125rem 0
}

.bg-image img[data-v-a5277f4d] {
    width: 100%;
    height: 100%
}

.title-container[data-v-a5277f4d] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 1.25rem 1.25rem 0
}

.title-container .title-text[data-v-a5277f4d] {
    color: var(--ep-color-text-warning, #FC974C);
    font: var(--ep-font-weight-blod, 700) var(--ep-font-size-xl, 1.125rem)/150% var(--ep-font-family, Manrope);
    padding: 0 10px
}

[data-v-a5277f4d] .lucky-grid-button {
    margin-top: .875rem;
    width: 22.75rem;
    height: 3.875rem;
    border-radius: var(--ep-border-radius-m, 6px);
    border: 1px solid var(--ep-color-border-default, #242b42);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 17.6px rgba(21, 23, 138, .25);
    background-color: var(--ep-color-background-fill-body-default, #10121d)
}

[data-v-a5277f4d] .lucky-grid-button-disabled {
    margin-top: .875rem;
    width: 22.75rem;
    height: 3.875rem;
    border-radius: var(--ep-border-radius-m, 6px);
    border: 1px solid var(--ep-color-border-default, #242b42);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 17.6px rgba(21, 23, 138, .25);
    background-color: var(--ep-color-background-fill-surface-raised-L2, #1A1F30)
}

[data-v-a5277f4d] .lucky-grid-button-text {
    height: 2.5rem;
    width: 15.75rem;
    font-size: var(--ep-font-size-xl, 1.125rem);
    line-height: 2.5rem;
    border-radius: var(--ep-border-radius-m, 6px);
    cursor: pointer;
    text-align: center;
    background: var(--ep-dynamic-primary, #3A8EE3);
    color: var(--ep-color-text-inverse, #FFF);
    font-weight: var(--ep-font-weight-blod, 700)
}

[data-v-a5277f4d] .lucky-grid-button-text-disabled {
    opacity: .4;
    height: 2.5rem;
    width: 15.75rem;
    font-size: var(--ep-font-size-xl, 1.125rem);
    line-height: 2.5rem;
    border-radius: var(--ep-border-radius-m, 6px);
    cursor: pointer;
    text-align: center;
    background: var(--ep-dynamic-primary, #3A8EE3);
    color: var(--ep-color-text-inverse, #FFF);
    font-weight: var(--ep-font-weight-blod, 700);
    pointer-events: none
}

.info-title[data-v-a5277f4d] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.25rem 1.25rem .4rem
}

.info-title svg[data-v-a5277f4d] {
    width: 1.5rem;
    height: 1.5rem
}

.info-title-text[data-v-a5277f4d] {
    color: var(--ep-color-text-default, #FFF);
    font: var(--ep-font-weight-blod, 700) var(--ep-font-size-l, 1rem)/150% var(--ep-font-family, Manrope);
    padding: 0 10px
}

.rule-text[data-v-a5277f4d] {
    width: 22.75rem;
    margin: 0 auto;
    color: var(--ep-color-text-weaker, rgba(255, 255, 255, .4));
    font-size: var(--ep-font-size-s, .75rem);
    padding: 0 .75rem;
    line-height: 150%;
    margin-bottom: .8rem
}

.newuser-rule[data-v-a5277f4d] .item-wrap {
    padding: 0
}

.newuser-rule[data-v-a5277f4d] .item-wrap .rule-content .rule-text {
    width: 22.75rem;
    color: var(--ep-color-text-weaker, rgba(255, 255, 255, .4));
    font-size: var(--ep-font-size-s, .75rem);
    padding: 0 .75rem;
    line-height: 150%;
    margin: 0 auto .8rem
}

[data-v-a5277f4d] .lucky-grid-button-text-disabled {
    opacity: 1;
    background: var(--ep-color-background-fill-active-disabled, #183b5f);
    color: var(--color-text-inverse-disabled, rgba(255, 255, 255, .4))
}

.color-primary-600[data-v-7a7a3bf9] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-7a7a3bf9] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-7a7a3bf9] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-7a7a3bf9] {
    color: var(--color-primary-900)
}

.bg-100[data-v-7a7a3bf9] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-7a7a3bf9] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-7a7a3bf9] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-7a7a3bf9] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-7a7a3bf9] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-7a7a3bf9] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-7a7a3bf9] {
    background-color: var(--color-warning)
}

.bg-link[data-v-7a7a3bf9] {
    background-color: var(--color-link)
}

.bg-danger[data-v-7a7a3bf9] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-7a7a3bf9] {
    color: var(--color-text-100)
}

.color-text-80[data-v-7a7a3bf9] {
    color: var(--color-text-80)
}

.color-text-50[data-v-7a7a3bf9] {
    color: var(--color-text-50)
}

.color-text-40[data-v-7a7a3bf9] {
    color: var(--color-text-40)
}

.color-text-20[data-v-7a7a3bf9] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-7a7a3bf9] {
    color: var(--color-currency)
}

.color-warning[data-v-7a7a3bf9] {
    color: var(--color-warning)
}

.color-danger[data-v-7a7a3bf9] {
    color: var(--color-danger)
}

.color-link[data-v-7a7a3bf9] {
    color: var(--color-link)
}

.color-line[data-v-7a7a3bf9] {
    color: var(--color-line)
}

.color-border[data-v-7a7a3bf9] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-7a7a3bf9] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-7a7a3bf9] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-7a7a3bf9] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-7a7a3bf9] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-7a7a3bf9] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-7a7a3bf9] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-7a7a3bf9] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-7a7a3bf9] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-7a7a3bf9] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-7a7a3bf9] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-7a7a3bf9] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-7a7a3bf9] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-7a7a3bf9] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-7a7a3bf9] {
    display: flex;
    align-items: center
}

.flex-start[data-v-7a7a3bf9] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-7a7a3bf9] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-around[data-v-7a7a3bf9] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-7a7a3bf9] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-7a7a3bf9] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-7a7a3bf9] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-7a7a3bf9] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-7a7a3bf9] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-7a7a3bf9] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-7a7a3bf9] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-7a7a3bf9] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-7a7a3bf9] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-7a7a3bf9] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-7a7a3bf9] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-7a7a3bf9] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-7a7a3bf9] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-7a7a3bf9] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-7a7a3bf9] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-7a7a3bf9] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-7a7a3bf9] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-7a7a3bf9] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-7a7a3bf9] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-7a7a3bf9] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-7a7a3bf9],
.mlm-selected-item[data-v-7a7a3bf9] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-7a7a3bf9] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-7a7a3bf9]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-7a7a3bf9] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-7a7a3bf9] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-7a7a3bf9] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.flex-center[data-v-7a7a3bf9] {
    display: flex;
    align-items: center;
    justify-content: center
}

ion-content[data-v-7a7a3bf9] {
    --background: var(--ep-color-background-fill-body-default, #10121d);
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.bg-image.upbg[data-v-7a7a3bf9] {
    background: url(/assets/bg-BGTwA32a.png) no-repeat center -8.6rem;
    background-size: 24.375rem 56.25rem
}

.bg-image[data-v-7a7a3bf9] {
    background: url(/assets/bg-BGTwA32a.png) no-repeat center top;
    background-size: 24.375rem 56.25rem;
    position: relative;
    height: 100vh
}

.bg-image .share-platform-block[data-v-7a7a3bf9] {
    padding: 1.25rem .75rem
}

.bg-image .padding-block[data-v-7a7a3bf9] {
    padding-top: 1.6rem
}

.bg-image .bg-image-content[data-v-7a7a3bf9] {
    padding-top: 8.45rem;
    width: 100%;
    background: url(/assets/panda-D39YFlz-.png) no-repeat center top;
    background-size: 24.375rem 33.625rem;
    height: 33.625rem
}

.bg-image .title-container[data-v-7a7a3bf9] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3.55rem 1.25rem 0 0
}

.bg-image .title-container .title-text[data-v-7a7a3bf9] {
    color: var(--ep-color-text-highlight-white, #fff);
    font: var(--ep-font-weight-blod, 700) var(--ep-font-size-xl, 1.125rem)/150% var(--ep-font-family, Manrope);
    padding: 0 10px
}

.bg-image[data-v-7a7a3bf9] .lucky-grid-button {
    margin-top: 1.7rem;
    width: 16.875rem;
    height: 2.75rem;
    border-radius: var(--ep-border-radius-m, 6px);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 17.6px rgba(21, 23, 138, .25);
    background: url(/assets/button_bg-j6xRehXt.png) no-repeat center center;
    background-size: 100% 100%
}

.bg-image[data-v-7a7a3bf9] .lucky-grid-button-disabled {
    margin-top: 1.7rem;
    width: 16.875rem;
    height: 2.75rem;
    border-radius: var(--ep-border-radius-m, 6px);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 17.6px rgba(21, 23, 138, .25);
    background: url(/assets/button_bg-j6xRehXt.png) no-repeat center center;
    background-size: 100% 100%
}

.bg-image[data-v-7a7a3bf9] .lucky-grid-button-text {
    height: 2.5rem;
    background: url(/assets/start-CcFcxL2u.png) no-repeat center center;
    background-size: cover;
    width: 9.6875rem;
    text-align: center;
    margin-bottom: .3rem;
    font-weight: var(--ep-font-weight-blod, 700)
}

.bg-image[data-v-7a7a3bf9] .lucky-grid-button-text:active,
.bg-image[data-v-7a7a3bf9] .lucky-grid-button-text:focus {
    background: url(/assets/start-CcFcxL2u.png) no-repeat center top;
    background-size: cover;
    margin-bottom: 0rem;
    height: 2.3rem;
    transition: height .3s ease
}

.bg-image[data-v-7a7a3bf9] .lucky-grid-button-text-disabled {
    height: 2.5rem;
    background: url(/assets/start-CcFcxL2u.png) no-repeat center center;
    width: 9.6875rem;
    text-align: center;
    margin-bottom: .3rem;
    font-weight: var(--ep-font-weight-blod, 700);
    pointer-events: none;
    background: url(/assets/start-CcFcxL2u.png) no-repeat center -5.175rem;
    background-size: cover
}

.bg-image[data-v-7a7a3bf9] .lucky-grid-button-text-disabled:active,
.bg-image[data-v-7a7a3bf9] .lucky-grid-button-text-disabled:focus {
    background: url(/assets/start-CcFcxL2u.png) no-repeat center top;
    background-size: cover;
    margin-bottom: 0rem;
    height: 2.3rem;
    transition: height .3s ease
}

.bg-text[data-v-7a7a3bf9] {
    background: url(/assets/bg_text-8eUBCw7_.png) no-repeat center center;
    background-size: 100% 100%;
    height: 31.1875rem
}

.bg-text[data-v-7a7a3bf9] .ruleHeader {
    padding: 3.25rem .4rem 1.25rem;
    color: var(--ep-color-text-default, #FFF);
    font: var(--ep-font-weight-blod, 700) var(--ep-font-size-l, 1rem)/150% var(--ep-font-family, Manrope)
}

.bg-text[data-v-7a7a3bf9] .item-wrap {
    width: 22.75rem;
    color: var(--ep-color-text-weaker, rgba(255, 255, 255, .4));
    font-size: var(--ep-font-size-s, .75rem);
    padding: 0 2.75rem;
    line-height: 150%;
    margin: 0 auto .8rem
}

.bg-text .info-title[data-v-7a7a3bf9] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3.25rem .4rem 1.25rem
}

.bg-text .info-title-text[data-v-7a7a3bf9] {
    color: var(--ep-color-text-default, #FFF);
    font: var(--ep-font-weight-blod, 700) var(--ep-font-size-l, 1rem)/150% var(--ep-font-family, Manrope);
    padding: 0 10px
}

.bg-text .rule-text[data-v-7a7a3bf9] {
    width: 22.75rem;
    margin: 0 auto;
    color: var(--ep-color-text-weaker, rgba(255, 255, 255, .4));
    font-size: var(--ep-font-size-s, .75rem);
    padding: 0 2.75rem;
    line-height: 150%;
    margin-bottom: .8rem
}

.bg-text .newuser-rule-18[data-v-7a7a3bf9] .item-wrap {
    padding: 0
}

.bg-text .newuser-rule-18[data-v-7a7a3bf9] .item-wrap .rule-content .rule-text {
    width: 22.75rem;
    color: var(--ep-color-text-weaker, rgba(255, 255, 255, .4));
    font-size: var(--ep-font-size-s, .75rem);
    padding: 0 2.75rem;
    line-height: 150%;
    margin: 0 auto .8rem
}

[data-v-7a7a3bf9] .lucky-grid-button-text-disabled {
    opacity: 1;
    background: var(--ep-color-background-fill-active-disabled, #183b5f);
    color: var(--color-text-inverse-disabled, rgba(255, 255, 255, .4))
}

.color-primary-600[data-v-0ec8089f] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-0ec8089f] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-0ec8089f] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-0ec8089f] {
    color: var(--color-primary-900)
}

.bg-100[data-v-0ec8089f] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-0ec8089f] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-0ec8089f] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-0ec8089f] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-0ec8089f] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-0ec8089f] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-0ec8089f] {
    background-color: var(--color-warning)
}

.bg-link[data-v-0ec8089f] {
    background-color: var(--color-link)
}

.bg-danger[data-v-0ec8089f] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-0ec8089f] {
    color: var(--color-text-100)
}

.color-text-80[data-v-0ec8089f] {
    color: var(--color-text-80)
}

.color-text-50[data-v-0ec8089f] {
    color: var(--color-text-50)
}

.color-text-40[data-v-0ec8089f] {
    color: var(--color-text-40)
}

.color-text-20[data-v-0ec8089f] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-0ec8089f] {
    color: var(--color-currency)
}

.color-warning[data-v-0ec8089f] {
    color: var(--color-warning)
}

.color-danger[data-v-0ec8089f] {
    color: var(--color-danger)
}

.color-link[data-v-0ec8089f] {
    color: var(--color-link)
}

.color-line[data-v-0ec8089f] {
    color: var(--color-line)
}

.color-border[data-v-0ec8089f] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-0ec8089f] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-0ec8089f] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-0ec8089f] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-0ec8089f] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-0ec8089f] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-0ec8089f] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-0ec8089f] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-0ec8089f] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-0ec8089f] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-0ec8089f] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-0ec8089f] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-0ec8089f] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-0ec8089f] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-0ec8089f] {
    display: flex;
    align-items: center
}

.flex-start[data-v-0ec8089f] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-0ec8089f] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-0ec8089f] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-0ec8089f] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-0ec8089f] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-0ec8089f] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-0ec8089f] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-0ec8089f] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-0ec8089f] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-0ec8089f] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-0ec8089f] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-0ec8089f] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-0ec8089f] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-0ec8089f] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-0ec8089f] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-0ec8089f] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-0ec8089f] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-0ec8089f] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-0ec8089f] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-0ec8089f] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-0ec8089f] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-0ec8089f] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-0ec8089f] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-0ec8089f] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-0ec8089f],
.mlm-selected-item[data-v-0ec8089f] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-0ec8089f] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-0ec8089f]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-0ec8089f] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-0ec8089f] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-0ec8089f] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.new-skin-symbol .referral-rewards-new .banner-area[data-v-0ec8089f] {
    width: 100%;
    height: 21.25rem;
    background-image: url(/assets/banner-DYuBXuTF.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    position: relative
}

.new-skin-symbol .referral-rewards-new .banner-area .inner[data-v-0ec8089f] {
    position: absolute;
    bottom: 2.125rem;
    left: 50%;
    transform: translate(-50%);
    text-align: center
}

.new-skin-symbol .referral-rewards-new .banner-area .inner .title-area[data-v-0ec8089f] {
    height: 1.3125rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.new-skin-symbol .referral-rewards-new .banner-area .inner .title-area .title[data-v-0ec8089f] {
    font-size: var(--ep-font-size-m, 14px);
    color: var(--ep-color-text-highlight-white);
    margin-right: 9px
}

.new-skin-symbol .referral-rewards-new .banner-area .inner .title-area .symbol[data-v-0ec8089f] {
    width: 1.1875rem;
    height: 1.1875rem
}

.new-skin-symbol .referral-rewards-new .banner-area .inner .pool-amount[data-v-0ec8089f] {
    font-size: var(--ep-font-size-l, 1.25rem);
    color: var(--ep-color-text-success);
    line-height: 1.875rem;
    font-weight: var(--ep-font-weight-medium, 600)
}

.new-skin-symbol .referral-rewards-new .banner-area .inner .pool-amount span[data-v-0ec8089f] {
    margin-right: .1875rem
}

.new-skin-symbol .referral-rewards-new .status-area[data-v-0ec8089f] {
    width: 22.5rem;
    height: 5rem;
    margin: .625rem auto 0;
    border-radius: var(--ep-border-radius-m, .375rem);
    padding: .625rem 1.25rem;
    box-sizing: border-box;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, var(--ep-color-background-fill-glow-secondary-opacity-40, rgba(207, 63, 91, .08)) 100%), var(--ep-color-background-fill-surface-raised-L2, #1A1F30);
    display: flex;
    align-items: center;
    justify-content: space-between
}

.new-skin-symbol .referral-rewards-new .status-area .left .sub-text[data-v-0ec8089f] {
    color: var(--ep-color-text-weaker);
    font-size: var(--ep-font-size-s, .875rem);
    line-height: 1.25rem
}

.new-skin-symbol .referral-rewards-new .status-area .left .main-text[data-v-0ec8089f] {
    color: var(--ep-color-text-default);
    font-size: var(--ep-font-size-xxl, 1.5rem);
    line-height: 2.25rem
}

.new-skin-symbol .referral-rewards-new .status-area .img-treasureChest[data-v-0ec8089f] {
    width: 3.125rem;
    height: 3.0625rem
}

.new-skin-symbol .referral-rewards-new .status-area .img-hourglass[data-v-0ec8089f] {
    width: 2.625rem;
    height: 3.125rem
}

.new-skin-symbol .referral-rewards-new .share-text-area[data-v-0ec8089f] {
    width: 16.875rem
}

.new-skin-symbol .referral-rewards-new .share-area[data-v-0ec8089f] {
    width: 22.5rem;
    background: var(--ep-color-background-fill-surface-raised-L1) url(/assets/share-area-bg-COA70gH6.png) no-repeat center / cover;
    border-radius: var(--ep-border-radius-m, .375rem);
    padding: 1.25rem;
    box-sizing: border-box;
    margin: 1rem auto;
    overflow: hidden
}

.new-skin-symbol .referral-rewards-new .share-area .bonus-area[data-v-0ec8089f] {
    width: 11.5625rem;
    height: 1.875rem;
    font-size: var(--ep-font-size-s, .875rem);
    line-height: 1.875rem;
    border-radius: var(--ep-border-radius-infinity, 999px);
    color: var(--ep-color-text-weaker);
    background: rgba(255, 255, 255, .1);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: .4375rem auto 20px
}

.new-skin-symbol .referral-rewards-new .share-area .bonus-area .bonus-img[data-v-0ec8089f] {
    width: 2rem;
    height: 2rem;
    display: block;
    margin-right: .625rem
}

.new-skin-symbol .referral-rewards-new .share-area .bonus-amount[data-v-0ec8089f] {
    width: 13.75rem;
    height: 3.125rem;
    margin: 0 auto;
    font-size: var(--ep-font-size-xxl, 1.5rem);
    line-height: 3.125rem;
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--ep-color-icon-highlight);
    position: relative;
    text-align: center
}

.new-skin-symbol .referral-rewards-new .share-area .bonus-amount .bg-area[data-v-0ec8089f] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), #fff, rgba(255, 255, 255, 0));
    mix-blend-mode: overlay;
    z-index: 1
}

.new-skin-symbol .referral-rewards-new .share-area .bonus-amount span[data-v-0ec8089f] {
    margin-right: .1875rem
}

.new-skin-symbol .referral-rewards-new .share-area .line[data-v-0ec8089f] {
    width: 100%;
    height: 1px;
    background: var(--ep-color-border-default);
    margin: 1.875rem auto 0
}

.new-skin-symbol .referral-rewards-new .share-area .share-action-area[data-v-0ec8089f] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between
}

.new-skin-symbol .referral-rewards-new .share-area .share-action-area .share-text[data-v-0ec8089f] {
    color: var(--ep-color-text-default);
    line-height: 1.3125rem;
    font-size: var(--ep-font-size-s, .875rem);
    margin-top: 1.25rem
}

.new-skin-symbol .referral-rewards-new .share-area .share-action-area .link-text[data-v-0ec8089f] {
    color: var(--ep-color-icon-info);
    line-height: 1.3125rem;
    font-size: var(--ep-font-size-s, .875rem);
    display: flex;
    align-items: center;
    justify-content: space-between
}

.new-skin-symbol .referral-rewards-new .share-area .share-action-area .link-text .link-text-url[data-v-0ec8089f] {
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis
}

.new-skin-symbol .referral-rewards-new .share-area .share-action-area .link-text .copy-icon[data-v-0ec8089f] {
    font-size: var(--ep-font-size-m, .875rem);
    color: var(--ep-color-icon-highlight)
}

.new-skin-symbol .referral-rewards-new .share-area .share-action-area .invite-btn[data-v-0ec8089f] {
    width: 2.5rem;
    height: 2.5rem;
    background: var(--ep-color-background-fill-active-primary);
    border-radius: var(--ep-border-radius-xl, .625rem);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center
}

.new-skin-symbol .referral-rewards-new .share-area .share-action-area .invite-btn .share-icon[data-v-0ec8089f] {
    font-size: 1.25rem;
    color: var(--ep-color-icon-inverse)
}

.new-skin-symbol .referral-rewards-new .rule-content[data-v-0ec8089f] {
    width: 22.5rem;
    margin: 1rem auto 6.25rem
}

.new-skin-symbol .referral-rewards-new .rule-content[data-v-0ec8089f] .ruleHeader {
    text-align: center;
    margin-bottom: .625rem;
    justify-content: start
}

.new-skin-symbol .referral-rewards-new .rule-content[data-v-0ec8089f] .ruleHeader .span-cls {
    color: var(--ep-color-text-default);
    font-size: var(--ep-font-size-m, .875rem);
    line-height: 1.25rem;
    font-weight: var(--ep-font-weight-bold, 700);
    margin: 0
}

.new-skin-symbol .referral-rewards-new .rule-content[data-v-0ec8089f] .item-wrap {
    padding: 0 0 0 .375rem
}

.new-skin-symbol .referral-rewards-new .rule-content[data-v-0ec8089f] .item-wrap .rule-item {
    color: var(--ep-color-text-weaker);
    font-size: var(--ep-font-size-s, .875rem);
    line-height: 18px
}

.blue-default .referral-rewards-new .banner-area[data-v-0ec8089f],
.green-default .referral-rewards-new .banner-area[data-v-0ec8089f],
.yellow-dark .referral-rewards-new .banner-area[data-v-0ec8089f],
.green-dark .referral-rewards-new .banner-area[data-v-0ec8089f],
.forest-green .referral-rewards-new .banner-area[data-v-0ec8089f],
.amber-purple .referral-rewards-new .banner-area[data-v-0ec8089f] {
    width: 100%;
    height: 21.25rem;
    background-image: url(/assets/banner-DYuBXuTF.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    position: relative
}

.blue-default .referral-rewards-new .banner-area .inner[data-v-0ec8089f],
.green-default .referral-rewards-new .banner-area .inner[data-v-0ec8089f],
.yellow-dark .referral-rewards-new .banner-area .inner[data-v-0ec8089f],
.green-dark .referral-rewards-new .banner-area .inner[data-v-0ec8089f],
.forest-green .referral-rewards-new .banner-area .inner[data-v-0ec8089f],
.amber-purple .referral-rewards-new .banner-area .inner[data-v-0ec8089f] {
    position: absolute;
    bottom: 2.125rem;
    left: 50%;
    transform: translate(-50%);
    text-align: center
}

.blue-default .referral-rewards-new .banner-area .inner .title-area[data-v-0ec8089f],
.green-default .referral-rewards-new .banner-area .inner .title-area[data-v-0ec8089f],
.yellow-dark .referral-rewards-new .banner-area .inner .title-area[data-v-0ec8089f],
.green-dark .referral-rewards-new .banner-area .inner .title-area[data-v-0ec8089f],
.forest-green .referral-rewards-new .banner-area .inner .title-area[data-v-0ec8089f],
.amber-purple .referral-rewards-new .banner-area .inner .title-area[data-v-0ec8089f] {
    height: 1.3125rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.blue-default .referral-rewards-new .banner-area .inner .title-area .title[data-v-0ec8089f],
.green-default .referral-rewards-new .banner-area .inner .title-area .title[data-v-0ec8089f],
.yellow-dark .referral-rewards-new .banner-area .inner .title-area .title[data-v-0ec8089f],
.green-dark .referral-rewards-new .banner-area .inner .title-area .title[data-v-0ec8089f],
.forest-green .referral-rewards-new .banner-area .inner .title-area .title[data-v-0ec8089f],
.amber-purple .referral-rewards-new .banner-area .inner .title-area .title[data-v-0ec8089f] {
    font-size: var(--ep-font-size-m, 14px);
    color: var(--color-text-100);
    margin-right: 9px
}

.blue-default .referral-rewards-new .banner-area .inner .title-area .symbol[data-v-0ec8089f],
.green-default .referral-rewards-new .banner-area .inner .title-area .symbol[data-v-0ec8089f],
.yellow-dark .referral-rewards-new .banner-area .inner .title-area .symbol[data-v-0ec8089f],
.green-dark .referral-rewards-new .banner-area .inner .title-area .symbol[data-v-0ec8089f],
.forest-green .referral-rewards-new .banner-area .inner .title-area .symbol[data-v-0ec8089f],
.amber-purple .referral-rewards-new .banner-area .inner .title-area .symbol[data-v-0ec8089f] {
    width: 1.1875rem;
    height: 1.1875rem
}

.blue-default .referral-rewards-new .banner-area .inner .pool-amount[data-v-0ec8089f],
.green-default .referral-rewards-new .banner-area .inner .pool-amount[data-v-0ec8089f],
.yellow-dark .referral-rewards-new .banner-area .inner .pool-amount[data-v-0ec8089f],
.green-dark .referral-rewards-new .banner-area .inner .pool-amount[data-v-0ec8089f],
.forest-green .referral-rewards-new .banner-area .inner .pool-amount[data-v-0ec8089f],
.amber-purple .referral-rewards-new .banner-area .inner .pool-amount[data-v-0ec8089f] {
    font-size: var(--ep-font-size-l, 1.25rem);
    color: var(--color-success);
    line-height: 1.875rem;
    font-weight: var(--ep-font-weight-medium, 600)
}

.blue-default .referral-rewards-new .banner-area .inner .pool-amount span[data-v-0ec8089f],
.green-default .referral-rewards-new .banner-area .inner .pool-amount span[data-v-0ec8089f],
.yellow-dark .referral-rewards-new .banner-area .inner .pool-amount span[data-v-0ec8089f],
.green-dark .referral-rewards-new .banner-area .inner .pool-amount span[data-v-0ec8089f],
.forest-green .referral-rewards-new .banner-area .inner .pool-amount span[data-v-0ec8089f],
.amber-purple .referral-rewards-new .banner-area .inner .pool-amount span[data-v-0ec8089f] {
    margin-right: .1875rem
}

.blue-default .referral-rewards-new .status-area[data-v-0ec8089f],
.green-default .referral-rewards-new .status-area[data-v-0ec8089f],
.yellow-dark .referral-rewards-new .status-area[data-v-0ec8089f],
.green-dark .referral-rewards-new .status-area[data-v-0ec8089f],
.forest-green .referral-rewards-new .status-area[data-v-0ec8089f],
.amber-purple .referral-rewards-new .status-area[data-v-0ec8089f] {
    width: 22.5rem;
    height: 5rem;
    margin: .625rem auto 0;
    border-radius: var(--ep-border-radius-m, .375rem);
    padding: .625rem 1.25rem;
    box-sizing: border-box;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, var(--color-bg-200, rgba(207, 63, 91, .08)) 100%), var(--color-bg-200, #1A1F30);
    display: flex;
    align-items: center;
    justify-content: space-between
}

.blue-default .referral-rewards-new .status-area .left .sub-text[data-v-0ec8089f],
.green-default .referral-rewards-new .status-area .left .sub-text[data-v-0ec8089f],
.yellow-dark .referral-rewards-new .status-area .left .sub-text[data-v-0ec8089f],
.green-dark .referral-rewards-new .status-area .left .sub-text[data-v-0ec8089f],
.forest-green .referral-rewards-new .status-area .left .sub-text[data-v-0ec8089f],
.amber-purple .referral-rewards-new .status-area .left .sub-text[data-v-0ec8089f] {
    color: var(--color-text-40);
    font-size: var(--ep-font-size-s, .875rem);
    line-height: 1.25rem
}

.blue-default .referral-rewards-new .status-area .left .main-text[data-v-0ec8089f],
.green-default .referral-rewards-new .status-area .left .main-text[data-v-0ec8089f],
.yellow-dark .referral-rewards-new .status-area .left .main-text[data-v-0ec8089f],
.green-dark .referral-rewards-new .status-area .left .main-text[data-v-0ec8089f],
.forest-green .referral-rewards-new .status-area .left .main-text[data-v-0ec8089f],
.amber-purple .referral-rewards-new .status-area .left .main-text[data-v-0ec8089f] {
    color: var(--color-text-100);
    font-size: var(--ep-font-size-xxl, 1.5rem);
    line-height: 2.25rem
}

.blue-default .referral-rewards-new .status-area .img-treasureChest[data-v-0ec8089f],
.green-default .referral-rewards-new .status-area .img-treasureChest[data-v-0ec8089f],
.yellow-dark .referral-rewards-new .status-area .img-treasureChest[data-v-0ec8089f],
.green-dark .referral-rewards-new .status-area .img-treasureChest[data-v-0ec8089f],
.forest-green .referral-rewards-new .status-area .img-treasureChest[data-v-0ec8089f],
.amber-purple .referral-rewards-new .status-area .img-treasureChest[data-v-0ec8089f] {
    width: 3.125rem;
    height: 3.0625rem
}

.blue-default .referral-rewards-new .status-area .img-hourglass[data-v-0ec8089f],
.green-default .referral-rewards-new .status-area .img-hourglass[data-v-0ec8089f],
.yellow-dark .referral-rewards-new .status-area .img-hourglass[data-v-0ec8089f],
.green-dark .referral-rewards-new .status-area .img-hourglass[data-v-0ec8089f],
.forest-green .referral-rewards-new .status-area .img-hourglass[data-v-0ec8089f],
.amber-purple .referral-rewards-new .status-area .img-hourglass[data-v-0ec8089f] {
    width: 2.625rem;
    height: 3.125rem
}

.blue-default .referral-rewards-new .share-text-area[data-v-0ec8089f],
.green-default .referral-rewards-new .share-text-area[data-v-0ec8089f],
.yellow-dark .referral-rewards-new .share-text-area[data-v-0ec8089f],
.green-dark .referral-rewards-new .share-text-area[data-v-0ec8089f],
.forest-green .referral-rewards-new .share-text-area[data-v-0ec8089f],
.amber-purple .referral-rewards-new .share-text-area[data-v-0ec8089f] {
    width: 16.875rem
}

.blue-default .referral-rewards-new .share-area[data-v-0ec8089f],
.green-default .referral-rewards-new .share-area[data-v-0ec8089f],
.yellow-dark .referral-rewards-new .share-area[data-v-0ec8089f],
.green-dark .referral-rewards-new .share-area[data-v-0ec8089f],
.forest-green .referral-rewards-new .share-area[data-v-0ec8089f],
.amber-purple .referral-rewards-new .share-area[data-v-0ec8089f] {
    width: 22.5rem;
    background: var(--color-bg-200) url(/assets/share-area-bg-COA70gH6.png) no-repeat center / cover;
    border-radius: var(--ep-border-radius-m, .375rem);
    padding: 1.25rem;
    box-sizing: border-box;
    margin: 1rem auto;
    overflow: hidden
}

.blue-default .referral-rewards-new .share-area .bonus-area[data-v-0ec8089f],
.green-default .referral-rewards-new .share-area .bonus-area[data-v-0ec8089f],
.yellow-dark .referral-rewards-new .share-area .bonus-area[data-v-0ec8089f],
.green-dark .referral-rewards-new .share-area .bonus-area[data-v-0ec8089f],
.forest-green .referral-rewards-new .share-area .bonus-area[data-v-0ec8089f],
.amber-purple .referral-rewards-new .share-area .bonus-area[data-v-0ec8089f] {
    width: 11.5625rem;
    height: 1.875rem;
    font-size: var(--ep-font-size-s, .875rem);
    line-height: 1.875rem;
    border-radius: var(--ep-border-radius-infinity, 999px);
    color: var(--color-text-40);
    background: rgba(255, 255, 255, .1);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: .4375rem auto 20px
}

.blue-default .referral-rewards-new .share-area .bonus-area .bonus-img[data-v-0ec8089f],
.green-default .referral-rewards-new .share-area .bonus-area .bonus-img[data-v-0ec8089f],
.yellow-dark .referral-rewards-new .share-area .bonus-area .bonus-img[data-v-0ec8089f],
.green-dark .referral-rewards-new .share-area .bonus-area .bonus-img[data-v-0ec8089f],
.forest-green .referral-rewards-new .share-area .bonus-area .bonus-img[data-v-0ec8089f],
.amber-purple .referral-rewards-new .share-area .bonus-area .bonus-img[data-v-0ec8089f] {
    width: 2rem;
    height: 2rem;
    display: block;
    margin-right: .625rem
}

.blue-default .referral-rewards-new .share-area .bonus-amount[data-v-0ec8089f],
.green-default .referral-rewards-new .share-area .bonus-amount[data-v-0ec8089f],
.yellow-dark .referral-rewards-new .share-area .bonus-amount[data-v-0ec8089f],
.green-dark .referral-rewards-new .share-area .bonus-amount[data-v-0ec8089f],
.forest-green .referral-rewards-new .share-area .bonus-amount[data-v-0ec8089f],
.amber-purple .referral-rewards-new .share-area .bonus-amount[data-v-0ec8089f] {
    width: 13.75rem;
    height: 3.125rem;
    margin: 0 auto;
    font-size: var(--ep-font-size-xxl, 1.5rem);
    line-height: 3.125rem;
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--color-currency);
    position: relative;
    text-align: center
}

.blue-default .referral-rewards-new .share-area .bonus-amount .bg-area[data-v-0ec8089f],
.green-default .referral-rewards-new .share-area .bonus-amount .bg-area[data-v-0ec8089f],
.yellow-dark .referral-rewards-new .share-area .bonus-amount .bg-area[data-v-0ec8089f],
.green-dark .referral-rewards-new .share-area .bonus-amount .bg-area[data-v-0ec8089f],
.forest-green .referral-rewards-new .share-area .bonus-amount .bg-area[data-v-0ec8089f],
.amber-purple .referral-rewards-new .share-area .bonus-amount .bg-area[data-v-0ec8089f] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), #fff, rgba(255, 255, 255, 0));
    mix-blend-mode: overlay;
    z-index: 1
}

.blue-default .referral-rewards-new .share-area .bonus-amount span[data-v-0ec8089f],
.green-default .referral-rewards-new .share-area .bonus-amount span[data-v-0ec8089f],
.yellow-dark .referral-rewards-new .share-area .bonus-amount span[data-v-0ec8089f],
.green-dark .referral-rewards-new .share-area .bonus-amount span[data-v-0ec8089f],
.forest-green .referral-rewards-new .share-area .bonus-amount span[data-v-0ec8089f],
.amber-purple .referral-rewards-new .share-area .bonus-amount span[data-v-0ec8089f] {
    margin-right: .1875rem
}

.blue-default .referral-rewards-new .share-area .line[data-v-0ec8089f],
.green-default .referral-rewards-new .share-area .line[data-v-0ec8089f],
.yellow-dark .referral-rewards-new .share-area .line[data-v-0ec8089f],
.green-dark .referral-rewards-new .share-area .line[data-v-0ec8089f],
.forest-green .referral-rewards-new .share-area .line[data-v-0ec8089f],
.amber-purple .referral-rewards-new .share-area .line[data-v-0ec8089f] {
    width: 100%;
    height: 1px;
    background: var(--line-color);
    margin: 1.875rem auto 0
}

.blue-default .referral-rewards-new .share-area .share-action-area[data-v-0ec8089f],
.green-default .referral-rewards-new .share-area .share-action-area[data-v-0ec8089f],
.yellow-dark .referral-rewards-new .share-area .share-action-area[data-v-0ec8089f],
.green-dark .referral-rewards-new .share-area .share-action-area[data-v-0ec8089f],
.forest-green .referral-rewards-new .share-area .share-action-area[data-v-0ec8089f],
.amber-purple .referral-rewards-new .share-area .share-action-area[data-v-0ec8089f] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between
}

.blue-default .referral-rewards-new .share-area .share-action-area .share-text[data-v-0ec8089f],
.green-default .referral-rewards-new .share-area .share-action-area .share-text[data-v-0ec8089f],
.yellow-dark .referral-rewards-new .share-area .share-action-area .share-text[data-v-0ec8089f],
.green-dark .referral-rewards-new .share-area .share-action-area .share-text[data-v-0ec8089f],
.forest-green .referral-rewards-new .share-area .share-action-area .share-text[data-v-0ec8089f],
.amber-purple .referral-rewards-new .share-area .share-action-area .share-text[data-v-0ec8089f] {
    color: var(--color-text-100);
    line-height: 1.3125rem;
    font-size: var(--ep-font-size-s, .875rem);
    margin-top: 1.25rem
}

.blue-default .referral-rewards-new .share-area .share-action-area .link-text[data-v-0ec8089f],
.green-default .referral-rewards-new .share-area .share-action-area .link-text[data-v-0ec8089f],
.yellow-dark .referral-rewards-new .share-area .share-action-area .link-text[data-v-0ec8089f],
.green-dark .referral-rewards-new .share-area .share-action-area .link-text[data-v-0ec8089f],
.forest-green .referral-rewards-new .share-area .share-action-area .link-text[data-v-0ec8089f],
.amber-purple .referral-rewards-new .share-area .share-action-area .link-text[data-v-0ec8089f] {
    color: var(--accent-color-blue);
    line-height: 1.3125rem;
    font-size: var(--ep-font-size-s, .875rem);
    display: flex;
    align-items: center;
    justify-content: space-between
}

.blue-default .referral-rewards-new .share-area .share-action-area .link-text .link-text-url[data-v-0ec8089f],
.green-default .referral-rewards-new .share-area .share-action-area .link-text .link-text-url[data-v-0ec8089f],
.yellow-dark .referral-rewards-new .share-area .share-action-area .link-text .link-text-url[data-v-0ec8089f],
.green-dark .referral-rewards-new .share-area .share-action-area .link-text .link-text-url[data-v-0ec8089f],
.forest-green .referral-rewards-new .share-area .share-action-area .link-text .link-text-url[data-v-0ec8089f],
.amber-purple .referral-rewards-new .share-area .share-action-area .link-text .link-text-url[data-v-0ec8089f] {
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis
}

.blue-default .referral-rewards-new .share-area .share-action-area .link-text .copy-icon[data-v-0ec8089f],
.green-default .referral-rewards-new .share-area .share-action-area .link-text .copy-icon[data-v-0ec8089f],
.yellow-dark .referral-rewards-new .share-area .share-action-area .link-text .copy-icon[data-v-0ec8089f],
.green-dark .referral-rewards-new .share-area .share-action-area .link-text .copy-icon[data-v-0ec8089f],
.forest-green .referral-rewards-new .share-area .share-action-area .link-text .copy-icon[data-v-0ec8089f],
.amber-purple .referral-rewards-new .share-area .share-action-area .link-text .copy-icon[data-v-0ec8089f] {
    font-size: var(--ep-font-size-m, .875rem);
    color: var(--accent-color-orange)
}

.blue-default .referral-rewards-new .share-area .share-action-area .invite-btn[data-v-0ec8089f],
.green-default .referral-rewards-new .share-area .share-action-area .invite-btn[data-v-0ec8089f],
.yellow-dark .referral-rewards-new .share-area .share-action-area .invite-btn[data-v-0ec8089f],
.green-dark .referral-rewards-new .share-area .share-action-area .invite-btn[data-v-0ec8089f],
.forest-green .referral-rewards-new .share-area .share-action-area .invite-btn[data-v-0ec8089f],
.amber-purple .referral-rewards-new .share-area .share-action-area .invite-btn[data-v-0ec8089f] {
    width: 2.5rem;
    height: 2.5rem;
    background: var(--theme-color-800);
    border-radius: var(--ep-border-radius-xl, .625rem);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center
}

.blue-default .referral-rewards-new .share-area .share-action-area .invite-btn .share-icon[data-v-0ec8089f],
.green-default .referral-rewards-new .share-area .share-action-area .invite-btn .share-icon[data-v-0ec8089f],
.yellow-dark .referral-rewards-new .share-area .share-action-area .invite-btn .share-icon[data-v-0ec8089f],
.green-dark .referral-rewards-new .share-area .share-action-area .invite-btn .share-icon[data-v-0ec8089f],
.forest-green .referral-rewards-new .share-area .share-action-area .invite-btn .share-icon[data-v-0ec8089f],
.amber-purple .referral-rewards-new .share-area .share-action-area .invite-btn .share-icon[data-v-0ec8089f] {
    font-size: 1.25rem;
    color: var(--color-text-100)
}

.blue-default .referral-rewards-new .rule-content[data-v-0ec8089f],
.green-default .referral-rewards-new .rule-content[data-v-0ec8089f],
.yellow-dark .referral-rewards-new .rule-content[data-v-0ec8089f],
.green-dark .referral-rewards-new .rule-content[data-v-0ec8089f],
.forest-green .referral-rewards-new .rule-content[data-v-0ec8089f],
.amber-purple .referral-rewards-new .rule-content[data-v-0ec8089f] {
    width: 22.5rem;
    margin: 1rem auto 6.25rem
}

.blue-default .referral-rewards-new .rule-content[data-v-0ec8089f] .ruleHeader,
.green-default .referral-rewards-new .rule-content[data-v-0ec8089f] .ruleHeader,
.yellow-dark .referral-rewards-new .rule-content[data-v-0ec8089f] .ruleHeader,
.green-dark .referral-rewards-new .rule-content[data-v-0ec8089f] .ruleHeader,
.forest-green .referral-rewards-new .rule-content[data-v-0ec8089f] .ruleHeader,
.amber-purple .referral-rewards-new .rule-content[data-v-0ec8089f] .ruleHeader {
    text-align: center;
    margin-bottom: .625rem;
    justify-content: start
}

.blue-default .referral-rewards-new .rule-content[data-v-0ec8089f] .ruleHeader .span-cls,
.green-default .referral-rewards-new .rule-content[data-v-0ec8089f] .ruleHeader .span-cls,
.yellow-dark .referral-rewards-new .rule-content[data-v-0ec8089f] .ruleHeader .span-cls,
.green-dark .referral-rewards-new .rule-content[data-v-0ec8089f] .ruleHeader .span-cls,
.forest-green .referral-rewards-new .rule-content[data-v-0ec8089f] .ruleHeader .span-cls,
.amber-purple .referral-rewards-new .rule-content[data-v-0ec8089f] .ruleHeader .span-cls {
    color: var(--color-text-100);
    font-size: var(--ep-font-size-m, .875rem);
    line-height: 1.25rem;
    font-weight: var(--ep-font-weight-bold, 700);
    margin: 0
}

.blue-default .referral-rewards-new .rule-content[data-v-0ec8089f] .item-wrap,
.green-default .referral-rewards-new .rule-content[data-v-0ec8089f] .item-wrap,
.yellow-dark .referral-rewards-new .rule-content[data-v-0ec8089f] .item-wrap,
.green-dark .referral-rewards-new .rule-content[data-v-0ec8089f] .item-wrap,
.forest-green .referral-rewards-new .rule-content[data-v-0ec8089f] .item-wrap,
.amber-purple .referral-rewards-new .rule-content[data-v-0ec8089f] .item-wrap {
    padding: 0 0 0 .375rem
}

.blue-default .referral-rewards-new .rule-content[data-v-0ec8089f] .item-wrap .rule-item,
.green-default .referral-rewards-new .rule-content[data-v-0ec8089f] .item-wrap .rule-item,
.yellow-dark .referral-rewards-new .rule-content[data-v-0ec8089f] .item-wrap .rule-item,
.green-dark .referral-rewards-new .rule-content[data-v-0ec8089f] .item-wrap .rule-item,
.forest-green .referral-rewards-new .rule-content[data-v-0ec8089f] .item-wrap .rule-item,
.amber-purple .referral-rewards-new .rule-content[data-v-0ec8089f] .item-wrap .rule-item {
    color: var(--color-text-40);
    font-size: var(--ep-font-size-s, .875rem);
    line-height: 18px
}

.auroral-yellow .referral-rewards-new .banner-area[data-v-0ec8089f] {
    width: 100%;
    height: 21.25rem;
    background-image: url(/assets/banner-DYuBXuTF.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    position: relative
}

.auroral-yellow .referral-rewards-new .banner-area .inner[data-v-0ec8089f] {
    position: absolute;
    bottom: 2.125rem;
    left: 50%;
    transform: translate(-50%);
    text-align: center
}

.auroral-yellow .referral-rewards-new .banner-area .inner .title-area[data-v-0ec8089f] {
    height: 1.3125rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.auroral-yellow .referral-rewards-new .banner-area .inner .title-area .title[data-v-0ec8089f] {
    font-size: var(--ep-font-size-m, 14px);
    color: var(--color-text-100);
    margin-right: 9px
}

.auroral-yellow .referral-rewards-new .banner-area .inner .title-area .symbol[data-v-0ec8089f] {
    width: 1.1875rem;
    height: 1.1875rem
}

.auroral-yellow .referral-rewards-new .banner-area .inner .pool-amount[data-v-0ec8089f] {
    font-size: var(--ep-font-size-l, 1.25rem);
    color: var(--color-success);
    line-height: 1.875rem;
    font-weight: var(--ep-font-weight-medium, 600)
}

.auroral-yellow .referral-rewards-new .banner-area .inner .pool-amount span[data-v-0ec8089f] {
    margin-right: .1875rem
}

.auroral-yellow .referral-rewards-new .status-area[data-v-0ec8089f] {
    width: 22.5rem;
    height: 5rem;
    margin: .625rem auto 0;
    border-radius: var(--ep-border-radius-m, .375rem);
    padding: .625rem 1.25rem;
    box-sizing: border-box;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, var(--color-bg-200, rgba(207, 63, 91, .08)) 100%), var(--color-bg-200, #1A1F30);
    display: flex;
    align-items: center;
    justify-content: space-between
}

.auroral-yellow .referral-rewards-new .status-area .left .sub-text[data-v-0ec8089f] {
    color: var(--color-text-40);
    font-size: var(--ep-font-size-s, .875rem);
    line-height: 1.25rem
}

.auroral-yellow .referral-rewards-new .status-area .left .main-text[data-v-0ec8089f] {
    color: var(--color-text-100);
    font-size: var(--ep-font-size-xxl, 1.5rem);
    line-height: 2.25rem
}

.auroral-yellow .referral-rewards-new .status-area .img-treasureChest[data-v-0ec8089f] {
    width: 3.125rem;
    height: 3.0625rem
}

.auroral-yellow .referral-rewards-new .status-area .img-hourglass[data-v-0ec8089f] {
    width: 2.625rem;
    height: 3.125rem
}

.auroral-yellow .referral-rewards-new .share-text-area[data-v-0ec8089f] {
    width: 16.875rem
}

.auroral-yellow .referral-rewards-new .share-area[data-v-0ec8089f] {
    width: 22.5rem;
    background: var(--color-bg-200) url(/assets/share-area-bg-COA70gH6.png) no-repeat center / cover;
    border-radius: var(--ep-border-radius-m, .375rem);
    padding: 1.25rem;
    box-sizing: border-box;
    margin: 1rem auto;
    overflow: hidden
}

.auroral-yellow .referral-rewards-new .share-area .bonus-area[data-v-0ec8089f] {
    width: 11.5625rem;
    height: 1.875rem;
    font-size: var(--ep-font-size-s, .875rem);
    line-height: 1.875rem;
    border-radius: var(--ep-border-radius-infinity, 999px);
    color: var(--color-text-40);
    background: rgba(255, 255, 255, .1);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: .4375rem auto 20px
}

.auroral-yellow .referral-rewards-new .share-area .bonus-area .bonus-img[data-v-0ec8089f] {
    width: 2rem;
    height: 2rem;
    display: block;
    margin-right: .625rem
}

.auroral-yellow .referral-rewards-new .share-area .bonus-amount[data-v-0ec8089f] {
    width: 13.75rem;
    height: 3.125rem;
    margin: 0 auto;
    font-size: var(--ep-font-size-xxl, 1.5rem);
    line-height: 3.125rem;
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--color-currency);
    position: relative;
    text-align: center
}

.auroral-yellow .referral-rewards-new .share-area .bonus-amount .bg-area[data-v-0ec8089f] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), #fff, rgba(255, 255, 255, 0));
    mix-blend-mode: overlay;
    z-index: 1
}

.auroral-yellow .referral-rewards-new .share-area .bonus-amount span[data-v-0ec8089f] {
    margin-right: .1875rem
}

.auroral-yellow .referral-rewards-new .share-area .line[data-v-0ec8089f] {
    width: 100%;
    height: 1px;
    background: var(--line-color);
    margin: 1.875rem auto 0
}

.auroral-yellow .referral-rewards-new .share-area .share-action-area[data-v-0ec8089f] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between
}

.auroral-yellow .referral-rewards-new .share-area .share-action-area .share-text[data-v-0ec8089f] {
    color: var(--color-text-100);
    line-height: 1.3125rem;
    font-size: var(--ep-font-size-s, .875rem);
    margin-top: 1.25rem
}

.auroral-yellow .referral-rewards-new .share-area .share-action-area .link-text[data-v-0ec8089f] {
    color: var(--accent-color-blue);
    line-height: 1.3125rem;
    font-size: var(--ep-font-size-s, .875rem);
    display: flex;
    align-items: center;
    justify-content: space-between
}

.auroral-yellow .referral-rewards-new .share-area .share-action-area .link-text .link-text-url[data-v-0ec8089f] {
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis
}

.auroral-yellow .referral-rewards-new .share-area .share-action-area .link-text .copy-icon[data-v-0ec8089f] {
    font-size: var(--ep-font-size-m, .875rem);
    color: var(--accent-color-orange)
}

.auroral-yellow .referral-rewards-new .share-area .share-action-area .invite-btn[data-v-0ec8089f] {
    width: 2.5rem;
    height: 2.5rem;
    background: var(--theme-color-800);
    border-radius: var(--ep-border-radius-xl, .625rem);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center
}

.auroral-yellow .referral-rewards-new .share-area .share-action-area .invite-btn .share-icon[data-v-0ec8089f] {
    font-size: 1.25rem;
    color: var(--color-text-black-100)
}

.auroral-yellow .referral-rewards-new .rule-content[data-v-0ec8089f] {
    width: 22.5rem;
    margin: 1rem auto 6.25rem
}

.auroral-yellow .referral-rewards-new .rule-content[data-v-0ec8089f] .ruleHeader {
    text-align: center;
    margin-bottom: .625rem;
    justify-content: start
}

.auroral-yellow .referral-rewards-new .rule-content[data-v-0ec8089f] .ruleHeader .span-cls {
    color: var(--color-text-100);
    font-size: var(--ep-font-size-m, .875rem);
    line-height: 1.25rem;
    font-weight: var(--ep-font-weight-bold, 700);
    margin: 0
}

.auroral-yellow .referral-rewards-new .rule-content[data-v-0ec8089f] .item-wrap {
    padding: 0 0 0 .375rem
}

.auroral-yellow .referral-rewards-new .rule-content[data-v-0ec8089f] .item-wrap .rule-item {
    color: var(--color-text-40);
    font-size: var(--ep-font-size-s, .875rem);
    line-height: 18px
}

.purple-light .referral-rewards-new .banner-area[data-v-0ec8089f] {
    width: 100%;
    height: 21.25rem;
    background-image: url(/assets/banner-DYuBXuTF.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    position: relative
}

.purple-light .referral-rewards-new .banner-area .inner[data-v-0ec8089f] {
    position: absolute;
    bottom: 2.125rem;
    left: 50%;
    transform: translate(-50%);
    text-align: center
}

.purple-light .referral-rewards-new .banner-area .inner .title-area[data-v-0ec8089f] {
    height: 1.3125rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.purple-light .referral-rewards-new .banner-area .inner .title-area .title[data-v-0ec8089f] {
    font-size: var(--ep-font-size-m, 14px);
    color: var(--text-color-white-100);
    margin-right: 9px
}

.purple-light .referral-rewards-new .banner-area .inner .title-area .symbol[data-v-0ec8089f] {
    width: 1.1875rem;
    height: 1.1875rem
}

.purple-light .referral-rewards-new .banner-area .inner .pool-amount[data-v-0ec8089f] {
    font-size: var(--ep-font-size-l, 1.25rem);
    color: var(--color-success);
    line-height: 1.875rem;
    font-weight: var(--ep-font-weight-medium, 600)
}

.purple-light .referral-rewards-new .banner-area .inner .pool-amount span[data-v-0ec8089f] {
    margin-right: .1875rem
}

.purple-light .referral-rewards-new .status-area[data-v-0ec8089f] {
    width: 22.5rem;
    height: 5rem;
    margin: .625rem auto 0;
    border-radius: var(--ep-border-radius-m, .375rem);
    padding: .625rem 1.25rem;
    box-sizing: border-box;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, var(--color-bg-200, rgba(207, 63, 91, .08)) 100%), var(--color-bg-200, #1A1F30);
    display: flex;
    align-items: center;
    justify-content: space-between
}

.purple-light .referral-rewards-new .status-area .left .sub-text[data-v-0ec8089f] {
    color: var(--color-text-40);
    font-size: var(--ep-font-size-s, .875rem);
    line-height: 1.25rem
}

.purple-light .referral-rewards-new .status-area .left .main-text[data-v-0ec8089f] {
    color: var(--color-text-100);
    font-size: var(--ep-font-size-xxl, 1.5rem);
    line-height: 2.25rem
}

.purple-light .referral-rewards-new .status-area .img-treasureChest[data-v-0ec8089f] {
    width: 3.125rem;
    height: 3.0625rem
}

.purple-light .referral-rewards-new .status-area .img-hourglass[data-v-0ec8089f] {
    width: 2.625rem;
    height: 3.125rem
}

.purple-light .referral-rewards-new .share-text-area[data-v-0ec8089f] {
    width: 16.875rem
}

.purple-light .referral-rewards-new .share-area[data-v-0ec8089f] {
    width: 22.5rem;
    background: var(--color-bg-500) url(/assets/share-area-bg-COA70gH6.png) no-repeat center / cover;
    border-radius: var(--ep-border-radius-m, .375rem);
    padding: 1.25rem;
    box-sizing: border-box;
    margin: 1rem auto;
    overflow: hidden
}

.purple-light .referral-rewards-new .share-area .bonus-area[data-v-0ec8089f] {
    width: 11.5625rem;
    height: 1.875rem;
    font-size: var(--ep-font-size-s, .875rem);
    line-height: 1.875rem;
    border-radius: var(--ep-border-radius-infinity, 999px);
    color: var(--color-text-40);
    background: #e7dbff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: .4375rem auto 20px
}

.purple-light .referral-rewards-new .share-area .bonus-area .bonus-img[data-v-0ec8089f] {
    width: 2rem;
    height: 2rem;
    display: block;
    margin-right: .625rem
}

.purple-light .referral-rewards-new .share-area .bonus-amount[data-v-0ec8089f] {
    width: 13.75rem;
    height: 3.125rem;
    margin: 0 auto;
    font-size: var(--ep-font-size-xxl, 1.5rem);
    line-height: 3.125rem;
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--theme-color-800);
    position: relative;
    text-align: center
}

.purple-light .referral-rewards-new .share-area .bonus-amount .bg-area[data-v-0ec8089f] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), #000, rgba(255, 255, 255, 0));
    mix-blend-mode: overlay;
    z-index: 1
}

.purple-light .referral-rewards-new .share-area .bonus-amount span[data-v-0ec8089f] {
    margin-right: .1875rem
}

.purple-light .referral-rewards-new .share-area .line[data-v-0ec8089f] {
    width: 100%;
    height: 1px;
    background: var(--ep-color-border-default);
    margin: 1.875rem auto 0
}

.purple-light .referral-rewards-new .share-area .share-action-area[data-v-0ec8089f] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between
}

.purple-light .referral-rewards-new .share-area .share-action-area .share-text[data-v-0ec8089f] {
    color: var(--color-text-100);
    line-height: 1.3125rem;
    font-size: var(--ep-font-size-s, .875rem);
    margin-top: 1.25rem
}

.purple-light .referral-rewards-new .share-area .share-action-area .link-text[data-v-0ec8089f] {
    color: var(--accent-color-blue);
    line-height: 1.3125rem;
    font-size: var(--ep-font-size-s, .875rem);
    display: flex;
    align-items: center;
    justify-content: space-between
}

.purple-light .referral-rewards-new .share-area .share-action-area .link-text .link-text-url[data-v-0ec8089f] {
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis
}

.purple-light .referral-rewards-new .share-area .share-action-area .link-text .copy-icon[data-v-0ec8089f] {
    font-size: var(--ep-font-size-m, .875rem);
    color: var(--accent-color-orange)
}

.purple-light .referral-rewards-new .share-area .share-action-area .invite-btn[data-v-0ec8089f] {
    width: 2.5rem;
    height: 2.5rem;
    background: var(--theme-color-800);
    border-radius: var(--ep-border-radius-xl, .625rem);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center
}

.purple-light .referral-rewards-new .share-area .share-action-area .invite-btn .share-icon[data-v-0ec8089f] {
    font-size: 1.25rem;
    color: var(--text-color-white-100)
}

.purple-light .referral-rewards-new .rule-content[data-v-0ec8089f] {
    width: 22.5rem;
    margin: 1rem auto 6.25rem
}

.purple-light .referral-rewards-new .rule-content[data-v-0ec8089f] .ruleHeader {
    text-align: center;
    margin-bottom: .625rem;
    justify-content: start
}

.purple-light .referral-rewards-new .rule-content[data-v-0ec8089f] .ruleHeader .span-cls {
    color: var(--color-text-100);
    font-size: var(--ep-font-size-m, .875rem);
    line-height: 1.25rem;
    font-weight: var(--ep-font-weight-bold, 700);
    margin: 0
}

.purple-light .referral-rewards-new .rule-content[data-v-0ec8089f] .item-wrap {
    padding: 0 0 0 .375rem
}

.purple-light .referral-rewards-new .rule-content[data-v-0ec8089f] .item-wrap .rule-item {
    color: var(--color-text-40);
    font-size: var(--ep-font-size-s, .875rem);
    line-height: 18px
}

.color-primary-600[data-v-88678593] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-88678593] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-88678593] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-88678593] {
    color: var(--color-primary-900)
}

.bg-100[data-v-88678593] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-88678593] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-88678593] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-88678593] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-88678593] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-88678593] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-88678593] {
    background-color: var(--color-warning)
}

.bg-link[data-v-88678593] {
    background-color: var(--color-link)
}

.bg-danger[data-v-88678593] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-88678593] {
    color: var(--color-text-100)
}

.color-text-80[data-v-88678593] {
    color: var(--color-text-80)
}

.color-text-50[data-v-88678593] {
    color: var(--color-text-50)
}

.color-text-40[data-v-88678593] {
    color: var(--color-text-40)
}

.color-text-20[data-v-88678593] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-88678593] {
    color: var(--color-currency)
}

.color-warning[data-v-88678593] {
    color: var(--color-warning)
}

.color-danger[data-v-88678593] {
    color: var(--color-danger)
}

.color-link[data-v-88678593] {
    color: var(--color-link)
}

.color-line[data-v-88678593] {
    color: var(--color-line)
}

.color-border[data-v-88678593] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-88678593] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-88678593] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-88678593] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-88678593] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-88678593] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-88678593] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-88678593] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-88678593] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-88678593] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-88678593] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-88678593] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-88678593] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-88678593] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-88678593] {
    display: flex;
    align-items: center
}

.flex-start[data-v-88678593] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-88678593] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-88678593] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-88678593] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-88678593] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-88678593] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-88678593] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-88678593] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-88678593] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-88678593] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-88678593] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-88678593] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-88678593] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-88678593] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-88678593] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-88678593] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-88678593] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-88678593] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-88678593] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-88678593] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-88678593] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-88678593] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-88678593] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-88678593] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-88678593],
.mlm-selected-item[data-v-88678593] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-88678593] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-88678593]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-88678593] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-88678593] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-88678593] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.referral-rewards-new-detail[data-v-88678593] {
    --padding-top: .75rem;
    --padding-start: .75rem;
    --padding-end: .75rem;
    --padding-bottom: calc(8rem + env(safe-area-inset-bottom))
}

.new-skin-symbol .query-area .margin-d[data-v-88678593] {
    margin: 12px 0 17px
}

.new-skin-symbol .query-area .query-date[data-v-88678593] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.new-skin-symbol .query-area .query-date .query-date-item[data-v-88678593] {
    width: 7.3125rem;
    height: 2rem
}

.new-skin-symbol .query-area .query-date .query-date-item[data-v-88678593] .date {
    background: var(--ep-color-background-fill-surface-lowered);
    border: 1px solid var(--ep-color-border-default);
    color: var(--ep-color-text-default);
    border-radius: var(--ep-border-radius-m, .375rem);
    padding: .5rem .3125rem;
    width: 100%;
    height: 100%;
    min-width: unset;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: var(--ep-font-size-s, .75rem)
}

.new-skin-symbol .query-area .query-date .query-date-item[data-v-88678593] .date span {
    display: none
}

.new-skin-symbol .query-area .query-date .query-date-item[data-v-88678593] .date .timeChoose {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

.new-skin-symbol .query-area .query-date .query-date-item[data-v-88678593] .date .timeChoose .single-date {
    font-size: var(--ep-font-size-s, .75rem);
    color: var(--ep-color-text-default)
}

.new-skin-symbol .query-area .query-date .query-date-item[data-v-88678593] .date .timeChoose ion-icon {
    font-size: var(--ep-font-size-xxl, 1.5rem);
    color: var(--ep-color-icon-weaker)
}

.new-skin-symbol .query-area .query-date .query-date-input[data-v-88678593] {
    width: 15rem
}

.new-skin-symbol .query-area .query-date .query-btn[data-v-88678593] {
    width: 7.5rem;
    height: 2.25rem;
    line-height: 2.25rem;
    text-align: center;
    color: var(--ep-color-text-inverse);
    background: var(--ep-color-background-fill-active-primary);
    border-radius: var(--ep-border-radius-m, .375rem)
}

.new-skin-symbol .header-table[data-v-88678593] {
    width: 100%;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    background: var(--ep-color-background-fill-surface-raised-L2);
    color: var(--ep-color-text-default);
    font-size: var(--ep-font-size-s, 12px);
    font-weight: var(--ep-font-weight-bold, 700);
    border-radius: var(--ep-border-radius-m, .375rem) var(--ep-border-radius-m, .375rem) 0 0;
    padding: 0 .75rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.new-skin-symbol .header-table .item[data-v-88678593]:nth-child(1) {
    width: 5.6875rem
}

.new-skin-symbol .header-table .item[data-v-88678593]:nth-child(2) {
    width: 7.0625rem
}

.new-skin-symbol .header-table .item[data-v-88678593]:nth-child(3) {
    width: 5.125rem
}

.new-skin-symbol .header-table .item[data-v-88678593]:nth-child(4) {
    width: 5.125rem
}

.new-skin-symbol .header-table .inner[data-v-88678593] {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2
}

.new-skin-symbol .record-list li[data-v-88678593] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    font-size: var(--ep-font-size-s, .75rem);
    color: var(--ep-color-text-default);
    line-height: 2.875rem;
    height: 2.875rem
}

.new-skin-symbol .record-list li .item[data-v-88678593]:nth-child(1) {
    width: 5.6875rem
}

.new-skin-symbol .record-list li .item[data-v-88678593]:nth-child(2) {
    width: 7.0625rem
}

.new-skin-symbol .record-list li .item[data-v-88678593]:nth-child(3) {
    width: 5.125rem
}

.new-skin-symbol .record-list li .item[data-v-88678593]:nth-child(4) {
    width: 5.125rem
}

.new-skin-symbol .record-list li .amount[data-v-88678593] {
    color: var(--ep-color-text-warning);
    font-weight: var(--ep-font-weight-bold, 700)
}

.new-skin-symbol .record-list li[data-v-88678593]:nth-child(2n) {
    background: var(--ep-color-background-fill-surface-lowered)
}

.new-skin-symbol .record-list li .register-time[data-v-88678593] {
    display: inline-block;
    width: 100%;
    line-height: 1.2;
    vertical-align: middle
}

.yellow-dark .query-area .margin-d[data-v-88678593],
.green-dark .query-area .margin-d[data-v-88678593] {
    margin: 12px 0 17px
}

.yellow-dark .query-area .query-date[data-v-88678593],
.green-dark .query-area .query-date[data-v-88678593] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.yellow-dark .query-area .query-date .query-date-item[data-v-88678593],
.green-dark .query-area .query-date .query-date-item[data-v-88678593] {
    width: 7.3125rem;
    height: 2rem
}

.yellow-dark .query-area .query-date .query-date-item[data-v-88678593] .date,
.green-dark .query-area .query-date .query-date-item[data-v-88678593] .date {
    background: var(--color-bg-400);
    border: 1px solid var(--line-color);
    color: var(--color-text-100);
    border-radius: var(--ep-border-radius-m, .375rem);
    padding: .5rem .3125rem;
    width: 100%;
    height: 100%;
    min-width: unset;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: var(--ep-font-size-s, .75rem)
}

.yellow-dark .query-area .query-date .query-date-item[data-v-88678593] .date span,
.green-dark .query-area .query-date .query-date-item[data-v-88678593] .date span {
    display: none
}

.yellow-dark .query-area .query-date .query-date-item[data-v-88678593] .date .timeChoose,
.green-dark .query-area .query-date .query-date-item[data-v-88678593] .date .timeChoose {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

.yellow-dark .query-area .query-date .query-date-item[data-v-88678593] .date .timeChoose .single-date,
.green-dark .query-area .query-date .query-date-item[data-v-88678593] .date .timeChoose .single-date {
    font-size: var(--ep-font-size-s, .75rem);
    color: var(--color-text-100)
}

.yellow-dark .query-area .query-date .query-date-item[data-v-88678593] .date .timeChoose ion-icon,
.green-dark .query-area .query-date .query-date-item[data-v-88678593] .date .timeChoose ion-icon {
    font-size: var(--ep-font-size-xxl, 1.5rem);
    color: var(--color-text-40)
}

.yellow-dark .query-area .query-date .query-date-input[data-v-88678593],
.green-dark .query-area .query-date .query-date-input[data-v-88678593] {
    width: 15rem
}

.yellow-dark .query-area .query-date .query-btn[data-v-88678593],
.green-dark .query-area .query-date .query-btn[data-v-88678593] {
    width: 7.5rem;
    height: 2.25rem;
    line-height: 2.25rem;
    text-align: center;
    color: var(--color-text-100);
    background: var(--color-primary-800);
    border-radius: var(--ep-border-radius-m, .375rem)
}

.yellow-dark .header-table[data-v-88678593],
.green-dark .header-table[data-v-88678593] {
    width: 100%;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    background: var(--color-bg-200);
    color: var(--color-text-100);
    font-size: var(--ep-font-size-s, 12px);
    font-weight: var(--ep-font-weight-bold, 700);
    border-radius: var(--ep-border-radius-m, .375rem) var(--ep-border-radius-m, .375rem) 0 0;
    padding: 0 .75rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.yellow-dark .header-table .item[data-v-88678593]:nth-child(1),
.green-dark .header-table .item[data-v-88678593]:nth-child(1) {
    width: 5.6875rem
}

.yellow-dark .header-table .item[data-v-88678593]:nth-child(2),
.green-dark .header-table .item[data-v-88678593]:nth-child(2) {
    width: 7.0625rem
}

.yellow-dark .header-table .item[data-v-88678593]:nth-child(3),
.green-dark .header-table .item[data-v-88678593]:nth-child(3) {
    width: 5.125rem
}

.yellow-dark .header-table .item[data-v-88678593]:nth-child(4),
.green-dark .header-table .item[data-v-88678593]:nth-child(4) {
    width: 5.125rem
}

.yellow-dark .header-table .inner[data-v-88678593],
.green-dark .header-table .inner[data-v-88678593] {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2
}

.yellow-dark .record-list li[data-v-88678593],
.green-dark .record-list li[data-v-88678593] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    font-size: var(--ep-font-size-s, .75rem);
    color: var(--color-text-100);
    line-height: 2.875rem;
    height: 2.875rem
}

.yellow-dark .record-list li .item[data-v-88678593]:nth-child(1),
.green-dark .record-list li .item[data-v-88678593]:nth-child(1) {
    width: 5.6875rem
}

.yellow-dark .record-list li .item[data-v-88678593]:nth-child(2),
.green-dark .record-list li .item[data-v-88678593]:nth-child(2) {
    width: 7.0625rem
}

.yellow-dark .record-list li .item[data-v-88678593]:nth-child(3),
.green-dark .record-list li .item[data-v-88678593]:nth-child(3) {
    width: 5.125rem
}

.yellow-dark .record-list li .item[data-v-88678593]:nth-child(4),
.green-dark .record-list li .item[data-v-88678593]:nth-child(4) {
    width: 5.125rem
}

.yellow-dark .record-list li .amount[data-v-88678593],
.green-dark .record-list li .amount[data-v-88678593] {
    color: var(--accent-color-orange);
    font-weight: var(--ep-font-weight-bold, 700)
}

.yellow-dark .record-list li[data-v-88678593]:nth-child(2n),
.green-dark .record-list li[data-v-88678593]:nth-child(2n) {
    background: var(--color-bg-400)
}

.yellow-dark .record-list li .register-time[data-v-88678593],
.green-dark .record-list li .register-time[data-v-88678593] {
    display: inline-block;
    width: 100%;
    line-height: 1.2;
    vertical-align: middle
}

.purple-light .query-area .margin-d[data-v-88678593] {
    margin: 12px 0 17px
}

.purple-light .query-area .query-date[data-v-88678593] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.purple-light .query-area .query-date .query-date-item[data-v-88678593] {
    width: 7.3125rem;
    height: 2rem
}

.purple-light .query-area .query-date .query-date-item[data-v-88678593] .date {
    background: var(--color-bg-400);
    border: 1px solid var(--line-color);
    color: var(--color-text-100);
    border-radius: var(--ep-border-radius-m, .375rem);
    padding: .5rem .3125rem;
    width: 100%;
    height: 100%;
    min-width: unset;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: var(--ep-font-size-s, .75rem)
}

.purple-light .query-area .query-date .query-date-item[data-v-88678593] .date span {
    display: none
}

.purple-light .query-area .query-date .query-date-item[data-v-88678593] .date .timeChoose {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

.purple-light .query-area .query-date .query-date-item[data-v-88678593] .date .timeChoose .single-date {
    font-size: var(--ep-font-size-s, .75rem);
    color: var(--color-text-100)
}

.purple-light .query-area .query-date .query-date-item[data-v-88678593] .date .timeChoose ion-icon {
    font-size: var(--ep-font-size-xxl, 1.5rem);
    color: var(--color-text-40)
}

.purple-light .query-area .query-date .query-date-input[data-v-88678593] {
    width: 15rem
}

.purple-light .query-area .query-date .query-btn[data-v-88678593] {
    width: 7.5rem;
    height: 2.25rem;
    line-height: 2.25rem;
    text-align: center;
    color: var(--text-color-white-100);
    background: var(--color-primary-800);
    border-radius: var(--ep-border-radius-m, .375rem)
}

.purple-light .header-table[data-v-88678593] {
    width: 100%;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    background: var(--color-bg-200);
    color: var(--color-text-100);
    font-size: var(--ep-font-size-s, 12px);
    font-weight: var(--ep-font-weight-bold, 700);
    border-radius: var(--ep-border-radius-m, .375rem) var(--ep-border-radius-m, .375rem) 0 0;
    padding: 0 .75rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.purple-light .header-table .item[data-v-88678593]:nth-child(1) {
    width: 5.6875rem
}

.purple-light .header-table .item[data-v-88678593]:nth-child(2) {
    width: 7.0625rem
}

.purple-light .header-table .item[data-v-88678593]:nth-child(3) {
    width: 5.125rem
}

.purple-light .header-table .item[data-v-88678593]:nth-child(4) {
    width: 5.125rem
}

.purple-light .header-table .inner[data-v-88678593] {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2
}

.purple-light .record-list li[data-v-88678593] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    font-size: var(--ep-font-size-s, .75rem);
    color: var(--color-text-100);
    line-height: 2.875rem;
    height: 2.875rem
}

.purple-light .record-list li .item[data-v-88678593]:nth-child(1) {
    width: 5.6875rem
}

.purple-light .record-list li .item[data-v-88678593]:nth-child(2) {
    width: 7.0625rem
}

.purple-light .record-list li .item[data-v-88678593]:nth-child(3) {
    width: 5.125rem
}

.purple-light .record-list li .item[data-v-88678593]:nth-child(4) {
    width: 5.125rem
}

.purple-light .record-list li .amount[data-v-88678593] {
    color: var(--accent-color-orange);
    font-weight: var(--ep-font-weight-bold, 700)
}

.purple-light .record-list li[data-v-88678593]:nth-child(2n) {
    background: var(--color-bg-400)
}

.purple-light .record-list li .register-time[data-v-88678593] {
    display: inline-block;
    width: 100%;
    line-height: 1.2;
    vertical-align: middle
}

.auroral-yellow .query-area .margin-d[data-v-88678593] {
    margin: 12px 0 17px
}

.auroral-yellow .query-area .query-date[data-v-88678593] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.auroral-yellow .query-area .query-date .query-date-item[data-v-88678593] {
    width: 7.3125rem;
    height: 2rem
}

.auroral-yellow .query-area .query-date .query-date-item[data-v-88678593] .date {
    background: var(--color-bg-400);
    border: 1px solid var(--line-color);
    color: var(--color-text-80);
    border-radius: var(--ep-border-radius-m, .375rem);
    padding: .5rem .3125rem;
    width: 100%;
    height: 100%;
    min-width: unset;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: var(--ep-font-size-s, .75rem)
}

.auroral-yellow .query-area .query-date .query-date-item[data-v-88678593] .date span {
    display: none
}

.auroral-yellow .query-area .query-date .query-date-item[data-v-88678593] .date .timeChoose {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

.auroral-yellow .query-area .query-date .query-date-item[data-v-88678593] .date .timeChoose .single-date {
    font-size: var(--ep-font-size-s, .75rem);
    color: var(--color-text-80)
}

.auroral-yellow .query-area .query-date .query-date-item[data-v-88678593] .date .timeChoose ion-icon {
    font-size: var(--ep-font-size-xxl, 1.5rem);
    color: var(--color-text-40)
}

.auroral-yellow .query-area .query-date .query-date-input[data-v-88678593] {
    width: 15rem
}

.auroral-yellow .query-area .query-date .query-btn[data-v-88678593] {
    width: 7.5rem;
    height: 2.25rem;
    line-height: 2.25rem;
    text-align: center;
    color: var(--color-text-black-100);
    background: var(--theme-color-800-2);
    border-radius: var(--ep-border-radius-m, .375rem)
}

.auroral-yellow .header-table[data-v-88678593] {
    width: 100%;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    background: var(--color-bg-200);
    color: var(--color-text-80);
    font-size: var(--ep-font-size-s, 12px);
    font-weight: var(--ep-font-weight-bold, 700);
    border-radius: var(--ep-border-radius-m, .375rem) var(--ep-border-radius-m, .375rem) 0 0;
    padding: 0 .75rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.auroral-yellow .header-table .item[data-v-88678593]:nth-child(1) {
    width: 5.6875rem
}

.auroral-yellow .header-table .item[data-v-88678593]:nth-child(2) {
    width: 7.0625rem
}

.auroral-yellow .header-table .item[data-v-88678593]:nth-child(3) {
    width: 5.125rem
}

.auroral-yellow .header-table .item[data-v-88678593]:nth-child(4) {
    width: 5.125rem
}

.auroral-yellow .header-table .inner[data-v-88678593] {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2
}

.auroral-yellow .record-list li[data-v-88678593] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    font-size: var(--ep-font-size-s, .75rem);
    color: var(--color-text-80);
    line-height: 2.875rem;
    height: 2.875rem
}

.auroral-yellow .record-list li .item[data-v-88678593]:nth-child(1) {
    width: 5.6875rem
}

.auroral-yellow .record-list li .item[data-v-88678593]:nth-child(2) {
    width: 7.0625rem
}

.auroral-yellow .record-list li .item[data-v-88678593]:nth-child(3) {
    width: 5.125rem
}

.auroral-yellow .record-list li .item[data-v-88678593]:nth-child(4) {
    width: 5.125rem
}

.auroral-yellow .record-list li .amount[data-v-88678593] {
    color: var(--theme-color-800);
    font-weight: var(--ep-font-weight-bold, 700)
}

.auroral-yellow .record-list li[data-v-88678593]:nth-child(2n) {
    background: var(--color-bg-400)
}

.auroral-yellow .record-list li .register-time[data-v-88678593] {
    display: inline-block;
    width: 100%;
    line-height: 1.2;
    vertical-align: middle
}

.forest-green .query-area .margin-d[data-v-88678593] {
    margin: 12px 0 17px
}

.forest-green .query-area .query-date[data-v-88678593] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.forest-green .query-area .query-date .query-date-item[data-v-88678593] {
    width: 7.3125rem;
    height: 2rem
}

.forest-green .query-area .query-date .query-date-item[data-v-88678593] .date {
    background: var(--color-bg-400);
    border: 1px solid var(--line-color);
    color: var(--text-color-white-40);
    border-radius: var(--ep-border-radius-m, .375rem);
    padding: .5rem .3125rem;
    width: 100%;
    height: 100%;
    min-width: unset;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: var(--ep-font-size-s, .75rem)
}

.forest-green .query-area .query-date .query-date-item[data-v-88678593] .date span {
    display: none
}

.forest-green .query-area .query-date .query-date-item[data-v-88678593] .date .timeChoose {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

.forest-green .query-area .query-date .query-date-item[data-v-88678593] .date .timeChoose .single-date {
    font-size: var(--ep-font-size-s, .75rem);
    color: var(--text-color-white-40)
}

.forest-green .query-area .query-date .query-date-item[data-v-88678593] .date .timeChoose ion-icon {
    font-size: var(--ep-font-size-xxl, 1.5rem);
    color: var(--color-text-40)
}

.forest-green .query-area .query-date .query-date-input[data-v-88678593] {
    width: 15rem
}

.forest-green .query-area .query-date .query-btn[data-v-88678593] {
    width: 7.5rem;
    height: 2.25rem;
    line-height: 2.25rem;
    text-align: center;
    color: var(--color-text-80);
    background: var(--theme-color-800-2);
    border-radius: var(--ep-border-radius-m, .375rem)
}

.forest-green .header-table[data-v-88678593] {
    width: 100%;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    background: var(--color-bg-200);
    color: var(--text-color-white-40);
    font-size: var(--ep-font-size-s, 12px);
    font-weight: var(--ep-font-weight-bold, 700);
    border-radius: var(--ep-border-radius-m, .375rem) var(--ep-border-radius-m, .375rem) 0 0;
    padding: 0 .75rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.forest-green .header-table .item[data-v-88678593]:nth-child(1) {
    width: 5.6875rem
}

.forest-green .header-table .item[data-v-88678593]:nth-child(2) {
    width: 7.0625rem
}

.forest-green .header-table .item[data-v-88678593]:nth-child(3) {
    width: 5.125rem
}

.forest-green .header-table .item[data-v-88678593]:nth-child(4) {
    width: 5.125rem
}

.forest-green .header-table .inner[data-v-88678593] {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2
}

.forest-green .record-list li[data-v-88678593] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    font-size: var(--ep-font-size-s, .75rem);
    color: var(--color-text-80);
    line-height: 2.875rem;
    height: 2.875rem
}

.forest-green .record-list li .item[data-v-88678593]:nth-child(1) {
    width: 5.6875rem
}

.forest-green .record-list li .item[data-v-88678593]:nth-child(2) {
    width: 7.0625rem
}

.forest-green .record-list li .item[data-v-88678593]:nth-child(3) {
    width: 5.125rem
}

.forest-green .record-list li .item[data-v-88678593]:nth-child(4) {
    width: 5.125rem
}

.forest-green .record-list li .amount[data-v-88678593] {
    color: var(--theme-color-800);
    font-weight: var(--ep-font-weight-bold, 700)
}

.forest-green .record-list li[data-v-88678593]:nth-child(2n) {
    background: var(--color-bg-400)
}

.forest-green .record-list li .register-time[data-v-88678593] {
    display: inline-block;
    width: 100%;
    line-height: 1.2;
    vertical-align: middle
}

.amber-purple .query-area .margin-d[data-v-88678593] {
    margin: 12px 0 17px
}

.amber-purple .query-area .query-date[data-v-88678593] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.amber-purple .query-area .query-date .query-date-item[data-v-88678593] {
    width: 7.3125rem;
    height: 2rem
}

.amber-purple .query-area .query-date .query-date-item[data-v-88678593] .date {
    background: var(--color-bg-400);
    border: 1px solid var(--line-color);
    color: var(--text-color-light-purple-2-100);
    border-radius: var(--ep-border-radius-m, .375rem);
    padding: .5rem .3125rem;
    width: 100%;
    height: 100%;
    min-width: unset;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: var(--ep-font-size-s, .75rem)
}

.amber-purple .query-area .query-date .query-date-item[data-v-88678593] .date span {
    display: none
}

.amber-purple .query-area .query-date .query-date-item[data-v-88678593] .date .timeChoose {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

.amber-purple .query-area .query-date .query-date-item[data-v-88678593] .date .timeChoose .single-date {
    font-size: var(--ep-font-size-s, .75rem);
    color: var(--text-color-light-purple-2-100)
}

.amber-purple .query-area .query-date .query-date-item[data-v-88678593] .date .timeChoose ion-icon {
    font-size: var(--ep-font-size-xxl, 1.5rem);
    color: var(--color-text-40)
}

.amber-purple .query-area .query-date .query-date-input[data-v-88678593] {
    width: 15rem
}

.amber-purple .query-area .query-date .query-btn[data-v-88678593] {
    width: 7.5rem;
    height: 2.25rem;
    line-height: 2.25rem;
    text-align: center;
    color: var(--color-text-100);
    background: var(--gradients-purple-1);
    border-radius: var(--ep-border-radius-m, .375rem)
}

.amber-purple .header-table[data-v-88678593] {
    width: 100%;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    background: var(--color-bg-100);
    color: var(--text-color-light-purple-2-100);
    font-size: var(--ep-font-size-s, 12px);
    font-weight: var(--ep-font-weight-bold, 700);
    border-radius: var(--ep-border-radius-m, .375rem) var(--ep-border-radius-m, .375rem) 0 0;
    padding: 0 .75rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.amber-purple .header-table .item[data-v-88678593]:nth-child(1) {
    width: 5.6875rem
}

.amber-purple .header-table .item[data-v-88678593]:nth-child(2) {
    width: 7.0625rem
}

.amber-purple .header-table .item[data-v-88678593]:nth-child(3) {
    width: 5.125rem
}

.amber-purple .header-table .item[data-v-88678593]:nth-child(4) {
    width: 5.125rem
}

.amber-purple .header-table .inner[data-v-88678593] {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2
}

.amber-purple .record-list li[data-v-88678593] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    font-size: var(--ep-font-size-s, .75rem);
    color: var(--text-color-light-purple-2-100);
    line-height: 2.875rem;
    height: 2.875rem
}

.amber-purple .record-list li .item[data-v-88678593]:nth-child(1) {
    width: 5.6875rem
}

.amber-purple .record-list li .item[data-v-88678593]:nth-child(2) {
    width: 7.0625rem
}

.amber-purple .record-list li .item[data-v-88678593]:nth-child(3) {
    width: 5.125rem
}

.amber-purple .record-list li .item[data-v-88678593]:nth-child(4) {
    width: 5.125rem
}

.amber-purple .record-list li .amount[data-v-88678593] {
    color: var(--accent-color-orange);
    font-weight: var(--ep-font-weight-bold, 700)
}

.amber-purple .record-list li[data-v-88678593]:nth-child(2n) {
    background: var(--color-bg-400)
}

.amber-purple .record-list li .register-time[data-v-88678593] {
    display: inline-block;
    width: 100%;
    line-height: 1.2;
    vertical-align: middle
}

.blue-default .query-area .margin-d[data-v-88678593],
.green-default .query-area .margin-d[data-v-88678593] {
    margin: 12px 0 17px
}

.blue-default .query-area .query-date[data-v-88678593],
.green-default .query-area .query-date[data-v-88678593] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.blue-default .query-area .query-date .query-date-item[data-v-88678593],
.green-default .query-area .query-date .query-date-item[data-v-88678593] {
    width: 7.3125rem;
    height: 2rem
}

.blue-default .query-area .query-date .query-date-item[data-v-88678593] .date,
.green-default .query-area .query-date .query-date-item[data-v-88678593] .date {
    background: var(--color-bg-400);
    border: 1px solid var(--line-color);
    color: var(--color-text-40);
    border-radius: var(--ep-border-radius-m, .375rem);
    padding: .5rem .3125rem;
    width: 100%;
    height: 100%;
    min-width: unset;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: var(--ep-font-size-s, .75rem)
}

.blue-default .query-area .query-date .query-date-item[data-v-88678593] .date span,
.green-default .query-area .query-date .query-date-item[data-v-88678593] .date span {
    display: none
}

.blue-default .query-area .query-date .query-date-item[data-v-88678593] .date .timeChoose,
.green-default .query-area .query-date .query-date-item[data-v-88678593] .date .timeChoose {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

.blue-default .query-area .query-date .query-date-item[data-v-88678593] .date .timeChoose .single-date,
.green-default .query-area .query-date .query-date-item[data-v-88678593] .date .timeChoose .single-date {
    font-size: var(--ep-font-size-s, .75rem);
    color: var(--color-text-40)
}

.blue-default .query-area .query-date .query-date-item[data-v-88678593] .date .timeChoose ion-icon,
.green-default .query-area .query-date .query-date-item[data-v-88678593] .date .timeChoose ion-icon {
    font-size: var(--ep-font-size-xxl, 1.5rem);
    color: var(--color-text-40)
}

.blue-default .query-area .query-date .query-date-input[data-v-88678593],
.green-default .query-area .query-date .query-date-input[data-v-88678593] {
    width: 15rem
}

.blue-default .query-area .query-date .query-btn[data-v-88678593],
.green-default .query-area .query-date .query-btn[data-v-88678593] {
    width: 7.5rem;
    height: 2.25rem;
    line-height: 2.25rem;
    text-align: center;
    color: var(--text-color-white-100);
    background: var(--theme-color-gradient-100);
    border-radius: var(--ep-border-radius-m, .375rem)
}

.blue-default .header-table[data-v-88678593],
.green-default .header-table[data-v-88678593] {
    width: 100%;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    background: var(--color-bg-200);
    color: var(--color-text-40);
    font-size: var(--ep-font-size-s, 12px);
    font-weight: var(--ep-font-weight-bold, 700);
    border-radius: var(--ep-border-radius-m, .375rem) var(--ep-border-radius-m, .375rem) 0 0;
    padding: 0 .75rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.blue-default .header-table .item[data-v-88678593]:nth-child(1),
.green-default .header-table .item[data-v-88678593]:nth-child(1) {
    width: 5.6875rem
}

.blue-default .header-table .item[data-v-88678593]:nth-child(2),
.green-default .header-table .item[data-v-88678593]:nth-child(2) {
    width: 7.0625rem
}

.blue-default .header-table .item[data-v-88678593]:nth-child(3),
.green-default .header-table .item[data-v-88678593]:nth-child(3) {
    width: 5.125rem
}

.blue-default .header-table .item[data-v-88678593]:nth-child(4),
.green-default .header-table .item[data-v-88678593]:nth-child(4) {
    width: 5.125rem
}

.blue-default .header-table .inner[data-v-88678593],
.green-default .header-table .inner[data-v-88678593] {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2
}

.blue-default .record-list li[data-v-88678593],
.green-default .record-list li[data-v-88678593] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    font-size: var(--ep-font-size-s, .75rem);
    color: var(--color-text-80);
    line-height: 2.875rem;
    height: 2.875rem
}

.blue-default .record-list li .item[data-v-88678593]:nth-child(1),
.green-default .record-list li .item[data-v-88678593]:nth-child(1) {
    width: 5.6875rem
}

.blue-default .record-list li .item[data-v-88678593]:nth-child(2),
.green-default .record-list li .item[data-v-88678593]:nth-child(2) {
    width: 7.0625rem
}

.blue-default .record-list li .item[data-v-88678593]:nth-child(3),
.green-default .record-list li .item[data-v-88678593]:nth-child(3) {
    width: 5.125rem
}

.blue-default .record-list li .item[data-v-88678593]:nth-child(4),
.green-default .record-list li .item[data-v-88678593]:nth-child(4) {
    width: 5.125rem
}

.blue-default .record-list li .amount[data-v-88678593],
.green-default .record-list li .amount[data-v-88678593] {
    color: var(--accent-color-orange);
    font-weight: var(--ep-font-weight-bold, 700)
}

.blue-default .record-list li[data-v-88678593]:nth-child(2n),
.green-default .record-list li[data-v-88678593]:nth-child(2n) {
    background: var(--color-bg-400)
}

.blue-default .record-list li .register-time[data-v-88678593],
.green-default .record-list li .register-time[data-v-88678593] {
    display: inline-block;
    width: 100%;
    line-height: 1.2;
    vertical-align: middle
}

.color-primary-600[data-v-fd18cd96] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-fd18cd96] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-fd18cd96] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-fd18cd96] {
    color: var(--color-primary-900)
}

.bg-100[data-v-fd18cd96] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-fd18cd96] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-fd18cd96] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-fd18cd96] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-fd18cd96] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-fd18cd96] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-fd18cd96] {
    background-color: var(--color-warning)
}

.bg-link[data-v-fd18cd96] {
    background-color: var(--color-link)
}

.bg-danger[data-v-fd18cd96] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-fd18cd96] {
    color: var(--color-text-100)
}

.color-text-80[data-v-fd18cd96] {
    color: var(--color-text-80)
}

.color-text-50[data-v-fd18cd96] {
    color: var(--color-text-50)
}

.color-text-40[data-v-fd18cd96] {
    color: var(--color-text-40)
}

.color-text-20[data-v-fd18cd96] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-fd18cd96] {
    color: var(--color-currency)
}

.color-warning[data-v-fd18cd96] {
    color: var(--color-warning)
}

.color-danger[data-v-fd18cd96] {
    color: var(--color-danger)
}

.color-link[data-v-fd18cd96] {
    color: var(--color-link)
}

.color-line[data-v-fd18cd96] {
    color: var(--color-line)
}

.color-border[data-v-fd18cd96] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-fd18cd96] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-fd18cd96] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-fd18cd96] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-fd18cd96] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-fd18cd96] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-fd18cd96] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-fd18cd96] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-fd18cd96] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-fd18cd96] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-fd18cd96] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-fd18cd96] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-fd18cd96] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-fd18cd96] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-fd18cd96] {
    display: flex;
    align-items: center
}

.flex-start[data-v-fd18cd96] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-fd18cd96] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-fd18cd96] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-fd18cd96] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-fd18cd96] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-fd18cd96] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-fd18cd96] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-fd18cd96] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-fd18cd96] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-fd18cd96] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-fd18cd96] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-fd18cd96] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-fd18cd96] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-fd18cd96] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-fd18cd96] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-fd18cd96] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-fd18cd96] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-fd18cd96] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-fd18cd96] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-fd18cd96] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-fd18cd96] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-fd18cd96] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-fd18cd96] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-fd18cd96] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-fd18cd96],
.mlm-selected-item[data-v-fd18cd96] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-fd18cd96] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-fd18cd96]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-fd18cd96] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-fd18cd96] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-fd18cd96] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.new-skin-symbol .times-wrap .value-wrap[data-v-fd18cd96] {
    display: flex;
    gap: .125rem;
    align-items: center;
    justify-content: center;
    line-height: 1.25rem
}

.new-skin-symbol .times-wrap .value-wrap .value[data-v-fd18cd96] {
    width: .875rem;
    height: 1.25rem;
    background: var(--ep-color-background-fill-glow-primary-opacity-40);
    font-size: var(--ep-font-size-s, .75rem);
    border-radius: var(--ep-border-radius-xs, 2px);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--ep-color-text-default)
}

.new-skin-symbol .times-wrap .name[data-v-fd18cd96] {
    width: 1.875rem;
    color: var(--ep-color-text-weakest);
    font-size: var(--ep-font-size-xs, .625rem);
    line-height: 1.25rem
}

.new-skin-symbol .delimiter[data-v-fd18cd96] {
    color: var(--ep-color-text-default);
    font-size: 1.5rem;
    margin: 0 .5rem
}

.color-primary-600[data-v-f3d0b7d1] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-f3d0b7d1] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-f3d0b7d1] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-f3d0b7d1] {
    color: var(--color-primary-900)
}

.bg-100[data-v-f3d0b7d1] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-f3d0b7d1] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-f3d0b7d1] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-f3d0b7d1] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-f3d0b7d1] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-f3d0b7d1] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-f3d0b7d1] {
    background-color: var(--color-warning)
}

.bg-link[data-v-f3d0b7d1] {
    background-color: var(--color-link)
}

.bg-danger[data-v-f3d0b7d1] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-f3d0b7d1] {
    color: var(--color-text-100)
}

.color-text-80[data-v-f3d0b7d1] {
    color: var(--color-text-80)
}

.color-text-50[data-v-f3d0b7d1] {
    color: var(--color-text-50)
}

.color-text-40[data-v-f3d0b7d1] {
    color: var(--color-text-40)
}

.color-text-20[data-v-f3d0b7d1] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-f3d0b7d1] {
    color: var(--color-currency)
}

.color-warning[data-v-f3d0b7d1] {
    color: var(--color-warning)
}

.color-danger[data-v-f3d0b7d1] {
    color: var(--color-danger)
}

.color-link[data-v-f3d0b7d1] {
    color: var(--color-link)
}

.color-line[data-v-f3d0b7d1] {
    color: var(--color-line)
}

.color-border[data-v-f3d0b7d1] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-f3d0b7d1] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-f3d0b7d1] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-f3d0b7d1] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-f3d0b7d1] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-f3d0b7d1] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-f3d0b7d1] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-f3d0b7d1] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-f3d0b7d1] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-f3d0b7d1] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-f3d0b7d1] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-f3d0b7d1] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-f3d0b7d1] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-f3d0b7d1] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-f3d0b7d1] {
    display: flex;
    align-items: center
}

.flex-start[data-v-f3d0b7d1] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-f3d0b7d1] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-f3d0b7d1] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-f3d0b7d1] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-f3d0b7d1] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-f3d0b7d1] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-f3d0b7d1] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-f3d0b7d1] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-f3d0b7d1] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-f3d0b7d1] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-f3d0b7d1] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-f3d0b7d1] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-f3d0b7d1] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-f3d0b7d1] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-f3d0b7d1] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-f3d0b7d1] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-f3d0b7d1] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-f3d0b7d1] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-f3d0b7d1] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-f3d0b7d1] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-f3d0b7d1] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-f3d0b7d1] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-f3d0b7d1] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-f3d0b7d1] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-f3d0b7d1],
.mlm-selected-item[data-v-f3d0b7d1] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-f3d0b7d1] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-f3d0b7d1]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-f3d0b7d1] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-f3d0b7d1] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-f3d0b7d1] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.new-skin-symbol .step-wrap[data-v-f3d0b7d1] {
    background: var(--ep-color-icon-selected);
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.new-skin-symbol .step-wrap .symbol[data-v-f3d0b7d1] {
    font-size: 1.25rem;
    color: var(--ep-color-icon-inverse)
}

.color-primary-600[data-v-50d0e0b8] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-50d0e0b8] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-50d0e0b8] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-50d0e0b8] {
    color: var(--color-primary-900)
}

.bg-100[data-v-50d0e0b8] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-50d0e0b8] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-50d0e0b8] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-50d0e0b8] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-50d0e0b8] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-50d0e0b8] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-50d0e0b8] {
    background-color: var(--color-warning)
}

.bg-link[data-v-50d0e0b8] {
    background-color: var(--color-link)
}

.bg-danger[data-v-50d0e0b8] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-50d0e0b8] {
    color: var(--color-text-100)
}

.color-text-80[data-v-50d0e0b8] {
    color: var(--color-text-80)
}

.color-text-50[data-v-50d0e0b8] {
    color: var(--color-text-50)
}

.color-text-40[data-v-50d0e0b8] {
    color: var(--color-text-40)
}

.color-text-20[data-v-50d0e0b8] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-50d0e0b8] {
    color: var(--color-currency)
}

.color-warning[data-v-50d0e0b8] {
    color: var(--color-warning)
}

.color-danger[data-v-50d0e0b8] {
    color: var(--color-danger)
}

.color-link[data-v-50d0e0b8] {
    color: var(--color-link)
}

.color-line[data-v-50d0e0b8] {
    color: var(--color-line)
}

.color-border[data-v-50d0e0b8] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-50d0e0b8] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-50d0e0b8] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-50d0e0b8] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-50d0e0b8] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-50d0e0b8] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-50d0e0b8] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-50d0e0b8] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-50d0e0b8] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-50d0e0b8] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-50d0e0b8] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-50d0e0b8] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-50d0e0b8] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-50d0e0b8] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-50d0e0b8] {
    display: flex;
    align-items: center
}

.flex-start[data-v-50d0e0b8] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-50d0e0b8] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-50d0e0b8] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-50d0e0b8] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-50d0e0b8] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-50d0e0b8] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-50d0e0b8] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-50d0e0b8] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-50d0e0b8] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-50d0e0b8] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-50d0e0b8] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-50d0e0b8] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-50d0e0b8] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-50d0e0b8] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-50d0e0b8] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-50d0e0b8] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-50d0e0b8] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-50d0e0b8] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-50d0e0b8] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-50d0e0b8] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-50d0e0b8] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-50d0e0b8] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-50d0e0b8] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-50d0e0b8] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-50d0e0b8],
.mlm-selected-item[data-v-50d0e0b8] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-50d0e0b8] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-50d0e0b8]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-50d0e0b8] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-50d0e0b8] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-50d0e0b8] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.new-skin-symbol .amount-value[data-v-50d0e0b8] {
    color: var(--ep-color-text-warning)
}

.new-skin-symbol .title-text[data-v-50d0e0b8] {
    color: var(--ep-color-text-default);
    font-size: var(--ep-font-size-xl, 1.125rem);
    font-weight: var(--ep-font-weight-medium, 600);
    margin-top: 1.125rem
}

.new-skin-symbol .text[data-v-50d0e0b8] {
    color: var(--ep-color-text-default);
    font-size: var(--ep-font-size-s, .75rem);
    margin-top: .5rem
}

.new-skin-symbol .step-content[data-v-50d0e0b8] {
    margin-top: 1.9375rem;
    padding-left: .9375rem
}

.new-skin-symbol .step-content .step-item[data-v-50d0e0b8] {
    display: flex;
    align-items: center;
    gap: 1rem
}

.new-skin-symbol .step-content .step-item .text[data-v-50d0e0b8] {
    color: var(--ep-color-text-default);
    font-size: var(--ep-font-size-s, .75rem)
}

.new-skin-symbol .step-content .line[data-v-50d0e0b8] {
    width: 4px;
    height: 25px;
    background: linear-gradient(180deg, var(--ep-color-background-fill-tips) 0%, var(--ep-color-background-fill-surface-raised-L2) 100%);
    margin-left: 1.125rem;
    transform: translate(-50%)
}

.new-skin-symbol .text-desc[data-v-50d0e0b8] {
    font-size: var(--ep-font-size-s, .75rem);
    margin-left: 3.3125rem;
    margin-top: .375rem;
    color: var(--ep-color-text-weak)
}

.new-skin-symbol .text-desc .register-amount[data-v-50d0e0b8] {
    color: var(--ep-color-text-warning)
}

.new-skin-symbol .text-desc .register-amount .merchant-cy[data-v-50d0e0b8] {
    margin: 0 .1875rem
}

.new-skin-symbol .text-desc .percent[data-v-50d0e0b8] {
    color: var(--ep-color-text-success)
}

.new-skin-symbol .btn[data-v-50d0e0b8] {
    width: 22.375rem;
    height: 2.875rem;
    text-align: center;
    line-height: 2.875rem;
    background: var(--ep-dynamic-primary);
    border-radius: var(--ep-border-radius-m, .375rem);
    margin: 2.25rem auto 1.8125rem;
    color: var(--ep-color-text-inverse);
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-bold, 700)
}

.color-primary-600[data-v-b1cbb72a] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-b1cbb72a] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-b1cbb72a] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-b1cbb72a] {
    color: var(--color-primary-900)
}

.bg-100[data-v-b1cbb72a] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-b1cbb72a] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-b1cbb72a] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-b1cbb72a] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-b1cbb72a] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-b1cbb72a] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-b1cbb72a] {
    background-color: var(--color-warning)
}

.bg-link[data-v-b1cbb72a] {
    background-color: var(--color-link)
}

.bg-danger[data-v-b1cbb72a] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-b1cbb72a] {
    color: var(--color-text-100)
}

.color-text-80[data-v-b1cbb72a] {
    color: var(--color-text-80)
}

.color-text-50[data-v-b1cbb72a] {
    color: var(--color-text-50)
}

.color-text-40[data-v-b1cbb72a] {
    color: var(--color-text-40)
}

.color-text-20[data-v-b1cbb72a] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-b1cbb72a] {
    color: var(--color-currency)
}

.color-warning[data-v-b1cbb72a] {
    color: var(--color-warning)
}

.color-danger[data-v-b1cbb72a] {
    color: var(--color-danger)
}

.color-link[data-v-b1cbb72a] {
    color: var(--color-link)
}

.color-line[data-v-b1cbb72a] {
    color: var(--color-line)
}

.color-border[data-v-b1cbb72a] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-b1cbb72a] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-b1cbb72a] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-b1cbb72a] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-b1cbb72a] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-b1cbb72a] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-b1cbb72a] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-b1cbb72a] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-b1cbb72a] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-b1cbb72a] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-b1cbb72a] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-b1cbb72a] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-b1cbb72a] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-b1cbb72a] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-b1cbb72a] {
    display: flex;
    align-items: center
}

.flex-start[data-v-b1cbb72a] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-b1cbb72a] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-b1cbb72a] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-b1cbb72a] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-b1cbb72a] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-b1cbb72a] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-b1cbb72a] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-b1cbb72a] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-b1cbb72a] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-b1cbb72a] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-b1cbb72a] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-b1cbb72a] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-b1cbb72a] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-b1cbb72a] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-b1cbb72a] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-b1cbb72a] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-b1cbb72a] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-b1cbb72a] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-b1cbb72a] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-b1cbb72a] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-b1cbb72a] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-b1cbb72a] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-b1cbb72a] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-b1cbb72a] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-b1cbb72a],
.mlm-selected-item[data-v-b1cbb72a] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-b1cbb72a] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-b1cbb72a]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-b1cbb72a] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-b1cbb72a] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-b1cbb72a] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.new-skin-symbol .referral-rewards-new .banner-area[data-v-b1cbb72a] {
    width: 100%;
    height: 25rem;
    background-image: url(/assets/banner2-DXUYk3TJ.png);
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden
}

.new-skin-symbol .referral-rewards-new .banner-area .title-area[data-v-b1cbb72a] {
    width: 22.875rem;
    color: var(--ep-color-text-highlight-white);
    text-align: center;
    font-size: var(--ep-font-size-s, .75rem);
    line-height: 1.125rem;
    margin-top: 1rem;
    font-weight: var(--ep-font-weight-bold, 700)
}

.new-skin-symbol .referral-rewards-new .banner-area .title-area .space[data-v-b1cbb72a] {
    margin: 0 3px
}

.new-skin-symbol .referral-rewards-new .banner-area .today-area[data-v-b1cbb72a] {
    width: 22.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 1.875rem auto 0
}

.new-skin-symbol .referral-rewards-new .banner-area .today-area .today-item[data-v-b1cbb72a] {
    text-align: center;
    width: 10.625rem
}

.new-skin-symbol .referral-rewards-new .banner-area .today-area .today-item .text[data-v-b1cbb72a] {
    color: var(--ep-color-text-highlight-white);
    text-align: center;
    font-size: var(--ep-font-size-xs, .625rem);
    line-height: 1.125rem
}

.new-skin-symbol .referral-rewards-new .banner-area .today-area .today-item .number[data-v-b1cbb72a] {
    font-weight: var(--ep-font-weight-bold, 700);
    font-size: var(--ep-font-size-l, 1rem);
    line-height: 1.5rem;
    color: var(--ep-color-text-highlight)
}

.new-skin-symbol .referral-rewards-new .banner-area .pool-area[data-v-b1cbb72a] {
    width: 18.75rem;
    height: 4.8125rem;
    position: absolute;
    bottom: 0;
    left: 50%;
    text-align: center;
    transform: translate(-50%);
    overflow: hidden
}

.new-skin-symbol .referral-rewards-new .banner-area .pool-area .symbol[data-v-b1cbb72a] {
    position: absolute;
    font-size: var(--ep-font-size-xxl, 1.5rem);
    right: 1.625rem;
    top: 1.625rem
}

.new-skin-symbol .referral-rewards-new .banner-area .pool-area .text[data-v-b1cbb72a] {
    color: var(--ep-color-text-highlight-white);
    text-align: center;
    font-size: var(--ep-font-size-m, .875rem);
    line-height: 1.125rem;
    margin-top: 1rem
}

.new-skin-symbol .referral-rewards-new .banner-area .pool-area .pool-amount[data-v-b1cbb72a] {
    font-weight: var(--ep-font-weight-bold, 700);
    font-size: var(--ep-font-size-l, 1rem);
    line-height: 1.5rem;
    color: var(--ep-color-text-highlight);
    margin-top: .1875rem
}

.new-skin-symbol .referral-rewards-new .card-area[data-v-b1cbb72a] {
    width: 22.875rem;
    height: 16.8125rem;
    background: var(--ep-dynamic-secondary);
    border-radius: var(--ep-border-radius-m, .375rem);
    margin: 1.375rem auto 0;
    overflow: hidden;
    position: relative;
    text-align: center
}

.new-skin-symbol .referral-rewards-new .card-area[data-v-b1cbb72a]:before {
    content: "";
    width: 100%;
    height: 4.375rem;
    position: absolute;
    top: -.1875rem;
    left: 0%;
    opacity: .7;
    background: radial-gradient(70.99% 70.99% at 48.63% 2.6%, var(--ep-color-background-fill-glow-primary-opacity-40, rgba(10, 119, 218, .26)) 0%, rgba(0, 0, 0, 0) 100%);
    filter: blur(20.2px);
    z-index: 3
}

.new-skin-symbol .referral-rewards-new .card-area .card-bg[data-v-b1cbb72a] {
    width: 100%;
    height: 100%;
    background: url(/assets/texture-D1jd0mcU.png) no-repeat center / cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.new-skin-symbol .referral-rewards-new .card-area .sub-text[data-v-b1cbb72a] {
    color: var(--ep-color-text-weak);
    font-size: var(--ep-font-size-m, .875rem);
    line-height: 1.25rem;
    margin-top: .375rem
}

.new-skin-symbol .referral-rewards-new .card-area .card-top-mask[data-v-b1cbb72a] {
    width: 100%;
    height: 13.3125rem;
    background: var(--ep-color-background-fill-surface-raised-L1);
    border-radius: var(--ep-border-radius-m, .375rem);
    overflow: hidden;
    position: relative;
    z-index: 2
}

.new-skin-symbol .referral-rewards-new .card-area .main-text[data-v-b1cbb72a] {
    color: var(--ep-color-text-default)
}

.new-skin-symbol .referral-rewards-new .card-area .countdown-area[data-v-b1cbb72a] {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 10px;
    margin-top: .375rem
}

.new-skin-symbol .referral-rewards-new .card-area .card-content[data-v-b1cbb72a] {
    width: 18.875rem;
    height: 8.75rem;
    background: linear-gradient(0deg, var(--ep-color-background-fill-surface-raised-L2, #1D2A55) .34%, var(--ep-color-background-fill-tips, #0A77DA) 112.52%);
    border-radius: var(--ep-border-radius-m, .375rem) var(--ep-border-radius-m, .375rem) 0 0;
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 1;
    transform: translate(-50%)
}

.new-skin-symbol .referral-rewards-new .card-area .card-content .bonus-amount[data-v-b1cbb72a] {
    width: 16.875rem;
    margin: 0 auto;
    font-weight: var(--ep-font-weight-bold, 700);
    font-size: var(--ep-font-size-xl, 1.125rem);
    color: var(--ep-color-text-highlight);
    line-height: 2rem;
    border-radius: 0 0 var(--ep-border-radius-surface-small, .75rem) var(--ep-border-radius-surface-small, .75rem);
    background: linear-gradient(180deg, var(--ep-color-background-fill-surface-raised-L2, #1D2A55) 0%, var(--ep-color-background-fill-surface-raised-L1, #18254E) 100%);
    box-shadow: 0 1px 2px rgba(19, 31, 66, .5)
}

.new-skin-symbol .referral-rewards-new .card-area .card-content .money[data-v-b1cbb72a] {
    width: 16.5rem;
    height: 3.5rem;
    margin: .875rem auto .5rem;
    background: url(/assets/money-DqE2KeDA.png) no-repeat center / cover
}

.new-skin-symbol .referral-rewards-new .card-area .card-content .bonus-text[data-v-b1cbb72a] {
    color: var(--ep-color-text-default);
    font-size: var(--ep-font-size-l, 1rem);
    line-height: 1.5rem;
    font-weight: var(--ep-font-weight-medium, 600)
}

.new-skin-symbol .referral-rewards-new .card-area .share-action-area[data-v-b1cbb72a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 .75rem;
    box-sizing: border-box;
    width: 100%;
    height: 3.5rem;
    text-align: left;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 5
}

.new-skin-symbol .referral-rewards-new .card-area .share-action-area .share-text-area[data-v-b1cbb72a] {
    width: 80%
}

.new-skin-symbol .referral-rewards-new .card-area .share-action-area .share-text[data-v-b1cbb72a] {
    font-size: var(--ep-font-size-m, .875rem);
    line-height: 1.5rem;
    color: var(--ep-color-text-highlight-white)
}

.new-skin-symbol .referral-rewards-new .card-area .share-action-area .link-text[data-v-b1cbb72a] {
    color: var(--ep-color-text-highlight);
    line-height: 1.3125rem;
    font-size: var(--ep-font-size-s, .875rem);
    width: 100%;
    display: flex;
    align-items: center
}

.new-skin-symbol .referral-rewards-new .card-area .share-action-area .link-text .link-text-url[data-v-b1cbb72a] {
    white-space: nowrap;
    max-width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: .5rem
}

.new-skin-symbol .referral-rewards-new .card-area .share-action-area .link-text .copy-icon[data-v-b1cbb72a] {
    font-size: var(--ep-font-size-m, .875rem);
    color: var(--ep-color-icon-highlight)
}

.new-skin-symbol .referral-rewards-new .card-area .share-action-area .invite-btn[data-v-b1cbb72a] {
    width: 1.875rem;
    height: 1.875rem;
    background: var(--ep-color-icon-default);
    border-radius: var(--ep-border-radius-xl, .625rem);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center
}

.new-skin-symbol .referral-rewards-new .card-area .share-action-area .invite-btn .share-icon[data-v-b1cbb72a] {
    font-size: 1rem;
    color: var(--ep-color-background-fill-surface-raised-L1)
}

.new-skin-symbol .referral-rewards-new .rule-content[data-v-b1cbb72a] {
    width: 22.5rem;
    margin: 1rem auto 6.25rem
}

.new-skin-symbol .referral-rewards-new .rule-content .title-row[data-v-b1cbb72a] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .625rem;
    margin-bottom: 1rem
}

.new-skin-symbol .referral-rewards-new .rule-content .title-row .title[data-v-b1cbb72a] {
    text-align: center;
    color: var(--ep-color-text-default);
    font-size: var(--ep-font-size-m, .875rem);
    line-height: 1.25rem;
    font-weight: var(--ep-font-weight-bold, 700)
}

.new-skin-symbol .referral-rewards-new .rule-content .rule-text[data-v-b1cbb72a] {
    background: var(--ep-color-background-fill-surface-lowered);
    color: var(--ep-color-text-weak);
    width: 100%;
    margin: 0 auto;
    padding: 1.25rem .9375rem;
    box-sizing: border-box;
    text-align: left;
    border-radius: var(--ep-border-radius-m, .375rem);
    font-size: var(--ep-font-size-s, .875rem)
}

.new-skin-symbol .referral-rewards-new[data-v-b1cbb72a] .rule-content {
    width: 22.5rem;
    margin: 1rem auto 6.25rem
}

.new-skin-symbol .referral-rewards-new[data-v-b1cbb72a] .rule-content .ruleHeader {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem
}

.new-skin-symbol .referral-rewards-new[data-v-b1cbb72a] .rule-content .ruleHeader .span-cls {
    text-align: center;
    color: var(--ep-color-text-default);
    font-size: var(--ep-font-size-m, .875rem);
    line-height: 1.25rem;
    font-weight: var(--ep-font-weight-bold, 700)
}

.new-skin-symbol .referral-rewards-new[data-v-b1cbb72a] .rule-content .item-wrap {
    padding: 0
}

.new-skin-symbol .referral-rewards-new[data-v-b1cbb72a] .rule-content .item-wrap .rule-item {
    background: var(--ep-color-background-fill-surface-lowered);
    color: var(--ep-color-text-weak);
    width: 100%;
    margin: 0 auto;
    padding: 1.25rem .9375rem;
    box-sizing: border-box;
    text-align: left;
    border-radius: var(--ep-border-radius-m, .375rem);
    font-size: var(--ep-font-size-s, .875rem)
}

.color-primary-600[data-v-8a271904] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-8a271904] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-8a271904] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-8a271904] {
    color: var(--color-primary-900)
}

.bg-100[data-v-8a271904] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-8a271904] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-8a271904] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-8a271904] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-8a271904] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-8a271904] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-8a271904] {
    background-color: var(--color-warning)
}

.bg-link[data-v-8a271904] {
    background-color: var(--color-link)
}

.bg-danger[data-v-8a271904] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-8a271904] {
    color: var(--color-text-100)
}

.color-text-80[data-v-8a271904] {
    color: var(--color-text-80)
}

.color-text-50[data-v-8a271904] {
    color: var(--color-text-50)
}

.color-text-40[data-v-8a271904] {
    color: var(--color-text-40)
}

.color-text-20[data-v-8a271904] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-8a271904] {
    color: var(--color-currency)
}

.color-warning[data-v-8a271904] {
    color: var(--color-warning)
}

.color-danger[data-v-8a271904] {
    color: var(--color-danger)
}

.color-link[data-v-8a271904] {
    color: var(--color-link)
}

.color-line[data-v-8a271904] {
    color: var(--color-line)
}

.color-border[data-v-8a271904] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-8a271904] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-8a271904] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-8a271904] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-8a271904] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-8a271904] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-8a271904] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-8a271904] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-8a271904] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-8a271904] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-8a271904] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-8a271904] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-8a271904] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-8a271904] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-8a271904] {
    display: flex;
    align-items: center
}

.flex-start[data-v-8a271904] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-8a271904] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-8a271904] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-8a271904] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-8a271904] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-8a271904] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-8a271904] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-8a271904] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-8a271904] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-8a271904] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-8a271904] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-8a271904] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-8a271904] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-8a271904] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-8a271904] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-8a271904] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-8a271904] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-8a271904] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-8a271904] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-8a271904] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-8a271904] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-8a271904] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-8a271904] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-8a271904] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-8a271904],
.mlm-selected-item[data-v-8a271904] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-8a271904] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-8a271904]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-8a271904] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-8a271904] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-8a271904] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.card-wrap[data-v-8a271904] {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 0 .5rem
}

.card-name[data-v-8a271904] {
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
    font-size: 2.25rem;
    line-height: 2.5rem;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.card[data-v-8a271904] {
    width: 3.875rem;
    height: 5rem;
    display: flex;
    flex-direction: column;
    border-radius: .3125rem
}

.card .card-top[data-v-8a271904] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

.card .card-bot[data-v-8a271904] {
    height: 1rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.card .card-bot .span-cls[data-v-8a271904] {
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.color-primary-600[data-v-7fae1faa] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-7fae1faa] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-7fae1faa] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-7fae1faa] {
    color: var(--color-primary-900)
}

.bg-100[data-v-7fae1faa] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-7fae1faa] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-7fae1faa] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-7fae1faa] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-7fae1faa] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-7fae1faa] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-7fae1faa] {
    background-color: var(--color-warning)
}

.bg-link[data-v-7fae1faa] {
    background-color: var(--color-link)
}

.bg-danger[data-v-7fae1faa] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-7fae1faa] {
    color: var(--color-text-100)
}

.color-text-80[data-v-7fae1faa] {
    color: var(--color-text-80)
}

.color-text-50[data-v-7fae1faa] {
    color: var(--color-text-50)
}

.color-text-40[data-v-7fae1faa] {
    color: var(--color-text-40)
}

.color-text-20[data-v-7fae1faa] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-7fae1faa] {
    color: var(--color-currency)
}

.color-warning[data-v-7fae1faa] {
    color: var(--color-warning)
}

.color-danger[data-v-7fae1faa] {
    color: var(--color-danger)
}

.color-link[data-v-7fae1faa] {
    color: var(--color-link)
}

.color-line[data-v-7fae1faa] {
    color: var(--color-line)
}

.color-border[data-v-7fae1faa] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-7fae1faa] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-7fae1faa] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-7fae1faa] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-7fae1faa] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-7fae1faa] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-7fae1faa] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-7fae1faa] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-7fae1faa] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-7fae1faa] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-7fae1faa] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-7fae1faa] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-7fae1faa] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-7fae1faa] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-7fae1faa] {
    display: flex;
    align-items: center
}

.flex-start[data-v-7fae1faa] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-7fae1faa] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-7fae1faa] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-7fae1faa] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-7fae1faa] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-7fae1faa] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-7fae1faa] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-7fae1faa] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-7fae1faa] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-7fae1faa] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-7fae1faa] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-7fae1faa] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-7fae1faa] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-7fae1faa] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-7fae1faa] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-7fae1faa] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-7fae1faa] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-7fae1faa] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-7fae1faa] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-7fae1faa] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-7fae1faa] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-7fae1faa] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-7fae1faa] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-7fae1faa] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-7fae1faa],
.mlm-selected-item[data-v-7fae1faa] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-7fae1faa] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-7fae1faa]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-7fae1faa] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-7fae1faa] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-7fae1faa] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-modal#modal-exchange[data-v-7fae1faa] {
    --width: fit-content;
    --min-width: 21.875rem;
    --height: fit-content;
    --border-radius: 1.25rem
}

ion-item[data-v-7fae1faa] {
    --background: transparent;
    --padding-bottom: 0px;
    --padding-end: 0;
    --padding-start: 0;
    --padding-top: 0;
    --inner-padding-end: 0;
    --inner-border-width: 0px
}

ion-item.sc-ion-input-ios-h[data-v-7fae1faa]:not(.item-label):not(.item-has-modern-input),
ion-item:not(.item-label):not(.item-has-modern-input) .sc-ion-input-ios-h[data-v-7fae1faa] {
    --padding-start: 10px
}

ion-input[data-v-7fae1faa] {
    --placeholder-opacity: 1;
    --padding-bottom: 0px;
    --padding-start: 10px;
    --padding-top: 0px;
    --border-width: 0px;
    --border-radius: 10px;
    font-size: 12px
}

ion-button[data-v-7fae1faa] {
    --ripple-color: transparent;
    --background-hover: transparent
}

div.button-enabled[data-v-7fae1faa] {
    background: linear-gradient(31.96deg, #ad65ed 1.88%, #e693f9);
    box-shadow: 0 2px 2px rgba(255, 255, 255, .4) inset, 0 -2px 2px rgba(255, 255, 255, .4) inset
}

div.button-disabled[data-v-7fae1faa] {
    background: linear-gradient(0deg, rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), linear-gradient(31.96deg, #ad65ed 1.88%, #e693f9)
}

ion-modal#modal-exchange[data-v-7fae1faa] {
    --background: var(--color-bg-400)
}

ion-input[data-v-7fae1faa] {
    --placeholder-color: var(--color-text-gray-200)
}

.exchange-text-basic[data-v-7fae1faa] {
    color: var(--color-text-white-100)
}

.blue-default ion-modal#modal-exchange[data-v-7fae1faa] {
    --background: var(--color-bg-400)
}

.blue-default ion-input[data-v-7fae1faa] {
    --placeholder-color: var(--color-text-gray-200)
}

#modal-exchange ion-input .input-wrapper.sc-ion-input-ios {
    border: 1px solid var(--color-border-600) !important
}

.blue-default .exchange-text-basic[data-v-7fae1faa] {
    color: var(--color-text-white-100)
}

.green-default ion-modal#modal-exchange[data-v-7fae1faa] {
    --background: var(--color-bg-400)
}

.green-default ion-input[data-v-7fae1faa] {
    --placeholder-color: var(--color-text-gray-200)
}

#modal-exchange ion-input .input-wrapper.sc-ion-input-ios {
    border: 1px solid var(--color-line) !important
}

.green-default .exchange-text-basic[data-v-7fae1faa] {
    color: var(--color-text-gray-100)
}

.amber-purple ion-modal#modal-exchange[data-v-7fae1faa] {
    --background: var(--color-bg-400)
}

.amber-purple ion-input[data-v-7fae1faa] {
    --placeholder-color: var(--text-color-light-purple-2-100)
}

#modal-exchange ion-input .input-wrapper.sc-ion-input-ios {
    border: 1px solid var(--line-color) !important
}

.amber-purple .exchange-text-basic[data-v-7fae1faa] {
    color: var(--text-color-light-purple-1-100)
}

.card-name[data-v-79f1d72f] {
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff
}

.gold-count[data-v-c0f4770e] {
    text-shadow: -1px -1px 0 #FFF, 1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px 1px 0 #FFF
}

.color-primary-600[data-v-4df3faae] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-4df3faae] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-4df3faae] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-4df3faae] {
    color: var(--color-primary-900)
}

.bg-100[data-v-4df3faae] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-4df3faae] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-4df3faae] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-4df3faae] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-4df3faae] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-4df3faae] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-4df3faae] {
    background-color: var(--color-warning)
}

.bg-link[data-v-4df3faae] {
    background-color: var(--color-link)
}

.bg-danger[data-v-4df3faae] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-4df3faae] {
    color: var(--color-text-100)
}

.color-text-80[data-v-4df3faae] {
    color: var(--color-text-80)
}

.color-text-50[data-v-4df3faae] {
    color: var(--color-text-50)
}

.color-text-40[data-v-4df3faae] {
    color: var(--color-text-40)
}

.color-text-20[data-v-4df3faae] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-4df3faae] {
    color: var(--color-currency)
}

.color-warning[data-v-4df3faae] {
    color: var(--color-warning)
}

.color-danger[data-v-4df3faae] {
    color: var(--color-danger)
}

.color-link[data-v-4df3faae] {
    color: var(--color-link)
}

.color-line[data-v-4df3faae] {
    color: var(--color-line)
}

.color-border[data-v-4df3faae] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-4df3faae] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-4df3faae] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-4df3faae] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-4df3faae] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-4df3faae] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-4df3faae] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-4df3faae] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-4df3faae] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-4df3faae] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-4df3faae] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-4df3faae] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-4df3faae] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-4df3faae] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-4df3faae] {
    display: flex;
    align-items: center
}

.flex-start[data-v-4df3faae] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-4df3faae] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-4df3faae] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-4df3faae] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-4df3faae] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-4df3faae] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-4df3faae] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-4df3faae] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-4df3faae] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-4df3faae] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-4df3faae] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-4df3faae] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-4df3faae] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-4df3faae] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-4df3faae] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-4df3faae] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-4df3faae] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-4df3faae] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-4df3faae] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-4df3faae] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-4df3faae] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-4df3faae] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-4df3faae] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-4df3faae] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-4df3faae],
.mlm-selected-item[data-v-4df3faae] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-4df3faae] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-4df3faae]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-4df3faae] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-4df3faae] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-4df3faae] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-modal#modal-reward .button.on[data-v-4df3faae] {
    animation: buttonAnimation-4df3faae .25s
}

ion-modal#modal-reward[data-v-4df3faae] {
    --width: fit-content;
    --height: fit-content;
    --border-radius: 1.25rem
}

ion-modal#modal-reward[data-v-4df3faae]::part(content) {
    box-shadow: none !important
}

ion-modal .reward-card[data-v-4df3faae] {
    width: 13.9375rem;
    height: 16.875rem;
    background: radial-gradient(50% 50% at 50% 50%, #e53eff, #6d1ad4);
    animation: cardAnimation-4df3faae .25s linear 4
}

ion-modal .reward-card .light[data-v-4df3faae] {
    transform: translate(-50%, -50%)
}

ion-modal .reward-card .light ion-icon[data-v-4df3faae] {
    animation: apertureAnimation-4df3faae 3s linear infinite
}

ion-modal .reward-card .card-title[data-v-4df3faae] {
    color: transparent;
    font-size: 1.5625em;
    font-weight: 900;
    text-shadow: 0px 2px 0px #945B1A;
    font-size: 1.25rem
}

ion-modal .reward-card .card-title[data-v-4df3faae]:before {
    content: attr(text);
    position: absolute;
    z-index: 10;
    background: linear-gradient(90deg, #fcda36, #f9fd5b 25.52%, #fcda36 50.83%, #f9fd5b 77.87%, #fcda36);
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    text-shadow: none
}

div.button[data-v-4df3faae] {
    background: linear-gradient(31.96deg, #ad65ed 1.88%, #e693f9);
    box-shadow: 0 2px 2px rgba(255, 255, 255, .4) inset, 0 -2px 2px rgba(255, 255, 255, .4) inset
}

@keyframes apertureAnimation-4df3faae {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes cardAnimation-4df3faae {
    0% {
        transform: scaleX(1)
    }

    50% {
        transform: scaleX(-1)
    }

    to {
        transform: scaleX(1)
    }
}

@keyframes buttonAnimation-4df3faae {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(.9)
    }

    to {
        transform: scale(1)
    }
}

.color-primary-600[data-v-c2485e94] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-c2485e94] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-c2485e94] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-c2485e94] {
    color: var(--color-primary-900)
}

.bg-100[data-v-c2485e94] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-c2485e94] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-c2485e94] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-c2485e94] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-c2485e94] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-c2485e94] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-c2485e94] {
    background-color: var(--color-warning)
}

.bg-link[data-v-c2485e94] {
    background-color: var(--color-link)
}

.bg-danger[data-v-c2485e94] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-c2485e94] {
    color: var(--color-text-100)
}

.color-text-80[data-v-c2485e94] {
    color: var(--color-text-80)
}

.color-text-50[data-v-c2485e94] {
    color: var(--color-text-50)
}

.color-text-40[data-v-c2485e94] {
    color: var(--color-text-40)
}

.color-text-20[data-v-c2485e94] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-c2485e94] {
    color: var(--color-currency)
}

.color-warning[data-v-c2485e94] {
    color: var(--color-warning)
}

.color-danger[data-v-c2485e94] {
    color: var(--color-danger)
}

.color-link[data-v-c2485e94] {
    color: var(--color-link)
}

.color-line[data-v-c2485e94] {
    color: var(--color-line)
}

.color-border[data-v-c2485e94] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-c2485e94] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-c2485e94] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-c2485e94] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-c2485e94] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-c2485e94] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-c2485e94] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-c2485e94] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-c2485e94] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-c2485e94] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-c2485e94] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-c2485e94] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-c2485e94] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-c2485e94] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-c2485e94] {
    display: flex;
    align-items: center
}

.flex-start[data-v-c2485e94] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-c2485e94] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-c2485e94] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-c2485e94] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-c2485e94] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-c2485e94] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-c2485e94] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-c2485e94] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-c2485e94] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-c2485e94] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-c2485e94] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-c2485e94] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-c2485e94] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-c2485e94] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-c2485e94] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-c2485e94] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-c2485e94] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-c2485e94] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-c2485e94] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-c2485e94] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-c2485e94] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-c2485e94] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-c2485e94] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-c2485e94] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-c2485e94],
.mlm-selected-item[data-v-c2485e94] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-c2485e94] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-c2485e94]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-c2485e94] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-c2485e94] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-c2485e94] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.wheel-table[data-v-c2485e94] {
    background: url(/svg/activity/wheel_table.svg) no-repeat;
    background-size: 100%
}

.finger[data-v-c2485e94] {
    width: 6rem;
    height: 6rem;
    opacity: 0;
    z-index: 900;
    position: relative;
    transform: translate(7.5rem, -8.75rem)
}

.fingerAnimation[data-v-c2485e94] {
    animation: fingerTranslate-c2485e94 6s ease-in-out infinite;
    animation-play-state: var(--58d896ed)
}

.zoom[data-v-c2485e94] {
    opacity: 0;
    animation: zoom-c2485e94 6s ease-in-out infinite;
    z-index: 100;
    animation-play-state: var(--58d896ed)
}

.aperture[data-v-c2485e94] {
    animation: apertureAnimation-c2485e94 3s linear infinite
}

.light[data-v-c2485e94] {
    animation-name: lightAnimation-c2485e94;
    animation-timing-function: linear;
    animation-iteration-count: infinite
}

.wheel-start[data-v-c2485e94] {
    position: absolute;
    width: auto;
    height: 7.375rem;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    pointer-events: none
}

.wheel-start.on[data-v-c2485e94] {
    animation: buttonAnimation-c2485e94 .25s
}

.card-name[data-v-c2485e94] {
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff
}

div.button[data-v-c2485e94] {
    background: linear-gradient(31.96deg, #ad65ed 1.88%, #e693f9);
    box-shadow: 0 2px 2px rgba(255, 255, 255, .4) inset, 0 -2px 2px rgba(255, 255, 255, .4) inset
}

div.finish[data-v-c2485e94] {
    background: linear-gradient(0deg, rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), linear-gradient(31.96deg, #ad65ed 1.88%, #e693f9)
}

.turntable-shiny[data-v-c2485e94] {
    overflow: hidden
}

.turntable-shiny[data-v-c2485e94]:before {
    content: "";
    animation: turntableShiny-c2485e94 6s ease-in-out infinite;
    background: red;
    display: inline-block;
    height: 60%;
    position: absolute;
    top: 20px;
    width: 55px;
    z-index: 100;
    left: 6px;
    border-radius: 50%;
    overflow: hidden
}

.shiny[data-v-c2485e94] {
    position: relative;
    overflow: hidden
}

.shiny[data-v-c2485e94]:before {
    content: "";
    animation: shiny-c2485e94 6s ease-in-out infinite;
    background: #fff;
    display: inline-block;
    height: 100%;
    left: 0;
    position: absolute;
    top: -180px;
    width: 20px
}

@keyframes fingerTranslate-c2485e94 {
    0% {
        opacity: 0;
        transform: translate(72.5rem, 60rem)
    }

    25% {
        opacity: .2;
        transform: translate(28.75rem, 13.125rem)
    }

    70% {
        opacity: 1;
        transform: translate(7.5rem, -8.75rem)
    }

    80% {
        opacity: 1;
        transform: translate(7.625rem, -8.625rem) scale(.9)
    }

    90% {
        opacity: 1;
        transform: translate(7.375rem, -8.875rem) scale(1.1)
    }

    to {
        opacity: .5;
        transform: translate(7.5rem, -8.75rem) scale(1)
    }
}

@keyframes zoom-c2485e94 {
    0% {
        opacity: 0;
        transform: scale(0)
    }

    70% {
        opacity: 0;
        transform: scale(0)
    }

    80% {
        opacity: .4;
        transform: scale(1.1)
    }

    90% {
        opacity: .6;
        transform: scale(1.2)
    }

    to {
        opacity: 0;
        transform: scale(125%)
    }
}

@keyframes shiny-c2485e94 {
    0% {
        opacity: 0;
        transform: scale(0) rotate(45deg)
    }

    80% {
        opacity: .5;
        transform: scale(0) rotate(45deg)
    }

    81% {
        opacity: 1;
        transform: scale(4) rotate(45deg)
    }

    to {
        opacity: 0;
        transform: scale(50) rotate(45deg)
    }
}

@keyframes turntableShiny-c2485e94 {
    0% {
        opacity: 0
    }

    80% {
        opacity: .3
    }

    81% {
        opacity: .9
    }

    to {
        opacity: 0
    }
}

@keyframes apertureAnimation-c2485e94 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes lightAnimation-c2485e94 {
    0% {
        transform: rotate(0)
    }

    49.99% {
        transform: rotate(0)
    }

    50% {
        transform: rotate(22.5deg)
    }

    99.99% {
        transform: rotate(22.5deg)
    }

    to {
        transform: rotate(0)
    }
}

@keyframes buttonAnimation-c2485e94 {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(.9)
    }

    to {
        transform: scale(1)
    }
}

.wheel-countdown-time[data-v-c2485e94] {
    background: var(--color-bg-200);
    color: var(--color-text-gray-200)
}

.wheel-text-second[data-v-c2485e94] {
    color: var(--color-text-gray-200)
}

.wheel-redeem2[data-v-c2485e94],
.wheel-obtainRewardTickets[data-v-c2485e94] {
    color: var(--color-text-white-100)
}

.wheel-bg-second[data-v-c2485e94] {
    background: var(--color-bg-200)
}

.wheel-ticket-amount[data-v-c2485e94],
.wheel-ticket-label[data-v-c2485e94] {
    color: var(--color-text-white-100)
}

.wheel-game-rule[data-v-c2485e94] {
    background: var(--color-bg-200)
}

.wheel-game-rule .rule-p[data-v-c2485e94] {
    color: var(--color-text-gray-200)
}

.wheel-default-rule[data-v-c2485e94] {
    width: 21.875rem;
    text-align: start;
    padding-left: .625rem;
    padding-top: .625rem;
    padding-bottom: .625rem;
    background: var(--color-bg-second);
    margin-bottom: 1.375rem;
    border-radius: .625rem
}

.wheel-default-rule[data-v-c2485e94] .ruleHeader {
    justify-content: start;
    margin-bottom: 1rem
}

.wheel-default-rule[data-v-c2485e94] .ruleHeader .span-cls {
    font-size: 1rem;
    margin: 0
}

.wheel-default-rule[data-v-c2485e94] .item-wrap {
    padding: 0 0 0 .375rem
}

.wheel-default-rule[data-v-c2485e94] .item-wrap .rule-item {
    color: var(--color-text-second);
    font-size: .75rem;
    white-space: pre-line
}

.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)
}

.green-default .wheel-countdown-time[data-v-c2485e94] {
    background: var(--color-bg-200);
    color: var(--color-text-gray-200)
}

.green-default .wheel-text-second[data-v-c2485e94] {
    color: var(--color-text-gray-200)
}

.green-default .wheel-redeem2[data-v-c2485e94] {
    color: var(--color-text-white-100)
}

.green-default .wheel-obtainRewardTickets[data-v-c2485e94] {
    color: var(--color-text-gray-100)
}

.green-default .wheel-bg-second[data-v-c2485e94] {
    background: var(--color-bg-200)
}

.green-default .wheel-ticket-amount[data-v-c2485e94] {
    color: var(--color-text-gray-100)
}

.green-default .wheel-ticket-label[data-v-c2485e94] {
    color: var(--color-text-white-100)
}

.green-default .wheel-game-rule[data-v-c2485e94] {
    background: var(--color-bg-200)
}

.green-default .wheel-game-rule .rule-p[data-v-c2485e94] {
    color: var(--color-text-gray-200)
}

.amber-purple .wheel-countdown-time[data-v-c2485e94] {
    background: var(--color-bg-300);
    color: var(--text-color-light-purple-2-100)
}

.amber-purple .wheel-text-second[data-v-c2485e94] {
    color: var(--text-color-light-purple-2-100)
}

.amber-purple .wheel-redeem2[data-v-c2485e94] {
    color: var(--text-color-white-100)
}

.amber-purple .wheel-obtainRewardTickets[data-v-c2485e94] {
    color: var(--text-color-light-purple-1-100)
}

.amber-purple .wheel-bg-second[data-v-c2485e94] {
    background: var(--color-bg-200)
}

.amber-purple .wheel-ticket-amount[data-v-c2485e94] {
    color: var(--text-color-light-purple-1-100)
}

.amber-purple .wheel-ticket-label[data-v-c2485e94] {
    color: var(--text-color-white-100)
}

.amber-purple .wheel-game-rule[data-v-c2485e94] {
    background: var(--color-bg-200)
}

.amber-purple .wheel-game-rule .rule-p[data-v-c2485e94] {
    color: var(--text-color-light-purple-2-100)
}

.card-name[data-v-42954493] {
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff
}

ion-modal#modal-exchange[data-v-6e9d3ffb] {
    --width: fit-content;
    --min-width: 21.875rem;
    --height: fit-content;
    --border-radius: var(--rounded-middle);
    --background: var(--color-bg-200)
}

ion-item[data-v-6e9d3ffb] {
    --background: transparent;
    --padding-bottom: 0px;
    --padding-end: 0;
    --padding-start: 0;
    --padding-top: 0;
    --inner-padding-end: 0;
    --inner-border-width: 0px
}

ion-item.sc-ion-input-ios-h[data-v-6e9d3ffb]:not(.item-label):not(.item-has-modern-input),
ion-item:not(.item-label):not(.item-has-modern-input) .sc-ion-input-ios-h[data-v-6e9d3ffb] {
    --padding-start: 10px
}

ion-input[data-v-6e9d3ffb] {
    --placeholder-color: var(--color-text-40);
    --placeholder-opacity: 1;
    --padding-bottom: 0px;
    --padding-start: 10px;
    --padding-top: 0px;
    --border-width: 0px;
    --border-radius: var(--rounded-small);
    --color: var(--color-text-100);
    font-size: 12px
}

ion-button[data-v-6e9d3ffb] {
    --ripple-color: transparent;
    --background-hover: transparent;
    --color: var(--color-lucky-button-text)
}

div.button-enabled[data-v-6e9d3ffb] {
    background: linear-gradient(31.96deg, #ad65ed 1.88%, #e693f9);
    box-shadow: 0 2px 2px rgba(255, 255, 255, .4) inset, 0 -2px 2px rgba(255, 255, 255, .4) inset
}

div.button-disabled[data-v-6e9d3ffb] {
    background: linear-gradient(0deg, rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), linear-gradient(31.96deg, #ad65ed 1.88%, #e693f9)
}

.card-name[data-v-21fc6dc7] {
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff
}

.gold-count[data-v-f0e02e31] {
    text-shadow: -1px -1px 0 #FFF, 1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px 1px 0 #FFF
}

ion-modal#modal-reward .button.on[data-v-6a7b4cd6] {
    animation: buttonAnimation-6a7b4cd6 .25s
}

ion-modal#modal-reward[data-v-6a7b4cd6] {
    --width: fit-content;
    --height: fit-content;
    --border-radius: 1.25rem
}

ion-modal#modal-reward[data-v-6a7b4cd6]::part(content) {
    box-shadow: none !important
}

ion-modal .reward-card[data-v-6a7b4cd6] {
    width: 13.9375rem;
    height: 16.875rem;
    background: radial-gradient(50% 50% at 50% 50%, #e53eff, #6d1ad4);
    animation: cardAnimation-6a7b4cd6 .25s linear 4
}

ion-modal .reward-card .light[data-v-6a7b4cd6] {
    transform: translate(-50%, -50%)
}

ion-modal .reward-card .light ion-icon[data-v-6a7b4cd6] {
    animation: apertureAnimation-6a7b4cd6 3s linear infinite
}

ion-modal .reward-card .card-title[data-v-6a7b4cd6] {
    color: transparent;
    font-size: 1.5625em;
    font-weight: 900;
    text-shadow: 0px 2px 0px #945B1A;
    font-size: 1.25rem
}

ion-modal .reward-card .card-title[data-v-6a7b4cd6]:before {
    content: attr(text);
    position: absolute;
    z-index: 10;
    background: linear-gradient(90deg, #fcda36, #f9fd5b 25.52%, #fcda36 50.83%, #f9fd5b 77.87%, #fcda36);
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    text-shadow: none
}

div.button[data-v-6a7b4cd6] {
    background: linear-gradient(31.96deg, #ad65ed 1.88%, #e693f9);
    box-shadow: 0 2px 2px rgba(255, 255, 255, .4) inset, 0 -2px 2px rgba(255, 255, 255, .4) inset
}

@keyframes apertureAnimation-6a7b4cd6 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes cardAnimation-6a7b4cd6 {
    0% {
        transform: scaleX(1)
    }

    50% {
        transform: scaleX(-1)
    }

    to {
        transform: scaleX(1)
    }
}

@keyframes buttonAnimation-6a7b4cd6 {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(.9)
    }

    to {
        transform: scale(1)
    }
}

.color-primary-600[data-v-67287a15] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-67287a15] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-67287a15] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-67287a15] {
    color: var(--color-primary-900)
}

.bg-100[data-v-67287a15] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-67287a15] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-67287a15] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-67287a15] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-67287a15] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-67287a15] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-67287a15] {
    background-color: var(--color-warning)
}

.bg-link[data-v-67287a15] {
    background-color: var(--color-link)
}

.bg-danger[data-v-67287a15] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-67287a15] {
    color: var(--color-text-100)
}

.color-text-80[data-v-67287a15] {
    color: var(--color-text-80)
}

.color-text-50[data-v-67287a15] {
    color: var(--color-text-50)
}

.color-text-40[data-v-67287a15] {
    color: var(--color-text-40)
}

.color-text-20[data-v-67287a15] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-67287a15] {
    color: var(--color-currency)
}

.color-warning[data-v-67287a15] {
    color: var(--color-warning)
}

.color-danger[data-v-67287a15] {
    color: var(--color-danger)
}

.color-link[data-v-67287a15] {
    color: var(--color-link)
}

.color-line[data-v-67287a15] {
    color: var(--color-line)
}

.color-border[data-v-67287a15] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-67287a15] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-67287a15] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-67287a15] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-67287a15] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-67287a15] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-67287a15] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-67287a15] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-67287a15] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-67287a15] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-67287a15] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-67287a15] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-67287a15] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-67287a15] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-67287a15] {
    display: flex;
    align-items: center
}

.flex-start[data-v-67287a15] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-67287a15] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-67287a15] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-67287a15] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-67287a15] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-67287a15] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-67287a15] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-67287a15] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-67287a15] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-67287a15] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-67287a15] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-67287a15] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-67287a15] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-67287a15] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-67287a15] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-67287a15] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-67287a15] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-67287a15] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-67287a15] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-67287a15] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-67287a15] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-67287a15] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-67287a15] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-67287a15] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-67287a15],
.mlm-selected-item[data-v-67287a15] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-67287a15] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-67287a15]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-67287a15] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-67287a15] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-67287a15] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.wheel-table[data-v-67287a15] {
    background: url(/svg/activity/wheel_table.svg) no-repeat;
    background-size: 100%
}

.finger[data-v-67287a15] {
    width: 6rem;
    height: 6rem;
    opacity: 0;
    z-index: 900;
    position: relative;
    transform: translate(7.5rem, -8.75rem)
}

.fingerAnimation[data-v-67287a15] {
    animation: fingerTranslate-67287a15 6s ease-in-out infinite;
    animation-play-state: var(--0dd6abc4)
}

.zoom[data-v-67287a15] {
    opacity: 0;
    animation: zoom-67287a15 6s ease-in-out infinite;
    z-index: 100;
    animation-play-state: var(--0dd6abc4)
}

@keyframes fingerTranslate-67287a15 {
    0% {
        opacity: 0;
        transform: translate(72.5rem, 60rem)
    }

    25% {
        opacity: .2;
        transform: translate(28.75rem, 13.125rem)
    }

    70% {
        opacity: 1;
        transform: translate(7.5rem, -8.75rem)
    }

    80% {
        opacity: 1;
        transform: translate(7.625rem, -8.625rem) scale(.9)
    }

    90% {
        opacity: 1;
        transform: translate(7.375rem, -8.875rem) scale(1.1)
    }

    to {
        opacity: .5;
        transform: translate(7.5rem, -8.75rem) scale(1)
    }
}

.aperture[data-v-67287a15] {
    animation: apertureAnimation-67287a15 3s linear infinite
}

.light[data-v-67287a15] {
    animation-name: lightAnimation-67287a15;
    animation-timing-function: linear;
    animation-iteration-count: infinite
}

.wheel-start[data-v-67287a15] {
    position: absolute;
    width: auto;
    height: 7.375rem;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    pointer-events: none
}

.wheel-start.on[data-v-67287a15] {
    animation: buttonAnimation-67287a15 .25s
}

.card-name[data-v-67287a15] {
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff
}

div.button[data-v-67287a15] {
    background: linear-gradient(31.96deg, #ad65ed 1.88%, #e693f9);
    box-shadow: 0 2px 2px rgba(255, 255, 255, .4) inset, 0 -2px 2px rgba(255, 255, 255, .4) inset
}

div.finish[data-v-67287a15] {
    background: linear-gradient(0deg, rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), linear-gradient(31.96deg, #ad65ed 1.88%, #e693f9)
}

.turntable-shiny[data-v-67287a15] {
    overflow: hidden
}

.turntable-shiny[data-v-67287a15]:before {
    content: "";
    animation: turntableShiny-67287a15 6s ease-in-out infinite;
    background: red;
    display: inline-block;
    height: 60%;
    position: absolute;
    top: 20px;
    width: 55px;
    z-index: 100;
    left: 6px;
    border-radius: 50%;
    overflow: hidden
}

.rule-text[data-v-67287a15] {
    color: var(--color-activity-rule)
}

.wheel-first-rule[data-v-67287a15] {
    width: 21.875rem;
    text-align: start;
    padding-left: .625rem;
    padding-top: .625rem;
    padding-bottom: .625rem;
    background: var(--color-bg-200);
    margin-bottom: 1.375rem;
    border-radius: var(--rounded-large)
}

.wheel-first-rule[data-v-67287a15] .ruleHeader {
    justify-content: start;
    margin-bottom: 1rem
}

.wheel-first-rule[data-v-67287a15] .ruleHeader .span-cls {
    font-size: 1rem;
    margin: 0
}

.wheel-first-rule[data-v-67287a15] .item-wrap {
    padding: 0 0 0 .375rem
}

.wheel-first-rule[data-v-67287a15] .item-wrap .rule-item {
    color: var(--color-activity-rule);
    font-size: .75rem;
    white-space: pre-line
}

.shiny[data-v-67287a15] {
    position: relative;
    overflow: hidden
}

.shiny[data-v-67287a15]:before {
    content: "";
    animation: shiny-67287a15 6s ease-in-out infinite;
    background: #fff;
    display: inline-block;
    height: 100%;
    left: 0;
    position: absolute;
    top: -180px;
    width: 20px
}

.line[data-v-67287a15] {
    background-color: var(--color-line)
}

@keyframes zoom-67287a15 {
    0% {
        opacity: 0;
        transform: scale(0)
    }

    70% {
        opacity: 0;
        transform: scale(0)
    }

    80% {
        opacity: .4;
        transform: scale(1.1)
    }

    90% {
        opacity: .6;
        transform: scale(1.2)
    }

    to {
        opacity: 0;
        transform: scale(125%)
    }
}

@keyframes shiny-67287a15 {
    0% {
        opacity: 0;
        transform: scale(0) rotate(45deg)
    }

    80% {
        opacity: .5;
        transform: scale(0) rotate(45deg)
    }

    81% {
        opacity: 1;
        transform: scale(4) rotate(45deg)
    }

    to {
        opacity: 0;
        transform: scale(50) rotate(45deg)
    }
}

@keyframes turntableShiny-67287a15 {
    0% {
        opacity: 0
    }

    80% {
        opacity: .3
    }

    81% {
        opacity: .9
    }

    to {
        opacity: 0
    }
}

@keyframes apertureAnimation-67287a15 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes lightAnimation-67287a15 {
    0% {
        transform: rotate(0)
    }

    49.99% {
        transform: rotate(0)
    }

    50% {
        transform: rotate(22.5deg)
    }

    99.99% {
        transform: rotate(22.5deg)
    }

    to {
        transform: rotate(0)
    }
}

@keyframes buttonAnimation-67287a15 {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(.9)
    }

    to {
        transform: scale(1)
    }
}

.card-name[data-v-9b6ed66a] {
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff
}

ion-modal#modal-exchange[data-v-d42df8da] {
    --width: fit-content;
    --min-width: 21.875rem;
    --height: fit-content;
    --border-radius: var(--rounded-middle);
    --background: var(--color-bg-200)
}

ion-item[data-v-d42df8da] {
    --background: transparent;
    --padding-bottom: 0px;
    --padding-end: 0;
    --padding-start: 0;
    --padding-top: 0;
    --inner-padding-end: 0;
    --inner-border-width: 0px
}

ion-item.sc-ion-input-ios-h[data-v-d42df8da]:not(.item-label):not(.item-has-modern-input),
ion-item:not(.item-label):not(.item-has-modern-input) .sc-ion-input-ios-h[data-v-d42df8da] {
    --padding-start: 10px
}

ion-input[data-v-d42df8da] {
    --placeholder-color: var(--color-text-40);
    --placeholder-opacity: 1;
    --padding-bottom: 0px;
    --padding-start: 10px;
    --padding-top: 0px;
    --border-width: 0px;
    --border-radius: var(--rounded-small);
    --color: var(--color-text-100);
    font-size: 12px
}

#modal-exchange ion-input .input-wrapper.sc-ion-input-ios {
    border: 1px solid #566488
}

ion-button[data-v-d42df8da] {
    --ripple-color: transparent;
    --background-hover: transparent;
    --color: var(--color-lucky-button-text)
}

div.button-enabled[data-v-d42df8da] {
    background: linear-gradient(31.96deg, #ad65ed 1.88%, #e693f9);
    box-shadow: 0 2px 2px rgba(255, 255, 255, .4) inset, 0 -2px 2px rgba(255, 255, 255, .4) inset
}

div.button-disabled[data-v-d42df8da] {
    background: linear-gradient(0deg, rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), linear-gradient(31.96deg, #ad65ed 1.88%, #e693f9)
}

.card-name[data-v-17eb8edf] {
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff
}

.gold-count[data-v-cfbe7f2a] {
    text-shadow: -1px -1px 0 #FFF, 1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px 1px 0 #FFF
}

ion-modal#modal-reward .button.on[data-v-cda09a5f] {
    animation: buttonAnimation-cda09a5f .25s
}

ion-modal#modal-reward[data-v-cda09a5f] {
    --width: fit-content;
    --height: fit-content;
    --border-radius: 1.25rem
}

ion-modal#modal-reward[data-v-cda09a5f]::part(content) {
    box-shadow: none !important
}

ion-modal .reward-card[data-v-cda09a5f] {
    width: 13.9375rem;
    height: 16.875rem;
    background: radial-gradient(50% 50% at 50% 50%, #e53eff, #6d1ad4);
    animation: cardAnimation-cda09a5f .25s linear 4
}

ion-modal .reward-card .light[data-v-cda09a5f] {
    transform: translate(-50%, -50%)
}

ion-modal .reward-card .light ion-icon[data-v-cda09a5f] {
    animation: apertureAnimation-cda09a5f 3s linear infinite
}

ion-modal .reward-card .card-title[data-v-cda09a5f] {
    color: transparent;
    font-size: 1.5625em;
    font-weight: 900;
    text-shadow: 0px 2px 0px #945B1A;
    font-size: 1.25rem
}

ion-modal .reward-card .card-title[data-v-cda09a5f]:before {
    content: attr(text);
    position: absolute;
    z-index: 10;
    background: linear-gradient(90deg, #fcda36, #f9fd5b 25.52%, #fcda36 50.83%, #f9fd5b 77.87%, #fcda36);
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    text-shadow: none
}

div.button[data-v-cda09a5f] {
    background: linear-gradient(31.96deg, #ad65ed 1.88%, #e693f9);
    box-shadow: 0 2px 2px rgba(255, 255, 255, .4) inset, 0 -2px 2px rgba(255, 255, 255, .4) inset
}

@keyframes apertureAnimation-cda09a5f {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes cardAnimation-cda09a5f {
    0% {
        transform: scaleX(1)
    }

    50% {
        transform: scaleX(-1)
    }

    to {
        transform: scaleX(1)
    }
}

@keyframes buttonAnimation-cda09a5f {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(.9)
    }

    to {
        transform: scale(1)
    }
}

.color-primary-600[data-v-af26d9ee] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-af26d9ee] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-af26d9ee] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-af26d9ee] {
    color: var(--color-primary-900)
}

.bg-100[data-v-af26d9ee] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-af26d9ee] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-af26d9ee] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-af26d9ee] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-af26d9ee] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-af26d9ee] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-af26d9ee] {
    background-color: var(--color-warning)
}

.bg-link[data-v-af26d9ee] {
    background-color: var(--color-link)
}

.bg-danger[data-v-af26d9ee] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-af26d9ee] {
    color: var(--color-text-100)
}

.color-text-80[data-v-af26d9ee] {
    color: var(--color-text-80)
}

.color-text-50[data-v-af26d9ee] {
    color: var(--color-text-50)
}

.color-text-40[data-v-af26d9ee] {
    color: var(--color-text-40)
}

.color-text-20[data-v-af26d9ee] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-af26d9ee] {
    color: var(--color-currency)
}

.color-warning[data-v-af26d9ee] {
    color: var(--color-warning)
}

.color-danger[data-v-af26d9ee] {
    color: var(--color-danger)
}

.color-link[data-v-af26d9ee] {
    color: var(--color-link)
}

.color-line[data-v-af26d9ee] {
    color: var(--color-line)
}

.color-border[data-v-af26d9ee] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-af26d9ee] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-af26d9ee] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-af26d9ee] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-af26d9ee] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-af26d9ee] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-af26d9ee] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-af26d9ee] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-af26d9ee] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-af26d9ee] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-af26d9ee] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-af26d9ee] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-af26d9ee] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-af26d9ee] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-af26d9ee] {
    display: flex;
    align-items: center
}

.flex-start[data-v-af26d9ee] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-af26d9ee] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-af26d9ee] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-af26d9ee] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-af26d9ee] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-af26d9ee] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-af26d9ee] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-af26d9ee] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-af26d9ee] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-af26d9ee] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-af26d9ee] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-af26d9ee] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-af26d9ee] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-af26d9ee] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-af26d9ee] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-af26d9ee] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-af26d9ee] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-af26d9ee] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-af26d9ee] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-af26d9ee] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-af26d9ee] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-af26d9ee] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-af26d9ee] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-af26d9ee] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-af26d9ee],
.mlm-selected-item[data-v-af26d9ee] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-af26d9ee] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-af26d9ee]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-af26d9ee] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-af26d9ee] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-af26d9ee] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.wheel-table[data-v-af26d9ee] {
    background: url(/svg/activity/wheel_table.svg) no-repeat;
    background-size: 100%
}

.finger[data-v-af26d9ee] {
    width: 6rem;
    height: 6rem;
    opacity: 0;
    z-index: 900;
    position: relative;
    transform: translate(7.5rem, -8.75rem)
}

.fingerAnimation[data-v-af26d9ee] {
    animation: fingerTranslate-af26d9ee 6s ease-in-out infinite;
    animation-play-state: var(--583fe3ed)
}

.zoom[data-v-af26d9ee] {
    opacity: 0;
    animation: zoom-af26d9ee 6s ease-in-out infinite;
    z-index: 100;
    animation-play-state: var(--583fe3ed)
}

@keyframes fingerTranslate-af26d9ee {
    0% {
        opacity: 0;
        transform: translate(72.5rem, 60rem)
    }

    25% {
        opacity: .2;
        transform: translate(28.75rem, 13.125rem)
    }

    70% {
        opacity: 1;
        transform: translate(7.5rem, -8.75rem)
    }

    80% {
        opacity: 1;
        transform: translate(7.625rem, -8.625rem) scale(.9)
    }

    90% {
        opacity: 1;
        transform: translate(7.375rem, -8.875rem) scale(1.1)
    }

    to {
        opacity: .5;
        transform: translate(7.5rem, -8.75rem) scale(1)
    }
}

.aperture[data-v-af26d9ee] {
    animation: apertureAnimation-af26d9ee 3s linear infinite
}

.light[data-v-af26d9ee] {
    animation-name: lightAnimation-af26d9ee;
    animation-timing-function: linear;
    animation-iteration-count: infinite
}

.wheel-start[data-v-af26d9ee] {
    position: absolute;
    width: auto;
    height: 7.375rem;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    pointer-events: none
}

.wheel-start.on[data-v-af26d9ee] {
    animation: buttonAnimation-af26d9ee .25s
}

.card-name[data-v-af26d9ee] {
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff
}

div.button[data-v-af26d9ee] {
    background: linear-gradient(31.96deg, #ad65ed 1.88%, #e693f9);
    box-shadow: 0 2px 2px rgba(255, 255, 255, .4) inset, 0 -2px 2px rgba(255, 255, 255, .4) inset
}

div.finish[data-v-af26d9ee] {
    background: linear-gradient(0deg, rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), linear-gradient(31.96deg, #ad65ed 1.88%, #e693f9)
}

.turntable-shiny[data-v-af26d9ee] {
    overflow: hidden
}

.turntable-shiny[data-v-af26d9ee]:before {
    content: "";
    animation: turntableShiny-af26d9ee 6s ease-in-out infinite;
    background: red;
    display: inline-block;
    height: 60%;
    position: absolute;
    top: 20px;
    width: 55px;
    z-index: 100;
    left: 6px;
    border-radius: 50%;
    overflow: hidden
}

.rule-text[data-v-af26d9ee] {
    color: var(--color-activity-rule)
}

.wheel-second-rule[data-v-af26d9ee] {
    width: 21.875rem;
    text-align: start;
    padding-left: .625rem;
    padding-top: .625rem;
    padding-bottom: .625rem;
    background: var(--color-bg-200);
    margin-bottom: 1.375rem;
    border-radius: var(--rounded-large)
}

.wheel-second-rule[data-v-af26d9ee] .ruleHeader {
    justify-content: start;
    margin-bottom: 1rem
}

.wheel-second-rule[data-v-af26d9ee] .ruleHeader .span-cls {
    font-size: 1rem;
    margin: 0
}

.wheel-second-rule[data-v-af26d9ee] .item-wrap {
    padding: 0 0 0 .375rem
}

.wheel-second-rule[data-v-af26d9ee] .item-wrap .rule-item {
    font-size: .75rem;
    white-space: pre-line;
    color: var(--color-activity-rule)
}

.shiny[data-v-af26d9ee] {
    position: relative;
    overflow: hidden
}

.shiny[data-v-af26d9ee]:before {
    content: "";
    animation: shiny-af26d9ee 6s ease-in-out infinite;
    background: #fff;
    display: inline-block;
    height: 100%;
    left: 0;
    position: absolute;
    top: -180px;
    width: 20px
}

.line[data-v-af26d9ee] {
    background-color: var(--color-line)
}

@keyframes zoom-af26d9ee {
    0% {
        opacity: 0;
        transform: scale(0)
    }

    70% {
        opacity: 0;
        transform: scale(0)
    }

    80% {
        opacity: .4;
        transform: scale(1.1)
    }

    90% {
        opacity: .6;
        transform: scale(1.2)
    }

    to {
        opacity: 0;
        transform: scale(125%)
    }
}

@keyframes shiny-af26d9ee {
    0% {
        opacity: 0;
        transform: scale(0) rotate(45deg)
    }

    80% {
        opacity: .5;
        transform: scale(0) rotate(45deg)
    }

    81% {
        opacity: 1;
        transform: scale(4) rotate(45deg)
    }

    to {
        opacity: 0;
        transform: scale(50) rotate(45deg)
    }
}

@keyframes turntableShiny-af26d9ee {
    0% {
        opacity: 0
    }

    80% {
        opacity: .3
    }

    81% {
        opacity: .9
    }

    to {
        opacity: 0
    }
}

@keyframes apertureAnimation-af26d9ee {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes lightAnimation-af26d9ee {
    0% {
        transform: rotate(0)
    }

    49.99% {
        transform: rotate(0)
    }

    50% {
        transform: rotate(22.5deg)
    }

    99.99% {
        transform: rotate(22.5deg)
    }

    to {
        transform: rotate(0)
    }
}

@keyframes buttonAnimation-af26d9ee {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(.9)
    }

    to {
        transform: scale(1)
    }
}

.color-primary-600[data-v-6a2b5834] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-6a2b5834] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-6a2b5834] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-6a2b5834] {
    color: var(--color-primary-900)
}

.bg-100[data-v-6a2b5834] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-6a2b5834] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-6a2b5834] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-6a2b5834] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-6a2b5834] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-6a2b5834] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-6a2b5834] {
    background-color: var(--color-warning)
}

.bg-link[data-v-6a2b5834] {
    background-color: var(--color-link)
}

.bg-danger[data-v-6a2b5834] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-6a2b5834] {
    color: var(--color-text-100)
}

.color-text-80[data-v-6a2b5834] {
    color: var(--color-text-80)
}

.color-text-50[data-v-6a2b5834] {
    color: var(--color-text-50)
}

.color-text-40[data-v-6a2b5834] {
    color: var(--color-text-40)
}

.color-text-20[data-v-6a2b5834] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-6a2b5834] {
    color: var(--color-currency)
}

.color-warning[data-v-6a2b5834] {
    color: var(--color-warning)
}

.color-danger[data-v-6a2b5834] {
    color: var(--color-danger)
}

.color-link[data-v-6a2b5834] {
    color: var(--color-link)
}

.color-line[data-v-6a2b5834] {
    color: var(--color-line)
}

.color-border[data-v-6a2b5834] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-6a2b5834] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-6a2b5834] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-6a2b5834] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-6a2b5834] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-6a2b5834] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-6a2b5834] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-6a2b5834] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-6a2b5834] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-6a2b5834] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-6a2b5834] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-6a2b5834] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-6a2b5834] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-6a2b5834] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-6a2b5834] {
    display: flex;
    align-items: center
}

.flex-start[data-v-6a2b5834] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-6a2b5834] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-6a2b5834] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-6a2b5834] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-6a2b5834] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-6a2b5834] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-6a2b5834] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-6a2b5834] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-6a2b5834] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-6a2b5834] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-6a2b5834] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-6a2b5834] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-6a2b5834] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-6a2b5834] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-6a2b5834] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-6a2b5834] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-6a2b5834] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-6a2b5834] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-6a2b5834] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-6a2b5834] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-6a2b5834] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-6a2b5834] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-6a2b5834] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-6a2b5834] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-6a2b5834],
.mlm-selected-item[data-v-6a2b5834] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-6a2b5834] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-6a2b5834]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-6a2b5834] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-6a2b5834] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-6a2b5834] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.lucky-wheel-container[data-v-6a2b5834] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 0
}

.lucky-wheel-container .wheel[data-v-6a2b5834] {
    z-index: 10
}

.lucky-wheel-container .float-img[data-v-6a2b5834] {
    position: absolute;
    pointer-events: none
}

.lucky-wheel-container .wheel-mask[data-v-6a2b5834] {
    position: absolute;
    width: 18.75rem;
    height: 18.75rem;
    z-index: 50;
    pointer-events: none;
    transform: rotate(0)
}

.color-primary-600[data-v-cb03d6f4] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-cb03d6f4] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-cb03d6f4] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-cb03d6f4] {
    color: var(--color-primary-900)
}

.bg-100[data-v-cb03d6f4] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-cb03d6f4] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-cb03d6f4] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-cb03d6f4] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-cb03d6f4] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-cb03d6f4] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-cb03d6f4] {
    background-color: var(--color-warning)
}

.bg-link[data-v-cb03d6f4] {
    background-color: var(--color-link)
}

.bg-danger[data-v-cb03d6f4] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-cb03d6f4] {
    color: var(--color-text-100)
}

.color-text-80[data-v-cb03d6f4] {
    color: var(--color-text-80)
}

.color-text-50[data-v-cb03d6f4] {
    color: var(--color-text-50)
}

.color-text-40[data-v-cb03d6f4] {
    color: var(--color-text-40)
}

.color-text-20[data-v-cb03d6f4] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-cb03d6f4] {
    color: var(--color-currency)
}

.color-warning[data-v-cb03d6f4] {
    color: var(--color-warning)
}

.color-danger[data-v-cb03d6f4] {
    color: var(--color-danger)
}

.color-link[data-v-cb03d6f4] {
    color: var(--color-link)
}

.color-line[data-v-cb03d6f4] {
    color: var(--color-line)
}

.color-border[data-v-cb03d6f4] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-cb03d6f4] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-cb03d6f4] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-cb03d6f4] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-cb03d6f4] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-cb03d6f4] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-cb03d6f4] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-cb03d6f4] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-cb03d6f4] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-cb03d6f4] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-cb03d6f4] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-cb03d6f4] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-cb03d6f4] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-cb03d6f4] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-cb03d6f4] {
    display: flex;
    align-items: center
}

.flex-start[data-v-cb03d6f4] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-cb03d6f4] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-cb03d6f4] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-cb03d6f4] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-cb03d6f4] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-cb03d6f4] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-cb03d6f4] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-cb03d6f4] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-cb03d6f4] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-cb03d6f4] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-cb03d6f4] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-cb03d6f4] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-cb03d6f4] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-cb03d6f4] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-cb03d6f4] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-cb03d6f4] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-cb03d6f4] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-cb03d6f4] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-cb03d6f4] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-cb03d6f4] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-cb03d6f4] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-cb03d6f4] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-cb03d6f4] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-cb03d6f4] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-cb03d6f4],
.mlm-selected-item[data-v-cb03d6f4] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-cb03d6f4] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-cb03d6f4]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-cb03d6f4] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-cb03d6f4] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-cb03d6f4] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-modal#modal-exchange[data-v-cb03d6f4] {
    --width: fit-content;
    --min-width: 21.875rem;
    --height: fit-content;
    --border-radius: 1.25rem
}

ion-item[data-v-cb03d6f4] {
    --background: transparent;
    --padding-bottom: 0px;
    --padding-end: 0;
    --padding-start: 0;
    --padding-top: 0;
    --inner-padding-end: 0;
    --inner-border-width: 0px
}

ion-item.sc-ion-input-ios-h[data-v-cb03d6f4]:not(.item-label):not(.item-has-modern-input),
ion-item:not(.item-label):not(.item-has-modern-input) .sc-ion-input-ios-h[data-v-cb03d6f4] {
    --padding-start: 10px
}

ion-input[data-v-cb03d6f4] {
    --placeholder-opacity: 1;
    --padding-bottom: 0px;
    --padding-start: 10px;
    --padding-top: 0px;
    --border-width: 0px;
    --border-radius: 10px;
    font-size: 12px
}

ion-button[data-v-cb03d6f4] {
    --ripple-color: transparent;
    --background-hover: transparent
}

ion-modal#modal-exchange[data-v-cb03d6f4] {
    --background: var(--ep-color-background-fill-surface-raised-L2, var(--color-bg-400))
}

ion-input[data-v-cb03d6f4] {
    --placeholder-color: var(--ep-color-text-weaker, var(--color-text-gray-200))
}

.exchange-text-basic[data-v-cb03d6f4] {
    color: var(--color-text-white-100)
}

.blue-default ion-modal#modal-exchange[data-v-cb03d6f4] {
    --background: var(--ep-color-background-fill-surface-raised-L2, var(--color-bg-400))
}

.blue-default ion-input[data-v-cb03d6f4] {
    --placeholder-color: var(--ep-color-text-weaker, var(--color-text-gray-200))
}

#modal-exchange ion-input .input-wrapper.sc-ion-input-ios .style_1 {
    border: .125rem solid var(--ep-color-border-default, var(--color-border-600));
    background-color: var(--ep-color-background-fill-surface-lowered, #FEFEFE)
}

.blue-default .exchange-text-basic[data-v-cb03d6f4] {
    color: var(--color-text-white-100)
}

.green-default ion-modal#modal-exchange[data-v-cb03d6f4] {
    --background: var(--ep-color-background-fill-surface-raised-L2, var(--color-bg-400))
}

.green-default ion-input[data-v-cb03d6f4] {
    --placeholder-color: var(--ep-color-text-weaker, var(--color-text-gray-200))
}

#modal-exchange ion-input .input-wrapper.sc-ion-input-ios .style_1 {
    border: .125rem solid var(--ep-color-border-default, var(--color-line));
    background-color: var(--ep-color-background-fill-surface-lowered, #FEFEFE)
}

.green-default .exchange-text-basic[data-v-cb03d6f4] {
    color: var(--color-text-gray-100)
}

.amber-purple ion-modal#modal-exchange[data-v-cb03d6f4] {
    --background: var(--ep-color-background-fill-surface-raised-L2, var(--color-bg-400))
}

.amber-purple ion-input[data-v-cb03d6f4] {
    --placeholder-color: var(--ep-color-text-weaker, var(--text-color-light-purple-2-100))
}

#modal-exchange ion-input .input-wrapper.sc-ion-input-ios .style_1 {
    border: .125rem solid var(--ep-color-border-default, var(--line-color));
    background-color: var(--ep-color-background-fill-surface-lowered, #FEFEFE)
}

.amber-purple .exchange-text-basic[data-v-cb03d6f4] {
    color: var(--text-color-light-purple-1-100)
}

.title-exchange[data-v-cb03d6f4] {
    text-align: center;
    color: var(--ep-color-text-default, var(--color-text-basic));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    margin: .75rem 0 1.6625rem;
    font-size: var(--ep-font-size-xxl, 24px);
    line-height: 150%
}

.form-wrap[data-v-cb03d6f4] {
    padding: 0 .75rem
}

.form-wrap .p-cls[data-v-cb03d6f4] {
    color: var(--ep-color-text-default, var(--color-text-basic));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    margin-top: 1.5625rem;
    margin-bottom: .875rem;
    font-size: .75rem;
    line-height: 1rem
}

.form-wrap ion-input.input[data-v-cb03d6f4] {
    color: var(--ep-color-text-default, var(--color-text-basic))
}

ion-modal#modal-exchange[data-v-cb03d6f4] {
    --width: 22.625rem
}

ion-modal#modal-exchange .close[data-v-cb03d6f4] {
    position: absolute;
    right: .625rem;
    top: .625rem;
    color: var(--ep-color-icon-default);
    width: 2.5rem;
    height: 2.5rem
}

.btn-cls[data-v-cb03d6f4] {
    height: 2.5rem;
    width: 21.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--border-radius-m, .375rem)
}

.btn-cls .label[data-v-cb03d6f4] {
    color: var(--ep-color-text-inverse, #FFF);
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.button-enabled[data-v-cb03d6f4] {
    background: var(--ep-color-background-fill-active-primary, #6687F6)
}

.button-disabled[data-v-cb03d6f4] {
    background: var(--ep-color-background-fill-active-disabled, #A3CBFF)
}

.sub-btn[data-v-cb03d6f4] {
    border-radius: var(--border-radius-l, .5rem);
    margin: .25rem 0 1rem;
    --padding-start: 0;
    --padding-end: 0;
    --padding-top: 0;
    --padding-bottom: 0
}

.sub-btn .button-enabled[data-v-cb03d6f4] {
    background: linear-gradient(32deg, var(--ep-color-border-highlight, #FE963B) 1.88%, var(--ep-color-border-warning, #FA8313) 100%)
}

.sub-btn .button-disabled[data-v-cb03d6f4] {
    border-radius: var(--border-radius-l, .5rem);
    background: var(--ep-color-background-fill-active-disabled, #A3CBFF)
}

.btn-max[data-v-cb03d6f4] {
    position: absolute;
    margin-top: auto;
    margin-bottom: auto;
    right: 0;
    z-index: 10;
    font-weight: var(--ep-font-weight-regular, var(--font-weight-regular));
    font-size: var(--ep-font-size-s, .75rem);
    color: var(--ep-color-text-inverse, #fff)
}

.btn-max .title[data-v-cb03d6f4] {
    padding: .25rem 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--ep-border-radius-m, .375rem)
}

.color-primary-600[data-v-da940fb6] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-da940fb6] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-da940fb6] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-da940fb6] {
    color: var(--color-primary-900)
}

.bg-100[data-v-da940fb6] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-da940fb6] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-da940fb6] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-da940fb6] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-da940fb6] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-da940fb6] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-da940fb6] {
    background-color: var(--color-warning)
}

.bg-link[data-v-da940fb6] {
    background-color: var(--color-link)
}

.bg-danger[data-v-da940fb6] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-da940fb6] {
    color: var(--color-text-100)
}

.color-text-80[data-v-da940fb6] {
    color: var(--color-text-80)
}

.color-text-50[data-v-da940fb6] {
    color: var(--color-text-50)
}

.color-text-40[data-v-da940fb6] {
    color: var(--color-text-40)
}

.color-text-20[data-v-da940fb6] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-da940fb6] {
    color: var(--color-currency)
}

.color-warning[data-v-da940fb6] {
    color: var(--color-warning)
}

.color-danger[data-v-da940fb6] {
    color: var(--color-danger)
}

.color-link[data-v-da940fb6] {
    color: var(--color-link)
}

.color-line[data-v-da940fb6] {
    color: var(--color-line)
}

.color-border[data-v-da940fb6] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-da940fb6] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-da940fb6] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-da940fb6] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-da940fb6] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-da940fb6] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-da940fb6] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-da940fb6] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-da940fb6] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-da940fb6] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-da940fb6] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-da940fb6] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-da940fb6] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-da940fb6] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-da940fb6] {
    display: flex;
    align-items: center
}

.flex-start[data-v-da940fb6] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-da940fb6] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-da940fb6] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-da940fb6] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-da940fb6] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-da940fb6] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-da940fb6] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-da940fb6] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-da940fb6] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-da940fb6] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-da940fb6] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-da940fb6] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-da940fb6] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-da940fb6] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-da940fb6] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-da940fb6] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-da940fb6] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-da940fb6] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-da940fb6] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-da940fb6] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-da940fb6] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-da940fb6] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-da940fb6] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-da940fb6] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-da940fb6],
.mlm-selected-item[data-v-da940fb6] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-da940fb6] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-da940fb6]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-da940fb6] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-da940fb6] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-da940fb6] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.record-icon[data-v-da940fb6] {
    color: var(--ep-color-icon-default, white)
}

.wheel-container[data-v-da940fb6] {
    font-family: Prompt
}

.wheel-container-header[data-v-da940fb6] {
    --background: var(--ep-color-background-fill-top-nav-secondary, #0E1420);
    --border-color: transparent
}

.wheel-container-header-title[data-v-da940fb6] {
    color: #fff;
    font-family: Prompt;
    font-size: 1.25rem;
    font-weight: 500
}

.wheel-container-content[data-v-da940fb6] {
    --background: var(--ep-color-background-fill-body-default, #0B152A)
}

.wheel-container-content .countdown-container[data-v-da940fb6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: .8125rem 1.0625rem 0 1.375rem;
    position: relative
}

.wheel-container-content .countdown-container[data-v-da940fb6]:after {
    content: "";
    width: 19.25rem;
    height: 7.1875rem;
    position: absolute;
    bottom: -7.1875rem;
    left: 0;
    transform: rotate(9.758deg);
    opacity: .37;
    background: var(--ep-dynamic-tertiary, linear-gradient(98deg, #A52FFF 11.55%, #F5FA5C 92.28%));
    filter: blur(46.15000153px);
    z-index: -1
}

.wheel-container-content .countdown-container .time-group[data-v-da940fb6] {
    display: flex;
    gap: .4063rem
}

.wheel-container-content .countdown-container .time-box[data-v-da940fb6] {
    width: 2.25rem;
    padding-block-start: .5625rem;
    padding-block-end: .4688rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    border-radius: var(--ep-border-radius-m, .3125rem);
    background: var(--ep-dynamic-tertiary, linear-gradient(180deg, #5C586C 0%, #242536 100%))
}

.wheel-container-content .countdown-container .time-box[data-v-da940fb6]:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: .25rem;
    height: .0625rem;
    background: var(--ep-color-text-highlight, #59FC57)
}

.wheel-container-content .countdown-container .time-box .time-num[data-v-da940fb6] {
    color: var(--ep-color-text-default, #FFF);
    font-family: Prompt;
    font-size: var(--ep-font-size-m, .875rem);
    line-height: 1;
    font-weight: var(--ep-font-weight-bold, 700);
    margin-bottom: .375rem
}

.wheel-container-content .countdown-container .time-box .time-label[data-v-da940fb6] {
    color: var(--ep-color-text-default, rgba(255, 255, 255, .4));
    font-family: Prompt;
    font-size: var(--ep-font-size-xs, .5rem);
    line-height: 1
}

.wheel-container-content .countdown-container .spins-box[data-v-da940fb6] {
    display: flex;
    align-items: center;
    background: var(--ep-dynamic-secondary, linear-gradient(180deg, #5C586C 0%, #242536 100%));
    padding: .6875rem .625rem;
    border-radius: .3125rem;
    position: relative
}

.wheel-container-content .countdown-container .spins-box[data-v-da940fb6]:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    width: .25rem;
    height: .0625rem;
    background: var(--ep-color-text-highlight, #59FC57)
}

.wheel-container-content .countdown-container .spins-box .spins-icon[data-v-da940fb6] {
    width: 1.375rem;
    height: 1.375rem;
    margin-inline-end: .1875rem
}

.wheel-container-content .countdown-container .spins-box .spins-text[data-v-da940fb6] {
    color: var(--ep-color-text-default, #FFF);
    font-family: Prompt;
    font-size: .75rem;
    font-weight: 500
}

.wheel-container-content .countdown-container .spins-box .spins-count[data-v-da940fb6] {
    color: #cc85ff;
    font-family: Prompt;
    font-size: .875rem;
    font-weight: 700;
    margin-inline-start: .4375rem
}

.wheel-container-content .time-status[data-v-da940fb6] {
    --status-color: 149, 169, 211;
    margin-block-start: .625rem;
    margin-inline-start: 1.375rem;
    display: flex;
    align-items: center;
    gap: .375rem
}

.wheel-container-content .time-status-icon[data-v-da940fb6] {
    width: .3125rem;
    height: .3125rem;
    background: rgb(var(--status-color));
    border-radius: 50%;
    outline: .1563rem solid rgba(var(--status-color), .2)
}

.wheel-container-content .time-status-label[data-v-da940fb6] {
    font-family: Prompt;
    font-size: .75rem;
    font-weight: 400;
    color: rgb(var(--status-color))
}

.wheel-container-content .time-status.progress[data-v-da940fb6] {
    --status-color: 35, 219, 140
}

.wheel-container-content .time-status.end[data-v-da940fb6] {
    --status-color: 230, 64, 33
}

.wheel-container-content .wheel-box[data-v-da940fb6] {
    margin-block-start: 2.625rem
}

.wheel-container-content .collect-box[data-v-da940fb6] {
    display: flex;
    flex-flow: column;
    border-radius: .875rem;
    background: var(--ep-color-background-fill-surface-raised-L2, #161F32);
    margin-block-start: 2.9137rem;
    margin-inline: .9375rem;
    padding-block-end: 1.625rem;
    position: relative;
    border: none
}

.wheel-container-content .collect-box[data-v-da940fb6]:before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    border-radius: .875rem;
    z-index: -1
}

.wheel-container-content .collect-box[data-v-da940fb6]:after {
    content: "";
    width: 19.25rem;
    height: 7.1875rem;
    position: absolute;
    top: 0;
    left: 10%;
    transform: rotate(28.565deg);
    opacity: .37;
    background: linear-gradient(98deg, #a52fff 11.55%, #f5fa5c 92.28%);
    filter: blur(46.15000153px);
    z-index: -1
}

.wheel-container-content .collect-box-img-wall[data-v-da940fb6] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-block-start: -1.375rem
}

.wheel-container-content .collect-box-img-wall-img[data-v-da940fb6] {
    width: 2.75rem;
    height: 2.75rem;
    filter: drop-shadow(-1px 3px 8px rgba(255, 133, 35, .7))
}

.wheel-container-content .collect-box-img-wall-label[data-v-da940fb6] {
    position: absolute;
    color: #ffd791;
    font-family: Prompt;
    font-size: 1rem;
    font-weight: 700
}

.wheel-container-content .collect-box-money[data-v-da940fb6] {
    color: #faac47;
    text-align: center;
    font-family: Prompt;
    font-size: 1.5rem;
    font-weight: 600
}

.wheel-container-content .collect-box-text[data-v-da940fb6] {
    margin-block-start: .5rem;
    padding-inline: .9375rem;
    text-align: center;
    font-family: Prompt;
    font-size: .75rem;
    font-weight: 400;
    color: #95a9d3
}

.wheel-container-content .collect-box-list[data-v-da940fb6] {
    display: flex;
    gap: .625rem;
    margin-block-start: 1.25rem;
    margin-inline: .9375rem
}

.wheel-container-content .collect-box-list-item[data-v-da940fb6] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: .5rem;
    border: .125rem solid #5764FC;
    padding-block-start: .625rem;
    background: #161c3f;
    box-shadow: 0 0 6.1px 0 var(--ep-color-text-weakest, rgba(255, 255, 255, .2)), 0 0 20.6px 0 var(--ep-color-background-fill-glow-primary-opacity-40, rgba(20, 219, 168, .4))
}

.wheel-container-content .collect-box-list-item-label[data-v-da940fb6] {
    font-family: Prompt;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    background: linear-gradient(180deg, #f2d697, #ffa25a);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    z-index: 0
}

.wheel-container-content .collect-box-list-item-label[data-v-da940fb6]:before {
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    text-shadow: 0 0 .5625rem rgba(159, 88, 252, .43);
    mix-blend-mode: multiply;
    -webkit-text-fill-color: #fff
}

.wheel-container-content .collect-box-list-item-amount[data-v-da940fb6] {
    color: #23db8c;
    font-family: Prompt;
    font-size: .75rem;
    font-weight: 400
}

.wheel-container-content .obtain-vouchers[data-v-da940fb6] {
    margin-block-start: 2.9137rem;
    margin-inline: .9375rem
}

.wheel-container-content .obtain-vouchers-title[data-v-da940fb6] {
    display: flex;
    align-items: center;
    justify-content: center
}

.wheel-container-content .obtain-vouchers-title-text[data-v-da940fb6] {
    font-family: Prompt;
    font-size: 1.5rem;
    font-weight: 500;
    margin-inline: 1rem;
    background: linear-gradient(90deg, #5764fc, #26cc95 74.8%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    z-index: 0
}

.wheel-container-content .obtain-vouchers-title-text[data-v-da940fb6]:before {
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    text-shadow: 0 0 .5625rem rgba(159, 88, 252, .43);
    mix-blend-mode: multiply;
    -webkit-text-fill-color: #fff
}

.wheel-container-content .obtain-vouchers-title .before-icon[data-v-da940fb6],
.wheel-container-content .obtain-vouchers-title .after-icon[data-v-da940fb6] {
    width: 1.9098rem
}

.wheel-container-content .obtain-vouchers-title .after-icon[data-v-da940fb6] {
    transform: scaleX(-1)
}

.wheel-container-content .obtain-vouchers-list[data-v-da940fb6] {
    margin-block-start: 2.3125rem
}

.wheel-container-content .obtain-vouchers-list-item[data-v-da940fb6] {
    margin-block-end: .75rem;
    padding: .625rem .875rem .75rem 1.5rem;
    border-radius: var(--ep-border-radius-surface-small, .875rem);
    border: 2px solid var(--ep-color-background-fill-glow-primary-opacity-100, #5764FC);
    background: var(--ep-dynamic-secondary, #161C3F);
    box-shadow: 0 0 6.1px 0 var(--ep-color-icon-weaker, rgba(255, 255, 255, .13)), 0 0 75px 0 var(--ep-color-background-fill-glow-primary-opacity-40, rgba(75, 20, 254, .38)) inset
}

.wheel-container-content .obtain-vouchers-list-item-top[data-v-da940fb6] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.wheel-container-content .obtain-vouchers-list-item-top-label[data-v-da940fb6] {
    font-family: Prompt;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1;
    color: var(--ep-color-text-default, #FFF);
    text-shadow: 0px 0px 9px rgba(159, 88, 252, .43)
}

.wheel-container-content .obtain-vouchers-list-item-top-amount[data-v-da940fb6] {
    font-family: Prompt;
    font-size: .75rem;
    line-height: 1;
    font-weight: 400;
    color: #95a9d3
}

.wheel-container-content .obtain-vouchers-list-item-bottom[data-v-da940fb6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-block-start: .5625rem
}

.wheel-container-content .obtain-vouchers-list-item-bottom-left[data-v-da940fb6] {
    display: flex;
    align-items: center
}

.wheel-container-content .obtain-vouchers-list-item-bottom-left-icon[data-v-da940fb6] {
    width: 1.375rem;
    height: 1.375rem;
    margin-inline-end: .4375rem
}

.wheel-container-content .obtain-vouchers-list-item-bottom-left-amount[data-v-da940fb6] {
    font-family: Prompt;
    font-size: var(--ep-font-size-m, .875rem);
    line-height: 1;
    font-weight: var(--ep-font-weight-bold, 700);
    color: var(--ep-color-text-success, #EFD18D)
}

.wheel-container-content .obtain-vouchers-list-item-bottom-right[data-v-da940fb6] {
    display: flex;
    align-items: center
}

.wheel-container-content .description[data-v-da940fb6] {
    margin-inline: .9375rem;
    margin-block-end: 2rem
}

.wheel-container-content .description-title[data-v-da940fb6] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .375rem;
    margin-block: 1.875rem;
    text-align: center;
    font-family: Prompt;
    font-size: 1rem;
    font-weight: 500;
    color: var(--ep-color-text-default, #FFF);
    text-shadow: 0 0 9px rgba(159, 88, 252, .43)
}

.wheel-container-content .description-title .before-icon[data-v-da940fb6],
.wheel-container-content .description-title .after-icon[data-v-da940fb6] {
    width: 1.9098rem
}

.wheel-container-content .description-title .after-icon[data-v-da940fb6] {
    transform: scaleX(-1)
}

.wheel-container-content .description-list[data-v-da940fb6] {
    padding: .9375rem;
    border-radius: .875rem
}

.wheel-container-content .description-list-item[data-v-da940fb6] {
    color: #95a9d3;
    font-family: Prompt;
    font-size: .75rem;
    font-weight: 400;
    line-height: 2.25
}

.wheel-container-content .description-list-item+.description-list-item[data-v-da940fb6] {
    margin-block-start: 1.5rem
}

.wheel-container-content ion-button.unset-btn[data-v-da940fb6] {
    --padding-top: 0;
    --padding-bottom: 0;
    --padding-start: 0;
    --padding-end: 0;
    margin: 0;
    min-height: min-content;
    min-width: min-content
}

.wheel-container-content ion-button.redemption-popup-btn[data-v-da940fb6] {
    --padding-top: .5625rem;
    --padding-bottom: .5625rem;
    --border-radius: .5rem;
    font-size: .875rem;
    font-weight: 700;
    border-radius: .5rem;
    margin-block-start: 1.625rem;
    margin-inline: .625rem;
    box-shadow: 0 0 .4688rem rgba(244, 40, 237, .25);
    --background: linear-gradient(90deg, var(--ep-color-border-highlight, #F2D697) 0%, var(--ep-color-border-warning, #DAAF4C) 74.8%);
    color: #d32f0e
}

.wheel-container-content ion-button.ion-activated[data-v-da940fb6] {
    --background-activated: linear-gradient(90deg, var(--ep-color-border-highlight, #F2D697) 0%, var(--ep-color-border-warning, #DAAF4C) 74.8%)
}

.wheel-container-content ion-button.jump-btn[data-v-da940fb6] {
    --padding-top: .375rem;
    --padding-bottom: .375rem;
    --padding-start: 1rem;
    --padding-end: 1rem;
    --border-radius: .5rem;
    font-family: Prompt;
    font-size: .75rem;
    font-weight: 400;
    border-radius: .5rem;
    --background: linear-gradient(90deg, #F2D697 0%, #DAAF4C 100%);
    box-shadow: 0 0 .4688rem rgba(244, 40, 237, .25);
    color: #d32f0e
}

.new-skin-symbol .record-icon[data-v-da940fb6] {
    color: var(--ep-color-icon-default, white)
}

.new-skin-symbol .wheel-container[data-v-da940fb6] {
    font-family: Prompt
}

.new-skin-symbol .wheel-container-header[data-v-da940fb6] {
    --background: var(--ep-color-background-fill-top-nav-secondary, #0E1420);
    --border-color: transparent
}

.new-skin-symbol .wheel-container-header-title[data-v-da940fb6] {
    color: #fff;
    font-family: Prompt;
    font-size: 1.25rem;
    font-weight: 500
}

.new-skin-symbol .wheel-container-content[data-v-da940fb6] {
    --background: var(--ep-color-background-fill-body-default, #0B152A)
}

.new-skin-symbol .wheel-container-content .countdown-container[data-v-da940fb6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: .8125rem 1.0625rem 0 1.375rem;
    position: relative
}

.new-skin-symbol .wheel-container-content .countdown-container[data-v-da940fb6]:after {
    content: "";
    width: 19.25rem;
    height: 7.1875rem;
    position: absolute;
    bottom: -7.1875rem;
    left: 0;
    transform: rotate(9.758deg);
    opacity: .37;
    background: var(--ep-dynamic-tertiary, linear-gradient(98deg, #A52FFF 11.55%, #F5FA5C 92.28%));
    filter: blur(46.15000153px);
    z-index: -1
}

.new-skin-symbol .wheel-container-content .countdown-container .time-group[data-v-da940fb6] {
    display: flex;
    gap: .4063rem
}

.new-skin-symbol .wheel-container-content .countdown-container .time-box[data-v-da940fb6] {
    width: 2.25rem;
    padding-block-start: .5625rem;
    padding-block-end: .4688rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    border-radius: var(--ep-border-radius-m, .3125rem);
    background: var(--ep-dynamic-tertiary, linear-gradient(180deg, #5C586C 0%, #242536 100%))
}

.new-skin-symbol .wheel-container-content .countdown-container .time-box[data-v-da940fb6]:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: .25rem;
    height: .0625rem;
    background: var(--ep-color-text-highlight, #59FC57)
}

.new-skin-symbol .wheel-container-content .countdown-container .time-box .time-num[data-v-da940fb6] {
    color: var(--ep-color-text-default, #FFF);
    font-family: Prompt;
    font-size: var(--ep-font-size-m, .875rem);
    line-height: 1;
    font-weight: var(--ep-font-weight-bold, 700);
    margin-bottom: .375rem
}

.new-skin-symbol .wheel-container-content .countdown-container .time-box .time-label[data-v-da940fb6] {
    color: var(--ep-color-text-default, rgba(255, 255, 255, .4));
    font-family: Prompt;
    font-size: var(--ep-font-size-xs, .5rem);
    line-height: 1
}

.new-skin-symbol .wheel-container-content .countdown-container .spins-box[data-v-da940fb6] {
    display: flex;
    align-items: center;
    background: var(--ep-dynamic-secondary, linear-gradient(180deg, #5C586C 0%, #242536 100%));
    padding: .6875rem .625rem;
    border-radius: .3125rem;
    position: relative
}

.new-skin-symbol .wheel-container-content .countdown-container .spins-box[data-v-da940fb6]:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    width: .25rem;
    height: .0625rem;
    background: var(--ep-color-text-highlight, #59FC57)
}

.new-skin-symbol .wheel-container-content .countdown-container .spins-box .spins-icon[data-v-da940fb6] {
    width: 1.375rem;
    height: 1.375rem;
    margin-inline-end: .1875rem
}

.new-skin-symbol .wheel-container-content .countdown-container .spins-box .spins-text[data-v-da940fb6] {
    color: var(--ep-color-text-default, #FFF);
    font-family: Prompt;
    font-size: .75rem;
    font-weight: 500
}

.new-skin-symbol .wheel-container-content .countdown-container .spins-box .spins-count[data-v-da940fb6] {
    color: #cc85ff;
    font-family: Prompt;
    font-size: .875rem;
    font-weight: 700;
    margin-inline-start: .4375rem
}

.new-skin-symbol .wheel-container-content .time-status[data-v-da940fb6] {
    --status-color: 149, 169, 211;
    margin-block-start: .625rem;
    margin-inline-start: 1.375rem;
    display: flex;
    align-items: center;
    gap: .375rem
}

.new-skin-symbol .wheel-container-content .time-status-icon[data-v-da940fb6] {
    width: .3125rem;
    height: .3125rem;
    background: rgb(var(--status-color));
    border-radius: 50%;
    outline: .1563rem solid rgba(var(--status-color), .2)
}

.new-skin-symbol .wheel-container-content .time-status-label[data-v-da940fb6] {
    font-family: Prompt;
    font-size: .75rem;
    font-weight: 400;
    color: rgb(var(--status-color))
}

.new-skin-symbol .wheel-container-content .time-status.progress[data-v-da940fb6] {
    --status-color: 35, 219, 140
}

.new-skin-symbol .wheel-container-content .time-status.end[data-v-da940fb6] {
    --status-color: 230, 64, 33
}

.new-skin-symbol .wheel-container-content .wheel-box[data-v-da940fb6] {
    margin-block-start: 2.625rem
}

.new-skin-symbol .wheel-container-content .collect-box[data-v-da940fb6] {
    display: flex;
    flex-flow: column;
    border-radius: .875rem;
    background: var(--ep-color-background-fill-surface-raised-L2, #161F32);
    margin-block-start: 2.9137rem;
    margin-inline: .9375rem;
    padding-block-end: 1.625rem;
    position: relative;
    border: none
}

.new-skin-symbol .wheel-container-content .collect-box[data-v-da940fb6]:before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    border-radius: .875rem;
    z-index: -1
}

.new-skin-symbol .wheel-container-content .collect-box[data-v-da940fb6]:after {
    content: "";
    width: 19.25rem;
    height: 7.1875rem;
    position: absolute;
    top: 0;
    left: 10%;
    transform: rotate(28.565deg);
    opacity: .37;
    background: linear-gradient(98deg, #a52fff 11.55%, #f5fa5c 92.28%);
    filter: blur(46.15000153px);
    z-index: -1
}

.new-skin-symbol .wheel-container-content .collect-box-img-wall[data-v-da940fb6] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-block-start: -1.375rem
}

.new-skin-symbol .wheel-container-content .collect-box-img-wall-img[data-v-da940fb6] {
    width: 2.75rem;
    height: 2.75rem;
    filter: drop-shadow(-1px 3px 8px rgba(255, 133, 35, .7))
}

.new-skin-symbol .wheel-container-content .collect-box-img-wall-label[data-v-da940fb6] {
    position: absolute;
    color: #ffd791;
    font-family: Prompt;
    font-size: 1rem;
    font-weight: 700
}

.new-skin-symbol .wheel-container-content .collect-box-money[data-v-da940fb6] {
    color: var(--ep-color-text-highlight);
    text-align: center;
    font-family: Prompt;
    font-size: 1.5rem;
    font-weight: 600
}

.new-skin-symbol .wheel-container-content .collect-box-text[data-v-da940fb6] {
    margin-block-start: .5rem;
    padding-inline: .9375rem;
    text-align: center;
    font-family: Prompt;
    font-size: .75rem;
    font-weight: 400;
    color: var(--ep-color-text-weak)
}

.new-skin-symbol .wheel-container-content .collect-box-list[data-v-da940fb6] {
    display: flex;
    gap: .625rem;
    margin-block-start: 1.25rem;
    margin-inline: .9375rem
}

.new-skin-symbol .wheel-container-content .collect-box-list-item[data-v-da940fb6] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: .5rem;
    border: .125rem solid #5764FC;
    padding-block-start: .625rem;
    background: #161c3f;
    box-shadow: 0 0 6.1px 0 var(--ep-color-text-weakest, rgba(255, 255, 255, .2)), 0 0 20.6px 0 var(--ep-color-background-fill-glow-primary-opacity-40, rgba(20, 219, 168, .4))
}

.new-skin-symbol .wheel-container-content .collect-box-list-item-label[data-v-da940fb6] {
    font-family: Prompt;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    background: linear-gradient(180deg, var(--ep-color-icon-highlight) 0%, var(--ep-color-icon-warning) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    z-index: 0
}

.new-skin-symbol .wheel-container-content .collect-box-list-item-label[data-v-da940fb6]:before {
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    text-shadow: 0 0 .5625rem rgba(159, 88, 252, .43);
    mix-blend-mode: multiply;
    -webkit-text-fill-color: #fff
}

.new-skin-symbol .wheel-container-content .collect-box-list-item-amount[data-v-da940fb6] {
    color: var(--ep-color-text-success);
    font-family: Prompt;
    font-size: .75rem;
    font-weight: 400
}

.new-skin-symbol .wheel-container-content .obtain-vouchers[data-v-da940fb6] {
    margin-block-start: 2.9137rem;
    margin-inline: .9375rem
}

.new-skin-symbol .wheel-container-content .obtain-vouchers-title[data-v-da940fb6] {
    display: flex;
    align-items: center;
    justify-content: center
}

.new-skin-symbol .wheel-container-content .obtain-vouchers-title-text[data-v-da940fb6] {
    font-family: Prompt;
    font-size: 1.5rem;
    font-weight: 500;
    margin-inline: 1rem;
    background: linear-gradient(90deg, #5764fc, #26cc95 74.8%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    z-index: 0
}

.new-skin-symbol .wheel-container-content .obtain-vouchers-title-text[data-v-da940fb6]:before {
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    text-shadow: 0 0 .5625rem rgba(159, 88, 252, .43);
    mix-blend-mode: multiply;
    -webkit-text-fill-color: #fff
}

.new-skin-symbol .wheel-container-content .obtain-vouchers-title .before-icon[data-v-da940fb6],
.new-skin-symbol .wheel-container-content .obtain-vouchers-title .after-icon[data-v-da940fb6] {
    width: 1.9098rem
}

.new-skin-symbol .wheel-container-content .obtain-vouchers-title .after-icon[data-v-da940fb6] {
    transform: scaleX(-1)
}

.new-skin-symbol .wheel-container-content .obtain-vouchers-list[data-v-da940fb6] {
    margin-block-start: 2.3125rem
}

.new-skin-symbol .wheel-container-content .obtain-vouchers-list-item[data-v-da940fb6] {
    margin-block-end: .75rem;
    padding: .625rem .875rem .75rem 1.5rem;
    border-radius: var(--ep-border-radius-surface-small, .875rem);
    border: 2px solid var(--ep-color-background-fill-glow-primary-opacity-100, #5764FC);
    background: var(--ep-dynamic-secondary, #161C3F);
    box-shadow: 0 0 6.1px 0 var(--ep-color-icon-weaker, rgba(255, 255, 255, .13)), 0 0 75px 0 var(--ep-color-background-fill-glow-primary-opacity-40, rgba(75, 20, 254, .38)) inset
}

.new-skin-symbol .wheel-container-content .obtain-vouchers-list-item-top[data-v-da940fb6] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.new-skin-symbol .wheel-container-content .obtain-vouchers-list-item-top-label[data-v-da940fb6] {
    font-family: Prompt;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1;
    color: var(--ep-color-text-default, #FFF);
    text-shadow: 0px 0px 9px rgba(159, 88, 252, .43)
}

.new-skin-symbol .wheel-container-content .obtain-vouchers-list-item-top-amount[data-v-da940fb6] {
    font-family: Prompt;
    font-size: .75rem;
    line-height: 1;
    font-weight: 400;
    color: var(--ep-color-text-weak)
}

.new-skin-symbol .wheel-container-content .obtain-vouchers-list-item-bottom[data-v-da940fb6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-block-start: .5625rem
}

.new-skin-symbol .wheel-container-content .obtain-vouchers-list-item-bottom-left[data-v-da940fb6] {
    display: flex;
    align-items: center
}

.new-skin-symbol .wheel-container-content .obtain-vouchers-list-item-bottom-left-icon[data-v-da940fb6] {
    width: 1.375rem;
    height: 1.375rem;
    margin-inline-end: .4375rem
}

.new-skin-symbol .wheel-container-content .obtain-vouchers-list-item-bottom-left-amount[data-v-da940fb6] {
    font-family: Prompt;
    font-size: var(--ep-font-size-m, .875rem);
    line-height: 1;
    font-weight: var(--ep-font-weight-bold, 700);
    color: var(--ep-color-text-success, #EFD18D)
}

.new-skin-symbol .wheel-container-content .obtain-vouchers-list-item-bottom-right[data-v-da940fb6] {
    display: flex;
    align-items: center
}

.new-skin-symbol .wheel-container-content .description[data-v-da940fb6] {
    margin-inline: .9375rem;
    margin-block-end: 2rem
}

.new-skin-symbol .wheel-container-content .description-title[data-v-da940fb6] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .375rem;
    margin-block: 1.875rem;
    text-align: center;
    font-family: Prompt;
    font-size: 1rem;
    font-weight: 500;
    color: var(--ep-color-text-default, #FFF);
    text-shadow: 0 0 9px rgba(159, 88, 252, .43)
}

.new-skin-symbol .wheel-container-content .description-title .before-icon[data-v-da940fb6],
.new-skin-symbol .wheel-container-content .description-title .after-icon[data-v-da940fb6] {
    width: 1.9098rem
}

.new-skin-symbol .wheel-container-content .description-title .after-icon[data-v-da940fb6] {
    transform: scaleX(-1)
}

.new-skin-symbol .wheel-container-content .description-list[data-v-da940fb6] {
    padding: .9375rem;
    border-radius: .875rem
}

.new-skin-symbol .wheel-container-content .description-list-item[data-v-da940fb6] {
    color: var(--ep-color-text-weak);
    font-family: Prompt;
    font-size: .75rem;
    font-weight: 400;
    line-height: 2.25
}

.new-skin-symbol .wheel-container-content .description-list-item+.description-list-item[data-v-da940fb6] {
    margin-block-start: 1.5rem
}

.new-skin-symbol .wheel-container-content ion-button.unset-btn[data-v-da940fb6] {
    --padding-top: 0;
    --padding-bottom: 0;
    --padding-start: 0;
    --padding-end: 0;
    margin: 0;
    min-height: min-content;
    min-width: min-content
}

.new-skin-symbol .wheel-container-content ion-button.redemption-popup-btn[data-v-da940fb6] {
    --padding-top: .5625rem;
    --padding-bottom: .5625rem;
    --border-radius: .5rem;
    font-size: .875rem;
    font-weight: 700;
    border-radius: .5rem;
    margin-block-start: 1.625rem;
    margin-inline: .625rem;
    box-shadow: 0 0 .4688rem rgba(244, 40, 237, .25);
    --background: linear-gradient(90deg, var(--ep-color-border-highlight, #F2D697) 0%, var(--ep-color-border-warning, #DAAF4C) 74.8%);
    color: #d32f0e
}

.new-skin-symbol .wheel-container-content ion-button.ion-activated[data-v-da940fb6] {
    --background-activated: linear-gradient(90deg, var(--ep-color-border-highlight, #F2D697) 0%, var(--ep-color-border-warning, #DAAF4C) 74.8%)
}

.new-skin-symbol .wheel-container-content ion-button.jump-btn[data-v-da940fb6] {
    --padding-top: .375rem;
    --padding-bottom: .375rem;
    --padding-start: 1rem;
    --padding-end: 1rem;
    --border-radius: .5rem;
    font-family: Prompt;
    font-size: .75rem;
    font-weight: 400;
    border-radius: .5rem;
    --background: linear-gradient(90deg, #F2D697 0%, #DAAF4C 100%);
    box-shadow: 0 0 .4688rem rgba(244, 40, 237, .25);
    color: #d32f0e
}

.new-skin-symbol .wheel-container-content .collect-box[data-v-da940fb6]:after {
    background: transparent
}

.new-skin-symbol .wheel-container-content .collect-box-list-item[data-v-da940fb6] {
    border: .125rem solid transparent;
    border-radius: .5rem;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    background-image: linear-gradient(to right, var(--ep-color-background-fill-body-default), var(--ep-color-background-fill-body-default)), var(--ep-dynamic-primary, linear-gradient(110deg, var(--ep-primary-primary-500), var(--ep-inverse-inverse-500)))
}

.new-skin-symbol .wheel-container-content .collect-box .redemption-popup-btn[data-v-da940fb6] {
    color: var(--ep-color-text-inverse)
}

.new-skin-symbol .wheel-container-content ion-button.redemption-popup-btn[data-v-da940fb6] {
    height: 2.5rem
}

.new-skin-symbol .wheel-container-content .obtain-vouchers-title-text[data-v-da940fb6] {
    background: linear-gradient(90deg, var(--ep-color-background-fill-gradients-primary-a) 0%, var(--ep-color-background-fill-gradients-primary-b) 74.8%);
    -webkit-background-clip: text;
    background-clip: text
}

.new-skin-symbol .wheel-container-content .obtain-vouchers-list-item-bottom ion-button.jump-btn[data-v-da940fb6] {
    --background: linear-gradient(90deg, var(--ep-color-background-fill-gradients-primary-a) 0%, var(--ep-color-background-fill-gradients-primary-b) 100%);
    color: var(--ep-color-text-inverse)
}

.collect-box-money .txt[data-v-da940fb6] {
    margin-left: .375rem
}

.wheel-style1-rule[data-v-da940fb6] {
    margin-inline: .9375rem;
    margin-top: 2rem
}

.wheel-style1-rule[data-v-da940fb6] .ruleHeader {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .375rem;
    text-align: center;
    font-family: Prompt
}

.wheel-style1-rule[data-v-da940fb6] .ruleHeader .span-cls {
    font-size: 1rem;
    font-weight: 500;
    color: var(--ep-color-text-default, #FFF);
    text-shadow: 0 0 9px rgba(159, 88, 252, .43)
}

.wheel-style1-rule[data-v-da940fb6] .item-wrap {
    padding: .9375rem;
    border-radius: .875rem
}

.wheel-style1-rule[data-v-da940fb6] .item-wrap .rule-item {
    font-family: Prompt;
    font-size: .75rem;
    font-weight: 400;
    white-space: pre-line;
    color: var(--ep-color-text-weak, #95A9D3)
}

.color-primary-600[data-v-5eaf0cb2] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-5eaf0cb2] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-5eaf0cb2] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-5eaf0cb2] {
    color: var(--color-primary-900)
}

.bg-100[data-v-5eaf0cb2] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-5eaf0cb2] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-5eaf0cb2] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-5eaf0cb2] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-5eaf0cb2] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-5eaf0cb2] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-5eaf0cb2] {
    background-color: var(--color-warning)
}

.bg-link[data-v-5eaf0cb2] {
    background-color: var(--color-link)
}

.bg-danger[data-v-5eaf0cb2] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-5eaf0cb2] {
    color: var(--color-text-100)
}

.color-text-80[data-v-5eaf0cb2] {
    color: var(--color-text-80)
}

.color-text-50[data-v-5eaf0cb2] {
    color: var(--color-text-50)
}

.color-text-40[data-v-5eaf0cb2] {
    color: var(--color-text-40)
}

.color-text-20[data-v-5eaf0cb2] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-5eaf0cb2] {
    color: var(--color-currency)
}

.color-warning[data-v-5eaf0cb2] {
    color: var(--color-warning)
}

.color-danger[data-v-5eaf0cb2] {
    color: var(--color-danger)
}

.color-link[data-v-5eaf0cb2] {
    color: var(--color-link)
}

.color-line[data-v-5eaf0cb2] {
    color: var(--color-line)
}

.color-border[data-v-5eaf0cb2] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-5eaf0cb2] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-5eaf0cb2] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-5eaf0cb2] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-5eaf0cb2] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-5eaf0cb2] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-5eaf0cb2] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-5eaf0cb2] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-5eaf0cb2] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-5eaf0cb2] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-5eaf0cb2] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-5eaf0cb2] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-5eaf0cb2] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-5eaf0cb2] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-5eaf0cb2] {
    display: flex;
    align-items: center
}

.flex-start[data-v-5eaf0cb2] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-5eaf0cb2] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-5eaf0cb2] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-5eaf0cb2] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-5eaf0cb2] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-5eaf0cb2] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-5eaf0cb2] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-5eaf0cb2] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-5eaf0cb2] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-5eaf0cb2] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-5eaf0cb2] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-5eaf0cb2] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-5eaf0cb2] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-5eaf0cb2] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-5eaf0cb2] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-5eaf0cb2] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-5eaf0cb2] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-5eaf0cb2] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-5eaf0cb2] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-5eaf0cb2] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-5eaf0cb2] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-5eaf0cb2] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-5eaf0cb2] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-5eaf0cb2] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-5eaf0cb2],
.mlm-selected-item[data-v-5eaf0cb2] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-5eaf0cb2] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-5eaf0cb2]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-5eaf0cb2] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-5eaf0cb2] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-5eaf0cb2] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.event-reward-container[data-v-5eaf0cb2] {
    width: 22.625rem;
    margin: .875rem
}

.new-skin-symbol .event-reward-container[data-v-5eaf0cb2] {
    --actRechargeMul-c1: var(--ep-color-text-default, #ffffff);
    --actRechargeMul-c2: var(--ep-color-text-weak, rgba(255, 255, 255, .6));
    --actRechargeMul-c3: var(--ep-color-text-weak, rgba(255, 255, 255, .6));
    --actRechargeMul-c4: var(--ep-color-text-warning, #FC974C);
    --actRechargeMul-c5: var(--ep-color-text-inverse, #ffffff);
    --actRechargeMul-c6: var(--ep-color-text-inverse-disabled, rgba(255, 255, 255, .4));
    --actRechargeMul-c7: var(--ep-color-text-default, #ffffff);
    --actRechargeMul-bg1: var(--ep-color-background-fill-surface-lowered, #101B3C);
    --actRechargeMul-bg2: var(--ep-color-background-fill-surface-raised-L1, #18254E);
    --actRechargeMul-bg3: var(--ep-color-background-fill-body-default, #131F42);
    --actRechargeMul-bg4: var(--ep-color-background-fill-surface-raised-L1, #18254E);
    --actRechargeMul-bg5: var(--ep-color-background-fill-active-primary, #0A77DA);
    --actRechargeMul-bg6: var(--ep-color-background-fill-active-disabled, #183B5F);
    --actRechargeMul-bg7: var(--ep-color-background-fill-surface-lowered, #101B3C)
}

.amber-purple .event-reward-container[data-v-5eaf0cb2] {
    --actRechargeMul-c1: #BDB8E1;
    --actRechargeMul-c2: #BDB8E1;
    --actRechargeMul-c3: #BDB8E1;
    --actRechargeMul-c4: linear-gradient(180deg, #BA8737 0%, #E4AE55 100%);
    --actRechargeMul-c5: #ffffff;
    --actRechargeMul-c6: rgba(255, 255, 255, .4);
    --actRechargeMul-c7: var(--dark-text-color-light-pureple-100, #BDB8E1);
    --actRechargeMul-bg1: #292547;
    --actRechargeMul-bg2: #2C294D;
    --actRechargeMul-bg3: var(--actRechargeMul-bg1);
    --actRechargeMul-bg4: var(--actRechargeMul-bg2);
    --actRechargeMul-bg5: #7041f3;
    --actRechargeMul-bg6: rgba(112, 65, 243, .4);
    --actRechargeMul-bg7: #292547
}

.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
}

.green-default .event-reward-container[data-v-5eaf0cb2] {
    --actRechargeMul-c1: #afc69f;
    --actRechargeMul-c2: #afc69f;
    --actRechargeMul-c3: #afc69f;
    --actRechargeMul-c4: #fc974c;
    --actRechargeMul-c5: #ffffff;
    --actRechargeMul-c6: rgba(255, 255, 255, .4);
    --actRechargeMul-c7: #afc69f;
    --actRechargeMul-bg1: #183009;
    --actRechargeMul-bg2: #274116;
    --actRechargeMul-bg3: var(--actRechargeMul-bg1);
    --actRechargeMul-bg4: var(--actRechargeMul-bg2);
    --actRechargeMul-bg5: #4ba974;
    --actRechargeMul-bg6: rgba(75, 169, 116, .4);
    --actRechargeMul-bg7: #183009
}

.auroral-yellow .event-reward-container[data-v-5eaf0cb2] {
    --actRechargeMul-c1: #ffffff;
    --actRechargeMul-c2: #8a867c;
    --actRechargeMul-c3: #ffffff;
    --actRechargeMul-c4: #fc974c;
    --actRechargeMul-c5: #191919;
    --actRechargeMul-c6: rgba(25, 25, 25, .4);
    --actRechargeMul-c7: #ffffff;
    --actRechargeMul-bg1: #131313;
    --actRechargeMul-bg2: #24221f;
    --actRechargeMul-bg3: var(--actRechargeMul-bg1);
    --actRechargeMul-bg4: var(--actRechargeMul-bg2);
    --actRechargeMul-bg5: #f7fb43;
    --actRechargeMul-bg6: rgba(247, 251, 67, .4);
    --actRechargeMul-bg7: #131313
}

.forest-green .event-reward-container[data-v-5eaf0cb2] {
    --actRechargeMul-c1: #ffffff;
    --actRechargeMul-c2: #ffffff;
    --actRechargeMul-c3: #ffffff;
    --actRechargeMul-c4: #fc974c;
    --actRechargeMul-c5: #ffffff;
    --actRechargeMul-c6: rgba(255, 255, 255, .4);
    --actRechargeMul-c7: #ffffff;
    --actRechargeMul-bg1: #00422f;
    --actRechargeMul-bg2: #00563a;
    --actRechargeMul-bg3: var(--actRechargeMul-bg1);
    --actRechargeMul-bg4: var(--actRechargeMul-bg2);
    --actRechargeMul-bg5: #4ba974;
    --actRechargeMul-bg6: rgba(75, 169, 116, .4);
    --actRechargeMul-bg7: var(--actRechargeMul-bg1)
}

.green-dark .event-reward-container[data-v-5eaf0cb2] {
    --actRechargeMul-c1: rgba(255, 255, 255, .8);
    --actRechargeMul-c2: rgba(255, 255, 255, .8);
    --actRechargeMul-c3: rgba(255, 255, 255, .8);
    --actRechargeMul-c4: #ef6e3e;
    --actRechargeMul-c5: #ffffff;
    --actRechargeMul-c6: rgba(255, 255, 255, .4);
    --actRechargeMul-c7: rgba(255, 255, 255, .8);
    --actRechargeMul-bg1: #16191d;
    --actRechargeMul-bg2: #22262e;
    --actRechargeMul-bg3: var(--actRechargeMul-bg1);
    --actRechargeMul-bg4: var(--actRechargeMul-bg2);
    --actRechargeMul-bg5: #3e9b2f;
    --actRechargeMul-bg6: rgba(62, 155, 47, .4);
    --actRechargeMul-bg7: var(--actRechargeMul-bg1)
}

.yellow-dark .event-reward-container[data-v-5eaf0cb2] {
    --actRechargeMul-c1: rgba(255, 255, 255, .8);
    --actRechargeMul-c2: rgba(255, 255, 255, .8);
    --actRechargeMul-c3: #ffffff;
    --actRechargeMul-c4: #df8644;
    --actRechargeMul-c5: #2d2d2d;
    --actRechargeMul-c6: rgba(45, 45, 45, .6);
    --actRechargeMul-c7: #ffffff;
    --actRechargeMul-bg1: #181816;
    --actRechargeMul-bg2: #262624;
    --actRechargeMul-bg3: var(--actRechargeMul-bg1);
    --actRechargeMul-bg4: var(--actRechargeMul-bg2);
    --actRechargeMul-bg5: #feb805;
    --actRechargeMul-bg6: rgba(254, 184, 5, .4);
    --actRechargeMul-bg7: var(--actRechargeMul-bg1)
}

.purple-light .event-reward-container[data-v-5eaf0cb2] {
    --actRechargeMul-c1: #403d4f;
    --actRechargeMul-c2: rgba(64, 61, 79, .8);
    --actRechargeMul-c3: #403d4f;
    --actRechargeMul-c4: #fba531;
    --actRechargeMul-c5: #ffffff;
    --actRechargeMul-c6: rgba(255, 255, 255, .4);
    --actRechargeMul-c7: #403d4f;
    --actRechargeMul-bg1: #e0d0ff;
    --actRechargeMul-bg2: #eee5ff;
    --actRechargeMul-bg3: var(--actRechargeMul-bg1);
    --actRechargeMul-bg4: var(--actRechargeMul-bg2);
    --actRechargeMul-bg5: #6526db;
    --actRechargeMul-bg6: rgba(101, 38, 219, .4);
    --actRechargeMul-bg7: var(--actRechargeMul-bg1)
}

.reward-table[data-v-5eaf0cb2] {
    width: 100%;
    border-radius: var(--ep-border-radius-m, 6px);
    overflow: hidden
}

.reward-table .table-header[data-v-5eaf0cb2] {
    background: var(--actRechargeMul-bg1);
    padding: .5625rem 1.375rem
}

.reward-table .table-header .header-content[data-v-5eaf0cb2] {
    display: flex;
    align-items: center;
    justify-content: center
}

.reward-table .table-header .header-content span[data-v-5eaf0cb2] {
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: 600;
    color: var(--actRechargeMul-c1);
    line-height: 1.5
}

.reward-table .table-sub-header[data-v-5eaf0cb2] {
    display: flex;
    background: var(--actRechargeMul-bg2)
}

.reward-table .table-sub-header .col[data-v-5eaf0cb2] {
    padding: .5625rem 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.reward-table .table-sub-header .col span[data-v-5eaf0cb2] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    font-weight: 400;
    color: var(--actRechargeMul-c2);
    line-height: 1.5;
    text-align: center
}

.reward-table .table-row[data-v-5eaf0cb2] {
    display: flex;
    height: 2.625rem
}

.reward-table .table-row[data-v-5eaf0cb2]:nth-child(odd) {
    background: var(--actRechargeMul-bg3)
}

.reward-table .table-row[data-v-5eaf0cb2]:nth-child(2n) {
    background: var(--actRechargeMul-bg4)
}

.reward-table .table-row .col[data-v-5eaf0cb2] {
    display: flex;
    align-items: center;
    justify-content: center
}

.reward-table .table-row .col span[data-v-5eaf0cb2] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5
}

.reward-table .table-row .col-deposits span[data-v-5eaf0cb2] {
    white-space: nowrap;
    text-align: center;
    background: var(--actRechargeMul-c3);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.reward-table .table-row .col-deposits.wrap span[data-v-5eaf0cb2] {
    white-space: wrap
}

.reward-table .table-row .col-rate span[data-v-5eaf0cb2],
.reward-table .table-row .col-limit span[data-v-5eaf0cb2] {
    max-width: 100%;
    white-space: wrap;
    text-align: center;
    background: var(--actRechargeMul-c4);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.reward-table .col-deposits[data-v-5eaf0cb2] {
    width: 5.75rem;
    padding: 0 1.375rem
}

.reward-table .col-rate[data-v-5eaf0cb2] {
    width: 5.625rem
}

.reward-table .col-limit[data-v-5eaf0cb2] {
    width: 5.125rem
}

.reward-table .col-status[data-v-5eaf0cb2] {
    flex: 1
}

.reward-table .status-btn[data-v-5eaf0cb2] {
    width: 5rem;
    padding: .125rem 0;
    border-radius: var(--ep-border-radius-s, 4px);
    border: none;
    font-size: var(--ep-font-size-s, var(--font-size-12));
    font-weight: 400;
    line-height: 1.5;
    cursor: pointer;
    transition: all .3s ease;
    white-space: nowrap
}

.reward-table .status-btn.btn-active[data-v-5eaf0cb2] {
    background: var(--actRechargeMul-bg5);
    color: var(--actRechargeMul-c5)
}

.reward-table .status-btn.btn-active[data-v-5eaf0cb2]:hover {
    opacity: .9
}

.reward-table .status-btn.btn-disabled[data-v-5eaf0cb2] {
    background: var(--actRechargeMul-bg6);
    color: var(--actRechargeMul-c6);
    cursor: not-allowed
}

.total-unreceived[data-v-5eaf0cb2] {
    margin-top: .625rem;
    background: var(--actRechargeMul-bg7);
    border-radius: var(--ep-border-radius-m, 6px);
    padding: .5625rem 1.375rem
}

.total-unreceived .unreceived-content[data-v-5eaf0cb2] {
    display: flex;
    align-items: center;
    justify-content: center
}

.total-unreceived .unreceived-content .unreceived-text[data-v-5eaf0cb2] {
    font-family: var(--ep-font-family, "Prompt"), sans-serif;
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: 700;
    color: var(--actRechargeMul-c7);
    text-align: center;
    line-height: 1.5
}

.total-unreceived .unreceived-content .unreceived-amount[data-v-5eaf0cb2] {
    font-family: var(--ep-font-family, "Prompt"), sans-serif;
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: 700;
    background: var(--actRechargeMul-c4);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1.5;
    margin-left: .25rem
}

.total-unreceived .unreceived-content .span-cls[data-v-5eaf0cb2] {
    margin-right: .25rem
}

.color-primary-600[data-v-55ec9d36] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-55ec9d36] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-55ec9d36] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-55ec9d36] {
    color: var(--color-primary-900)
}

.bg-100[data-v-55ec9d36] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-55ec9d36] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-55ec9d36] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-55ec9d36] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-55ec9d36] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-55ec9d36] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-55ec9d36] {
    background-color: var(--color-warning)
}

.bg-link[data-v-55ec9d36] {
    background-color: var(--color-link)
}

.bg-danger[data-v-55ec9d36] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-55ec9d36] {
    color: var(--color-text-100)
}

.color-text-80[data-v-55ec9d36] {
    color: var(--color-text-80)
}

.color-text-50[data-v-55ec9d36] {
    color: var(--color-text-50)
}

.color-text-40[data-v-55ec9d36] {
    color: var(--color-text-40)
}

.color-text-20[data-v-55ec9d36] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-55ec9d36] {
    color: var(--color-currency)
}

.color-warning[data-v-55ec9d36] {
    color: var(--color-warning)
}

.color-danger[data-v-55ec9d36] {
    color: var(--color-danger)
}

.color-link[data-v-55ec9d36] {
    color: var(--color-link)
}

.color-line[data-v-55ec9d36] {
    color: var(--color-line)
}

.color-border[data-v-55ec9d36] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-55ec9d36] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-55ec9d36] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-55ec9d36] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-55ec9d36] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-55ec9d36] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-55ec9d36] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-55ec9d36] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-55ec9d36] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-55ec9d36] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-55ec9d36] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-55ec9d36] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-55ec9d36] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-55ec9d36] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-55ec9d36] {
    display: flex;
    align-items: center
}

.flex-start[data-v-55ec9d36] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-55ec9d36] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-55ec9d36] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-55ec9d36] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-55ec9d36] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-55ec9d36] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-55ec9d36] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-55ec9d36] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-55ec9d36] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-55ec9d36] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-55ec9d36] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-55ec9d36] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-55ec9d36] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-55ec9d36] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-55ec9d36] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-55ec9d36] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-55ec9d36] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-55ec9d36] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-55ec9d36] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-55ec9d36] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-55ec9d36] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-55ec9d36] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-55ec9d36] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-55ec9d36] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-55ec9d36],
.mlm-selected-item[data-v-55ec9d36] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-55ec9d36] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-55ec9d36]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-55ec9d36] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-55ec9d36] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-55ec9d36] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.recharge-activity-title[data-v-55ec9d36] {
    text-align: center;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 700;
    color: var(--color-text-basic);
    margin-bottom: 1.25rem
}

.recharge-activity-table-box[data-v-55ec9d36] {
    overflow: hidden;
    border-radius: .375rem;
    border: 1px solid var(--color-border-input-basic)
}

.recharge-available-tips[data-v-55ec9d36] {
    text-align: center;
    font-size: .875rem;
    line-height: 1.25rem;
    color: var(--color-text-second);
    margin-top: 1.25rem;
    margin-bottom: 1.875rem
}

.recharge-available-tips .span[data-v-55ec9d36] {
    color: var(--color-text-emphasis)
}

.div-cls[data-v-55ec9d36] {
    margin-bottom: .75rem
}

.illustrate[data-v-55ec9d36] {
    width: 22.5rem;
    margin: .875rem auto 7rem !important;
    border-radius: .9375rem;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .05);
    padding: .625rem;
    line-height: 1.25rem;
    box-sizing: border-box;
    font-size: .75rem
}

ion-button.shiny[data-v-55ec9d36] {
    position: relative;
    overflow: hidden
}

.turntable-shiny[data-v-55ec9d36] {
    position: relative;
    overflow: hidden
}

ion-button.shiny[data-v-55ec9d36]:before {
    content: "";
    animation: shiny-55ec9d36 7s ease-in-out infinite;
    background: #fff;
    display: inline-block;
    height: 100%;
    left: 0;
    position: absolute;
    top: -180px;
    width: 20px;
    z-index: 100
}

ion-toolbar[data-v-55ec9d36] {
    --min-height: 3.125rem
}

ion-title[data-v-55ec9d36] {
    font-size: 1.25rem
}

.claim ion-button[data-v-55ec9d36]::part(native) {
    width: 17.5rem;
    height: 2.5rem;
    border-radius: .625rem
}

.claim ion-button[data-v-55ec9d36] {
    min-height: 2.1875rem;
    --color: #FFF
}

table[data-v-55ec9d36] {
    border-collapse: collapse;
    background-color: transparent
}

.table-cls[data-v-55ec9d36] {
    display: table;
    width: 100%;
    font-size: .75rem;
    line-height: 1rem;
    background-color: var(--color-bg-second)
}

table.table-cls th[data-v-55ec9d36] {
    line-height: 2.25rem;
    width: 12.5%
}

table.table-cls td[data-v-55ec9d36] {
    line-height: 1.875rem;
    width: 12.5%
}

table th[data-v-55ec9d36]:first-child,
table td[data-v-55ec9d36]:first-child {
    border-left: none
}

table th[data-v-55ec9d36]:last-child,
table td[data-v-55ec9d36]:last-child {
    border-right: none
}

table thead tr:first-child th[data-v-55ec9d36],
table thead tr:first-child td[data-v-55ec9d36] {
    border-top: none
}

table tt:last-child th[data-v-55ec9d36],
table tr:last-child td[data-v-55ec9d36] {
    border-bottom: none
}

@keyframes shiny-55ec9d36 {
    0% {
        opacity: 0;
        transform: scale(0) rotate(45deg)
    }

    80% {
        opacity: .5;
        transform: scale(1) rotate(45deg)
    }

    81% {
        opacity: 1;
        transform: scale(3) rotate(45deg)
    }

    to {
        opacity: 0;
        transform: scale(50) rotate(45deg)
    }
}

.illustrate[data-v-55ec9d36] .item-wrap {
    background: var(--color-bg-200)
}

.illustrate[data-v-55ec9d36] .item-wrap .rule-item {
    color: var(--color-text-gray-200)
}

.claim ion-button[data-v-55ec9d36] {
    --background: var(--theme-color-gradient-100);
    --background-activated: var(--theme-color-gradient-100)
}

table th[data-v-55ec9d36],
table td[data-v-55ec9d36] {
    border: 1px solid var(--color-border-600);
    font-weight: 400
}

table thead th[data-v-55ec9d36] {
    color: var(--color-text-gray-200);
    background-color: var(--color-bg-100)
}

table tbody td[data-v-55ec9d36] {
    background-color: var(--color-bg-200);
    text-align: center
}

table tbody td[data-v-55ec9d36]:first-child {
    font-weight: 700;
    color: var(---color-text-white-100)
}

table tbody td[data-v-55ec9d36]:last-child {
    font-weight: 700;
    color: var(--accent-color-yellow)
}

.recharge-recharge1[data-v-55ec9d36] {
    color: var(---color-text-white-100)
}

.recharge-table[data-v-55ec9d36] {
    border: 1px solid var(--color-border-600)
}

.recharge-table .table-bg[data-v-55ec9d36] {
    background: var(--color-bg-200)
}

.recharge-common002[data-v-55ec9d36] {
    color: var(--color-text-gray-200)
}

.recharge-text-emphasis[data-v-55ec9d36] {
    color: var(--color-text-emphasis)
}

.mul-cls[data-v-55ec9d36] {
    margin: 0
}

.illustrate[data-v-55ec9d36] {
    width: 22.5rem;
    padding: 0
}

.illustrate[data-v-55ec9d36] .ruleHeader {
    justify-content: start;
    margin-bottom: .75rem
}

.illustrate[data-v-55ec9d36] .ruleHeader .span-cls {
    font-size: 1rem
}

.illustrate[data-v-55ec9d36] .item-wrap {
    border-radius: .9375rem;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .05);
    padding: .625rem;
    line-height: 1.25rem;
    box-sizing: border-box;
    font-size: .75rem;
    background: inherit
}

.illustrate[data-v-55ec9d36] .item-wrap .rule-item {
    color: inherit
}

.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)
}

.green-default .illustrate[data-v-55ec9d36] .item-wrap {
    background: var(--color-bg-200)
}

.green-default .illustrate[data-v-55ec9d36] .item-wrap .rule-item {
    color: var(--color-text-gray-200)
}

.green-default .claim ion-button[data-v-55ec9d36] {
    --background: var(--theme-color-gradient-100);
    --background-activated: var(--theme-color-gradient-100)
}

.green-default table th[data-v-55ec9d36],
.green-default table td[data-v-55ec9d36] {
    border: 1px solid var(--color-line);
    font-weight: 400
}

.green-default table thead th[data-v-55ec9d36] {
    color: var(--color-text-gray-200);
    background-color: var(--color-bg-100)
}

.green-default table tbody td[data-v-55ec9d36] {
    background-color: var(--color-bg-200);
    text-align: center
}

.green-default table tbody td[data-v-55ec9d36]:first-child {
    font-weight: 700;
    color: var(--color-text-gray-100)
}

.green-default table tbody td[data-v-55ec9d36]:last-child {
    font-weight: 700;
    color: var(--accent-color-yellow)
}

.green-default .recharge-recharge1[data-v-55ec9d36] {
    color: var(--color-text-gray-100)
}

.green-default .recharge-table[data-v-55ec9d36] {
    border: 1px solid var(--color-line)
}

.green-default .recharge-table .table-bg[data-v-55ec9d36] {
    background: var(--color-bg-200)
}

.green-default .recharge-common002[data-v-55ec9d36] {
    color: var(--color-text-gray-200)
}

.green-default .recharge-text-emphasis[data-v-55ec9d36] {
    color: var(--accent-color-yellow)
}

.amber-purple .illustrate[data-v-55ec9d36] .item-wrap {
    background: var(--color-bg-200)
}

.amber-purple .illustrate[data-v-55ec9d36] .item-wrap .rule-item {
    color: var(--text-color-light-purple-2-100)
}

.amber-purple .claim ion-button[data-v-55ec9d36] {
    --background: var(--segment-gradients-purple);
    --background-activated: var(--segment-gradients-purple)
}

.amber-purple table th[data-v-55ec9d36],
.amber-purple table td[data-v-55ec9d36] {
    border: 1px solid var(--line-color);
    font-weight: 400
}

.amber-purple table thead th[data-v-55ec9d36] {
    color: var(--text-color-light-purple-2-100);
    background-color: var(--color-bg-100)
}

.amber-purple table tbody td[data-v-55ec9d36] {
    background-color: var(--color-bg-200);
    text-align: center
}

.amber-purple table tbody td[data-v-55ec9d36]:first-child {
    font-weight: 700;
    color: var(--text-color-light-purple-1-100)
}

.amber-purple table tbody td[data-v-55ec9d36]:last-child {
    font-weight: 700;
    color: var(--accent-color-yellow)
}

.amber-purple .recharge-recharge1[data-v-55ec9d36] {
    color: var(--text-color-light-purple-1-100)
}

.amber-purple .recharge-table[data-v-55ec9d36] {
    border: 1px solid var(--line-color)
}

.amber-purple .recharge-table .table-bg[data-v-55ec9d36] {
    background: var(--color-bg-200)
}

.amber-purple .recharge-common002[data-v-55ec9d36] {
    color: var(--text-color-light-purple-2-100)
}

.amber-purple .recharge-text-emphasis[data-v-55ec9d36] {
    color: var(--accent-color-yellow)
}

.auroral-yellow .illustrate[data-v-55ec9d36] .item-wrap {
    background: var(--color-bg-200)
}

.auroral-yellow .illustrate[data-v-55ec9d36] .item-wrap .rule-item {
    color: var(--color-text-gray-200)
}

.auroral-yellow .claim ion-button[data-v-55ec9d36] {
    --background: var(--theme-color-gradient-100);
    --background-activated: var(--theme-color-gradient-100)
}

.auroral-yellow table th[data-v-55ec9d36],
.auroral-yellow table td[data-v-55ec9d36] {
    border: 1px solid var(--color-border);
    font-weight: 400
}

.auroral-yellow table thead th[data-v-55ec9d36] {
    color: var(--color-text-gray-200);
    background-color: var(--color-bg-100)
}

.auroral-yellow table tbody td[data-v-55ec9d36] {
    background-color: var(--color-bg-200);
    text-align: center
}

.auroral-yellow table tbody td[data-v-55ec9d36]:first-child {
    font-weight: 700;
    color: var(---color-text-white-100)
}

.auroral-yellow table tbody td[data-v-55ec9d36]:last-child {
    font-weight: 700;
    color: var(--accent-color-yellow)
}

.auroral-yellow .recharge-recharge1[data-v-55ec9d36] {
    color: var(---color-text-white-100)
}

.auroral-yellow .recharge-table[data-v-55ec9d36] {
    border: 1px solid var(--color-border-600)
}

.auroral-yellow .recharge-table .table-bg[data-v-55ec9d36] {
    background: var(--color-bg-200)
}

.auroral-yellow .recharge-common002[data-v-55ec9d36] {
    color: var(--color-text-gray-200)
}

.auroral-yellow .recharge-text-emphasis[data-v-55ec9d36] {
    color: var(--color-text-emphasis)
}

.color-primary-600[data-v-9c8a292b] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-9c8a292b] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-9c8a292b] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-9c8a292b] {
    color: var(--color-primary-900)
}

.bg-100[data-v-9c8a292b] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-9c8a292b] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-9c8a292b] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-9c8a292b] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-9c8a292b] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-9c8a292b] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-9c8a292b] {
    background-color: var(--color-warning)
}

.bg-link[data-v-9c8a292b] {
    background-color: var(--color-link)
}

.bg-danger[data-v-9c8a292b] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-9c8a292b] {
    color: var(--color-text-100)
}

.color-text-80[data-v-9c8a292b] {
    color: var(--color-text-80)
}

.color-text-50[data-v-9c8a292b] {
    color: var(--color-text-50)
}

.color-text-40[data-v-9c8a292b] {
    color: var(--color-text-40)
}

.color-text-20[data-v-9c8a292b] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-9c8a292b] {
    color: var(--color-currency)
}

.color-warning[data-v-9c8a292b] {
    color: var(--color-warning)
}

.color-danger[data-v-9c8a292b] {
    color: var(--color-danger)
}

.color-link[data-v-9c8a292b] {
    color: var(--color-link)
}

.color-line[data-v-9c8a292b] {
    color: var(--color-line)
}

.color-border[data-v-9c8a292b] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-9c8a292b] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-9c8a292b] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-9c8a292b] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-9c8a292b] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-9c8a292b] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-9c8a292b] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-9c8a292b] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-9c8a292b] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-9c8a292b] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-9c8a292b] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-9c8a292b] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-9c8a292b] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-9c8a292b] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-9c8a292b] {
    display: flex;
    align-items: center
}

.flex-start[data-v-9c8a292b] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-9c8a292b] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-9c8a292b] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-9c8a292b] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-9c8a292b] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-9c8a292b] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-9c8a292b] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-9c8a292b] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-9c8a292b] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-9c8a292b] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-9c8a292b] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-9c8a292b] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-9c8a292b] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-9c8a292b] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-9c8a292b] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-9c8a292b] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-9c8a292b] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-9c8a292b] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-9c8a292b] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-9c8a292b] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-9c8a292b] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-9c8a292b] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-9c8a292b] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-9c8a292b] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-9c8a292b],
.mlm-selected-item[data-v-9c8a292b] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-9c8a292b] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-9c8a292b]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-9c8a292b] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-9c8a292b] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-9c8a292b] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.content-wrapper[data-v-9c8a292b] {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem
}

.recharge-activity-title[data-v-9c8a292b] {
    margin-top: 1.25rem;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 700;
    color: var(--color-text-100);
    text-align: center
}

.recharge-activity-table-box[data-v-9c8a292b] {
    border-radius: var(--rounded-middle);
    border: 1px solid var(--color-border);
    overflow: hidden;
    margin: 0 1rem
}

.recharge-available-tips[data-v-9c8a292b] {
    font-size: .875rem;
    line-height: 1.3125rem;
    color: var(--color-text-80);
    text-align: center;
    margin-top: 1.25rem;
    margin-bottom: 1.875rem
}

.recharge-available-tips span[data-v-9c8a292b] {
    color: var(--color-currency)
}

.illustrate[data-v-9c8a292b] {
    width: 22.5rem;
    margin: .875rem auto 7rem;
    color: var(--color-activity-rule);
    line-height: 1.25rem;
    box-sizing: border-box;
    font-size: .75rem
}

.btn-cls[data-v-9c8a292b] {
    margin: 0 auto
}

ion-toolbar[data-v-9c8a292b] {
    --min-height: 3.125rem
}

ion-title[data-v-9c8a292b] {
    font-size: 1.25rem
}

.table-cls[data-v-9c8a292b] {
    display: table !important;
    width: 100% !important
}

table[data-v-9c8a292b] {
    font-size: .75rem;
    line-height: 1.125rem;
    border-collapse: collapse;
    background-color: transparent
}

table th[data-v-9c8a292b],
table td[data-v-9c8a292b] {
    border: 1px solid var(--color-border);
    font-weight: var(--font-weight-bold);
    color: var(--color-currency);
    width: 50%;
    text-align: center;
    border-right: none
}

table thead th[data-v-9c8a292b] {
    color: var(--color-text-40);
    height: 2.5rem;
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-12);
    background-color: var(--color-bg-200)
}

table tbody td[data-v-9c8a292b]:first-child {
    color: var(--color-text-80)
}

table tbody td[data-v-9c8a292b]:last-child {
    color: var(--color-currency)
}

table.table-cls th[data-v-9c8a292b] {
    line-height: 2.25rem;
    width: 12.5%
}

table.table-cls td[data-v-9c8a292b] {
    line-height: 1.875rem;
    width: 12.5%
}

table th[data-v-9c8a292b]:first-child,
table td[data-v-9c8a292b]:first-child {
    border-left: none
}

table th[data-v-9c8a292b]:last-child,
table td[data-v-9c8a292b]:last-child {
    border-right: none
}

table thead tr:first-child th[data-v-9c8a292b],
table thead tr:first-child td[data-v-9c8a292b] {
    border-top: none
}

table tt:last-child th[data-v-9c8a292b],
table tr:last-child td[data-v-9c8a292b] {
    border-bottom: none
}

.mul-cls[data-v-9c8a292b] {
    margin-top: 0
}

.illustrate[data-v-9c8a292b] .ruleHeader {
    justify-content: start;
    margin-bottom: 1rem
}

.illustrate[data-v-9c8a292b] .ruleHeader .span-cls {
    font-size: 1rem;
    margin: 0
}

.illustrate[data-v-9c8a292b] .item-wrap {
    border-radius: var(--ep-border-radius-m, var(--rounded-middle));
    background: var(--ep-color-background-fill-surface-raised-L1, var(--color-bg-200));
    padding: .625rem;
    box-sizing: border-box
}

.illustrate[data-v-9c8a292b] .item-wrap .rule-item {
    color: var(--ep-color-text-weaker, var(--color-activity-rule));
    font-size: var(--ep-font-size-s, .75rem);
    line-height: 1.25rem
}

.new-skin-symbol .recharge-activity-title[data-v-9c8a292b] {
    font-size: var(--ep-font-size-l);
    line-height: 1.5rem;
    font-weight: var(--ep-font-weight-bold);
    color: var(--ep-color-text-default)
}

.new-skin-symbol .recharge-activity-table-box[data-v-9c8a292b] {
    border-radius: var(--ep-border-radius-m);
    border: 1px solid var(--ep-color-border-default)
}

.new-skin-symbol .recharge-available-tips[data-v-9c8a292b] {
    font-size: var(--ep-font-size-m);
    line-height: 1.3125rem;
    color: var(--ep-color-text-default)
}

.new-skin-symbol .recharge-available-tips span[data-v-9c8a292b] {
    color: var(--ep-color-text-warning)
}

.new-skin-symbol .illustrate[data-v-9c8a292b] {
    width: 22.5rem;
    margin: .875rem auto 7rem;
    border-radius: var(--ep-border-radius-m);
    background: var(--ep-color-background-fill-surface-raised-L1);
    color: var(--ep-color-text-weaker);
    padding: .625rem;
    line-height: 1.25rem;
    box-sizing: border-box;
    font-size: var(--ep-font-size-s)
}

.new-skin-symbol ion-toolbar[data-v-9c8a292b] {
    --min-height: 3.125rem
}

.new-skin-symbol ion-title[data-v-9c8a292b] {
    font-size: var(--ep-values-20)
}

.new-skin-symbol table[data-v-9c8a292b] {
    font-size: var(--ep-font-size-s);
    line-height: 1.125rem;
    border-collapse: collapse;
    background-color: transparent
}

.new-skin-symbol table th[data-v-9c8a292b],
.new-skin-symbol table td[data-v-9c8a292b] {
    border: 1px solid var(--ep-color-border-default);
    font-weight: var(--ep-font-weight-bold);
    color: var(--ep-color-text-warning);
    width: 50%;
    text-align: center;
    border-right: none
}

.new-skin-symbol table thead th[data-v-9c8a292b] {
    color: var(--ep-color-text-weaker);
    height: 2.5rem;
    font-weight: var(--ep-font-weight-bold);
    font-size: var(--ep-font-size-s);
    background-color: var(--ep-color-background-fill-surface-raised-L2)
}

.new-skin-symbol table tbody td[data-v-9c8a292b]:first-child {
    color: var(--ep-color-text-default)
}

.new-skin-symbol table tbody td[data-v-9c8a292b]:last-child {
    color: var(--ep-color-text-warning)
}

.new-skin-symbol table.table th[data-v-9c8a292b] {
    line-height: 2.25rem;
    width: 12.5%
}

.new-skin-symbol table.table td[data-v-9c8a292b] {
    line-height: 1.875rem;
    width: 12.5%
}

.new-skin-symbol table th[data-v-9c8a292b]:first-child,
.new-skin-symbol table td[data-v-9c8a292b]:first-child {
    border-left: none
}

.new-skin-symbol table th[data-v-9c8a292b]:last-child,
.new-skin-symbol table td[data-v-9c8a292b]:last-child {
    border-right: none
}

.new-skin-symbol table thead tr:first-child th[data-v-9c8a292b],
.new-skin-symbol table thead tr:first-child td[data-v-9c8a292b] {
    border-top: none
}

.new-skin-symbol table tt:last-child th[data-v-9c8a292b],
.new-skin-symbol table tr:last-child td[data-v-9c8a292b] {
    border-bottom: none
}

.color-primary-600[data-v-1ac19b2b] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-1ac19b2b] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-1ac19b2b] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-1ac19b2b] {
    color: var(--color-primary-900)
}

.bg-100[data-v-1ac19b2b] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-1ac19b2b] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-1ac19b2b] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-1ac19b2b] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-1ac19b2b] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-1ac19b2b] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-1ac19b2b] {
    background-color: var(--color-warning)
}

.bg-link[data-v-1ac19b2b] {
    background-color: var(--color-link)
}

.bg-danger[data-v-1ac19b2b] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-1ac19b2b] {
    color: var(--color-text-100)
}

.color-text-80[data-v-1ac19b2b] {
    color: var(--color-text-80)
}

.color-text-50[data-v-1ac19b2b] {
    color: var(--color-text-50)
}

.color-text-40[data-v-1ac19b2b] {
    color: var(--color-text-40)
}

.color-text-20[data-v-1ac19b2b] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-1ac19b2b] {
    color: var(--color-currency)
}

.color-warning[data-v-1ac19b2b] {
    color: var(--color-warning)
}

.color-danger[data-v-1ac19b2b] {
    color: var(--color-danger)
}

.color-link[data-v-1ac19b2b] {
    color: var(--color-link)
}

.color-line[data-v-1ac19b2b] {
    color: var(--color-line)
}

.color-border[data-v-1ac19b2b] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-1ac19b2b] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-1ac19b2b] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-1ac19b2b] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-1ac19b2b] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-1ac19b2b] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-1ac19b2b] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-1ac19b2b] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-1ac19b2b] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-1ac19b2b] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-1ac19b2b] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-1ac19b2b] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-1ac19b2b] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-1ac19b2b] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-1ac19b2b] {
    display: flex;
    align-items: center
}

.flex-start[data-v-1ac19b2b] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-1ac19b2b] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-1ac19b2b] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-1ac19b2b] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-1ac19b2b] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-1ac19b2b] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-1ac19b2b] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-1ac19b2b] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-1ac19b2b] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-1ac19b2b] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-1ac19b2b] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-1ac19b2b] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-1ac19b2b] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-1ac19b2b] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-1ac19b2b] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-1ac19b2b] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-1ac19b2b] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-1ac19b2b] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-1ac19b2b] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-1ac19b2b] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-1ac19b2b] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-1ac19b2b] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-1ac19b2b] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-1ac19b2b] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-1ac19b2b],
.mlm-selected-item[data-v-1ac19b2b] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-1ac19b2b] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-1ac19b2b]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-1ac19b2b] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-1ac19b2b] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-1ac19b2b] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.mul-cls[data-v-1ac19b2b] {
    margin: 0
}

.recharge-activity-title[data-v-1ac19b2b] {
    text-align: center;
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: 1.25rem
}

.recharge-activity-table-box[data-v-1ac19b2b] {
    overflow: hidden
}

.table-cls[data-v-1ac19b2b] {
    display: table;
    width: 100%;
    font-size: .75rem;
    line-height: 1rem
}

.illustrate[data-v-1ac19b2b] {
    width: 22.5rem;
    margin: .875rem auto 7rem !important;
    border-radius: var(--rounded-middle);
    background: var(--color-bg-200);
    color: var(--color-activity-rule);
    padding: .625rem;
    line-height: 1.25rem;
    box-sizing: border-box;
    font-size: .75rem
}

.illustrate[data-v-1ac19b2b] .ruleHeader {
    justify-content: start;
    margin-bottom: 1rem
}

.illustrate[data-v-1ac19b2b] .ruleHeader .span-cls {
    font-size: 1rem;
    margin: 0
}

.illustrate[data-v-1ac19b2b] .item-wrap {
    padding: 0 0 0 .375rem;
    background: transparent
}

.illustrate[data-v-1ac19b2b] .item-wrap .rule-item {
    color: inherit
}

.recharge-available-tips[data-v-1ac19b2b] {
    text-align: center;
    font-size: .875rem;
    line-height: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.875rem
}

.btn-cls[data-v-1ac19b2b] {
    margin: 0 auto
}

ion-toolbar[data-v-1ac19b2b] {
    --min-height: 3.125rem
}

ion-title[data-v-1ac19b2b] {
    font-size: 1.25rem
}

table[data-v-1ac19b2b] {
    border-collapse: collapse;
    background-color: transparent
}

table th[data-v-1ac19b2b],
table td[data-v-1ac19b2b] {
    border: 1px solid var(--color-border);
    font-weight: var(--font-weight-bold);
    color: var(--color-currency);
    width: 50%;
    text-align: center;
    border-right: none
}

table thead th[data-v-1ac19b2b] {
    color: var(--color-text-40);
    height: 2.5rem;
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-12);
    background-color: var(--color-bg-200)
}

table tbody td[data-v-1ac19b2b]:first-child {
    color: var(--color-text-80)
}

table tbody td[data-v-1ac19b2b]:last-child {
    color: var(--color-currency)
}

table.table-cls th[data-v-1ac19b2b] {
    line-height: 2.25rem;
    width: 12.5%
}

table.table-cls td[data-v-1ac19b2b] {
    line-height: 1.875rem;
    width: 12.5%
}

table th[data-v-1ac19b2b]:first-child,
table td[data-v-1ac19b2b]:first-child {
    border-left: none
}

table th[data-v-1ac19b2b]:last-child,
table td[data-v-1ac19b2b]:last-child {
    border-right: none
}

table thead tr:first-child th[data-v-1ac19b2b],
table thead tr:first-child td[data-v-1ac19b2b] {
    border-top: none
}

table tt:last-child th[data-v-1ac19b2b],
table tr:last-child td[data-v-1ac19b2b] {
    border-bottom: none
}

.color-primary-600[data-v-2cd6b4c2] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-2cd6b4c2] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-2cd6b4c2] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-2cd6b4c2] {
    color: var(--color-primary-900)
}

.bg-100[data-v-2cd6b4c2] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-2cd6b4c2] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-2cd6b4c2] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-2cd6b4c2] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-2cd6b4c2] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-2cd6b4c2] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-2cd6b4c2] {
    background-color: var(--color-warning)
}

.bg-link[data-v-2cd6b4c2] {
    background-color: var(--color-link)
}

.bg-danger[data-v-2cd6b4c2] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-2cd6b4c2] {
    color: var(--color-text-100)
}

.color-text-80[data-v-2cd6b4c2] {
    color: var(--color-text-80)
}

.color-text-50[data-v-2cd6b4c2] {
    color: var(--color-text-50)
}

.color-text-40[data-v-2cd6b4c2] {
    color: var(--color-text-40)
}

.color-text-20[data-v-2cd6b4c2] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-2cd6b4c2] {
    color: var(--color-currency)
}

.color-warning[data-v-2cd6b4c2] {
    color: var(--color-warning)
}

.color-danger[data-v-2cd6b4c2] {
    color: var(--color-danger)
}

.color-link[data-v-2cd6b4c2] {
    color: var(--color-link)
}

.color-line[data-v-2cd6b4c2] {
    color: var(--color-line)
}

.color-border[data-v-2cd6b4c2] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-2cd6b4c2] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-2cd6b4c2] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-2cd6b4c2] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-2cd6b4c2] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-2cd6b4c2] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-2cd6b4c2] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-2cd6b4c2] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-2cd6b4c2] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-2cd6b4c2] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-2cd6b4c2] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-2cd6b4c2] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-2cd6b4c2] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-2cd6b4c2] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-2cd6b4c2] {
    display: flex;
    align-items: center
}

.flex-start[data-v-2cd6b4c2] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-2cd6b4c2] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-2cd6b4c2] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-2cd6b4c2] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-2cd6b4c2] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-2cd6b4c2] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-2cd6b4c2] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-2cd6b4c2] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-2cd6b4c2] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-2cd6b4c2] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-2cd6b4c2] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-2cd6b4c2] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-2cd6b4c2] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-2cd6b4c2] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-2cd6b4c2] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-2cd6b4c2] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-2cd6b4c2] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-2cd6b4c2] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-2cd6b4c2] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-2cd6b4c2] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-2cd6b4c2] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-2cd6b4c2] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-2cd6b4c2] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-2cd6b4c2] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-2cd6b4c2],
.mlm-selected-item[data-v-2cd6b4c2] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-2cd6b4c2] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-2cd6b4c2]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-2cd6b4c2] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-2cd6b4c2] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-2cd6b4c2] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.svg-wall[data-v-2cd6b4c2] {
    width: 0;
    height: 0
}

.color-primary-600[data-v-de8d5ba2] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-de8d5ba2] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-de8d5ba2] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-de8d5ba2] {
    color: var(--color-primary-900)
}

.bg-100[data-v-de8d5ba2] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-de8d5ba2] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-de8d5ba2] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-de8d5ba2] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-de8d5ba2] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-de8d5ba2] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-de8d5ba2] {
    background-color: var(--color-warning)
}

.bg-link[data-v-de8d5ba2] {
    background-color: var(--color-link)
}

.bg-danger[data-v-de8d5ba2] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-de8d5ba2] {
    color: var(--color-text-100)
}

.color-text-80[data-v-de8d5ba2] {
    color: var(--color-text-80)
}

.color-text-50[data-v-de8d5ba2] {
    color: var(--color-text-50)
}

.color-text-40[data-v-de8d5ba2] {
    color: var(--color-text-40)
}

.color-text-20[data-v-de8d5ba2] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-de8d5ba2] {
    color: var(--color-currency)
}

.color-warning[data-v-de8d5ba2] {
    color: var(--color-warning)
}

.color-danger[data-v-de8d5ba2] {
    color: var(--color-danger)
}

.color-link[data-v-de8d5ba2] {
    color: var(--color-link)
}

.color-line[data-v-de8d5ba2] {
    color: var(--color-line)
}

.color-border[data-v-de8d5ba2] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-de8d5ba2] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-de8d5ba2] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-de8d5ba2] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-de8d5ba2] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-de8d5ba2] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-de8d5ba2] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-de8d5ba2] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-de8d5ba2] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-de8d5ba2] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-de8d5ba2] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-de8d5ba2] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-de8d5ba2] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-de8d5ba2] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-de8d5ba2] {
    display: flex;
    align-items: center
}

.flex-start[data-v-de8d5ba2] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-de8d5ba2] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-de8d5ba2] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-de8d5ba2] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-de8d5ba2] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-de8d5ba2] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-de8d5ba2] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-de8d5ba2] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-de8d5ba2] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-de8d5ba2] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-de8d5ba2] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-de8d5ba2] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-de8d5ba2] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-de8d5ba2] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-de8d5ba2] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-de8d5ba2] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-de8d5ba2] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-de8d5ba2] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-de8d5ba2] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-de8d5ba2] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-de8d5ba2] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-de8d5ba2] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-de8d5ba2] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-de8d5ba2] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-de8d5ba2],
.mlm-selected-item[data-v-de8d5ba2] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-de8d5ba2] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-de8d5ba2]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-de8d5ba2] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-de8d5ba2] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-de8d5ba2] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.wall[data-v-de8d5ba2] {
    width: 100%;
    overflow: hidden;
    font-size: inherit
}

.wall .img-box[data-v-de8d5ba2] {
    width: 0;
    height: 0
}

.wall .img-box.good-img[data-v-de8d5ba2] {
    width: 100%;
    height: 100%
}

.wall .symbol-main[data-v-de8d5ba2] {
    width: 100%;
    height: 100%;
    font-size: inherit;
    display: block
}

.wall .symbol-container[data-v-de8d5ba2] {
    display: none
}

.wall .svg-container[data-v-de8d5ba2] {
    width: 100%;
    height: 100%;
    font-size: inherit
}

.wall .svg-container[data-v-de8d5ba2] svg {
    width: 100%;
    height: 100%
}

.color-primary-600[data-v-d0097fe4] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-d0097fe4] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-d0097fe4] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-d0097fe4] {
    color: var(--color-primary-900)
}

.bg-100[data-v-d0097fe4] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-d0097fe4] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-d0097fe4] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-d0097fe4] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-d0097fe4] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-d0097fe4] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-d0097fe4] {
    background-color: var(--color-warning)
}

.bg-link[data-v-d0097fe4] {
    background-color: var(--color-link)
}

.bg-danger[data-v-d0097fe4] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-d0097fe4] {
    color: var(--color-text-100)
}

.color-text-80[data-v-d0097fe4] {
    color: var(--color-text-80)
}

.color-text-50[data-v-d0097fe4] {
    color: var(--color-text-50)
}

.color-text-40[data-v-d0097fe4] {
    color: var(--color-text-40)
}

.color-text-20[data-v-d0097fe4] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-d0097fe4] {
    color: var(--color-currency)
}

.color-warning[data-v-d0097fe4] {
    color: var(--color-warning)
}

.color-danger[data-v-d0097fe4] {
    color: var(--color-danger)
}

.color-link[data-v-d0097fe4] {
    color: var(--color-link)
}

.color-line[data-v-d0097fe4] {
    color: var(--color-line)
}

.color-border[data-v-d0097fe4] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-d0097fe4] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-d0097fe4] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-d0097fe4] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-d0097fe4] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-d0097fe4] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-d0097fe4] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-d0097fe4] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-d0097fe4] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-d0097fe4] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-d0097fe4] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-d0097fe4] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-d0097fe4] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-d0097fe4] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-d0097fe4] {
    display: flex;
    align-items: center
}

.flex-start[data-v-d0097fe4] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-d0097fe4] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-d0097fe4] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-d0097fe4] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-d0097fe4] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-d0097fe4] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-d0097fe4] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-d0097fe4] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-d0097fe4] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-d0097fe4] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-d0097fe4] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-d0097fe4] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-d0097fe4] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-d0097fe4] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-d0097fe4] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-d0097fe4] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-d0097fe4] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-d0097fe4] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-d0097fe4] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-d0097fe4] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-d0097fe4] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-d0097fe4] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-d0097fe4] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-d0097fe4] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-d0097fe4],
.mlm-selected-item[data-v-d0097fe4] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-d0097fe4] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-d0097fe4]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-d0097fe4] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-d0097fe4] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-d0097fe4] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.recharge-container[data-v-d0097fe4] {
    --background: #0B152A
}

.recharge-container-header[data-v-d0097fe4] {
    --background: #0E1420;
    --border-color: transparent;
    color: #fff
}

.recharge-container-header-title[data-v-d0097fe4] {
    color: #fff
}

.recharge-container-content[data-v-d0097fe4] {
    --background: #0B152A
}

.recharge-container-content-box[data-v-d0097fe4] {
    margin-block-end: 2rem
}

.recharge-container-content .img-wall[data-v-d0097fe4] {
    position: relative
}

.recharge-container-content .img-wall .float-img[data-v-d0097fe4] {
    position: absolute;
    top: 2.125rem;
    left: 6.3125rem;
    width: 0;
    mix-blend-mode: screen;
    animation: scale-move-d0097fe4 2s infinite
}

.recharge-container-content .img-wall .float-img.good-img[data-v-d0097fe4] {
    width: 9.6875rem;
    height: 9.6875rem
}

.recharge-container-content .img-wall .main-img[data-v-d0097fe4] {
    width: 0;
    object-fit: cover;
    object-position: top
}

.recharge-container-content .img-wall .main-img.good-img[data-v-d0097fe4] {
    width: 100%;
    height: 16.8125rem
}

.recharge-container-content .img-wall .title[data-v-d0097fe4] {
    width: max-content;
    max-width: 22.5rem;
    position: absolute;
    bottom: .625rem;
    left: 50%;
    z-index: -1;
    transform: translate(-50%);
    text-shadow: 0 0 .5625rem rgba(159, 88, 252, .43);
    font-family: Prompt;
    font-size: 1.5rem;
    font-weight: 700;
    text-transform: capitalize;
    background: linear-gradient(90deg, #5764fc, #26cc95 74.8%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.recharge-container-content .img-wall .title[data-v-d0097fe4]:before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 17.5rem;
    height: 7.1875rem;
    opacity: .37;
    background: linear-gradient(98deg, #a52fff 11.55%, #5cfab8 92.28%);
    filter: blur(2.8844rem);
    z-index: -2
}

.recharge-container-content .reward-box[data-v-d0097fe4] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    margin-block-end: 1.625rem
}

.recharge-container-content .reward-box-img-wall[data-v-d0097fe4] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}

.recharge-container-content .reward-box-img-wall-img[data-v-d0097fe4] {
    width: 2.75rem;
    height: 2.75rem;
    filter: drop-shadow(-1px 3px 8px rgba(255, 133, 35, .7))
}

.recharge-container-content .reward-box-img-wall-label[data-v-d0097fe4] {
    position: absolute;
    color: #ffd791;
    font-family: Prompt;
    font-size: 1rem;
    font-weight: 700
}

.recharge-container-content .reward-box-amount[data-v-d0097fe4] {
    display: flex;
    flex-direction: column;
    line-height: 1;
    text-transform: capitalize;
    gap: .3125rem
}

.recharge-container-content .reward-box-amount-label[data-v-d0097fe4] {
    color: #95a9d3;
    font-family: Prompt;
    font-size: .75rem;
    font-weight: 600
}

.recharge-container-content .reward-box-amount-value[data-v-d0097fe4] {
    color: #faac47;
    font-family: Prompt;
    font-size: 1.25rem;
    font-weight: 600
}

.recharge-container-content .content-box[data-v-d0097fe4] {
    margin-inline: .9375rem
}

.recharge-container-content .content-box-title[data-v-d0097fe4] {
    color: #fff;
    display: flex;
    justify-content: space-between;
    color: #95a9d3;
    font-family: Prompt;
    font-size: .75rem;
    font-weight: 400;
    margin-block-end: .75rem
}

.recharge-container-content .content-box-list[data-v-d0097fe4] {
    display: flex;
    flex-direction: column;
    gap: .75rem
}

.recharge-container-content .content-box-list-item[data-v-d0097fe4] {
    display: flex;
    justify-content: space-between;
    text-transform: capitalize;
    line-height: 1;
    padding: .75rem 3rem .75rem 2.9375rem;
    border-radius: .875rem;
    border: .125rem solid #5764FC;
    background: #161c3f;
    box-shadow: 0 0 .3812rem rgba(255, 255, 255, .13), 0 0 4.6875rem rgba(75, 20, 254, .38) inset
}

.recharge-container-content .content-box-list-item .amount[data-v-d0097fe4] {
    display: flex;
    align-items: center;
    gap: .375rem
}

.recharge-container-content .content-box-list-item .amount-icon[data-v-d0097fe4] {
    width: 1.125rem;
    height: 1.125rem
}

.recharge-container-content .content-box-list-item .amount-label[data-v-d0097fe4] {
    color: #fff;
    text-shadow: 0 0 .5625rem rgba(159, 88, 252, .43);
    font-family: Prompt;
    font-size: 1rem;
    font-weight: 500
}

.recharge-container-content .content-box-list-item .reward[data-v-d0097fe4] {
    color: #23db8c;
    text-align: center;
    text-shadow: 0 0 .5625rem rgba(159, 88, 252, .43);
    font-family: Prompt;
    font-size: 1rem;
    font-weight: 700
}

.recharge-container-content .description[data-v-d0097fe4] {
    margin-inline: .9375rem;
    margin-block-end: 2rem;
    padding-bottom: 4.375rem
}

.recharge-container-content .description[data-v-d0097fe4] .ruleHeader {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .375rem;
    margin-block-start: 2.0625rem;
    margin-block-end: 1.375rem
}

.recharge-container-content .description[data-v-d0097fe4] .ruleHeader .span-cls {
    color: #fff;
    text-align: center;
    font-family: Prompt;
    font-size: 1rem;
    font-weight: 500;
    margin: 0
}

.recharge-container-content .description[data-v-d0097fe4] .ruleHeader .before-icon,
.recharge-container-content .description[data-v-d0097fe4] .ruleHeader .after-icon {
    width: 1.5rem;
    height: 1.5rem
}

.recharge-container-content .description[data-v-d0097fe4] .item-wrap {
    padding: 1.25rem .9375rem;
    border-radius: .875rem;
    background: rgba(0, 0, 0, .25)
}

.recharge-container-content .description[data-v-d0097fe4] .item-wrap .rule-item {
    color: #95a9d3;
    font-family: Prompt;
    font-size: .75rem;
    font-weight: 400;
    line-height: 2.25;
    white-space: pre-line
}

.new-skin-symbol .recharge-container[data-v-d0097fe4] {
    --background: var(--ep-neutral-gray-gray-L02)
}

.new-skin-symbol .recharge-container-header[data-v-d0097fe4] {
    --background: var(--ep-neutral-gray-gray-L03);
    --border-color: transparent;
    color: #fff
}

.new-skin-symbol .recharge-container-header-title[data-v-d0097fe4] {
    color: #fff
}

.new-skin-symbol .recharge-container-content[data-v-d0097fe4] {
    --background: var(--ep-neutral-gray-gray-L02)
}

.new-skin-symbol .recharge-container-content-box[data-v-d0097fe4] {
    margin-block-end: 2rem
}

.new-skin-symbol .recharge-container-content .img-wall[data-v-d0097fe4] {
    position: relative
}

.new-skin-symbol .recharge-container-content .img-wall .float-img[data-v-d0097fe4] {
    position: absolute;
    top: 2.125rem;
    left: 6.3125rem;
    width: 0;
    mix-blend-mode: screen;
    animation: scale-move-d0097fe4 2s infinite
}

.new-skin-symbol .recharge-container-content .img-wall .float-img.good-img[data-v-d0097fe4] {
    width: 9.6875rem;
    height: 9.6875rem
}

.new-skin-symbol .recharge-container-content .img-wall .main-img[data-v-d0097fe4] {
    width: 0;
    object-fit: cover;
    object-position: top
}

.new-skin-symbol .recharge-container-content .img-wall .main-img.good-img[data-v-d0097fe4] {
    width: 100%;
    height: 16.8125rem
}

.new-skin-symbol .recharge-container-content .img-wall .title[data-v-d0097fe4] {
    width: max-content;
    max-width: 22.5rem;
    position: absolute;
    bottom: .625rem;
    left: 50%;
    z-index: -1;
    transform: translate(-50%);
    text-shadow: 0 0 .5625rem rgba(159, 88, 252, .43);
    font-family: Prompt;
    font-size: 1.5rem;
    font-weight: 700;
    text-transform: capitalize;
    background: linear-gradient(90deg, #5764fc, #26cc95 74.8%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.new-skin-symbol .recharge-container-content .img-wall .title[data-v-d0097fe4]:before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 17.5rem;
    height: 7.1875rem;
    opacity: .37;
    background: linear-gradient(98deg, #a52fff 11.55%, #5cfab8 92.28%);
    filter: blur(2.8844rem);
    z-index: -2
}

.new-skin-symbol .recharge-container-content .reward-box[data-v-d0097fe4] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    margin-block-end: 1.625rem
}

.new-skin-symbol .recharge-container-content .reward-box-img-wall[data-v-d0097fe4] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}

.new-skin-symbol .recharge-container-content .reward-box-img-wall-img[data-v-d0097fe4] {
    width: 2.75rem;
    height: 2.75rem;
    filter: drop-shadow(-1px 3px 8px rgba(255, 133, 35, .7))
}

.new-skin-symbol .recharge-container-content .reward-box-img-wall-label[data-v-d0097fe4] {
    position: absolute;
    color: #ffd791;
    font-family: Prompt;
    font-size: 1rem;
    font-weight: 700
}

.new-skin-symbol .recharge-container-content .reward-box-amount[data-v-d0097fe4] {
    display: flex;
    flex-direction: column;
    line-height: 1;
    text-transform: capitalize;
    gap: .3125rem
}

.new-skin-symbol .recharge-container-content .reward-box-amount-label[data-v-d0097fe4] {
    color: #95a9d3;
    font-family: Prompt;
    font-size: .75rem;
    font-weight: 600
}

.new-skin-symbol .recharge-container-content .reward-box-amount-value[data-v-d0097fe4] {
    color: #faac47;
    font-family: Prompt;
    font-size: 1.25rem;
    font-weight: 600
}

.new-skin-symbol .recharge-container-content .content-box[data-v-d0097fe4] {
    margin-inline: .9375rem
}

.new-skin-symbol .recharge-container-content .content-box-title[data-v-d0097fe4] {
    color: #fff;
    display: flex;
    justify-content: space-between;
    color: #95a9d3;
    font-family: Prompt;
    font-size: .75rem;
    font-weight: 400;
    margin-block-end: .75rem
}

.new-skin-symbol .recharge-container-content .content-box-list[data-v-d0097fe4] {
    display: flex;
    flex-direction: column;
    gap: .75rem
}

.new-skin-symbol .recharge-container-content .content-box-list-item[data-v-d0097fe4] {
    display: flex;
    justify-content: space-between;
    text-transform: capitalize;
    line-height: 1;
    padding: .75rem 3rem .75rem 2.9375rem;
    border-radius: .875rem;
    border: .125rem solid #5764FC;
    background: #161c3f;
    box-shadow: 0 0 .3812rem rgba(255, 255, 255, .13), 0 0 4.6875rem rgba(75, 20, 254, .38) inset
}

.new-skin-symbol .recharge-container-content .content-box-list-item .amount[data-v-d0097fe4] {
    display: flex;
    align-items: center;
    gap: .375rem
}

.new-skin-symbol .recharge-container-content .content-box-list-item .amount-icon[data-v-d0097fe4] {
    width: 1.125rem;
    height: 1.125rem
}

.new-skin-symbol .recharge-container-content .content-box-list-item .amount-label[data-v-d0097fe4] {
    color: #fff;
    text-shadow: 0 0 .5625rem rgba(159, 88, 252, .43);
    font-family: Prompt;
    font-size: 1rem;
    font-weight: 500
}

.new-skin-symbol .recharge-container-content .content-box-list-item .reward[data-v-d0097fe4] {
    color: #23db8c;
    text-align: center;
    text-shadow: 0 0 .5625rem rgba(159, 88, 252, .43);
    font-family: Prompt;
    font-size: 1rem;
    font-weight: 700
}

.new-skin-symbol .recharge-container-content .description[data-v-d0097fe4] {
    margin-inline: .9375rem;
    margin-block-end: 2rem;
    padding-bottom: 4.375rem
}

.new-skin-symbol .recharge-container-content .description[data-v-d0097fe4] .ruleHeader {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .375rem;
    margin-block-start: 2.0625rem;
    margin-block-end: 1.375rem
}

.new-skin-symbol .recharge-container-content .description[data-v-d0097fe4] .ruleHeader .span-cls {
    color: #fff;
    text-align: center;
    font-family: Prompt;
    font-size: 1rem;
    font-weight: 500;
    margin: 0
}

.new-skin-symbol .recharge-container-content .description[data-v-d0097fe4] .ruleHeader .before-icon,
.new-skin-symbol .recharge-container-content .description[data-v-d0097fe4] .ruleHeader .after-icon {
    width: 1.5rem;
    height: 1.5rem
}

.new-skin-symbol .recharge-container-content .description[data-v-d0097fe4] .item-wrap {
    padding: 1.25rem .9375rem;
    border-radius: .875rem;
    background: rgba(0, 0, 0, .25)
}

.new-skin-symbol .recharge-container-content .description[data-v-d0097fe4] .item-wrap .rule-item {
    color: #95a9d3;
    font-family: Prompt;
    font-size: .75rem;
    font-weight: 400;
    line-height: 2.25;
    white-space: pre-line
}

@keyframes scale-move-d0097fe4 {
    0% {
        transform: scale(1)
    }

    35% {
        transform: scale(2)
    }

    65% {
        transform: scale(2)
    }

    to {
        transform: scale(1)
    }
}

.new-skin-symbol .recharge-container-header-title[data-v-d0097fe4] {
    color: var(--ep-color-text-default);
    font-size: var(--ep-font-size-xl);
    font-weight: var(--ep-font-weight-medium)
}

.new-skin-symbol .recharge-container-content .reward-box-amount[data-v-d0097fe4] {
    color: var(--ep-color-text-warning)
}

.new-skin-symbol .recharge-container-content .content-box-list-item[data-v-d0097fe4] {
    background: linear-gradient(90deg, var(--ep-color-background-fill-gradients-secondary-a) 0%, var(--ep-color-background-fill-gradients-secondary-b) 100%);
    border-color: var(--ep-color-border-brand);
    box-shadow: 0 0 .3812rem 0 var(--ep-neutral-white-white-10) inset;
    border-radius: var(--ep-border-radius-surface-small)
}

.new-skin-symbol .recharge-container-content .content-box-list-item .reward[data-v-d0097fe4] {
    color: var(--ep-color-text-success)
}

.new-skin-symbol .recharge-container-content .description[data-v-d0097fe4] .ruleHeader .span-cls {
    color: var(--ep-color-text-default)
}

.new-skin-symbol .recharge-container-content .description[data-v-d0097fe4] .item-wrap {
    background: var(--ep-color-background-fill-surface-raised-L2);
    border-radius: var(--ep-border-radius-surface-small)
}

.new-skin-symbol .recharge-container-content .description[data-v-d0097fe4] .item-wrap .rule-item {
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol .recharge-container-content .footer-box[data-v-d0097fe4] {
    border-radius: 0;
    background: transparent;
    box-shadow: none
}

.new-skin-symbol .recharge-container-content .footer-box[data-v-d0097fe4]:before {
    border: 0
}

.new-skin-symbol .recharge-container-content .footer-box ion-button.submit-btn[data-v-d0097fe4] {
    --background: var(--ep-dynamic-primary);
    opacity: 1;
    color: var(--ep-color-text-inverse)
}

.new-skin-symbol .recharge-container-content .footer-box ion-button.submit-btn.button-disabled[data-v-d0097fe4] {
    box-shadow: none;
    color: var(--ep-color-text-inverse-disabled)
}

.new-skin-symbol .recharge-container-content .footer-box ion-button.submit-btn.button-disabled[data-v-d0097fe4]::part(native) {
    background: var(--ep-color-background-fill-active-disabled)
}

.color-primary-600[data-v-46b0a7de] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-46b0a7de] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-46b0a7de] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-46b0a7de] {
    color: var(--color-primary-900)
}

.bg-100[data-v-46b0a7de] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-46b0a7de] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-46b0a7de] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-46b0a7de] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-46b0a7de] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-46b0a7de] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-46b0a7de] {
    background-color: var(--color-warning)
}

.bg-link[data-v-46b0a7de] {
    background-color: var(--color-link)
}

.bg-danger[data-v-46b0a7de] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-46b0a7de] {
    color: var(--color-text-100)
}

.color-text-80[data-v-46b0a7de] {
    color: var(--color-text-80)
}

.color-text-50[data-v-46b0a7de] {
    color: var(--color-text-50)
}

.color-text-40[data-v-46b0a7de] {
    color: var(--color-text-40)
}

.color-text-20[data-v-46b0a7de] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-46b0a7de] {
    color: var(--color-currency)
}

.color-warning[data-v-46b0a7de] {
    color: var(--color-warning)
}

.color-danger[data-v-46b0a7de] {
    color: var(--color-danger)
}

.color-link[data-v-46b0a7de] {
    color: var(--color-link)
}

.color-line[data-v-46b0a7de] {
    color: var(--color-line)
}

.color-border[data-v-46b0a7de] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-46b0a7de] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-46b0a7de] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-46b0a7de] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-46b0a7de] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-46b0a7de] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-46b0a7de] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-46b0a7de] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-46b0a7de] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-46b0a7de] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-46b0a7de] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-46b0a7de] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-46b0a7de] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-46b0a7de] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-46b0a7de] {
    display: flex;
    align-items: center
}

.flex-start[data-v-46b0a7de] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-46b0a7de] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-46b0a7de] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-46b0a7de] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-46b0a7de] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-46b0a7de] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-46b0a7de] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-46b0a7de] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-46b0a7de] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-46b0a7de] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-46b0a7de] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-46b0a7de] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-46b0a7de] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-46b0a7de] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-46b0a7de] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-46b0a7de] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-46b0a7de] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-46b0a7de] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-46b0a7de] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-46b0a7de] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-46b0a7de] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-46b0a7de] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-46b0a7de] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-46b0a7de] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-46b0a7de],
.mlm-selected-item[data-v-46b0a7de] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-46b0a7de] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-46b0a7de]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-46b0a7de] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-46b0a7de] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-46b0a7de] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.recharge-content .recharge-top[data-v-46b0a7de] {
    position: relative
}

.recharge-content .recharge-top .share-wrapper[data-v-46b0a7de] {
    width: 100%;
    padding: .75rem .75rem 0
}

.recharge-content .recharge-top .prize-list[data-v-46b0a7de] {
    width: 22.875rem;
    margin: .625rem auto 1.25rem;
    padding: .75rem 1.25rem;
    font-size: .75rem;
    border-radius: .375rem;
    background-color: var(--ep-color-background-fill-surface-raised-L1)
}

.recharge-content .recharge-top .prize-list .prize-top[data-v-46b0a7de] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.0625rem
}

.recharge-content .recharge-top .prize-list .prize-content[data-v-46b0a7de] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 20.5rem;
    height: 2.5rem;
    background: var(--ep-dynamic-primary);
    border-radius: .375rem;
    padding: .125rem;
    margin-bottom: .75rem
}

.recharge-content .recharge-top .prize-list .prize-content .left[data-v-46b0a7de],
.recharge-content .recharge-top .prize-list .prize-content .right[data-v-46b0a7de] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    flex: 1;
    border-radius: .375rem 0 0 .375rem;
    color: var(--ep-color-text-inverse);
    font-size: 1rem;
    font-weight: var(--ep-font-weight-medium)
}

.recharge-content .recharge-top .prize-list .prize-content .left[data-v-46b0a7de] {
    background: var(--ep-color-background-fill-body-default);
    position: relative;
    color: var(--ep-color-text-highlight-white)
}

.recharge-content .recharge-top .prize-list .prize-content .left .img[data-v-46b0a7de] {
    width: 1.125rem;
    height: 1.125rem;
    margin-right: .375rem
}

.recharge-content .recharge-top .prize-list .prize-content .left .img.ab-render-img[data-v-46b0a7de] {
    background-size: 100%
}

.recharge-content .recharge-top .prize-list .prize-content .left[data-v-46b0a7de]:before {
    position: absolute;
    content: "";
    right: -.0625rem;
    top: .875rem;
    width: .375rem;
    height: .625rem;
    background: var(--ep-dynamic-primary);
    clip-path: polygon(100% 0, 100% 100%, 0 50%)
}

.recharge-content .recharge-top[data-v-46b0a7de] .desc {
    padding-bottom: 1.25rem
}

.recharge-content .recharge-top[data-v-46b0a7de] .desc.has-rec {
    padding-bottom: calc(5.625rem + env(safe-area-inset-bottom))
}

.recharge-content .recharge-top[data-v-46b0a7de] .desc .ruleHeader {
    width: 100%;
    margin-bottom: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.recharge-content .recharge-top[data-v-46b0a7de] .desc .ruleHeader .img {
    width: 1.9125rem;
    height: .625rem
}

.recharge-content .recharge-top[data-v-46b0a7de] .desc .ruleHeader .img.ab-render-img {
    background-size: 100%
}

.recharge-content .recharge-top[data-v-46b0a7de] .desc .ruleHeader .img.right {
    transform: scaleX(-1)
}

.recharge-content .recharge-top[data-v-46b0a7de] .desc .ruleHeader .span-cls {
    margin: 0 .375rem;
    color: var(--ep-color-text-default, #FFF);
    text-align: center;
    font-size: 1rem;
    font-weight: var(--ep-font-weight-medium)
}

.recharge-content .recharge-top[data-v-46b0a7de] .desc .item-wrap {
    padding: 1.125rem .375rem 1.125rem .9375rem;
    margin: 0 .9375rem;
    border-radius: .375rem;
    background: var(--ep-color-background-fill-surface-lowered, #101B3C)
}

.recharge-content .recharge-top[data-v-46b0a7de] .desc .item-wrap .rule-item {
    color: var(--ep-color-text-weak);
    font-size: var(--ep-font-size-s, 12px)
}

.recharge-content .top-bg[data-v-46b0a7de] {
    position: relative;
    width: 24.375rem;
    height: 20.625rem
}

.recharge-content .top-bg.ab-render-img[data-v-46b0a7de] {
    background-size: 100%
}

.recharge-content .top-bg .title[data-v-46b0a7de] {
    position: absolute;
    font-weight: var(--ep-font-weight-medium);
    font-size: .875rem;
    color: var(--ep-color-text-highlight-white);
    text-align: center;
    bottom: 3.4375rem;
    width: 7.5rem;
    left: 10rem
}

.recharge-content .top-bg .myn[data-v-46b0a7de] {
    position: absolute;
    color: var(--ep-color-text-highlight);
    text-align: center;
    font-weight: 700;
    font-size: .875rem;
    bottom: 1.75rem;
    width: 7.5rem;
    left: 10rem
}

.recharge-content .btn-wrapper[data-v-46b0a7de] {
    position: fixed;
    bottom: env(safe-area-inset-bottom);
    padding: 1rem;
    width: 100%;
    background: var(--ep-color-background-fill-surface-raised-L1)
}

.color-primary-600[data-v-7cd6f780] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-7cd6f780] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-7cd6f780] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-7cd6f780] {
    color: var(--color-primary-900)
}

.bg-100[data-v-7cd6f780] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-7cd6f780] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-7cd6f780] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-7cd6f780] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-7cd6f780] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-7cd6f780] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-7cd6f780] {
    background-color: var(--color-warning)
}

.bg-link[data-v-7cd6f780] {
    background-color: var(--color-link)
}

.bg-danger[data-v-7cd6f780] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-7cd6f780] {
    color: var(--color-text-100)
}

.color-text-80[data-v-7cd6f780] {
    color: var(--color-text-80)
}

.color-text-50[data-v-7cd6f780] {
    color: var(--color-text-50)
}

.color-text-40[data-v-7cd6f780] {
    color: var(--color-text-40)
}

.color-text-20[data-v-7cd6f780] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-7cd6f780] {
    color: var(--color-currency)
}

.color-warning[data-v-7cd6f780] {
    color: var(--color-warning)
}

.color-danger[data-v-7cd6f780] {
    color: var(--color-danger)
}

.color-link[data-v-7cd6f780] {
    color: var(--color-link)
}

.color-line[data-v-7cd6f780] {
    color: var(--color-line)
}

.color-border[data-v-7cd6f780] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-7cd6f780] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-7cd6f780] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-7cd6f780] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-7cd6f780] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-7cd6f780] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-7cd6f780] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-7cd6f780] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-7cd6f780] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-7cd6f780] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-7cd6f780] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-7cd6f780] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-7cd6f780] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-7cd6f780] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-7cd6f780] {
    display: flex;
    align-items: center
}

.flex-start[data-v-7cd6f780] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-7cd6f780] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-7cd6f780] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-7cd6f780] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-7cd6f780] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-7cd6f780] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-7cd6f780] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-7cd6f780] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-7cd6f780] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-7cd6f780] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-7cd6f780] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-7cd6f780] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-7cd6f780] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-7cd6f780] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-7cd6f780] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-7cd6f780] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-7cd6f780] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-7cd6f780] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-7cd6f780] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-7cd6f780] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-7cd6f780] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-7cd6f780] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-7cd6f780] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-7cd6f780] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-7cd6f780],
.mlm-selected-item[data-v-7cd6f780] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-7cd6f780] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-7cd6f780]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-7cd6f780] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-7cd6f780] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-7cd6f780] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.new-skin-symbol .recharge-item-container[data-v-7cd6f780] {
    width: 21rem;
    height: 6.25rem;
    border-radius: var(--ep-border-radius-m, .375rem);
    overflow: hidden;
    margin-bottom: .9375rem
}

.new-skin-symbol .recharge-item-container .main-content[data-v-7cd6f780] {
    width: 100%;
    height: 3.8125rem;
    background: var(--ep-color-background-fill-surface-lowered);
    padding: .625rem
}

.new-skin-symbol .recharge-item-container .main-content .recharge-item-content-left[data-v-7cd6f780] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--ep-color-background-fill-surface-lowered)
}

.new-skin-symbol .recharge-item-container .main-content .recharge-item-content-left .left .row-text[data-v-7cd6f780] {
    font-size: var(--ep-font-size-s, .75rem);
    color: var(--ep-color-text-weak)
}

.new-skin-symbol .recharge-item-container .main-content .recharge-item-content-left .left .row-text[data-v-7cd6f780]:first-child {
    margin-bottom: .3125rem
}

.new-skin-symbol .recharge-item-container .main-content .recharge-item-content-left .left .row-text .reward-text[data-v-7cd6f780] {
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--ep-color-text-warning)
}

.new-skin-symbol .recharge-item-container .main-content .recharge-item-content-left .left .row-text .amount-text[data-v-7cd6f780] {
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--ep-color-text-default)
}

.new-skin-symbol .recharge-item-container .main-content .btn-base[data-v-7cd6f780] {
    width: 5.625rem;
    height: 1.875rem;
    line-height: 1.875rem;
    text-align: center;
    border-radius: var(--ep-border-radius-m, .375rem);
    font-size: var(--ep-font-size-s, .75rem);
    color: var(--ep-color-icon-inverse);
    cursor: pointer
}

.new-skin-symbol .recharge-item-container .main-content .recharge-btn[data-v-7cd6f780] {
    width: 5.625rem;
    height: 1.875rem;
    line-height: 1.875rem;
    text-align: center;
    border-radius: var(--ep-border-radius-m, .375rem);
    font-size: var(--ep-font-size-s, .75rem);
    color: var(--ep-color-icon-inverse);
    cursor: pointer;
    background: var(--ep-dynamic-tertiary)
}

.new-skin-symbol .recharge-item-container .main-content .receive-btn[data-v-7cd6f780] {
    width: 5.625rem;
    height: 1.875rem;
    line-height: 1.875rem;
    text-align: center;
    border-radius: var(--ep-border-radius-m, .375rem);
    font-size: var(--ep-font-size-s, .75rem);
    color: var(--ep-color-icon-inverse);
    cursor: pointer;
    background: var(--ep-color-background-fill-active-primary)
}

.new-skin-symbol .recharge-item-container .main-content .disabled-btn[data-v-7cd6f780] {
    background: var(--ep-color-background-fill-active-disabled);
    color: var(--ep-color-text-inverse-disabled)
}

.new-skin-symbol .recharge-item-container .desc[data-v-7cd6f780] {
    background: var(--ep-color-background-fill-surface-raised-L2);
    padding: .25rem .5rem;
    height: 2.375rem;
    color: var(--ep-color-text-weaker);
    line-height: .875rem;
    font-size: var(--ep-font-size-s, .75rem)
}

.new-skin-symbol .recharge-item-container .desc .desc-text2[data-v-7cd6f780] {
    color: var(--ep-color-text-weakest)
}

.purple-light .recharge-item-container[data-v-7cd6f780],
.green-dark .recharge-item-container[data-v-7cd6f780],
.amber-purple .recharge-item-container[data-v-7cd6f780],
.green-default .recharge-item-container[data-v-7cd6f780],
.blue-default .recharge-item-container[data-v-7cd6f780] {
    width: 21rem;
    height: 6.25rem;
    border-radius: var(--ep-border-radius-m, .375rem);
    overflow: hidden;
    margin-bottom: .9375rem
}

.purple-light .recharge-item-container .main-content[data-v-7cd6f780],
.green-dark .recharge-item-container .main-content[data-v-7cd6f780],
.amber-purple .recharge-item-container .main-content[data-v-7cd6f780],
.green-default .recharge-item-container .main-content[data-v-7cd6f780],
.blue-default .recharge-item-container .main-content[data-v-7cd6f780] {
    width: 100%;
    height: 3.8125rem;
    background: var(--color-bg-300);
    padding: .625rem
}

.purple-light .recharge-item-container .main-content .recharge-item-content-left[data-v-7cd6f780],
.green-dark .recharge-item-container .main-content .recharge-item-content-left[data-v-7cd6f780],
.amber-purple .recharge-item-container .main-content .recharge-item-content-left[data-v-7cd6f780],
.green-default .recharge-item-container .main-content .recharge-item-content-left[data-v-7cd6f780],
.blue-default .recharge-item-container .main-content .recharge-item-content-left[data-v-7cd6f780] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--color-bg-300)
}

.purple-light .recharge-item-container .main-content .recharge-item-content-left .left .row-text[data-v-7cd6f780],
.green-dark .recharge-item-container .main-content .recharge-item-content-left .left .row-text[data-v-7cd6f780],
.amber-purple .recharge-item-container .main-content .recharge-item-content-left .left .row-text[data-v-7cd6f780],
.green-default .recharge-item-container .main-content .recharge-item-content-left .left .row-text[data-v-7cd6f780],
.blue-default .recharge-item-container .main-content .recharge-item-content-left .left .row-text[data-v-7cd6f780] {
    font-size: var(--ep-font-size-s, .75rem);
    color: var(--color-text-80)
}

.purple-light .recharge-item-container .main-content .recharge-item-content-left .left .row-text[data-v-7cd6f780]:first-child,
.green-dark .recharge-item-container .main-content .recharge-item-content-left .left .row-text[data-v-7cd6f780]:first-child,
.amber-purple .recharge-item-container .main-content .recharge-item-content-left .left .row-text[data-v-7cd6f780]:first-child,
.green-default .recharge-item-container .main-content .recharge-item-content-left .left .row-text[data-v-7cd6f780]:first-child,
.blue-default .recharge-item-container .main-content .recharge-item-content-left .left .row-text[data-v-7cd6f780]:first-child {
    margin-bottom: .3125rem
}

.purple-light .recharge-item-container .main-content .recharge-item-content-left .left .row-text .reward-text[data-v-7cd6f780],
.green-dark .recharge-item-container .main-content .recharge-item-content-left .left .row-text .reward-text[data-v-7cd6f780],
.amber-purple .recharge-item-container .main-content .recharge-item-content-left .left .row-text .reward-text[data-v-7cd6f780],
.green-default .recharge-item-container .main-content .recharge-item-content-left .left .row-text .reward-text[data-v-7cd6f780],
.blue-default .recharge-item-container .main-content .recharge-item-content-left .left .row-text .reward-text[data-v-7cd6f780] {
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--color-warning)
}

.purple-light .recharge-item-container .main-content .recharge-item-content-left .left .row-text .amount-text[data-v-7cd6f780],
.green-dark .recharge-item-container .main-content .recharge-item-content-left .left .row-text .amount-text[data-v-7cd6f780],
.amber-purple .recharge-item-container .main-content .recharge-item-content-left .left .row-text .amount-text[data-v-7cd6f780],
.green-default .recharge-item-container .main-content .recharge-item-content-left .left .row-text .amount-text[data-v-7cd6f780],
.blue-default .recharge-item-container .main-content .recharge-item-content-left .left .row-text .amount-text[data-v-7cd6f780] {
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--color-text-100)
}

.purple-light .recharge-item-container .main-content .btn-base[data-v-7cd6f780],
.green-dark .recharge-item-container .main-content .btn-base[data-v-7cd6f780],
.amber-purple .recharge-item-container .main-content .btn-base[data-v-7cd6f780],
.green-default .recharge-item-container .main-content .btn-base[data-v-7cd6f780],
.blue-default .recharge-item-container .main-content .btn-base[data-v-7cd6f780] {
    width: 5.625rem;
    height: 1.875rem;
    line-height: 1.875rem;
    text-align: center;
    border-radius: var(--ep-border-radius-m, .375rem);
    font-size: var(--ep-font-size-s, .75rem);
    color: var(--text-color-white-100);
    cursor: pointer
}

.purple-light .recharge-item-container .main-content .recharge-btn[data-v-7cd6f780],
.green-dark .recharge-item-container .main-content .recharge-btn[data-v-7cd6f780],
.amber-purple .recharge-item-container .main-content .recharge-btn[data-v-7cd6f780],
.green-default .recharge-item-container .main-content .recharge-btn[data-v-7cd6f780],
.blue-default .recharge-item-container .main-content .recharge-btn[data-v-7cd6f780],
.purple-light .recharge-item-container .main-content .receive-btn[data-v-7cd6f780],
.green-dark .recharge-item-container .main-content .receive-btn[data-v-7cd6f780],
.amber-purple .recharge-item-container .main-content .receive-btn[data-v-7cd6f780],
.green-default .recharge-item-container .main-content .receive-btn[data-v-7cd6f780],
.blue-default .recharge-item-container .main-content .receive-btn[data-v-7cd6f780] {
    width: 5.625rem;
    height: 1.875rem;
    line-height: 1.875rem;
    text-align: center;
    border-radius: var(--ep-border-radius-m, .375rem);
    font-size: var(--ep-font-size-s, .75rem);
    color: var(--text-color-white-100);
    cursor: pointer;
    background: var(--theme-color-800)
}

.purple-light .recharge-item-container .main-content .disabled-btn[data-v-7cd6f780],
.green-dark .recharge-item-container .main-content .disabled-btn[data-v-7cd6f780],
.amber-purple .recharge-item-container .main-content .disabled-btn[data-v-7cd6f780],
.green-default .recharge-item-container .main-content .disabled-btn[data-v-7cd6f780],
.blue-default .recharge-item-container .main-content .disabled-btn[data-v-7cd6f780] {
    background: var(--color-primary-btn-disable);
    color: var(--color-text-40)
}

.purple-light .recharge-item-container .desc[data-v-7cd6f780],
.green-dark .recharge-item-container .desc[data-v-7cd6f780],
.amber-purple .recharge-item-container .desc[data-v-7cd6f780],
.green-default .recharge-item-container .desc[data-v-7cd6f780],
.blue-default .recharge-item-container .desc[data-v-7cd6f780] {
    background: var(--color-bg-100);
    padding: .25rem .5rem;
    height: 2.375rem;
    color: var(--color-text-80);
    line-height: .875rem;
    font-size: var(--ep-font-size-s, .75rem)
}

.purple-light .recharge-item-container .desc .desc-text2[data-v-7cd6f780],
.green-dark .recharge-item-container .desc .desc-text2[data-v-7cd6f780],
.amber-purple .recharge-item-container .desc .desc-text2[data-v-7cd6f780],
.green-default .recharge-item-container .desc .desc-text2[data-v-7cd6f780],
.blue-default .recharge-item-container .desc .desc-text2[data-v-7cd6f780] {
    color: var(--color-text-40)
}

.auroral-yellow .recharge-item-container[data-v-7cd6f780] {
    width: 21rem;
    height: 6.25rem;
    border-radius: var(--ep-border-radius-m, .375rem);
    overflow: hidden;
    margin-bottom: .9375rem
}

.auroral-yellow .recharge-item-container .main-content[data-v-7cd6f780] {
    width: 100%;
    height: 3.8125rem;
    background: var(--color-bg-300);
    padding: .625rem
}

.auroral-yellow .recharge-item-container .main-content .recharge-item-content-left[data-v-7cd6f780] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--color-bg-300)
}

.auroral-yellow .recharge-item-container .main-content .recharge-item-content-left .left .row-text[data-v-7cd6f780] {
    font-size: var(--ep-font-size-s, .75rem);
    color: var(--color-text-gray-200)
}

.auroral-yellow .recharge-item-container .main-content .recharge-item-content-left .left .row-text[data-v-7cd6f780]:first-child {
    margin-bottom: .3125rem
}

.auroral-yellow .recharge-item-container .main-content .recharge-item-content-left .left .row-text .reward-text[data-v-7cd6f780] {
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--color-warning)
}

.auroral-yellow .recharge-item-container .main-content .recharge-item-content-left .left .row-text .amount-text[data-v-7cd6f780] {
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--color-text-100)
}

.auroral-yellow .recharge-item-container .main-content .btn-base[data-v-7cd6f780] {
    width: 5.625rem;
    height: 1.875rem;
    line-height: 1.875rem;
    text-align: center;
    border-radius: var(--ep-border-radius-m, .375rem);
    font-size: var(--ep-font-size-s, .75rem);
    color: var(--color-text-black-100);
    cursor: pointer
}

.auroral-yellow .recharge-item-container .main-content .recharge-btn[data-v-7cd6f780],
.auroral-yellow .recharge-item-container .main-content .receive-btn[data-v-7cd6f780] {
    width: 5.625rem;
    height: 1.875rem;
    line-height: 1.875rem;
    text-align: center;
    border-radius: var(--ep-border-radius-m, .375rem);
    font-size: var(--ep-font-size-s, .75rem);
    color: var(--color-text-black-100);
    cursor: pointer;
    background: var(--theme-color-800)
}

.auroral-yellow .recharge-item-container .main-content .disabled-btn[data-v-7cd6f780] {
    background: var(--color-primary-btn-disable);
    color: var(--color-text-40)
}

.auroral-yellow .recharge-item-container .desc[data-v-7cd6f780] {
    background: var(--color-bg-100);
    padding: .25rem .5rem;
    height: 2.375rem;
    color: var(--color-text-gray-200);
    line-height: .875rem;
    font-size: var(--ep-font-size-s, .75rem)
}

.auroral-yellow .recharge-item-container .desc .desc-text2[data-v-7cd6f780] {
    color: var(--color-text-40)
}

.yellow-dark .recharge-item-container[data-v-7cd6f780] {
    width: 21rem;
    height: 6.25rem;
    border-radius: var(--ep-border-radius-m, .375rem);
    overflow: hidden;
    margin-bottom: .9375rem
}

.yellow-dark .recharge-item-container .main-content[data-v-7cd6f780] {
    width: 100%;
    height: 3.8125rem;
    background: var(--color-bg-300);
    padding: .625rem
}

.yellow-dark .recharge-item-container .main-content .recharge-item-content-left[data-v-7cd6f780] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--color-bg-300)
}

.yellow-dark .recharge-item-container .main-content .recharge-item-content-left .left .row-text[data-v-7cd6f780] {
    font-size: var(--ep-font-size-s, .75rem);
    color: var(--color-text-gray-200)
}

.yellow-dark .recharge-item-container .main-content .recharge-item-content-left .left .row-text[data-v-7cd6f780]:first-child {
    margin-bottom: .3125rem
}

.yellow-dark .recharge-item-container .main-content .recharge-item-content-left .left .row-text .reward-text[data-v-7cd6f780] {
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--color-warning)
}

.yellow-dark .recharge-item-container .main-content .recharge-item-content-left .left .row-text .amount-text[data-v-7cd6f780] {
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--color-text-100)
}

.yellow-dark .recharge-item-container .main-content .btn-base[data-v-7cd6f780] {
    width: 5.625rem;
    height: 1.875rem;
    line-height: 1.875rem;
    text-align: center;
    border-radius: var(--ep-border-radius-m, .375rem);
    font-size: var(--ep-font-size-s, .75rem);
    color: var(--text-color-black-100);
    cursor: pointer
}

.yellow-dark .recharge-item-container .main-content .recharge-btn[data-v-7cd6f780],
.yellow-dark .recharge-item-container .main-content .receive-btn[data-v-7cd6f780] {
    width: 5.625rem;
    height: 1.875rem;
    line-height: 1.875rem;
    text-align: center;
    border-radius: var(--ep-border-radius-m, .375rem);
    font-size: var(--ep-font-size-s, .75rem);
    color: var(--text-color-black-100);
    cursor: pointer;
    background: var(--theme-color-800)
}

.yellow-dark .recharge-item-container .main-content .disabled-btn[data-v-7cd6f780] {
    background: var(--color-primary-btn-disable);
    color: var(--color-text-40)
}

.yellow-dark .recharge-item-container .desc[data-v-7cd6f780] {
    background: var(--color-bg-100);
    padding: .25rem .5rem;
    height: 2.375rem;
    color: var(--color-text-gray-200);
    line-height: .875rem;
    font-size: var(--ep-font-size-s, .75rem)
}

.yellow-dark .recharge-item-container .desc .desc-text2[data-v-7cd6f780] {
    color: var(--color-text-white-40)
}

.forest-green .recharge-item-container[data-v-7cd6f780] {
    width: 21rem;
    height: 6.25rem;
    border-radius: var(--ep-border-radius-m, .375rem);
    overflow: hidden;
    margin-bottom: .9375rem
}

.forest-green .recharge-item-container .main-content[data-v-7cd6f780] {
    width: 100%;
    height: 3.8125rem;
    background: var(--color-bg-300);
    padding: .625rem
}

.forest-green .recharge-item-container .main-content .recharge-item-content-left[data-v-7cd6f780] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--color-bg-300)
}

.forest-green .recharge-item-container .main-content .recharge-item-content-left .left .row-text[data-v-7cd6f780] {
    font-size: var(--ep-font-size-s, .75rem);
    color: var(--color-text-gray-200)
}

.forest-green .recharge-item-container .main-content .recharge-item-content-left .left .row-text[data-v-7cd6f780]:first-child {
    margin-bottom: .3125rem
}

.forest-green .recharge-item-container .main-content .recharge-item-content-left .left .row-text .reward-text[data-v-7cd6f780] {
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--color-warning)
}

.forest-green .recharge-item-container .main-content .recharge-item-content-left .left .row-text .amount-text[data-v-7cd6f780] {
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--color-text-100)
}

.forest-green .recharge-item-container .main-content .btn-base[data-v-7cd6f780] {
    width: 5.625rem;
    height: 1.875rem;
    line-height: 1.875rem;
    text-align: center;
    border-radius: var(--ep-border-radius-m, .375rem);
    font-size: var(--ep-font-size-s, .75rem);
    color: var(--text-color-white-100);
    cursor: pointer
}

.forest-green .recharge-item-container .main-content .recharge-btn[data-v-7cd6f780],
.forest-green .recharge-item-container .main-content .receive-btn[data-v-7cd6f780] {
    width: 5.625rem;
    height: 1.875rem;
    line-height: 1.875rem;
    text-align: center;
    border-radius: var(--ep-border-radius-m, .375rem);
    font-size: var(--ep-font-size-s, .75rem);
    color: var(--text-color-white-100);
    cursor: pointer;
    background: var(--theme-color-800)
}

.forest-green .recharge-item-container .main-content .disabled-btn[data-v-7cd6f780] {
    background: var(--color-primary-btn-disable);
    color: var(--color-text-40)
}

.forest-green .recharge-item-container .desc[data-v-7cd6f780] {
    background: var(--color-bg-100);
    padding: .25rem .5rem;
    height: 2.375rem;
    color: var(--color-text-gray-200);
    line-height: .875rem;
    font-size: var(--ep-font-size-s, .75rem)
}

.forest-green .recharge-item-container .desc .desc-text2[data-v-7cd6f780] {
    color: var(--color-text-white-40)
}

.color-primary-600[data-v-6fbcfa1e] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-6fbcfa1e] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-6fbcfa1e] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-6fbcfa1e] {
    color: var(--color-primary-900)
}

.bg-100[data-v-6fbcfa1e] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-6fbcfa1e] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-6fbcfa1e] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-6fbcfa1e] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-6fbcfa1e] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-6fbcfa1e] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-6fbcfa1e] {
    background-color: var(--color-warning)
}

.bg-link[data-v-6fbcfa1e] {
    background-color: var(--color-link)
}

.bg-danger[data-v-6fbcfa1e] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-6fbcfa1e] {
    color: var(--color-text-100)
}

.color-text-80[data-v-6fbcfa1e] {
    color: var(--color-text-80)
}

.color-text-50[data-v-6fbcfa1e] {
    color: var(--color-text-50)
}

.color-text-40[data-v-6fbcfa1e] {
    color: var(--color-text-40)
}

.color-text-20[data-v-6fbcfa1e] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-6fbcfa1e] {
    color: var(--color-currency)
}

.color-warning[data-v-6fbcfa1e] {
    color: var(--color-warning)
}

.color-danger[data-v-6fbcfa1e] {
    color: var(--color-danger)
}

.color-link[data-v-6fbcfa1e] {
    color: var(--color-link)
}

.color-line[data-v-6fbcfa1e] {
    color: var(--color-line)
}

.color-border[data-v-6fbcfa1e] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-6fbcfa1e] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-6fbcfa1e] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-6fbcfa1e] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-6fbcfa1e] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-6fbcfa1e] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-6fbcfa1e] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-6fbcfa1e] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-6fbcfa1e] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-6fbcfa1e] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-6fbcfa1e] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-6fbcfa1e] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-6fbcfa1e] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-6fbcfa1e] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-6fbcfa1e] {
    display: flex;
    align-items: center
}

.flex-start[data-v-6fbcfa1e] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-6fbcfa1e] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-6fbcfa1e] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-6fbcfa1e] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-6fbcfa1e] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-6fbcfa1e] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-6fbcfa1e] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-6fbcfa1e] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-6fbcfa1e] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-6fbcfa1e] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-6fbcfa1e] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-6fbcfa1e] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-6fbcfa1e] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-6fbcfa1e] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-6fbcfa1e] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-6fbcfa1e] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-6fbcfa1e] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-6fbcfa1e] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-6fbcfa1e] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-6fbcfa1e] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-6fbcfa1e] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-6fbcfa1e] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-6fbcfa1e] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-6fbcfa1e] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-6fbcfa1e],
.mlm-selected-item[data-v-6fbcfa1e] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-6fbcfa1e] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-6fbcfa1e]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-6fbcfa1e] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-6fbcfa1e] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-6fbcfa1e] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.new-skin-symbol .reward-info-container[data-v-6fbcfa1e] {
    width: 100%;
    border-radius: var(--ep-border-radius-m, .375rem);
    overflow: hidden;
    margin-bottom: .9375rem;
    background: var(--ep-color-background-fill-surface-lowered);
    font-size: var(--ep-font-size-s, .75rem)
}

.new-skin-symbol .reward-info-container .top[data-v-6fbcfa1e] {
    padding: .625rem;
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol .reward-info-container .top .row[data-v-6fbcfa1e] {
    display: flex;
    justify-content: space-between;
    line-height: 1.125rem
}

.new-skin-symbol .reward-info-container .top .row .row-item[data-v-6fbcfa1e] {
    margin-bottom: .3125rem
}

.new-skin-symbol .reward-info-container .top .row .amount[data-v-6fbcfa1e] {
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--ep-color-text-default)
}

.new-skin-symbol .reward-info-container .top .row .amount-main[data-v-6fbcfa1e] {
    color: var(--ep-color-text-warning)
}

.new-skin-symbol .reward-info-container .line[data-v-6fbcfa1e] {
    width: 19.75rem;
    border-top: 1px solid var(--ep-color-border-default);
    margin: 0 auto
}

.new-skin-symbol .reward-info-container .desc[data-v-6fbcfa1e] {
    padding: .3125rem .625rem;
    color: var(--ep-color-text-weakest);
    line-height: .875rem
}

.new-skin-symbol .reward-info-container .progress-content[data-v-6fbcfa1e] {
    width: 100%;
    height: .9375rem;
    line-height: .9375rem;
    background: var(--ep-color-background-fill-surface-raised-L2);
    position: relative;
    text-align: center;
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol .reward-info-container .progress-content .bar[data-v-6fbcfa1e] {
    height: .9375rem;
    background: var(--ep-color-background-fill-glow-primary-opacity-40);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

.new-skin-symbol .reward-info-container .progress-content .bar-text[data-v-6fbcfa1e] {
    position: relative;
    z-index: 2
}

.new-skin-symbol .reward-info-container .progress-content .current-days[data-v-6fbcfa1e] {
    color: var(--ep-color-text-brand-primary);
    font-weight: var(--ep-font-weight-medium, 600)
}

.new-skin-symbol .reward-info-container .progress-content .distribute-Day[data-v-6fbcfa1e] {
    color: var(--ep-color-text-default)
}

.purple-light .reward-info-container[data-v-6fbcfa1e],
.green-dark .reward-info-container[data-v-6fbcfa1e],
.yellow-dark .reward-info-container[data-v-6fbcfa1e],
.amber-purple .reward-info-container[data-v-6fbcfa1e],
.green-default .reward-info-container[data-v-6fbcfa1e],
.blue-default .reward-info-container[data-v-6fbcfa1e],
.auroral-yellow .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)
}

.purple-light .reward-info-container .top[data-v-6fbcfa1e],
.green-dark .reward-info-container .top[data-v-6fbcfa1e],
.yellow-dark .reward-info-container .top[data-v-6fbcfa1e],
.amber-purple .reward-info-container .top[data-v-6fbcfa1e],
.green-default .reward-info-container .top[data-v-6fbcfa1e],
.blue-default .reward-info-container .top[data-v-6fbcfa1e],
.auroral-yellow .reward-info-container .top[data-v-6fbcfa1e] {
    padding: .625rem;
    color: var(--color-text-80)
}

.purple-light .reward-info-container .top .row[data-v-6fbcfa1e],
.green-dark .reward-info-container .top .row[data-v-6fbcfa1e],
.yellow-dark .reward-info-container .top .row[data-v-6fbcfa1e],
.amber-purple .reward-info-container .top .row[data-v-6fbcfa1e],
.green-default .reward-info-container .top .row[data-v-6fbcfa1e],
.blue-default .reward-info-container .top .row[data-v-6fbcfa1e],
.auroral-yellow .reward-info-container .top .row[data-v-6fbcfa1e] {
    display: flex;
    justify-content: space-between;
    line-height: 1.125rem
}

.purple-light .reward-info-container .top .row .row-item[data-v-6fbcfa1e],
.green-dark .reward-info-container .top .row .row-item[data-v-6fbcfa1e],
.yellow-dark .reward-info-container .top .row .row-item[data-v-6fbcfa1e],
.amber-purple .reward-info-container .top .row .row-item[data-v-6fbcfa1e],
.green-default .reward-info-container .top .row .row-item[data-v-6fbcfa1e],
.blue-default .reward-info-container .top .row .row-item[data-v-6fbcfa1e],
.auroral-yellow .reward-info-container .top .row .row-item[data-v-6fbcfa1e] {
    margin-bottom: .3125rem
}

.purple-light .reward-info-container .top .row .amount[data-v-6fbcfa1e],
.green-dark .reward-info-container .top .row .amount[data-v-6fbcfa1e],
.yellow-dark .reward-info-container .top .row .amount[data-v-6fbcfa1e],
.amber-purple .reward-info-container .top .row .amount[data-v-6fbcfa1e],
.green-default .reward-info-container .top .row .amount[data-v-6fbcfa1e],
.blue-default .reward-info-container .top .row .amount[data-v-6fbcfa1e],
.auroral-yellow .reward-info-container .top .row .amount[data-v-6fbcfa1e] {
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--color-text-100)
}

.purple-light .reward-info-container .top .row .amount-main[data-v-6fbcfa1e],
.green-dark .reward-info-container .top .row .amount-main[data-v-6fbcfa1e],
.yellow-dark .reward-info-container .top .row .amount-main[data-v-6fbcfa1e],
.amber-purple .reward-info-container .top .row .amount-main[data-v-6fbcfa1e],
.green-default .reward-info-container .top .row .amount-main[data-v-6fbcfa1e],
.blue-default .reward-info-container .top .row .amount-main[data-v-6fbcfa1e],
.auroral-yellow .reward-info-container .top .row .amount-main[data-v-6fbcfa1e] {
    color: var(--color-currency)
}

.purple-light .reward-info-container .line[data-v-6fbcfa1e],
.green-dark .reward-info-container .line[data-v-6fbcfa1e],
.yellow-dark .reward-info-container .line[data-v-6fbcfa1e],
.amber-purple .reward-info-container .line[data-v-6fbcfa1e],
.green-default .reward-info-container .line[data-v-6fbcfa1e],
.blue-default .reward-info-container .line[data-v-6fbcfa1e],
.auroral-yellow .reward-info-container .line[data-v-6fbcfa1e] {
    width: 19.75rem;
    border-top: 1px solid var(--color-line);
    margin: 0 auto
}

.purple-light .reward-info-container .desc[data-v-6fbcfa1e],
.green-dark .reward-info-container .desc[data-v-6fbcfa1e],
.yellow-dark .reward-info-container .desc[data-v-6fbcfa1e],
.amber-purple .reward-info-container .desc[data-v-6fbcfa1e],
.green-default .reward-info-container .desc[data-v-6fbcfa1e],
.blue-default .reward-info-container .desc[data-v-6fbcfa1e],
.auroral-yellow .reward-info-container .desc[data-v-6fbcfa1e] {
    padding: .3125rem .625rem;
    color: var(--color-text-40);
    line-height: .875rem
}

.purple-light .reward-info-container .progress-content[data-v-6fbcfa1e],
.green-dark .reward-info-container .progress-content[data-v-6fbcfa1e],
.yellow-dark .reward-info-container .progress-content[data-v-6fbcfa1e],
.amber-purple .reward-info-container .progress-content[data-v-6fbcfa1e],
.green-default .reward-info-container .progress-content[data-v-6fbcfa1e],
.blue-default .reward-info-container .progress-content[data-v-6fbcfa1e],
.auroral-yellow .reward-info-container .progress-content[data-v-6fbcfa1e] {
    width: 100%;
    height: .9375rem;
    line-height: .9375rem;
    background: var(--color-bg-400);
    position: relative;
    text-align: center;
    color: var(--color-text-80)
}

.purple-light .reward-info-container .progress-content .bar[data-v-6fbcfa1e],
.green-dark .reward-info-container .progress-content .bar[data-v-6fbcfa1e],
.yellow-dark .reward-info-container .progress-content .bar[data-v-6fbcfa1e],
.amber-purple .reward-info-container .progress-content .bar[data-v-6fbcfa1e],
.green-default .reward-info-container .progress-content .bar[data-v-6fbcfa1e],
.blue-default .reward-info-container .progress-content .bar[data-v-6fbcfa1e],
.auroral-yellow .reward-info-container .progress-content .bar[data-v-6fbcfa1e] {
    height: .9375rem;
    background: var(--color-bg-100);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

.purple-light .reward-info-container .progress-content .bar-text[data-v-6fbcfa1e],
.green-dark .reward-info-container .progress-content .bar-text[data-v-6fbcfa1e],
.yellow-dark .reward-info-container .progress-content .bar-text[data-v-6fbcfa1e],
.amber-purple .reward-info-container .progress-content .bar-text[data-v-6fbcfa1e],
.green-default .reward-info-container .progress-content .bar-text[data-v-6fbcfa1e],
.blue-default .reward-info-container .progress-content .bar-text[data-v-6fbcfa1e],
.auroral-yellow .reward-info-container .progress-content .bar-text[data-v-6fbcfa1e] {
    position: relative;
    z-index: 2
}

.purple-light .reward-info-container .progress-content .current-days[data-v-6fbcfa1e],
.green-dark .reward-info-container .progress-content .current-days[data-v-6fbcfa1e],
.yellow-dark .reward-info-container .progress-content .current-days[data-v-6fbcfa1e],
.amber-purple .reward-info-container .progress-content .current-days[data-v-6fbcfa1e],
.green-default .reward-info-container .progress-content .current-days[data-v-6fbcfa1e],
.blue-default .reward-info-container .progress-content .current-days[data-v-6fbcfa1e],
.auroral-yellow .reward-info-container .progress-content .current-days[data-v-6fbcfa1e] {
    color: var(--color-primary-800);
    font-weight: var(--ep-font-weight-medium, 600)
}

.purple-light .reward-info-container .progress-content .distribute-Day[data-v-6fbcfa1e],
.green-dark .reward-info-container .progress-content .distribute-Day[data-v-6fbcfa1e],
.yellow-dark .reward-info-container .progress-content .distribute-Day[data-v-6fbcfa1e],
.amber-purple .reward-info-container .progress-content .distribute-Day[data-v-6fbcfa1e],
.green-default .reward-info-container .progress-content .distribute-Day[data-v-6fbcfa1e],
.blue-default .reward-info-container .progress-content .distribute-Day[data-v-6fbcfa1e],
.auroral-yellow .reward-info-container .progress-content .distribute-Day[data-v-6fbcfa1e] {
    color: var(--color-text-100)
}

.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)
}

.forest-green .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)
}

.forest-green .reward-info-container .top[data-v-6fbcfa1e] {
    padding: .625rem;
    color: var(--color-text-gray-200)
}

.forest-green .reward-info-container .top .row[data-v-6fbcfa1e] {
    display: flex;
    justify-content: space-between;
    line-height: 1.125rem
}

.forest-green .reward-info-container .top .row .row-item[data-v-6fbcfa1e] {
    margin-bottom: .3125rem
}

.forest-green .reward-info-container .top .row .amount[data-v-6fbcfa1e] {
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--color-text-100)
}

.forest-green .reward-info-container .top .row .amount-main[data-v-6fbcfa1e] {
    color: var(--color-currency)
}

.forest-green .reward-info-container .line[data-v-6fbcfa1e] {
    width: 19.75rem;
    border-top: 1px solid var(--color-line);
    margin: 0 auto
}

.forest-green .reward-info-container .desc[data-v-6fbcfa1e] {
    padding: .3125rem .625rem;
    color: var(--color-text-40);
    line-height: .875rem
}

.forest-green .reward-info-container .progress-content[data-v-6fbcfa1e] {
    width: 100%;
    height: .9375rem;
    line-height: .9375rem;
    background: var(--color-bg-400);
    position: relative;
    text-align: center;
    color: var(--color-text-gray-200)
}

.forest-green .reward-info-container .progress-content .bar[data-v-6fbcfa1e] {
    height: .9375rem;
    background: var(--color-bg-100);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

.forest-green .reward-info-container .progress-content .bar-text[data-v-6fbcfa1e] {
    position: relative;
    z-index: 2
}

.forest-green .reward-info-container .progress-content .current-days[data-v-6fbcfa1e] {
    color: var(--theme-color-800-2);
    font-weight: var(--ep-font-weight-medium, 600)
}

.forest-green .reward-info-container .progress-content .distribute-Day[data-v-6fbcfa1e] {
    color: var(--color-text-gray-200)
}

.color-primary-600[data-v-177ec7d0] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-177ec7d0] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-177ec7d0] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-177ec7d0] {
    color: var(--color-primary-900)
}

.bg-100[data-v-177ec7d0] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-177ec7d0] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-177ec7d0] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-177ec7d0] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-177ec7d0] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-177ec7d0] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-177ec7d0] {
    background-color: var(--color-warning)
}

.bg-link[data-v-177ec7d0] {
    background-color: var(--color-link)
}

.bg-danger[data-v-177ec7d0] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-177ec7d0] {
    color: var(--color-text-100)
}

.color-text-80[data-v-177ec7d0] {
    color: var(--color-text-80)
}

.color-text-50[data-v-177ec7d0] {
    color: var(--color-text-50)
}

.color-text-40[data-v-177ec7d0] {
    color: var(--color-text-40)
}

.color-text-20[data-v-177ec7d0] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-177ec7d0] {
    color: var(--color-currency)
}

.color-warning[data-v-177ec7d0] {
    color: var(--color-warning)
}

.color-danger[data-v-177ec7d0] {
    color: var(--color-danger)
}

.color-link[data-v-177ec7d0] {
    color: var(--color-link)
}

.color-line[data-v-177ec7d0] {
    color: var(--color-line)
}

.color-border[data-v-177ec7d0] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-177ec7d0] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-177ec7d0] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-177ec7d0] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-177ec7d0] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-177ec7d0] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-177ec7d0] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-177ec7d0] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-177ec7d0] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-177ec7d0] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-177ec7d0] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-177ec7d0] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-177ec7d0] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-177ec7d0] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-177ec7d0] {
    display: flex;
    align-items: center
}

.flex-start[data-v-177ec7d0] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-177ec7d0] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-177ec7d0] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-177ec7d0] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-177ec7d0] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-177ec7d0] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-177ec7d0] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-177ec7d0] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-177ec7d0] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-177ec7d0] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-177ec7d0] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-177ec7d0] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-177ec7d0] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-177ec7d0] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-177ec7d0] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-177ec7d0] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-177ec7d0] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-177ec7d0] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-177ec7d0] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-177ec7d0] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-177ec7d0] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-177ec7d0] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-177ec7d0] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-177ec7d0] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-177ec7d0],
.mlm-selected-item[data-v-177ec7d0] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-177ec7d0] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-177ec7d0]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-177ec7d0] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-177ec7d0] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-177ec7d0] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

[data-v-177ec7d0] .max-reward-amount {
    background: var(--ep-color-text-warning, var(--color-warning));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.new-skin-symbol .p-b[data-v-177ec7d0] {
    padding-bottom: 3.75rem
}

.new-skin-symbol .recharge-bonus-container[data-v-177ec7d0] {
    position: relative
}

.new-skin-symbol .recharge-bonus-container .top-bg[data-v-177ec7d0] {
    width: 100%;
    height: 23.4375rem;
    background: url(/assets/main-Yex5dv9L.png) no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    left: 0
}

.new-skin-symbol .recharge-bonus-container .recharge-bonus-content[data-v-177ec7d0] {
    position: relative;
    z-index: 1;
    overflow: hidden
}

.new-skin-symbol .recharge-bonus-container .recharge-bonus-content .desc2[data-v-177ec7d0] {
    width: 21rem;
    margin: 3.5625rem auto .625rem;
    text-align: center;
    color: var(--ep-color-text-weak);
    line-height: 1.5rem;
    font-size: var(--ep-font-size-l, 1rem)
}

.new-skin-symbol .recharge-bonus-container .recharge-bonus-content .max-reward-amount-text[data-v-177ec7d0] {
    width: 21rem;
    margin: 0 auto;
    text-align: center;
    -webkit-text-stroke-width: 1.6px;
    -webkit-text-stroke-color: var(--ep-color-text-highlight-white, #FFF);
    font-size: var(--ep-font-size-xxl, 1.875rem);
    font-weight: var(--ep-font-weight-bold, 700);
    line-height: 2.25rem;
    background: var(--ep-dynamic-primary);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.new-skin-symbol .recharge-bonus-container .recharge-bonus-content .main-content[data-v-177ec7d0] {
    width: 22.5rem;
    padding: .9375rem .75rem;
    margin: 3.5625rem auto;
    box-sizing: border-box;
    background: var(--ep-color-background-fill-surface-raised-L1);
    border-radius: var(--ep-border-radius-xl, .625rem)
}

.new-skin-symbol .recharge-bonus-container .recharge-bonus-content .main-content .activity-rule-detail[data-v-177ec7d0] .ruleHeader {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem
}

.new-skin-symbol .recharge-bonus-container .recharge-bonus-content .main-content .activity-rule-detail[data-v-177ec7d0] .ruleHeader .span-cls {
    text-shadow: 0px 0px 9px var(--ep-color-background-fill-surface-raised-L2, #DDE8FF);
    font-size: var(--ep-font-size-l, 1rem);
    font-weight: var(--ep-font-weight-bold, 700);
    color: var(--ep-color-text-default);
    text-align: center
}

.new-skin-symbol .recharge-bonus-container .recharge-bonus-content .main-content .activity-rule-detail[data-v-177ec7d0] .item-wrap {
    padding: 0
}

.new-skin-symbol .recharge-bonus-container .recharge-bonus-content .main-content .activity-rule-detail[data-v-177ec7d0] .item-wrap .rule-item {
    color: var(--ep-color-text-weak);
    font-size: var(--ep-font-size-m, .875rem);
    line-height: 18px;
    text-align: left;
    white-space: pre-line
}

.purple-light .p-b[data-v-177ec7d0],
.green-dark .p-b[data-v-177ec7d0],
.yellow-dark .p-b[data-v-177ec7d0],
.amber-purple .p-b[data-v-177ec7d0],
.green-default .p-b[data-v-177ec7d0],
.blue-default .p-b[data-v-177ec7d0],
.auroral-yellow .p-b[data-v-177ec7d0],
.forest-green .p-b[data-v-177ec7d0] {
    padding-bottom: 3.75rem
}

.purple-light .recharge-bonus-container[data-v-177ec7d0],
.green-dark .recharge-bonus-container[data-v-177ec7d0],
.yellow-dark .recharge-bonus-container[data-v-177ec7d0],
.amber-purple .recharge-bonus-container[data-v-177ec7d0],
.green-default .recharge-bonus-container[data-v-177ec7d0],
.blue-default .recharge-bonus-container[data-v-177ec7d0],
.auroral-yellow .recharge-bonus-container[data-v-177ec7d0],
.forest-green .recharge-bonus-container[data-v-177ec7d0] {
    position: relative
}

.purple-light .recharge-bonus-container .top-bg[data-v-177ec7d0],
.green-dark .recharge-bonus-container .top-bg[data-v-177ec7d0],
.yellow-dark .recharge-bonus-container .top-bg[data-v-177ec7d0],
.amber-purple .recharge-bonus-container .top-bg[data-v-177ec7d0],
.green-default .recharge-bonus-container .top-bg[data-v-177ec7d0],
.blue-default .recharge-bonus-container .top-bg[data-v-177ec7d0],
.auroral-yellow .recharge-bonus-container .top-bg[data-v-177ec7d0],
.forest-green .recharge-bonus-container .top-bg[data-v-177ec7d0] {
    width: 100%;
    height: 23.4375rem;
    background: url(/assets/main-Yex5dv9L.png) no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    left: 0
}

.purple-light .recharge-bonus-container .recharge-bonus-content[data-v-177ec7d0],
.green-dark .recharge-bonus-container .recharge-bonus-content[data-v-177ec7d0],
.yellow-dark .recharge-bonus-container .recharge-bonus-content[data-v-177ec7d0],
.amber-purple .recharge-bonus-container .recharge-bonus-content[data-v-177ec7d0],
.green-default .recharge-bonus-container .recharge-bonus-content[data-v-177ec7d0],
.blue-default .recharge-bonus-container .recharge-bonus-content[data-v-177ec7d0],
.auroral-yellow .recharge-bonus-container .recharge-bonus-content[data-v-177ec7d0],
.forest-green .recharge-bonus-container .recharge-bonus-content[data-v-177ec7d0] {
    position: relative;
    z-index: 1;
    overflow: hidden
}

.purple-light .recharge-bonus-container .recharge-bonus-content .desc2[data-v-177ec7d0],
.green-dark .recharge-bonus-container .recharge-bonus-content .desc2[data-v-177ec7d0],
.yellow-dark .recharge-bonus-container .recharge-bonus-content .desc2[data-v-177ec7d0],
.amber-purple .recharge-bonus-container .recharge-bonus-content .desc2[data-v-177ec7d0],
.green-default .recharge-bonus-container .recharge-bonus-content .desc2[data-v-177ec7d0],
.blue-default .recharge-bonus-container .recharge-bonus-content .desc2[data-v-177ec7d0],
.auroral-yellow .recharge-bonus-container .recharge-bonus-content .desc2[data-v-177ec7d0],
.forest-green .recharge-bonus-container .recharge-bonus-content .desc2[data-v-177ec7d0] {
    width: 21rem;
    margin: 3.5625rem auto .625rem;
    text-align: center;
    color: var(--color-text-80);
    line-height: 1.5rem;
    font-size: var(--ep-font-size-l, 1rem)
}

.purple-light .recharge-bonus-container .recharge-bonus-content .max-reward-amount-text[data-v-177ec7d0],
.green-dark .recharge-bonus-container .recharge-bonus-content .max-reward-amount-text[data-v-177ec7d0],
.yellow-dark .recharge-bonus-container .recharge-bonus-content .max-reward-amount-text[data-v-177ec7d0],
.amber-purple .recharge-bonus-container .recharge-bonus-content .max-reward-amount-text[data-v-177ec7d0],
.green-default .recharge-bonus-container .recharge-bonus-content .max-reward-amount-text[data-v-177ec7d0],
.blue-default .recharge-bonus-container .recharge-bonus-content .max-reward-amount-text[data-v-177ec7d0],
.auroral-yellow .recharge-bonus-container .recharge-bonus-content .max-reward-amount-text[data-v-177ec7d0],
.forest-green .recharge-bonus-container .recharge-bonus-content .max-reward-amount-text[data-v-177ec7d0] {
    width: 21rem;
    margin: 0 auto;
    text-align: center;
    -webkit-text-stroke-width: 1.6px;
    -webkit-text-stroke-color: var(--text-color-white-100, #FFF);
    font-size: var(--ep-font-size-xxl, 1.875rem);
    font-weight: var(--ep-font-weight-bold, 700);
    line-height: 2.25rem;
    background: linear-gradient(90deg, var(--theme-color-800) -27.5%, var(--theme-color-800) 127.5%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.purple-light .recharge-bonus-container .recharge-bonus-content .main-content[data-v-177ec7d0],
.green-dark .recharge-bonus-container .recharge-bonus-content .main-content[data-v-177ec7d0],
.yellow-dark .recharge-bonus-container .recharge-bonus-content .main-content[data-v-177ec7d0],
.amber-purple .recharge-bonus-container .recharge-bonus-content .main-content[data-v-177ec7d0],
.green-default .recharge-bonus-container .recharge-bonus-content .main-content[data-v-177ec7d0],
.blue-default .recharge-bonus-container .recharge-bonus-content .main-content[data-v-177ec7d0],
.auroral-yellow .recharge-bonus-container .recharge-bonus-content .main-content[data-v-177ec7d0],
.forest-green .recharge-bonus-container .recharge-bonus-content .main-content[data-v-177ec7d0] {
    width: 22.5rem;
    padding: .9375rem .75rem;
    margin: 3.5625rem auto;
    box-sizing: border-box;
    background: var(--color-bg-200);
    border-radius: var(--ep-border-radius-xl, .625rem)
}

.purple-light .recharge-bonus-container .recharge-bonus-content .main-content .activity-rule-detail[data-v-177ec7d0] .ruleHeader,
.green-dark .recharge-bonus-container .recharge-bonus-content .main-content .activity-rule-detail[data-v-177ec7d0] .ruleHeader,
.yellow-dark .recharge-bonus-container .recharge-bonus-content .main-content .activity-rule-detail[data-v-177ec7d0] .ruleHeader,
.amber-purple .recharge-bonus-container .recharge-bonus-content .main-content .activity-rule-detail[data-v-177ec7d0] .ruleHeader,
.green-default .recharge-bonus-container .recharge-bonus-content .main-content .activity-rule-detail[data-v-177ec7d0] .ruleHeader,
.blue-default .recharge-bonus-container .recharge-bonus-content .main-content .activity-rule-detail[data-v-177ec7d0] .ruleHeader,
.auroral-yellow .recharge-bonus-container .recharge-bonus-content .main-content .activity-rule-detail[data-v-177ec7d0] .ruleHeader,
.forest-green .recharge-bonus-container .recharge-bonus-content .main-content .activity-rule-detail[data-v-177ec7d0] .ruleHeader {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem
}

.purple-light .recharge-bonus-container .recharge-bonus-content .main-content .activity-rule-detail[data-v-177ec7d0] .ruleHeader .span-cls,
.green-dark .recharge-bonus-container .recharge-bonus-content .main-content .activity-rule-detail[data-v-177ec7d0] .ruleHeader .span-cls,
.yellow-dark .recharge-bonus-container .recharge-bonus-content .main-content .activity-rule-detail[data-v-177ec7d0] .ruleHeader .span-cls,
.amber-purple .recharge-bonus-container .recharge-bonus-content .main-content .activity-rule-detail[data-v-177ec7d0] .ruleHeader .span-cls,
.green-default .recharge-bonus-container .recharge-bonus-content .main-content .activity-rule-detail[data-v-177ec7d0] .ruleHeader .span-cls,
.blue-default .recharge-bonus-container .recharge-bonus-content .main-content .activity-rule-detail[data-v-177ec7d0] .ruleHeader .span-cls,
.auroral-yellow .recharge-bonus-container .recharge-bonus-content .main-content .activity-rule-detail[data-v-177ec7d0] .ruleHeader .span-cls,
.forest-green .recharge-bonus-container .recharge-bonus-content .main-content .activity-rule-detail[data-v-177ec7d0] .ruleHeader .span-cls {
    text-shadow: 0px 0px 9px var(--color-bg-200, #DDE8FF);
    font-size: var(--ep-font-size-l, 1rem);
    font-weight: var(--ep-font-weight-bold, 700);
    color: var(--color-text-100);
    text-align: center
}

.purple-light .recharge-bonus-container .recharge-bonus-content .main-content .activity-rule-detail[data-v-177ec7d0] .item-wrap,
.green-dark .recharge-bonus-container .recharge-bonus-content .main-content .activity-rule-detail[data-v-177ec7d0] .item-wrap,
.yellow-dark .recharge-bonus-container .recharge-bonus-content .main-content .activity-rule-detail[data-v-177ec7d0] .item-wrap,
.amber-purple .recharge-bonus-container .recharge-bonus-content .main-content .activity-rule-detail[data-v-177ec7d0] .item-wrap,
.green-default .recharge-bonus-container .recharge-bonus-content .main-content .activity-rule-detail[data-v-177ec7d0] .item-wrap,
.blue-default .recharge-bonus-container .recharge-bonus-content .main-content .activity-rule-detail[data-v-177ec7d0] .item-wrap,
.auroral-yellow .recharge-bonus-container .recharge-bonus-content .main-content .activity-rule-detail[data-v-177ec7d0] .item-wrap,
.forest-green .recharge-bonus-container .recharge-bonus-content .main-content .activity-rule-detail[data-v-177ec7d0] .item-wrap {
    padding: 0
}

.purple-light .recharge-bonus-container .recharge-bonus-content .main-content .activity-rule-detail[data-v-177ec7d0] .item-wrap .rule-item,
.green-dark .recharge-bonus-container .recharge-bonus-content .main-content .activity-rule-detail[data-v-177ec7d0] .item-wrap .rule-item,
.yellow-dark .recharge-bonus-container .recharge-bonus-content .main-content .activity-rule-detail[data-v-177ec7d0] .item-wrap .rule-item,
.amber-purple .recharge-bonus-container .recharge-bonus-content .main-content .activity-rule-detail[data-v-177ec7d0] .item-wrap .rule-item,
.green-default .recharge-bonus-container .recharge-bonus-content .main-content .activity-rule-detail[data-v-177ec7d0] .item-wrap .rule-item,
.blue-default .recharge-bonus-container .recharge-bonus-content .main-content .activity-rule-detail[data-v-177ec7d0] .item-wrap .rule-item,
.auroral-yellow .recharge-bonus-container .recharge-bonus-content .main-content .activity-rule-detail[data-v-177ec7d0] .item-wrap .rule-item,
.forest-green .recharge-bonus-container .recharge-bonus-content .main-content .activity-rule-detail[data-v-177ec7d0] .item-wrap .rule-item {
    color: var(--color-text-80);
    font-size: var(--ep-font-size-m, .875rem);
    line-height: 18px;
    text-align: left;
    white-space: pre-line
}

.forest-green .p-b[data-v-177ec7d0] {
    padding-bottom: 3.75rem
}

.forest-green .recharge-bonus-container[data-v-177ec7d0] {
    position: relative
}

.forest-green .recharge-bonus-container .top-bg[data-v-177ec7d0] {
    width: 100%;
    height: 23.4375rem;
    background: url(/assets/main-Yex5dv9L.png) no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    left: 0
}

.forest-green .recharge-bonus-container .recharge-bonus-content[data-v-177ec7d0] {
    position: relative;
    z-index: 1;
    overflow: hidden
}

.forest-green .recharge-bonus-container .recharge-bonus-content .desc2[data-v-177ec7d0] {
    width: 21rem;
    margin: 3.5625rem auto .625rem;
    text-align: center;
    color: var(--color-text-80);
    line-height: 1.5rem;
    font-size: var(--ep-font-size-l, 1rem)
}

.forest-green .recharge-bonus-container .recharge-bonus-content .max-reward-amount-text[data-v-177ec7d0] {
    width: 21rem;
    margin: 0 auto;
    text-align: center;
    -webkit-text-stroke-width: 1.6px;
    -webkit-text-stroke-color: var(--text-color-white-100, #FFF);
    font-size: var(--ep-font-size-xxl, 1.875rem);
    font-weight: var(--ep-font-weight-bold, 700);
    line-height: 2.25rem;
    background: linear-gradient(90deg, var(--theme-color-800-2) -27.5%, var(--theme-color-800-2) 127.5%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.forest-green .recharge-bonus-container .recharge-bonus-content .main-content[data-v-177ec7d0] {
    width: 22.5rem;
    padding: .9375rem .75rem;
    margin: 3.5625rem auto;
    box-sizing: border-box;
    background: var(--color-bg-200);
    border-radius: var(--ep-border-radius-xl, .625rem)
}

.forest-green .recharge-bonus-container .recharge-bonus-content .main-content .activity-rule-detail[data-v-177ec7d0] .ruleHeader {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem
}

.forest-green .recharge-bonus-container .recharge-bonus-content .main-content .activity-rule-detail[data-v-177ec7d0] .ruleHeader .span-cls {
    text-shadow: 0px 0px 9px var(--color-bg-200, #DDE8FF);
    font-size: var(--ep-font-size-l, 1rem);
    font-weight: var(--ep-font-weight-bold, 700);
    color: var(--color-text-100);
    text-align: center
}

.forest-green .recharge-bonus-container .recharge-bonus-content .main-content .activity-rule-detail[data-v-177ec7d0] .item-wrap {
    padding: 0
}

.forest-green .recharge-bonus-container .recharge-bonus-content .main-content .activity-rule-detail[data-v-177ec7d0] .item-wrap .rule-item {
    color: var(--color-text-gray-200);
    font-size: var(--ep-font-size-m, .875rem);
    line-height: 18px;
    text-align: left;
    white-space: pre-line
}

.color-primary-600[data-v-a6dacde6] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-a6dacde6] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-a6dacde6] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-a6dacde6] {
    color: var(--color-primary-900)
}

.bg-100[data-v-a6dacde6] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-a6dacde6] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-a6dacde6] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-a6dacde6] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-a6dacde6] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-a6dacde6] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-a6dacde6] {
    background-color: var(--color-warning)
}

.bg-link[data-v-a6dacde6] {
    background-color: var(--color-link)
}

.bg-danger[data-v-a6dacde6] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-a6dacde6] {
    color: var(--color-text-100)
}

.color-text-80[data-v-a6dacde6] {
    color: var(--color-text-80)
}

.color-text-50[data-v-a6dacde6] {
    color: var(--color-text-50)
}

.color-text-40[data-v-a6dacde6] {
    color: var(--color-text-40)
}

.color-text-20[data-v-a6dacde6] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-a6dacde6] {
    color: var(--color-currency)
}

.color-warning[data-v-a6dacde6] {
    color: var(--color-warning)
}

.color-danger[data-v-a6dacde6] {
    color: var(--color-danger)
}

.color-link[data-v-a6dacde6] {
    color: var(--color-link)
}

.color-line[data-v-a6dacde6] {
    color: var(--color-line)
}

.color-border[data-v-a6dacde6] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-a6dacde6] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-a6dacde6] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-a6dacde6] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-a6dacde6] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-a6dacde6] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-a6dacde6] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-a6dacde6] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-a6dacde6] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-a6dacde6] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-a6dacde6] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-a6dacde6] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-a6dacde6] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-a6dacde6] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-a6dacde6] {
    display: flex;
    align-items: center
}

.flex-start[data-v-a6dacde6] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-a6dacde6] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-a6dacde6] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-a6dacde6] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-a6dacde6] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-a6dacde6] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-a6dacde6] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-a6dacde6] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-a6dacde6] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-a6dacde6] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-a6dacde6] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-a6dacde6] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-a6dacde6] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-a6dacde6] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-a6dacde6] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-a6dacde6] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-a6dacde6] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-a6dacde6] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-a6dacde6] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-a6dacde6] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-a6dacde6] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-a6dacde6] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-a6dacde6] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-a6dacde6] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-a6dacde6],
.mlm-selected-item[data-v-a6dacde6] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-a6dacde6] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-a6dacde6]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-a6dacde6] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-a6dacde6] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-a6dacde6] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.green-dark .betting-activity-page[data-v-a6dacde6] {
    min-height: 100vh;
    background: var(--ep-color-background-fill-body-default, #1A1D22);
    position: relative;
    padding-bottom: 5rem
}

.green-dark .nav-header[data-v-a6dacde6] {
    position: relative;
    height: 3.125rem;
    background: var(--ep-color-background-fill-top-nav-secondary, #242F42);
    box-shadow: 0 4px 28.4px rgba(0, 0, 0, .1);
    display: flex;
    align-items: center;
    justify-content: center
}

.green-dark .nav-header .nav-back[data-v-a6dacde6] {
    position: absolute;
    left: .875rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1.25rem;
    height: 1.25rem
}

.green-dark .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
}

.green-dark .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
}

.green-dark .hero-banner[data-v-a6dacde6] {
    position: relative;
    width: 100%;
    height: 17rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center
}

.green-dark .hero-banner .hero-image[data-v-a6dacde6] {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center 80%;
    transform: scale(1.03)
}

.green-dark .content-wrapper[data-v-a6dacde6] {
    padding: 0 .875rem .875rem
}

.green-dark .bonus-table[data-v-a6dacde6] {
    width: 100%;
    border: 1px solid var(--ep-color-border-default, #2C3E50);
    border-radius: var(--ep-border-radius-m, .375rem);
    overflow: hidden
}

.green-dark .bonus-table .table-title[data-v-a6dacde6] {
    background: var(--ep-color-background-fill-surface-lowered, #151A21);
    padding: .5625rem 1.375rem;
    text-align: center
}

.green-dark .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
}

.green-dark .bonus-table .table-header[data-v-a6dacde6] {
    display: flex;
    background: var(--ep-color-background-fill-surface-raised-L1, #242F42);
    padding: .5625rem 0
}

.green-dark .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
}

.green-dark .bonus-table .table-row[data-v-a6dacde6] {
    display: flex;
    height: 2.625rem;
    align-items: center
}

.green-dark .bonus-table .table-row[data-v-a6dacde6]:nth-child(odd) {
    background: var(--ep-color-background-fill-body-default, #1A1D22)
}

.green-dark .bonus-table .table-row[data-v-a6dacde6]:nth-child(2n) {
    background: var(--ep-color-background-fill-surface-raised-L1, #242F42)
}

.green-dark .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
}

.green-dark .bonus-table .table-row .col-bets[data-v-a6dacde6] {
    font-weight: 600;
    color: var(--ep-color-text-default, #ffffff)
}

.green-dark .bonus-table .table-row .col-bonus[data-v-a6dacde6] {
    font-weight: 600;
    color: var(--ep-color-text-warning, #3E9B2F)
}

.green-dark .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
}

.green-dark .bonus-table .table-row .status-btn.active[data-v-a6dacde6] {
    background: var(--ep-color-background-fill-active-primary, #3E9B2F);
    color: var(--ep-color-text-inverse, #ffffff)
}

.green-dark .bonus-table .table-row .status-btn.active[data-v-a6dacde6]:hover {
    opacity: .9
}

.green-dark .bonus-table .table-row .status-btn.disabled[data-v-a6dacde6] {
    background: var(--ep-color-background-fill-active-disabled, #1A2E1A);
    color: var(--ep-color-text-inverse-disabled, rgba(255, 255, 255, .4));
    cursor: not-allowed
}

.green-dark .total-unreceived[data-v-a6dacde6] {
    margin-top: .875rem;
    background: var(--ep-color-background-fill-surface-raised-L1, #242F42);
    border: 1px solid var(--ep-color-border-default, #2C3E50);
    border-radius: var(--ep-border-radius-m, .375rem);
    padding: .5625rem 1.375rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .25rem
}

.green-dark .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
}

.green-dark .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, #3E9B2F);
    line-height: 1.5
}

.green-dark .activity-description[data-v-a6dacde6] {
    padding: 0 .875rem
}

.green-dark .activity-description[data-v-a6dacde6] .ruleHeader {
    margin: 1rem 0
}

.green-dark .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)
}

.green-dark .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, #151A21);
    border-radius: var(--ep-border-radius-m, .375rem);
    padding: .9375rem 1.0625rem
}

.green-dark .activity-description[data-v-a6dacde6] .item-wrap .rule-item {
    margin-bottom: 1rem
}

.green-dark .activity-description .description-header[data-v-a6dacde6] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .375rem;
    margin: 1.375rem 0
}

.green-dark .activity-description .description-header .decoration-icon[data-v-a6dacde6] {
    display: flex;
    align-items: center;
    height: 1.0625rem
}

.green-dark .activity-description .description-header .decoration-icon[data-v-a6dacde6] svg {
    width: auto;
    height: .6875rem;
    vertical-align: middle
}

.green-dark .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
}

.green-dark .activity-description .description-content[data-v-a6dacde6] {
    background: var(--ep-color-background-fill-surface-lowered, #151A21);
    border-radius: var(--ep-border-radius-m, .375rem);
    padding: 1.5rem .9375rem
}

.green-dark .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
}

.green-dark .activity-description .description-content .description-text p[data-v-a6dacde6] {
    margin-bottom: 1rem
}

.green-dark .activity-description .description-content .description-text p[data-v-a6dacde6]:last-child {
    margin-bottom: 0
}

.green-dark .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
}

.green-dark .activity-description .description-content .rule-content .rule-text[data-v-a6dacde6] {
    margin-bottom: 1rem
}

.green-dark .activity-description .description-content .rule-content .rule-text[data-v-a6dacde6]:last-child {
    margin-bottom: 0
}

.green-dark .bottom-action[data-v-a6dacde6] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 5rem;
    background: var(--ep-color-background-fill-surface-raised-L1, #242F42);
    border-top: 1px solid var(--ep-color-border-default, #2C3E50);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 .75rem
}

.green-dark .bottom-action .claim-button[data-v-a6dacde6] {
    width: 100%;
    max-width: 22.875rem;
    height: 2.875rem;
    background: var(--ep-color-background-fill-active-primary, #3E9B2F);
    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
}

.green-dark .bottom-action .claim-button[data-v-a6dacde6]:hover:not(:disabled) {
    opacity: .9
}

.green-dark .bottom-action .claim-button[data-v-a6dacde6]:active:not(:disabled) {
    transform: scale(.98)
}

.green-dark .bottom-action .claim-button[data-v-a6dacde6]:disabled {
    background: var(--ep-color-background-fill-active-disabled, #1A2E1A);
    color: var(--ep-color-text-inverse-disabled, rgba(255, 255, 255, .4));
    cursor: not-allowed;
    opacity: 1
}

.yellow-dark .betting-activity-page[data-v-a6dacde6] {
    min-height: 100vh;
    background: var(--ep-color-background-fill-body-default, #1B1B19);
    position: relative;
    padding-bottom: 5rem
}

.yellow-dark .nav-header[data-v-a6dacde6] {
    position: relative;
    height: 3.125rem;
    background: var(--ep-color-background-fill-top-nav-secondary, #262624);
    box-shadow: 0 4px 28.4px rgba(0, 0, 0, .1);
    display: flex;
    align-items: center;
    justify-content: center
}

.yellow-dark .nav-header .nav-back[data-v-a6dacde6] {
    position: absolute;
    left: .875rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1.25rem;
    height: 1.25rem
}

.yellow-dark .nav-header .nav-back .back-icon[data-v-a6dacde6] {
    display: block;
    width: .468rem;
    height: .847rem;
    border: 2px solid var(--ep-color-icon-default, #FEB805);
    border-right: none;
    border-top: none;
    transform: rotate(45deg);
    margin-left: .391rem;
    margin-top: .202rem
}

.yellow-dark .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
}

.yellow-dark .hero-banner[data-v-a6dacde6] {
    position: relative;
    width: 100%;
    height: 17rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center
}

.yellow-dark .hero-banner .hero-image[data-v-a6dacde6] {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center 80%;
    transform: scale(1.03)
}

.yellow-dark .content-wrapper[data-v-a6dacde6] {
    padding: 0 .875rem .875rem
}

.yellow-dark .bonus-table[data-v-a6dacde6] {
    width: 100%;
    border: 1px solid var(--ep-color-border-default, #3D3D3A);
    border-radius: var(--ep-border-radius-m, .375rem);
    overflow: hidden
}

.yellow-dark .bonus-table .table-title[data-v-a6dacde6] {
    background: var(--ep-color-background-fill-surface-lowered, #161614);
    padding: .5625rem 1.375rem;
    text-align: center
}

.yellow-dark .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
}

.yellow-dark .bonus-table .table-header[data-v-a6dacde6] {
    display: flex;
    background: var(--ep-color-background-fill-surface-raised-L1, #262624);
    padding: .5625rem 0
}

.yellow-dark .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
}

.yellow-dark .bonus-table .table-row[data-v-a6dacde6] {
    display: flex;
    height: 2.625rem;
    align-items: center
}

.yellow-dark .bonus-table .table-row[data-v-a6dacde6]:nth-child(odd) {
    background: var(--ep-color-background-fill-body-default, #1B1B19)
}

.yellow-dark .bonus-table .table-row[data-v-a6dacde6]:nth-child(2n) {
    background: var(--ep-color-background-fill-surface-raised-L1, #262624)
}

.yellow-dark .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
}

.yellow-dark .bonus-table .table-row .col-bets[data-v-a6dacde6] {
    font-weight: 600;
    color: var(--ep-color-text-default, #ffffff)
}

.yellow-dark .bonus-table .table-row .col-bonus[data-v-a6dacde6] {
    font-weight: 600;
    color: var(--ep-color-text-warning, #FEB805)
}

.yellow-dark .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
}

.yellow-dark .bonus-table .table-row .status-btn.active[data-v-a6dacde6] {
    background: var(--ep-color-background-fill-active-primary, #FEB805);
    color: var(--ep-color-text-inverse, #2D2D2D)
}

.yellow-dark .bonus-table .table-row .status-btn.active[data-v-a6dacde6]:hover {
    opacity: .9
}

.yellow-dark .bonus-table .table-row .status-btn.disabled[data-v-a6dacde6] {
    background: var(--ep-color-background-fill-active-disabled, #E0C57E);
    color: var(--ep-color-text-inverse-disabled, rgba(45, 45, 45, .6));
    cursor: not-allowed
}

.yellow-dark .total-unreceived[data-v-a6dacde6] {
    margin-top: .875rem;
    background: var(--ep-color-background-fill-surface-raised-L1, #262624);
    border: 1px solid var(--ep-color-border-default, #3D3D3A);
    border-radius: var(--ep-border-radius-m, .375rem);
    padding: .5625rem 1.375rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .25rem
}

.yellow-dark .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
}

.yellow-dark .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, #FEB805);
    line-height: 1.5
}

.yellow-dark .activity-description[data-v-a6dacde6] {
    padding: 0 .875rem
}

.yellow-dark .activity-description[data-v-a6dacde6] .ruleHeader {
    margin: 1rem 0
}

.yellow-dark .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)
}

.yellow-dark .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, #161614);
    border-radius: var(--ep-border-radius-m, .375rem);
    padding: .9375rem 1.0625rem
}

.yellow-dark .activity-description[data-v-a6dacde6] .item-wrap .rule-item {
    margin-bottom: 1rem
}

.yellow-dark .activity-description .description-header[data-v-a6dacde6] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .375rem;
    margin: 1.375rem 0
}

.yellow-dark .activity-description .description-header .decoration-icon[data-v-a6dacde6] {
    display: flex;
    align-items: center;
    height: 1.0625rem
}

.yellow-dark .activity-description .description-header .decoration-icon[data-v-a6dacde6] svg {
    width: auto;
    height: .6875rem;
    vertical-align: middle
}

.yellow-dark .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
}

.yellow-dark .activity-description .description-content[data-v-a6dacde6] {
    background: var(--ep-color-background-fill-surface-lowered, #161614);
    border-radius: var(--ep-border-radius-m, .375rem);
    padding: 1.5rem .9375rem
}

.yellow-dark .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
}

.yellow-dark .activity-description .description-content .description-text p[data-v-a6dacde6] {
    margin-bottom: 1rem
}

.yellow-dark .activity-description .description-content .description-text p[data-v-a6dacde6]:last-child {
    margin-bottom: 0
}

.yellow-dark .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
}

.yellow-dark .activity-description .description-content .rule-content .rule-text[data-v-a6dacde6] {
    margin-bottom: 1rem
}

.yellow-dark .activity-description .description-content .rule-content .rule-text[data-v-a6dacde6]:last-child {
    margin-bottom: 0
}

.yellow-dark .bottom-action[data-v-a6dacde6] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 5rem;
    background: var(--ep-color-background-fill-surface-raised-L1, #262624);
    border-top: 1px solid var(--ep-color-border-default, #3D3D3A);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 .75rem
}

.yellow-dark .bottom-action .claim-button[data-v-a6dacde6] {
    width: 100%;
    max-width: 22.875rem;
    height: 2.875rem;
    background: var(--ep-color-background-fill-active-primary, #FEB805);
    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, #2D2D2D);
    line-height: 1.5;
    cursor: pointer;
    transition: all .3s ease
}

.yellow-dark .bottom-action .claim-button[data-v-a6dacde6]:hover:not(:disabled) {
    opacity: .9
}

.yellow-dark .bottom-action .claim-button[data-v-a6dacde6]:active:not(:disabled) {
    transform: scale(.98)
}

.yellow-dark .bottom-action .claim-button[data-v-a6dacde6]:disabled {
    background: var(--ep-color-background-fill-active-disabled, #E0C57E);
    color: var(--ep-color-text-inverse-disabled, rgba(45, 45, 45, .6));
    cursor: not-allowed;
    opacity: 1
}

.purple-light .betting-activity-page[data-v-a6dacde6] {
    min-height: 100vh;
    background: var(--ep-color-background-fill-body-default, #ECE2FE);
    position: relative;
    padding-bottom: 5rem
}

.purple-light .nav-header[data-v-a6dacde6] {
    position: relative;
    height: 3.125rem;
    background: var(--ep-color-background-fill-top-nav-secondary, #D8C9FD);
    box-shadow: 0 4px 28.4px rgba(0, 0, 0, .1);
    display: flex;
    align-items: center;
    justify-content: center
}

.purple-light .nav-header .nav-back[data-v-a6dacde6] {
    position: absolute;
    left: .875rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1.25rem;
    height: 1.25rem
}

.purple-light .nav-header .nav-back .back-icon[data-v-a6dacde6] {
    display: block;
    width: .468rem;
    height: .847rem;
    border: 2px solid var(--ep-color-icon-default, #6526DB);
    border-right: none;
    border-top: none;
    transform: rotate(45deg);
    margin-left: .391rem;
    margin-top: .202rem
}

.purple-light .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, rgba(0, 0, 0, .8));
    line-height: 1.5
}

.purple-light .hero-banner[data-v-a6dacde6] {
    position: relative;
    width: 100%;
    height: 17rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center
}

.purple-light .hero-banner .hero-image[data-v-a6dacde6] {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center 80%;
    transform: scale(1.03)
}

.purple-light .content-wrapper[data-v-a6dacde6] {
    padding: 0 .875rem .875rem
}

.purple-light .bonus-table[data-v-a6dacde6] {
    width: 100%;
    border: 1px solid var(--ep-color-border-default, #CAB4FD);
    border-radius: var(--ep-border-radius-m, .375rem);
    overflow: hidden
}

.purple-light .bonus-table .table-title[data-v-a6dacde6] {
    background: var(--ep-color-background-fill-surface-lowered, #E6DAFD);
    padding: .5625rem 1.375rem;
    text-align: center
}

.purple-light .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, rgba(0, 0, 0, .8));
    line-height: 1.5
}

.purple-light .bonus-table .table-header[data-v-a6dacde6] {
    display: flex;
    background: var(--ep-color-background-fill-surface-raised-L1, #D8C9FD);
    padding: .5625rem 0
}

.purple-light .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(0, 0, 0, .5));
    line-height: 1.5
}

.purple-light .bonus-table .table-row[data-v-a6dacde6] {
    display: flex;
    height: 2.625rem;
    align-items: center
}

.purple-light .bonus-table .table-row[data-v-a6dacde6]:nth-child(odd) {
    background: var(--ep-color-background-fill-body-default, #ECE2FE)
}

.purple-light .bonus-table .table-row[data-v-a6dacde6]:nth-child(2n) {
    background: var(--ep-color-background-fill-surface-raised-L1, #D8C9FD)
}

.purple-light .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
}

.purple-light .bonus-table .table-row .col-bets[data-v-a6dacde6] {
    font-weight: 600;
    color: var(--ep-color-text-default, rgba(0, 0, 0, .8))
}

.purple-light .bonus-table .table-row .col-bonus[data-v-a6dacde6] {
    font-weight: 600;
    color: var(--ep-color-text-warning, #6526DB)
}

.purple-light .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
}

.purple-light .bonus-table .table-row .status-btn.active[data-v-a6dacde6] {
    background: var(--ep-color-background-fill-active-primary, #6526DB);
    color: var(--ep-color-text-inverse, #ffffff)
}

.purple-light .bonus-table .table-row .status-btn.active[data-v-a6dacde6]:hover {
    opacity: .9
}

.purple-light .bonus-table .table-row .status-btn.disabled[data-v-a6dacde6] {
    background: var(--ep-color-background-fill-active-disabled, #CAB4FD);
    color: var(--ep-color-text-inverse-disabled, rgba(255, 255, 255, .4));
    cursor: not-allowed
}

.purple-light .total-unreceived[data-v-a6dacde6] {
    margin-top: .875rem;
    background: var(--ep-color-background-fill-surface-raised-L1, #D8C9FD);
    border: 1px solid var(--ep-color-border-default, #CAB4FD);
    border-radius: var(--ep-border-radius-m, .375rem);
    padding: .5625rem 1.375rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .25rem
}

.purple-light .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, rgba(0, 0, 0, .8));
    line-height: 1.5
}

.purple-light .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, #6526DB);
    line-height: 1.5
}

.purple-light .activity-description[data-v-a6dacde6] {
    padding: 0 .875rem
}

.purple-light .activity-description[data-v-a6dacde6] .ruleHeader {
    margin: 1rem 0
}

.purple-light .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, rgba(0, 0, 0, .8))
}

.purple-light .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(0, 0, 0, .5));
    line-height: 1.5;
    background: var(--ep-color-background-fill-surface-lowered, #E6DAFD);
    border-radius: var(--ep-border-radius-m, .375rem);
    padding: .9375rem 1.0625rem
}

.purple-light .activity-description[data-v-a6dacde6] .item-wrap .rule-item {
    margin-bottom: 1rem
}

.purple-light .activity-description .description-header[data-v-a6dacde6] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .375rem;
    margin: 1.375rem 0
}

.purple-light .activity-description .description-header .decoration-icon[data-v-a6dacde6] {
    display: flex;
    align-items: center;
    height: 1.0625rem
}

.purple-light .activity-description .description-header .decoration-icon[data-v-a6dacde6] svg {
    width: auto;
    height: .6875rem;
    vertical-align: middle
}

.purple-light .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, rgba(0, 0, 0, .8));
    line-height: 1.5;
    margin: 0;
    display: flex;
    align-items: center
}

.purple-light .activity-description .description-content[data-v-a6dacde6] {
    background: var(--ep-color-background-fill-surface-lowered, #E6DAFD);
    border-radius: var(--ep-border-radius-m, .375rem);
    padding: 1.5rem .9375rem
}

.purple-light .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(0, 0, 0, .5));
    line-height: 1.5
}

.purple-light .activity-description .description-content .description-text p[data-v-a6dacde6] {
    margin-bottom: 1rem
}

.purple-light .activity-description .description-content .description-text p[data-v-a6dacde6]:last-child {
    margin-bottom: 0
}

.purple-light .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(0, 0, 0, .5));
    line-height: 1.5
}

.purple-light .activity-description .description-content .rule-content .rule-text[data-v-a6dacde6] {
    margin-bottom: 1rem
}

.purple-light .activity-description .description-content .rule-content .rule-text[data-v-a6dacde6]:last-child {
    margin-bottom: 0
}

.purple-light .bottom-action[data-v-a6dacde6] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 5rem;
    background: var(--ep-color-background-fill-surface-raised-L1, #D8C9FD);
    border-top: 1px solid var(--ep-color-border-default, #CAB4FD);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 .75rem
}

.purple-light .bottom-action .claim-button[data-v-a6dacde6] {
    width: 100%;
    max-width: 22.875rem;
    height: 2.875rem;
    background: var(--ep-color-background-fill-active-primary, #6526DB);
    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
}

.purple-light .bottom-action .claim-button[data-v-a6dacde6]:hover:not(:disabled) {
    opacity: .9
}

.purple-light .bottom-action .claim-button[data-v-a6dacde6]:active:not(:disabled) {
    transform: scale(.98)
}

.purple-light .bottom-action .claim-button[data-v-a6dacde6]:disabled {
    background: var(--ep-color-background-fill-active-disabled, #CAB4FD);
    color: var(--ep-color-text-inverse-disabled, rgba(255, 255, 255, .4));
    cursor: not-allowed;
    opacity: 1
}

.amber-purple .betting-activity-page[data-v-a6dacde6] {
    min-height: 100vh;
    background: var(--ep-color-background-fill-body-default, #262346);
    position: relative;
    padding-bottom: 5rem
}

.amber-purple .nav-header[data-v-a6dacde6] {
    position: relative;
    height: 3.125rem;
    background: var(--ep-color-background-fill-top-nav-secondary, #292547);
    box-shadow: 0 4px 28.4px rgba(0, 0, 0, .1);
    display: flex;
    align-items: center;
    justify-content: center
}

.amber-purple .nav-header .nav-back[data-v-a6dacde6] {
    position: absolute;
    left: .875rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1.25rem;
    height: 1.25rem
}

.amber-purple .nav-header .nav-back .back-icon[data-v-a6dacde6] {
    display: block;
    width: .468rem;
    height: .847rem;
    border: 2px solid var(--ep-color-icon-default, #F5C84C);
    border-right: none;
    border-top: none;
    transform: rotate(45deg);
    margin-left: .391rem;
    margin-top: .202rem
}

.amber-purple .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
}

.amber-purple .hero-banner[data-v-a6dacde6] {
    position: relative;
    width: 100%;
    height: 17rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center
}

.amber-purple .hero-banner .hero-image[data-v-a6dacde6] {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center 80%;
    transform: scale(1.03)
}

.amber-purple .content-wrapper[data-v-a6dacde6] {
    padding: 0 .875rem .875rem
}

.amber-purple .bonus-table[data-v-a6dacde6] {
    width: 100%;
    border: 1px solid var(--ep-color-border-default, #3B3466);
    border-radius: var(--ep-border-radius-m, .375rem);
    overflow: hidden
}

.amber-purple .bonus-table .table-title[data-v-a6dacde6] {
    background: var(--ep-color-background-fill-surface-lowered, #1F1E3E);
    padding: .5625rem 1.375rem;
    text-align: center
}

.amber-purple .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
}

.amber-purple .bonus-table .table-header[data-v-a6dacde6] {
    display: flex;
    background: var(--ep-color-background-fill-surface-raised-L1, #292547);
    padding: .5625rem 0
}

.amber-purple .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, #686299);
    line-height: 1.5
}

.amber-purple .bonus-table .table-row[data-v-a6dacde6] {
    display: flex;
    height: 2.625rem;
    align-items: center
}

.amber-purple .bonus-table .table-row[data-v-a6dacde6]:nth-child(odd) {
    background: var(--ep-color-background-fill-body-default, #262346)
}

.amber-purple .bonus-table .table-row[data-v-a6dacde6]:nth-child(2n) {
    background: var(--ep-color-background-fill-surface-raised-L1, #292547)
}

.amber-purple .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
}

.amber-purple .bonus-table .table-row .col-bets[data-v-a6dacde6] {
    font-weight: 600;
    color: var(--ep-color-text-default, #ffffff)
}

.amber-purple .bonus-table .table-row .col-bonus[data-v-a6dacde6] {
    font-weight: 600;
    color: var(--ep-color-text-warning, #F5C84C)
}

.amber-purple .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
}

.amber-purple .bonus-table .table-row .status-btn.active[data-v-a6dacde6] {
    background: linear-gradient(270deg, #7041f3, #f5c84c 130.92%);
    color: var(--ep-color-text-inverse, #ffffff)
}

.amber-purple .bonus-table .table-row .status-btn.active[data-v-a6dacde6]:hover {
    opacity: .9
}

.amber-purple .bonus-table .table-row .status-btn.disabled[data-v-a6dacde6] {
    background: var(--ep-color-background-fill-active-disabled, #3B3466);
    color: var(--ep-color-text-inverse-disabled, #BDB8E1);
    cursor: not-allowed
}

.amber-purple .total-unreceived[data-v-a6dacde6] {
    margin-top: .875rem;
    background: var(--ep-color-background-fill-surface-raised-L1, #292547);
    border: 1px solid var(--ep-color-border-default, #3B3466);
    border-radius: var(--ep-border-radius-m, .375rem);
    padding: .5625rem 1.375rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .25rem
}

.amber-purple .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
}

.amber-purple .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, #F5C84C);
    line-height: 1.5
}

.amber-purple .activity-description[data-v-a6dacde6] {
    padding: 0 .875rem
}

.amber-purple .activity-description[data-v-a6dacde6] .ruleHeader {
    margin: 1rem 0
}

.amber-purple .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)
}

.amber-purple .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, #686299);
    line-height: 1.5;
    background: var(--ep-color-background-fill-surface-lowered, #1F1E3E);
    border-radius: var(--ep-border-radius-m, .375rem);
    padding: .9375rem 1.0625rem
}

.amber-purple .activity-description[data-v-a6dacde6] .item-wrap .rule-item {
    margin-bottom: 1rem
}

.amber-purple .activity-description .description-header[data-v-a6dacde6] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .375rem;
    margin: 1.375rem 0
}

.amber-purple .activity-description .description-header .decoration-icon[data-v-a6dacde6] {
    display: flex;
    align-items: center;
    height: 1.0625rem
}

.amber-purple .activity-description .description-header .decoration-icon[data-v-a6dacde6] svg {
    width: auto;
    height: .6875rem;
    vertical-align: middle
}

.amber-purple .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
}

.amber-purple .activity-description .description-content[data-v-a6dacde6] {
    background: var(--ep-color-background-fill-surface-lowered, #1F1E3E);
    border-radius: var(--ep-border-radius-m, .375rem);
    padding: 1.5rem .9375rem
}

.amber-purple .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, #686299);
    line-height: 1.5
}

.amber-purple .activity-description .description-content .description-text p[data-v-a6dacde6] {
    margin-bottom: 1rem
}

.amber-purple .activity-description .description-content .description-text p[data-v-a6dacde6]:last-child {
    margin-bottom: 0
}

.amber-purple .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, #686299);
    line-height: 1.5
}

.amber-purple .activity-description .description-content .rule-content .rule-text[data-v-a6dacde6] {
    margin-bottom: 1rem
}

.amber-purple .activity-description .description-content .rule-content .rule-text[data-v-a6dacde6]:last-child {
    margin-bottom: 0
}

.amber-purple .bottom-action[data-v-a6dacde6] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 5rem;
    background: var(--ep-color-background-fill-surface-raised-L1, #292547);
    border-top: 1px solid var(--ep-color-border-default, #3B3466);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 .75rem
}

.amber-purple .bottom-action .claim-button[data-v-a6dacde6] {
    width: 100%;
    max-width: 22.875rem;
    height: 2.875rem;
    background: linear-gradient(270deg, #7041f3, #f5c84c 130.92%);
    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
}

.amber-purple .bottom-action .claim-button[data-v-a6dacde6]:hover:not(:disabled) {
    opacity: .9
}

.amber-purple .bottom-action .claim-button[data-v-a6dacde6]:active:not(:disabled) {
    transform: scale(.98)
}

.amber-purple .bottom-action .claim-button[data-v-a6dacde6]:disabled {
    background: var(--ep-color-background-fill-active-disabled, #3B3466);
    color: var(--ep-color-text-inverse-disabled, #BDB8E1);
    cursor: not-allowed;
    opacity: 1
}

.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
}

.green-default .betting-activity-page[data-v-a6dacde6],
.forest-green .betting-activity-page[data-v-a6dacde6] {
    min-height: 100vh;
    background: var(--ep-color-background-fill-body-default, #004D37);
    position: relative;
    padding-bottom: 5rem
}

.green-default .nav-header[data-v-a6dacde6],
.forest-green .nav-header[data-v-a6dacde6] {
    position: relative;
    height: 3.125rem;
    background: var(--ep-color-background-fill-top-nav-secondary, #006B4A);
    box-shadow: 0 4px 28.4px rgba(0, 0, 0, .1);
    display: flex;
    align-items: center;
    justify-content: center
}

.green-default .nav-header .nav-back[data-v-a6dacde6],
.forest-green .nav-header .nav-back[data-v-a6dacde6] {
    position: absolute;
    left: .875rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1.25rem;
    height: 1.25rem
}

.green-default .nav-header .nav-back .back-icon[data-v-a6dacde6],
.forest-green .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
}

.green-default .nav-header .nav-title[data-v-a6dacde6],
.forest-green .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
}

.green-default .hero-banner[data-v-a6dacde6],
.forest-green .hero-banner[data-v-a6dacde6] {
    position: relative;
    width: 100%;
    height: 17rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center
}

.green-default .hero-banner .hero-image[data-v-a6dacde6],
.forest-green .hero-banner .hero-image[data-v-a6dacde6] {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center 80%;
    transform: scale(1.03)
}

.green-default .content-wrapper[data-v-a6dacde6],
.forest-green .content-wrapper[data-v-a6dacde6] {
    padding: 0 .875rem .875rem
}

.green-default .bonus-table[data-v-a6dacde6],
.forest-green .bonus-table[data-v-a6dacde6] {
    width: 100%;
    border: 1px solid var(--ep-color-border-default, #17B663);
    border-radius: var(--ep-border-radius-m, .375rem);
    overflow: hidden
}

.green-default .bonus-table .table-title[data-v-a6dacde6],
.forest-green .bonus-table .table-title[data-v-a6dacde6] {
    background: var(--ep-color-background-fill-surface-lowered, #003D2A);
    padding: .5625rem 1.375rem;
    text-align: center
}

.green-default .bonus-table .table-title span[data-v-a6dacde6],
.forest-green .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
}

.green-default .bonus-table .table-header[data-v-a6dacde6],
.forest-green .bonus-table .table-header[data-v-a6dacde6] {
    display: flex;
    background: var(--ep-color-background-fill-surface-raised-L1, #006B4A);
    padding: .5625rem 0
}

.green-default .bonus-table .table-header .col[data-v-a6dacde6],
.forest-green .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
}

.green-default .bonus-table .table-row[data-v-a6dacde6],
.forest-green .bonus-table .table-row[data-v-a6dacde6] {
    display: flex;
    height: 2.625rem;
    align-items: center
}

.green-default .bonus-table .table-row[data-v-a6dacde6]:nth-child(odd),
.forest-green .bonus-table .table-row[data-v-a6dacde6]:nth-child(odd) {
    background: var(--ep-color-background-fill-body-default, #004D37)
}

.green-default .bonus-table .table-row[data-v-a6dacde6]:nth-child(2n),
.forest-green .bonus-table .table-row[data-v-a6dacde6]:nth-child(2n) {
    background: var(--ep-color-background-fill-surface-raised-L1, #006B4A)
}

.green-default .bonus-table .table-row .col[data-v-a6dacde6],
.forest-green .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
}

.green-default .bonus-table .table-row .col-bets[data-v-a6dacde6],
.forest-green .bonus-table .table-row .col-bets[data-v-a6dacde6] {
    font-weight: 600;
    color: var(--ep-color-text-default, #ffffff)
}

.green-default .bonus-table .table-row .col-bonus[data-v-a6dacde6],
.forest-green .bonus-table .table-row .col-bonus[data-v-a6dacde6] {
    font-weight: 600;
    color: var(--ep-color-text-warning, #17B663)
}

.green-default .bonus-table .table-row .status-btn[data-v-a6dacde6],
.forest-green .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
}

.green-default .bonus-table .table-row .status-btn.active[data-v-a6dacde6],
.forest-green .bonus-table .table-row .status-btn.active[data-v-a6dacde6] {
    background: var(--ep-color-background-fill-active-primary, #17B663);
    color: var(--ep-color-text-inverse, #ffffff)
}

.green-default .bonus-table .table-row .status-btn.active[data-v-a6dacde6]:hover,
.forest-green .bonus-table .table-row .status-btn.active[data-v-a6dacde6]:hover {
    opacity: .9
}

.green-default .bonus-table .table-row .status-btn.disabled[data-v-a6dacde6],
.forest-green .bonus-table .table-row .status-btn.disabled[data-v-a6dacde6] {
    background: var(--ep-color-background-fill-active-disabled, #003D2A);
    color: var(--ep-color-text-inverse-disabled, rgba(255, 255, 255, .4));
    cursor: not-allowed
}

.green-default .total-unreceived[data-v-a6dacde6],
.forest-green .total-unreceived[data-v-a6dacde6] {
    margin-top: .875rem;
    background: var(--ep-color-background-fill-surface-raised-L1, #006B4A);
    border: 1px solid var(--ep-color-border-default, #17B663);
    border-radius: var(--ep-border-radius-m, .375rem);
    padding: .5625rem 1.375rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .25rem
}

.green-default .total-unreceived .label[data-v-a6dacde6],
.forest-green .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
}

.green-default .total-unreceived .amount[data-v-a6dacde6],
.forest-green .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, #17B663);
    line-height: 1.5
}

.green-default .activity-description[data-v-a6dacde6],
.forest-green .activity-description[data-v-a6dacde6] {
    padding: 0 .875rem
}

.green-default .activity-description[data-v-a6dacde6] .ruleHeader,
.forest-green .activity-description[data-v-a6dacde6] .ruleHeader {
    margin: 1rem 0
}

.green-default .activity-description[data-v-a6dacde6] .ruleHeader .span-cls,
.forest-green .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)
}

.green-default .activity-description[data-v-a6dacde6] .item-wrap,
.forest-green .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, #003D2A);
    border-radius: var(--ep-border-radius-m, .375rem);
    padding: .9375rem 1.0625rem
}

.green-default .activity-description[data-v-a6dacde6] .item-wrap .rule-item,
.forest-green .activity-description[data-v-a6dacde6] .item-wrap .rule-item {
    margin-bottom: 1rem
}

.green-default .activity-description .description-header[data-v-a6dacde6],
.forest-green .activity-description .description-header[data-v-a6dacde6] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .375rem;
    margin: 1.375rem 0
}

.green-default .activity-description .description-header .decoration-icon[data-v-a6dacde6],
.forest-green .activity-description .description-header .decoration-icon[data-v-a6dacde6] {
    display: flex;
    align-items: center;
    height: 1.0625rem
}

.green-default .activity-description .description-header .decoration-icon[data-v-a6dacde6] svg,
.forest-green .activity-description .description-header .decoration-icon[data-v-a6dacde6] svg {
    width: auto;
    height: .6875rem;
    vertical-align: middle
}

.green-default .activity-description .description-header .description-title[data-v-a6dacde6],
.forest-green .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
}

.green-default .activity-description .description-content[data-v-a6dacde6],
.forest-green .activity-description .description-content[data-v-a6dacde6] {
    background: var(--ep-color-background-fill-surface-lowered, #003D2A);
    border-radius: var(--ep-border-radius-m, .375rem);
    padding: 1.5rem .9375rem
}

.green-default .activity-description .description-content .description-text[data-v-a6dacde6],
.forest-green .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
}

.green-default .activity-description .description-content .description-text p[data-v-a6dacde6],
.forest-green .activity-description .description-content .description-text p[data-v-a6dacde6] {
    margin-bottom: 1rem
}

.green-default .activity-description .description-content .description-text p[data-v-a6dacde6]:last-child,
.forest-green .activity-description .description-content .description-text p[data-v-a6dacde6]:last-child {
    margin-bottom: 0
}

.green-default .activity-description .description-content .rule-content[data-v-a6dacde6],
.forest-green .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
}

.green-default .activity-description .description-content .rule-content .rule-text[data-v-a6dacde6],
.forest-green .activity-description .description-content .rule-content .rule-text[data-v-a6dacde6] {
    margin-bottom: 1rem
}

.green-default .activity-description .description-content .rule-content .rule-text[data-v-a6dacde6]:last-child,
.forest-green .activity-description .description-content .rule-content .rule-text[data-v-a6dacde6]:last-child {
    margin-bottom: 0
}

.green-default .bottom-action[data-v-a6dacde6],
.forest-green .bottom-action[data-v-a6dacde6] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 5rem;
    background: var(--ep-color-background-fill-surface-raised-L1, #006B4A);
    border-top: 1px solid var(--ep-color-border-default, #17B663);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 .75rem
}

.green-default .bottom-action .claim-button[data-v-a6dacde6],
.forest-green .bottom-action .claim-button[data-v-a6dacde6] {
    width: 100%;
    max-width: 22.875rem;
    height: 2.875rem;
    background: var(--ep-color-background-fill-active-primary, #17B663);
    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
}

.green-default .bottom-action .claim-button[data-v-a6dacde6]:hover:not(:disabled),
.forest-green .bottom-action .claim-button[data-v-a6dacde6]:hover:not(:disabled) {
    opacity: .9
}

.green-default .bottom-action .claim-button[data-v-a6dacde6]:active:not(:disabled),
.forest-green .bottom-action .claim-button[data-v-a6dacde6]:active:not(:disabled) {
    transform: scale(.98)
}

.green-default .bottom-action .claim-button[data-v-a6dacde6]:disabled,
.forest-green .bottom-action .claim-button[data-v-a6dacde6]:disabled {
    background: var(--ep-color-background-fill-active-disabled, #003D2A);
    color: var(--ep-color-text-inverse-disabled, rgba(255, 255, 255, .4));
    cursor: not-allowed;
    opacity: 1
}

.auroral-yellow .betting-activity-page[data-v-a6dacde6] {
    min-height: 100vh;
    background: var(--ep-color-background-fill-body-default, #191919);
    position: relative;
    padding-bottom: 5rem
}

.auroral-yellow .nav-header[data-v-a6dacde6] {
    position: relative;
    height: 3.125rem;
    background: var(--ep-color-background-fill-top-nav-secondary, #24221F);
    box-shadow: 0 4px 28.4px rgba(0, 0, 0, .1);
    display: flex;
    align-items: center;
    justify-content: center
}

.auroral-yellow .nav-header .nav-back[data-v-a6dacde6] {
    position: absolute;
    left: .875rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1.25rem;
    height: 1.25rem
}

.auroral-yellow .nav-header .nav-back .back-icon[data-v-a6dacde6] {
    display: block;
    width: .468rem;
    height: .847rem;
    border: 2px solid var(--ep-color-icon-default, #F7FB43);
    border-right: none;
    border-top: none;
    transform: rotate(45deg);
    margin-left: .391rem;
    margin-top: .202rem
}

.auroral-yellow .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
}

.auroral-yellow .hero-banner[data-v-a6dacde6] {
    position: relative;
    width: 100%;
    height: 17rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center
}

.auroral-yellow .hero-banner .hero-image[data-v-a6dacde6] {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center 80%;
    transform: scale(1.03)
}

.auroral-yellow .content-wrapper[data-v-a6dacde6] {
    padding: 0 .875rem .875rem
}

.auroral-yellow .bonus-table[data-v-a6dacde6] {
    width: 100%;
    border: 1px solid var(--ep-color-border-default, #3D3A35);
    border-radius: var(--ep-border-radius-m, .375rem);
    overflow: hidden
}

.auroral-yellow .bonus-table .table-title[data-v-a6dacde6] {
    background: var(--ep-color-background-fill-surface-lowered, #141414);
    padding: .5625rem 1.375rem;
    text-align: center
}

.auroral-yellow .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
}

.auroral-yellow .bonus-table .table-header[data-v-a6dacde6] {
    display: flex;
    background: var(--ep-color-background-fill-surface-raised-L1, #24221F);
    padding: .5625rem 0
}

.auroral-yellow .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
}

.auroral-yellow .bonus-table .table-row[data-v-a6dacde6] {
    display: flex;
    height: 2.625rem;
    align-items: center
}

.auroral-yellow .bonus-table .table-row[data-v-a6dacde6]:nth-child(odd) {
    background: var(--ep-color-background-fill-body-default, #191919)
}

.auroral-yellow .bonus-table .table-row[data-v-a6dacde6]:nth-child(2n) {
    background: var(--ep-color-background-fill-surface-raised-L1, #24221F)
}

.auroral-yellow .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
}

.auroral-yellow .bonus-table .table-row .col-bets[data-v-a6dacde6] {
    font-weight: 600;
    color: var(--ep-color-text-default, #ffffff)
}

.auroral-yellow .bonus-table .table-row .col-bonus[data-v-a6dacde6] {
    font-weight: 600;
    color: var(--ep-color-text-warning, #F7FB43)
}

.auroral-yellow .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
}

.auroral-yellow .bonus-table .table-row .status-btn.active[data-v-a6dacde6] {
    background: var(--ep-color-background-fill-active-primary, #F7FB43);
    color: var(--ep-color-text-inverse, #000000)
}

.auroral-yellow .bonus-table .table-row .status-btn.active[data-v-a6dacde6]:hover {
    opacity: .9
}

.auroral-yellow .bonus-table .table-row .status-btn.disabled[data-v-a6dacde6] {
    background: var(--ep-color-background-fill-active-disabled, #C4C235);
    color: var(--ep-color-text-inverse-disabled, rgba(0, 0, 0, .6));
    cursor: not-allowed
}

.auroral-yellow .total-unreceived[data-v-a6dacde6] {
    margin-top: .875rem;
    background: var(--ep-color-background-fill-surface-raised-L1, #24221F);
    border: 1px solid var(--ep-color-border-default, #3D3A35);
    border-radius: var(--ep-border-radius-m, .375rem);
    padding: .5625rem 1.375rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .25rem
}

.auroral-yellow .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
}

.auroral-yellow .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, #F7FB43);
    line-height: 1.5
}

.auroral-yellow .activity-description[data-v-a6dacde6] {
    padding: 0 .875rem
}

.auroral-yellow .activity-description[data-v-a6dacde6] .ruleHeader {
    margin: 1rem 0
}

.auroral-yellow .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)
}

.auroral-yellow .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, #141414);
    border-radius: var(--ep-border-radius-m, .375rem);
    padding: .9375rem 1.0625rem
}

.auroral-yellow .activity-description[data-v-a6dacde6] .item-wrap .rule-item {
    margin-bottom: 1rem
}

.auroral-yellow .activity-description .description-header[data-v-a6dacde6] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .375rem;
    margin: 1.375rem 0
}

.auroral-yellow .activity-description .description-header .decoration-icon[data-v-a6dacde6] {
    display: flex;
    align-items: center;
    height: 1.0625rem
}

.auroral-yellow .activity-description .description-header .decoration-icon[data-v-a6dacde6] svg {
    width: auto;
    height: .6875rem;
    vertical-align: middle
}

.auroral-yellow .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
}

.auroral-yellow .activity-description .description-content[data-v-a6dacde6] {
    background: var(--ep-color-background-fill-surface-lowered, #141414);
    border-radius: var(--ep-border-radius-m, .375rem);
    padding: 1.5rem .9375rem
}

.auroral-yellow .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
}

.auroral-yellow .activity-description .description-content .description-text p[data-v-a6dacde6] {
    margin-bottom: 1rem
}

.auroral-yellow .activity-description .description-content .description-text p[data-v-a6dacde6]:last-child {
    margin-bottom: 0
}

.auroral-yellow .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
}

.auroral-yellow .activity-description .description-content .rule-content .rule-text[data-v-a6dacde6] {
    margin-bottom: 1rem
}

.auroral-yellow .activity-description .description-content .rule-content .rule-text[data-v-a6dacde6]:last-child {
    margin-bottom: 0
}

.auroral-yellow .bottom-action[data-v-a6dacde6] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 5rem;
    background: var(--ep-color-background-fill-surface-raised-L1, #24221F);
    border-top: 1px solid var(--ep-color-border-default, #3D3A35);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 .75rem
}

.auroral-yellow .bottom-action .claim-button[data-v-a6dacde6] {
    width: 100%;
    max-width: 22.875rem;
    height: 2.875rem;
    background: var(--ep-color-background-fill-active-primary, #F7FB43);
    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, #000000);
    line-height: 1.5;
    cursor: pointer;
    transition: all .3s ease
}

.auroral-yellow .bottom-action .claim-button[data-v-a6dacde6]:hover:not(:disabled) {
    opacity: .9
}

.auroral-yellow .bottom-action .claim-button[data-v-a6dacde6]:active:not(:disabled) {
    transform: scale(.98)
}

.auroral-yellow .bottom-action .claim-button[data-v-a6dacde6]:disabled {
    background: var(--ep-color-background-fill-active-disabled, #C4C235);
    color: var(--ep-color-text-inverse-disabled, rgba(0, 0, 0, .6));
    cursor: not-allowed;
    opacity: 1
}

.betting-activity-page[data-v-a6dacde6] {
    min-height: 100vh;
    background: var(--ep-color-background-fill-body-default, #131F42);
    position: relative;
    padding-bottom: 5rem
}

.nav-header[data-v-a6dacde6] {
    position: relative;
    height: 3.125rem;
    background: var(--ep-color-background-fill-top-nav-secondary, #18254E);
    box-shadow: 0 4px 28.4px rgba(0, 0, 0, .1);
    display: flex;
    align-items: center;
    justify-content: center
}

.nav-header .nav-back[data-v-a6dacde6] {
    position: absolute;
    left: .875rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1.25rem;
    height: 1.25rem
}

.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
}

.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
}

.hero-banner[data-v-a6dacde6] {
    position: relative;
    width: 100%;
    height: 17rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center
}

.hero-banner .hero-image[data-v-a6dacde6] {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center 80%;
    transform: scale(1.03)
}

.content-wrapper[data-v-a6dacde6] {
    padding: 0 .875rem .875rem
}

.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
}

.bonus-table .table-title[data-v-a6dacde6] {
    background: var(--ep-color-background-fill-surface-lowered, #101B3C);
    padding: .5625rem 1.375rem;
    text-align: center
}

.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
}

.bonus-table .table-header[data-v-a6dacde6] {
    display: flex;
    background: var(--ep-color-background-fill-surface-raised-L1, #18254E);
    padding: .5625rem 0
}

.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
}

.bonus-table .table-row[data-v-a6dacde6] {
    display: flex;
    height: 2.625rem;
    align-items: center
}

.bonus-table .table-row[data-v-a6dacde6]:nth-child(odd) {
    background: var(--ep-color-background-fill-body-default, #131F42)
}

.bonus-table .table-row[data-v-a6dacde6]:nth-child(2n) {
    background: var(--ep-color-background-fill-surface-raised-L1, #18254E)
}

.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
}

.bonus-table .table-row .col-bets[data-v-a6dacde6] {
    font-weight: 600;
    color: var(--ep-color-text-default, #ffffff)
}

.bonus-table .table-row .col-bonus[data-v-a6dacde6] {
    font-weight: 600;
    color: var(--ep-color-text-warning, #FC974C)
}

.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
}

.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)
}

.bonus-table .table-row .status-btn.active[data-v-a6dacde6]:hover {
    opacity: .9
}

.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
}

.total-unreceived[data-v-a6dacde6] {
    margin-top: .875rem;
    background: var(--ep-color-background-fill-surface-raised-L1, #18254E);
    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
}

.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
}

.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
}

.activity-description[data-v-a6dacde6] {
    padding: 0 .875rem
}

.activity-description[data-v-a6dacde6] .ruleHeader {
    margin: 1rem 0
}

.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)
}

.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, #101B3C);
    border-radius: var(--ep-border-radius-m, .375rem);
    padding: .9375rem 1.0625rem
}

.activity-description[data-v-a6dacde6] .item-wrap .rule-item {
    margin-bottom: 1rem
}

.activity-description .description-header[data-v-a6dacde6] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .375rem;
    margin: 1.375rem 0
}

.activity-description .description-header .decoration-icon[data-v-a6dacde6] {
    display: flex;
    align-items: center;
    height: 1.0625rem
}

.activity-description .description-header .decoration-icon[data-v-a6dacde6] svg {
    width: auto;
    height: .6875rem;
    vertical-align: middle
}

.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
}

.activity-description .description-content[data-v-a6dacde6] {
    background: var(--ep-color-background-fill-surface-lowered, #101B3C);
    border-radius: var(--ep-border-radius-m, .375rem);
    padding: 1.5rem .9375rem
}

.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
}

.activity-description .description-content .description-text p[data-v-a6dacde6] {
    margin-bottom: 1rem
}

.activity-description .description-content .description-text p[data-v-a6dacde6]:last-child {
    margin-bottom: 0
}

.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
}

.activity-description .description-content .rule-content .rule-text[data-v-a6dacde6] {
    margin-bottom: 1rem
}

.activity-description .description-content .rule-content .rule-text[data-v-a6dacde6]:last-child {
    margin-bottom: 0
}

.bottom-action[data-v-a6dacde6] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 5rem;
    background: var(--ep-color-background-fill-surface-raised-L1, #18254E);
    border-top: 1px solid var(--ep-color-border-default, #1E2D67);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 .75rem
}

.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
}

.bottom-action .claim-button[data-v-a6dacde6]:hover:not(:disabled) {
    opacity: .9
}

.bottom-action .claim-button[data-v-a6dacde6]:active:not(:disabled) {
    transform: scale(.98)
}

.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
}

.color-primary-600[data-v-21f8125d] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-21f8125d] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-21f8125d] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-21f8125d] {
    color: var(--color-primary-900)
}

.bg-100[data-v-21f8125d] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-21f8125d] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-21f8125d] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-21f8125d] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-21f8125d] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-21f8125d] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-21f8125d] {
    background-color: var(--color-warning)
}

.bg-link[data-v-21f8125d] {
    background-color: var(--color-link)
}

.bg-danger[data-v-21f8125d] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-21f8125d] {
    color: var(--color-text-100)
}

.color-text-80[data-v-21f8125d] {
    color: var(--color-text-80)
}

.color-text-50[data-v-21f8125d] {
    color: var(--color-text-50)
}

.color-text-40[data-v-21f8125d] {
    color: var(--color-text-40)
}

.color-text-20[data-v-21f8125d] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-21f8125d] {
    color: var(--color-currency)
}

.color-warning[data-v-21f8125d] {
    color: var(--color-warning)
}

.color-danger[data-v-21f8125d] {
    color: var(--color-danger)
}

.color-link[data-v-21f8125d] {
    color: var(--color-link)
}

.color-line[data-v-21f8125d] {
    color: var(--color-line)
}

.color-border[data-v-21f8125d] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-21f8125d] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-21f8125d] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-21f8125d] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-21f8125d] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-21f8125d] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-21f8125d] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-21f8125d] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-21f8125d] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-21f8125d] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-21f8125d] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-21f8125d] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-21f8125d] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-21f8125d] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-21f8125d] {
    display: flex;
    align-items: center
}

.flex-start[data-v-21f8125d] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-21f8125d] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-21f8125d] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-21f8125d] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-21f8125d] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-21f8125d] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-21f8125d] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-21f8125d] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-21f8125d] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-21f8125d] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-21f8125d] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-21f8125d] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-21f8125d] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-21f8125d] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-21f8125d] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-21f8125d] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-21f8125d] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-21f8125d] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-21f8125d] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-21f8125d] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-21f8125d] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-21f8125d] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-21f8125d] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-21f8125d] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-21f8125d],
.mlm-selected-item[data-v-21f8125d] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-21f8125d] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-21f8125d]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-21f8125d] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-21f8125d] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-21f8125d] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.agent-media[data-v-21f8125d] {
    font-size: .75rem;
    position: relative
}

.agent-media .agent-media-title[data-v-21f8125d] {
    background-image: url(/assets/bar-title-Di-5Kp5r.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: 0 0;
    width: calc(100% + 2.875rem);
    aspect-ratio: 120/23;
    position: absolute;
    top: -3.125rem;
    left: -1.4375rem;
    font-weight: 700;
    text-shadow: -1px -1px 0 var(--ep-color-text-danger, var(--ep-compat-color-text-danger)), 1px -1px 0 var(--ep-color-text-danger, var(--ep-compat-color-text-danger)), -1px 1px 0 var(--ep-color-text-danger, var(--ep-compat-color-text-danger)), 1px 1px 0 var(--ep-color-text-danger, var(--ep-compat-color-text-danger))
}

.agent-media .agent-media-title span[data-v-21f8125d] {
    height: 57%;
    display: flex;
    align-items: center;
    justify-content: center
}

.agent-media .agent-media-link[data-v-21f8125d] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: .3125rem;
    padding: 0 .4375rem
}

.agent-media .agent-media-link .agent-media-link-icons[data-v-21f8125d] {
    width: 100%;
    overflow: auto hidden;
    gap: .625rem;
    display: flex;
    flex-wrap: nowrap
}

.agent-media .agent-media-link .agent-media-link-icons .agent-media-link-icon[data-v-21f8125d] {
    min-width: 2.1875rem;
    min-height: 2.1875rem
}

.agent-media .agent-media-link .share-url-warp[data-v-21f8125d] {
    gap: .25rem;
    display: flex;
    padding: 0 .25rem;
    align-items: center;
    justify-content: center;
    background: linear-gradient(90deg, rgba(38, 57, 156, 0), #3345a3, rgba(38, 57, 156, 0))
}

.agent-media .agent-media-link .share-url-warp .url-title[data-v-21f8125d] {
    font-weight: 500
}

.agent-media .agent-media-link .share-url-warp .url-link[data-v-21f8125d] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--ep-color-text-brand-primary, var(--ep-compat-color-text-brand-primary));
    flex: 1
}

.agent-media .agent-media-link .share-url-warp ion-icon[data-v-21f8125d] {
    width: 1.5rem;
    height: 1.5rem;
    color: var(--ep-color-icon-default)
}

.agent-media .agent-media-link .details-warp[data-v-21f8125d] {
    display: flex;
    margin-top: 1rem;
    padding: .875rem;
    align-items: center;
    border-radius: .25rem;
    background: rgba(51, 69, 163, .4)
}

.agent-media .agent-media-link .details-warp .details-content[data-v-21f8125d] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.agent-media .agent-media-link .details-warp .details-content .bet-register-count[data-v-21f8125d] {
    flex: 1;
    padding-right: .5rem
}

.agent-media .agent-media-link .details-warp .details-content .bet-register-count .count-text[data-v-21f8125d] {
    color: var(--ep-color-text-warning, var(--ep-compat-color-text-warning))
}

.agent-media .agent-media-link .details-warp .details-content button[data-v-21f8125d] {
    width: auto;
    color: var(--ep-color-text-inverse, var(--ep-compat-color-text-inverse));
    border-radius: .25rem;
    padding: .5rem .75rem;
    background-color: var(--ep-color-background-fill-active-primary, var(--ep-compat-color-background-fill-active-primary))
}

ion-segment[data-v-21f8125d] {
    --background: linear-gradient(90deg, rgba(38, 57, 156, 0) 0%, #3345A3 50%, rgba(38, 57, 156, 0) 100%);
    border-radius: 0;
    display: flex;
    justify-content: left
}

ion-segment-button.segment-button-disabled[data-v-21f8125d] {
    opacity: 1
}

ion-segment-button.ios[data-v-21f8125d] {
    --border-radius: .375rem;
    --background: transparent;
    --color: var(--color-text-100);
    --indicator-color: transparent;
    --padding-start: 0;
    --padding-end: 0;
    --padding-top: 0;
    --padding-bottom: 0;
    --indicator-box-shadow: none;
    flex: 0 0 auto;
    text-transform: capitalize;
    min-width: 0;
    max-width: 2.25rem;
    min-height: 2.5rem;
    max-height: 2.5rem;
    margin: .5rem .375rem .5rem 0
}

ion-segment-button.ios ion-icon[data-v-21f8125d] {
    width: 2.25rem;
    height: 2.25rem
}

ion-segment-button.ios[data-v-21f8125d]::part(native) {
    max-width: 2.25rem
}

ion-button.copy[data-v-21f8125d]::part(native) {
    --padding-top: 0;
    --padding-bottom: 0;
    --padding-start: 0;
    --padding-end: 0
}

.color-primary-600[data-v-8e8e4319] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-8e8e4319] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-8e8e4319] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-8e8e4319] {
    color: var(--color-primary-900)
}

.bg-100[data-v-8e8e4319] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-8e8e4319] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-8e8e4319] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-8e8e4319] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-8e8e4319] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-8e8e4319] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-8e8e4319] {
    background-color: var(--color-warning)
}

.bg-link[data-v-8e8e4319] {
    background-color: var(--color-link)
}

.bg-danger[data-v-8e8e4319] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-8e8e4319] {
    color: var(--color-text-100)
}

.color-text-80[data-v-8e8e4319] {
    color: var(--color-text-80)
}

.color-text-50[data-v-8e8e4319] {
    color: var(--color-text-50)
}

.color-text-40[data-v-8e8e4319] {
    color: var(--color-text-40)
}

.color-text-20[data-v-8e8e4319] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-8e8e4319] {
    color: var(--color-currency)
}

.color-warning[data-v-8e8e4319] {
    color: var(--color-warning)
}

.color-danger[data-v-8e8e4319] {
    color: var(--color-danger)
}

.color-link[data-v-8e8e4319] {
    color: var(--color-link)
}

.color-line[data-v-8e8e4319] {
    color: var(--color-line)
}

.color-border[data-v-8e8e4319] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-8e8e4319] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-8e8e4319] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-8e8e4319] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-8e8e4319] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-8e8e4319] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-8e8e4319] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-8e8e4319] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-8e8e4319] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-8e8e4319] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-8e8e4319] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-8e8e4319] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-8e8e4319] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-8e8e4319] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-8e8e4319] {
    display: flex;
    align-items: center
}

.flex-start[data-v-8e8e4319] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-8e8e4319] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-8e8e4319] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-8e8e4319] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-8e8e4319] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-8e8e4319] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-8e8e4319] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-8e8e4319] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-8e8e4319] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-8e8e4319] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-8e8e4319] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-8e8e4319] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-8e8e4319] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-8e8e4319] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-8e8e4319] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-8e8e4319] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-8e8e4319] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-8e8e4319] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-8e8e4319] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-8e8e4319] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-8e8e4319] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-8e8e4319] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-8e8e4319] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-8e8e4319] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-8e8e4319],
.mlm-selected-item[data-v-8e8e4319] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-8e8e4319] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-8e8e4319]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-8e8e4319] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-8e8e4319] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-8e8e4319] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.agent-reward-list-content[data-v-8e8e4319] {
    width: calc(100% + 1.5rem);
    margin-left: -.75rem;
    background-image: url(/assets/bg-reward-stage-BApFjLwQ.svg);
    background-repeat: repeat-y;
    background-size: 100% 8.25rem;
    background-position: top left;
    display: grid;
    padding: 0 .75rem .25rem;
    grid-template-columns: repeat(4, 25%);
    gap: 2.25rem 0
}

.agent-reward-list-content .agent-reward-list-item[data-v-8e8e4319] {
    color: rgba(255, 255, 255, .6);
    font-size: .625rem;
    margin-top: -1.875rem;
    aspect-ratio: 15/22
}

.agent-reward-list-content .agent-reward-list-item .agent-reward-list-icon[data-v-8e8e4319] {
    height: 4.4rem;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: 0 1.375rem .375rem;
    position: relative;
    z-index: 1
}

.agent-reward-list-content .agent-reward-list-item .agent-reward-list-icon[data-v-8e8e4319]:after {
    content: "";
    position: absolute;
    top: 90%;
    width: 40%;
    aspect-ratio: 7/1;
    background: rgba(0, 0, 0, .5);
    border-radius: 50%;
    filter: blur(.1rem);
    z-index: -1
}

.agent-reward-list-content .agent-reward-list-item .agent-reward-list-icon.light[data-v-8e8e4319] {
    padding-left: 1rem;
    padding-right: 1rem
}

.agent-reward-list-content .agent-reward-list-item .agent-reward-list-icon.light[data-v-8e8e4319]:before {
    z-index: -1;
    content: "";
    position: absolute;
    bottom: -45%;
    width: 150%;
    aspect-ratio: 1/1;
    background-image: url(/assets/bg-light-reward-CGBWsyh3.png);
    background-size: 100% 100%;
    animation: spin-8e8e4319 5s linear infinite
}

.agent-reward-list-content .agent-reward-list-item .agent-reward-list-icon.light.animate[data-v-8e8e4319] {
    padding-left: .25rem;
    padding-right: .25rem
}

.agent-reward-list-content .agent-reward-list-item .agent-reward-list-icon.light.animate img[data-v-8e8e4319] {
    animation: none;
    cursor: default;
    animation: shake-scale-opening-8e8e4319 2s ease-out forwards
}

.agent-reward-list-content .agent-reward-list-item .agent-reward-list-icon.light img[data-v-8e8e4319] {
    cursor: pointer;
    animation: shake-status-8e8e4319 1s linear infinite
}

.agent-reward-list-content .agent-reward-list-item .agent-reward-list-icon.light img.opening[data-v-8e8e4319] {
    animation: shake-rotate-start-8e8e4319 .2s linear infinite, shake-scale-start-8e8e4319 1s linear infinite
}

.agent-reward-list-content .agent-reward-list-item .agent-reward-list-icon img[data-v-8e8e4319] {
    width: 100%
}

.agent-reward-list-content .agent-reward-list-item .agent-reward-list-amount[data-v-8e8e4319] {
    width: 100%;
    display: none;
    font-weight: var(--ep-font-weight-medium, 600);
    white-space: nowrap;
    line-height: 1.6rem;
    background-image: url(/assets/bg-amount-CRiv46-9.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: 0 0
}

.agent-reward-list-content .agent-reward-list-item .agent-reward-list-amount.show[data-v-8e8e4319] {
    display: block
}

.agent-reward-list-content .agent-reward-list-item .agent-reward-list-amount.random[data-v-8e8e4319] {
    background-image: none
}

.agent-reward-list-content .agent-reward-list-item .agent-reward-list-amount.light[data-v-8e8e4319] {
    color: #fff
}

.agent-reward-list-content .agent-reward-list-item .agent-reward-list-amount.light.animate[data-v-8e8e4319] {
    display: block;
    color: #fc974c;
    background-image: url(/assets/bg-amount-light-c4cSZS5L.png)
}

.agent-reward-list-content .agent-reward-list-item .agent-reward-list-amount.light.animate.random[data-v-8e8e4319] {
    background-image: none
}

.agent-reward-list-content .agent-reward-list-item .agent-reward-list-amount.opened[data-v-8e8e4319] {
    display: block;
    color: #53c154
}

.agent-reward-list-content .agent-reward-list-item .agent-reward-list-amount p[data-v-8e8e4319] {
    line-height: 1.3
}

.agent-reward-list-content .agent-reward-list-item .agent-reward-list-condition[data-v-8e8e4319] {
    color: rgba(255, 255, 255, .6)
}

.agent-reward-list-content .agent-reward-list-item .agent-reward-list-condition span[data-v-8e8e4319] {
    white-space: nowrap
}

.agent-reward-list-content .agent-reward-list-item .agent-reward-list-condition span label[data-v-8e8e4319] {
    color: var(--ep-color-text-success);
    font-weight: var(--ep-font-weight-medium, 600)
}

@keyframes shake-status-8e8e4319 {
    30% {
        scale: 1.1;
        transform: rotate(0)
    }

    40% {
        transform: rotate(-15deg)
    }

    50% {
        transform: rotate(0)
    }

    60% {
        transform: rotate(-15deg)
    }

    70% {
        transform: rotate(0);
        scale: 1.1
    }

    to {
        scale: 1
    }
}

@keyframes spin-8e8e4319 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes shake-rotate-start-8e8e4319 {
    0% {
        transform: rotate(0)
    }

    25% {
        transform: rotate(-15deg)
    }

    50% {
        transform: rotate(0)
    }

    75% {
        transform: rotate(15deg)
    }

    to {
        transform: rotate(0)
    }
}

@keyframes shake-scale-start-8e8e4319 {
    0% {
        scale: 1
    }

    90% {
        scale: 1.1 .9
    }

    to {
        scale: 1
    }
}

@keyframes shake-scale-opening-8e8e4319 {
    0% {
        transform: scale(1)
    }

    20% {
        transform: scale(.97, 1.07);
        transform-origin: 50% 100%
    }

    40% {
        transform: scale(1)
    }

    60% {
        transform: scale(.98, 1.04);
        transform-origin: 50% 100%
    }

    80% {
        transform: scale(1)
    }

    90% {
        transform: scale(.99, 1.01);
        transform-origin: 50% 100%
    }

    to {
        transform: scale(1)
    }
}

.color-primary-600[data-v-f18ddc4d] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-f18ddc4d] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-f18ddc4d] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-f18ddc4d] {
    color: var(--color-primary-900)
}

.bg-100[data-v-f18ddc4d] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-f18ddc4d] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-f18ddc4d] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-f18ddc4d] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-f18ddc4d] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-f18ddc4d] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-f18ddc4d] {
    background-color: var(--color-warning)
}

.bg-link[data-v-f18ddc4d] {
    background-color: var(--color-link)
}

.bg-danger[data-v-f18ddc4d] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-f18ddc4d] {
    color: var(--color-text-100)
}

.color-text-80[data-v-f18ddc4d] {
    color: var(--color-text-80)
}

.color-text-50[data-v-f18ddc4d] {
    color: var(--color-text-50)
}

.color-text-40[data-v-f18ddc4d] {
    color: var(--color-text-40)
}

.color-text-20[data-v-f18ddc4d] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-f18ddc4d] {
    color: var(--color-currency)
}

.color-warning[data-v-f18ddc4d] {
    color: var(--color-warning)
}

.color-danger[data-v-f18ddc4d] {
    color: var(--color-danger)
}

.color-link[data-v-f18ddc4d] {
    color: var(--color-link)
}

.color-line[data-v-f18ddc4d] {
    color: var(--color-line)
}

.color-border[data-v-f18ddc4d] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-f18ddc4d] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-f18ddc4d] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-f18ddc4d] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-f18ddc4d] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-f18ddc4d] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-f18ddc4d] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-f18ddc4d] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-f18ddc4d] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-f18ddc4d] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-f18ddc4d] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-f18ddc4d] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-f18ddc4d] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-f18ddc4d] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-f18ddc4d] {
    display: flex;
    align-items: center
}

.flex-start[data-v-f18ddc4d] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-f18ddc4d] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-f18ddc4d] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-f18ddc4d] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-f18ddc4d] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-f18ddc4d] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-f18ddc4d] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-f18ddc4d] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-f18ddc4d] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-f18ddc4d] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-f18ddc4d] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-f18ddc4d] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-f18ddc4d] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-f18ddc4d] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-f18ddc4d] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-f18ddc4d] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-f18ddc4d] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-f18ddc4d] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-f18ddc4d] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-f18ddc4d] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-f18ddc4d] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-f18ddc4d] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-f18ddc4d] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-f18ddc4d] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-f18ddc4d],
.mlm-selected-item[data-v-f18ddc4d] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-f18ddc4d] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-f18ddc4d]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-f18ddc4d] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-f18ddc4d] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-f18ddc4d] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.agent-reward-list-content[data-v-f18ddc4d] {
    width: 100%;
    margin-top: -1rem;
    display: grid;
    padding: 0 .3125rem;
    grid-template-columns: repeat(1, 1fr);
    gap: .5rem 0
}

.agent-reward-list-content .agent-reward-list-item[data-v-f18ddc4d] {
    border-radius: .375rem;
    width: 100%;
    text-align: center;
    aspect-ratio: 110/20;
    display: flex;
    align-items: center;
    color: var(--ep-color-text-highlight-white-weaker, var(--ep-compat-color-text-highlight-white-weaker));
    background-color: #3345a3;
    padding: 0 .75rem;
    position: relative
}

.agent-reward-list-content .agent-reward-list-item .agent-reward-list-condition[data-v-f18ddc4d] {
    width: 38%
}

.agent-reward-list-content .agent-reward-list-item .agent-reward-list-condition p[data-v-f18ddc4d] {
    color: var(--ep-color-text-default, var(--ep-compat-color-text-default));
    font-size: 1.125rem;
    font-weight: 600
}

.agent-reward-list-content .agent-reward-list-item .agent-reward-list-amount[data-v-f18ddc4d] {
    flex: 1;
    width: 0
}

.agent-reward-list-content .agent-reward-list-item .agent-reward-list-amount p[data-v-f18ddc4d] {
    font-size: .875rem;
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.agent-reward-list-content .agent-reward-list-item .agent-reward-list-amount p.opened[data-v-f18ddc4d] {
    color: var(--ep-color-text-success, var(--ep-compat-color-text-success))
}

.agent-reward-list-content .agent-reward-list-item .agent-reward-list-amount p.light[data-v-f18ddc4d] {
    color: var(--ep-color-text-warning, var(--ep-compat-color-text-warning))
}

.agent-reward-list-content .agent-reward-list-item .agent-reward-list-button button[data-v-f18ddc4d] {
    width: auto;
    font-size: .75rem;
    border-radius: .25rem;
    padding: .25rem .75rem;
    opacity: 0
}

.agent-reward-list-content .agent-reward-list-item .agent-reward-list-button button.light[data-v-f18ddc4d] {
    opacity: 1;
    color: var(--ep-color-text-inverse, var(--ep-compat-color-text-inverse));
    background-color: var(--ep-color-background-fill-active-primary, var(--ep-compat-color-background-fill-active-primary))
}

.agent-reward-list-content .agent-reward-list-item .agent-reward-list-button button[disabled][data-v-f18ddc4d] {
    opacity: 1;
    background-color: var(--ep-color-background-fill-active-disabled, var(--ep-compat-color-background-fill-active-disabled));
    color: var(--ep-color-text-inverse-disabled, var(--ep-compat-color-text-inverse-disabled))
}

.agent-reward-list-content .agent-reward-list-item .agent-reward-bg[data-v-f18ddc4d] {
    position: absolute;
    height: 100%;
    left: 0;
    aspect-ratio: 13/6
}

.agent-reward-list-content .agent-reward-list-item .agent-reward-bg ion-icon[data-v-f18ddc4d] {
    color: rgba(10, 119, 218, .4);
    width: 100%;
    height: 100%
}

.color-primary-600[data-v-f0ee113f] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-f0ee113f] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-f0ee113f] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-f0ee113f] {
    color: var(--color-primary-900)
}

.bg-100[data-v-f0ee113f] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-f0ee113f] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-f0ee113f] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-f0ee113f] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-f0ee113f] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-f0ee113f] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-f0ee113f] {
    background-color: var(--color-warning)
}

.bg-link[data-v-f0ee113f] {
    background-color: var(--color-link)
}

.bg-danger[data-v-f0ee113f] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-f0ee113f] {
    color: var(--color-text-100)
}

.color-text-80[data-v-f0ee113f] {
    color: var(--color-text-80)
}

.color-text-50[data-v-f0ee113f] {
    color: var(--color-text-50)
}

.color-text-40[data-v-f0ee113f] {
    color: var(--color-text-40)
}

.color-text-20[data-v-f0ee113f] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-f0ee113f] {
    color: var(--color-currency)
}

.color-warning[data-v-f0ee113f] {
    color: var(--color-warning)
}

.color-danger[data-v-f0ee113f] {
    color: var(--color-danger)
}

.color-link[data-v-f0ee113f] {
    color: var(--color-link)
}

.color-line[data-v-f0ee113f] {
    color: var(--color-line)
}

.color-border[data-v-f0ee113f] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-f0ee113f] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-f0ee113f] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-f0ee113f] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-f0ee113f] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-f0ee113f] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-f0ee113f] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-f0ee113f] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-f0ee113f] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-f0ee113f] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-f0ee113f] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-f0ee113f] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-f0ee113f] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-f0ee113f] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-f0ee113f] {
    display: flex;
    align-items: center
}

.flex-start[data-v-f0ee113f] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-f0ee113f] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-f0ee113f] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-f0ee113f] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-f0ee113f] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-f0ee113f] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-f0ee113f] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-f0ee113f] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-f0ee113f] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-f0ee113f] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-f0ee113f] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-f0ee113f] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-f0ee113f] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-f0ee113f] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-f0ee113f] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-f0ee113f] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-f0ee113f] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-f0ee113f] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-f0ee113f] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-f0ee113f] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-f0ee113f] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-f0ee113f] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-f0ee113f] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-f0ee113f] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-f0ee113f],
.mlm-selected-item[data-v-f0ee113f] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-f0ee113f] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-f0ee113f]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-f0ee113f] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-f0ee113f] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-f0ee113f] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.agent-reward-list[data-v-f0ee113f] {
    font-size: .625rem;
    position: relative;
    padding-top: 4.5rem;
    text-align: center
}

.agent-reward-list .agent-reward-list-title[data-v-f0ee113f] {
    background-image: url(/assets/bar-title-Di-5Kp5r.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: 0 0;
    width: calc(100% + 2.875rem);
    aspect-ratio: 120/23;
    position: absolute;
    top: 0;
    left: -1.4375rem;
    font-weight: 700;
    text-shadow: -1px -1px 0 #E64021, 1px -1px 0 #E64021, -1px 1px 0 #E64021, 1px 1px 0 #E64021
}

.agent-reward-list .agent-reward-list-title span[data-v-f0ee113f] {
    height: 57%;
    display: flex;
    font-size: .75rem;
    align-items: center;
    justify-content: center
}

.color-primary-600[data-v-bdf81def] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-bdf81def] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-bdf81def] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-bdf81def] {
    color: var(--color-primary-900)
}

.bg-100[data-v-bdf81def] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-bdf81def] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-bdf81def] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-bdf81def] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-bdf81def] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-bdf81def] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-bdf81def] {
    background-color: var(--color-warning)
}

.bg-link[data-v-bdf81def] {
    background-color: var(--color-link)
}

.bg-danger[data-v-bdf81def] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-bdf81def] {
    color: var(--color-text-100)
}

.color-text-80[data-v-bdf81def] {
    color: var(--color-text-80)
}

.color-text-50[data-v-bdf81def] {
    color: var(--color-text-50)
}

.color-text-40[data-v-bdf81def] {
    color: var(--color-text-40)
}

.color-text-20[data-v-bdf81def] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-bdf81def] {
    color: var(--color-currency)
}

.color-warning[data-v-bdf81def] {
    color: var(--color-warning)
}

.color-danger[data-v-bdf81def] {
    color: var(--color-danger)
}

.color-link[data-v-bdf81def] {
    color: var(--color-link)
}

.color-line[data-v-bdf81def] {
    color: var(--color-line)
}

.color-border[data-v-bdf81def] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-bdf81def] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-bdf81def] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-bdf81def] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-bdf81def] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-bdf81def] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-bdf81def] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-bdf81def] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-bdf81def] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-bdf81def] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-bdf81def] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-bdf81def] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-bdf81def] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-bdf81def] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-bdf81def] {
    display: flex;
    align-items: center
}

.flex-start[data-v-bdf81def] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-bdf81def] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-bdf81def] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-bdf81def] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-bdf81def] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-bdf81def] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-bdf81def] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-bdf81def] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-bdf81def] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-bdf81def] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-bdf81def] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-bdf81def] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-bdf81def] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-bdf81def] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-bdf81def] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-bdf81def] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-bdf81def] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-bdf81def] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-bdf81def] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-bdf81def] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-bdf81def] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-bdf81def] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-bdf81def] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-bdf81def] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-bdf81def],
.mlm-selected-item[data-v-bdf81def] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-bdf81def] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-bdf81def]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-bdf81def] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-bdf81def] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-bdf81def] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.agent-condition[data-v-bdf81def] {
    padding: .625rem;
    font-size: .75rem;
    background-color: rgba(51, 69, 163, .4)
}

.agent-condition .agent-condition-title[data-v-bdf81def] {
    padding-bottom: .625rem
}

.agent-condition .agent-condition-title p[data-v-bdf81def] {
    font-weight: 600
}

.agent-condition .agent-condition-item[data-v-bdf81def] {
    display: flex;
    align-items: center;
    padding: .625rem 0;
    border-top: 1px solid #FFFFFF1A;
    justify-content: space-between
}

.agent-condition .agent-condition-item .agent-condition-item-title[data-v-bdf81def] {
    color: rgba(255, 255, 255, .6)
}

.agent-condition .agent-condition-item .agent-condition-item-amount[data-v-bdf81def] {
    text-align: right;
    color: #fc974c;
    font-weight: 700;
    width: 5rem
}

.color-primary-600[data-v-5b7d8980] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-5b7d8980] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-5b7d8980] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-5b7d8980] {
    color: var(--color-primary-900)
}

.bg-100[data-v-5b7d8980] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-5b7d8980] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-5b7d8980] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-5b7d8980] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-5b7d8980] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-5b7d8980] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-5b7d8980] {
    background-color: var(--color-warning)
}

.bg-link[data-v-5b7d8980] {
    background-color: var(--color-link)
}

.bg-danger[data-v-5b7d8980] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-5b7d8980] {
    color: var(--color-text-100)
}

.color-text-80[data-v-5b7d8980] {
    color: var(--color-text-80)
}

.color-text-50[data-v-5b7d8980] {
    color: var(--color-text-50)
}

.color-text-40[data-v-5b7d8980] {
    color: var(--color-text-40)
}

.color-text-20[data-v-5b7d8980] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-5b7d8980] {
    color: var(--color-currency)
}

.color-warning[data-v-5b7d8980] {
    color: var(--color-warning)
}

.color-danger[data-v-5b7d8980] {
    color: var(--color-danger)
}

.color-link[data-v-5b7d8980] {
    color: var(--color-link)
}

.color-line[data-v-5b7d8980] {
    color: var(--color-line)
}

.color-border[data-v-5b7d8980] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-5b7d8980] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-5b7d8980] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-5b7d8980] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-5b7d8980] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-5b7d8980] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-5b7d8980] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-5b7d8980] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-5b7d8980] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-5b7d8980] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-5b7d8980] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-5b7d8980] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-5b7d8980] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-5b7d8980] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-5b7d8980] {
    display: flex;
    align-items: center
}

.flex-start[data-v-5b7d8980] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-5b7d8980] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-5b7d8980] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-5b7d8980] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-5b7d8980] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-5b7d8980] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-5b7d8980] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-5b7d8980] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-5b7d8980] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-5b7d8980] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-5b7d8980] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-5b7d8980] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-5b7d8980] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-5b7d8980] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-5b7d8980] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-5b7d8980] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-5b7d8980] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-5b7d8980] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-5b7d8980] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-5b7d8980] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-5b7d8980] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-5b7d8980] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-5b7d8980] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-5b7d8980] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-5b7d8980],
.mlm-selected-item[data-v-5b7d8980] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-5b7d8980] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-5b7d8980]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-5b7d8980] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-5b7d8980] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-5b7d8980] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.btn-history ion-icon[data-v-5b7d8980] {
    color: var(--ep-color-icon-default)
}

ion-toolbar ion-icon[data-v-5b7d8980] {
    width: 1.5rem;
    height: 1.5rem
}

ion-content[data-v-5b7d8980] {
    --background: #131F42
}

ion-content .agent-poster[data-v-5b7d8980] {
    width: 100%;
    height: 18.25rem;
    background-image: url(/assets/bg-poster-LLEGbj7Z.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center -7rem
}

ion-content .agent-poster .agent-poster-gift[data-v-5b7d8980] {
    width: 100%;
    height: 100%;
    background-image: url(/assets/gift-poster-D7AkFIu3.png);
    background-size: auto 9.875rem;
    background-repeat: no-repeat;
    background-position: center 7.75rem
}

ion-content .agent-poster .agent-poster-treasure[data-v-5b7d8980] {
    width: 100%;
    height: 100%;
    background-image: url(/assets/treasure-poster-C6LwZsge.png);
    background-size: auto 10rem;
    background-repeat: no-repeat;
    background-position: center 7.75rem
}

ion-content .agent-content[data-v-5b7d8980] {
    padding: 0 1.25rem 1.25rem
}

ion-content .agent-content .agent-content-wrap[data-v-5b7d8980] {
    gap: 1.5rem;
    color: #fff;
    display: flex;
    position: relative;
    padding: 2rem 0 .5rem;
    background: #2a2371;
    flex-direction: column;
    border: 4px solid #797AF1;
    border-top-width: 0;
    box-shadow: 0 0 0 4px #3852eb
}

ion-content .agent-content .agent-content-wrap[data-v-5b7d8980]:after {
    content: "";
    position: absolute;
    bottom: -.75rem;
    left: -1rem;
    background-image: url(/assets/agent-corner-DU9mf11m.svg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
    height: 4.75rem;
    width: 2.25rem;
    transform: scaleX(-1)
}

ion-content .agent-content .agent-content-wrap[data-v-5b7d8980]:before {
    content: "";
    position: absolute;
    bottom: -.75rem;
    right: -1rem;
    background-image: url(/assets/agent-corner-DU9mf11m.svg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
    height: 4.75rem;
    width: 2.25rem
}

.agent-rule[data-v-5b7d8980] {
    font-size: .75rem;
    padding: 0 .5rem;
    display: flex;
    flex-direction: column
}

.agent-rule[data-v-5b7d8980] .ruleHeader {
    display: flex;
    font-weight: 600;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem
}

.agent-rule[data-v-5b7d8980] .ruleHeader .span-cls {
    color: #fff;
    font-size: 1rem
}

.agent-rule[data-v-5b7d8980] .item-wrap {
    padding: 0
}

.agent-rule[data-v-5b7d8980] .item-wrap .rule-item {
    white-space: pre-line;
    color: rgba(255, 255, 255, .6)
}

.color-primary-600[data-v-f3e842f9] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-f3e842f9] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-f3e842f9] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-f3e842f9] {
    color: var(--color-primary-900)
}

.bg-100[data-v-f3e842f9] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-f3e842f9] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-f3e842f9] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-f3e842f9] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-f3e842f9] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-f3e842f9] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-f3e842f9] {
    background-color: var(--color-warning)
}

.bg-link[data-v-f3e842f9] {
    background-color: var(--color-link)
}

.bg-danger[data-v-f3e842f9] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-f3e842f9] {
    color: var(--color-text-100)
}

.color-text-80[data-v-f3e842f9] {
    color: var(--color-text-80)
}

.color-text-50[data-v-f3e842f9] {
    color: var(--color-text-50)
}

.color-text-40[data-v-f3e842f9] {
    color: var(--color-text-40)
}

.color-text-20[data-v-f3e842f9] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-f3e842f9] {
    color: var(--color-currency)
}

.color-warning[data-v-f3e842f9] {
    color: var(--color-warning)
}

.color-danger[data-v-f3e842f9] {
    color: var(--color-danger)
}

.color-link[data-v-f3e842f9] {
    color: var(--color-link)
}

.color-line[data-v-f3e842f9] {
    color: var(--color-line)
}

.color-border[data-v-f3e842f9] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-f3e842f9] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-f3e842f9] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-f3e842f9] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-f3e842f9] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-f3e842f9] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-f3e842f9] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-f3e842f9] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-f3e842f9] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-f3e842f9] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-f3e842f9] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-f3e842f9] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-f3e842f9] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-f3e842f9] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-f3e842f9] {
    display: flex;
    align-items: center
}

.flex-start[data-v-f3e842f9] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-f3e842f9] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-f3e842f9] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-f3e842f9] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-f3e842f9] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-f3e842f9] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-f3e842f9] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-f3e842f9] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-f3e842f9] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-f3e842f9] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-f3e842f9] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-f3e842f9] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-f3e842f9] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-f3e842f9] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-f3e842f9] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-f3e842f9] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-f3e842f9] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-f3e842f9] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-f3e842f9] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-f3e842f9] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-f3e842f9] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-f3e842f9] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-f3e842f9] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-f3e842f9] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-f3e842f9],
.mlm-selected-item[data-v-f3e842f9] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-f3e842f9] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-f3e842f9]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-f3e842f9] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-f3e842f9] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-f3e842f9] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.bonus[data-v-f3e842f9] {
    position: relative;
    width: 22.625rem;
    height: 8.25rem;
    margin-inline: .9375rem
}

.bonus .bonus-img[data-v-f3e842f9] {
    width: 0
}

.bonus .bonus-img.good-img[data-v-f3e842f9] {
    width: 100%;
    height: 100%
}

.money-1[data-v-f3e842f9],
.money-2[data-v-f3e842f9],
.money-3[data-v-f3e842f9],
.money-4[data-v-f3e842f9],
.money-5[data-v-f3e842f9],
.money-6[data-v-f3e842f9],
.money-7[data-v-f3e842f9],
.money-8[data-v-f3e842f9],
.money-9[data-v-f3e842f9] {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    text-transform: capitalize;
    font-size: 20px;
    font-weight: 700
}

.money-1[data-v-f3e842f9],
.money-7[data-v-f3e842f9],
.money-8[data-v-f3e842f9] {
    filter: drop-shadow(0 .125rem 0 #6E0412) drop-shadow(0 .1875rem .125rem #000);
    background: linear-gradient(180deg, #ffc41a 16.67%, #feffa6 38.67%, #ffc21a 66.67%, #fd6e15 83.33%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.money-2[data-v-f3e842f9],
.money-4[data-v-f3e842f9],
.money-5[data-v-f3e842f9] {
    color: #fff;
    text-shadow: 0 0 .03125rem #6302D3, 0 0 .03125rem #6302D3, 0 0 .0625rem #6302D3, 0 0 .0625rem #6302D3, 0 0 .125rem #6302D3, 0 0 .125rem #6302D3, 0 0 .1875rem #6302D3, 0 0 .1875rem #6302D3, 0 .1875rem .1875rem #33016D, 0 .25rem .25rem #260052;
    -webkit-text-stroke-width: 2;
    -webkit-text-stroke-color: #000
}

.money-3[data-v-f3e842f9] {
    filter: drop-shadow(0 1px 1px #EE1E00) drop-shadow(0 -1px 0 #FFF148) drop-shadow(0 -1px 0 #FFFDC2);
    background: linear-gradient(180deg, #250a18 18.75%, #752525 75.83%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.money-6[data-v-f3e842f9] {
    filter: drop-shadow(0 .0625rem .0625rem #6E0412) drop-shadow(0 .0625rem .0625rem #fc0505);
    background: linear-gradient(180deg, #fffdc2, #fff148, #fc0505);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.money-1[data-v-f3e842f9],
.money-2[data-v-f3e842f9],
.money-3[data-v-f3e842f9],
.money-4[data-v-f3e842f9] {
    bottom: 1.375rem
}

.money-5[data-v-f3e842f9] {
    bottom: 1.75rem
}

.money-6[data-v-f3e842f9] {
    bottom: 1.5rem
}

.money-7[data-v-f3e842f9],
.money-8[data-v-f3e842f9] {
    bottom: 1.625rem
}

.money-9[data-v-f3e842f9] {
    bottom: .75rem;
    padding-left: .75rem;
    font-size: 2rem !important;
    color: #f5c84c;
    text-shadow: .125rem .125rem .25rem rgba(0, 0, 0, .5)
}

.color-primary-600[data-v-85cfddf3] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-85cfddf3] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-85cfddf3] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-85cfddf3] {
    color: var(--color-primary-900)
}

.bg-100[data-v-85cfddf3] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-85cfddf3] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-85cfddf3] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-85cfddf3] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-85cfddf3] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-85cfddf3] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-85cfddf3] {
    background-color: var(--color-warning)
}

.bg-link[data-v-85cfddf3] {
    background-color: var(--color-link)
}

.bg-danger[data-v-85cfddf3] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-85cfddf3] {
    color: var(--color-text-100)
}

.color-text-80[data-v-85cfddf3] {
    color: var(--color-text-80)
}

.color-text-50[data-v-85cfddf3] {
    color: var(--color-text-50)
}

.color-text-40[data-v-85cfddf3] {
    color: var(--color-text-40)
}

.color-text-20[data-v-85cfddf3] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-85cfddf3] {
    color: var(--color-currency)
}

.color-warning[data-v-85cfddf3] {
    color: var(--color-warning)
}

.color-danger[data-v-85cfddf3] {
    color: var(--color-danger)
}

.color-link[data-v-85cfddf3] {
    color: var(--color-link)
}

.color-line[data-v-85cfddf3] {
    color: var(--color-line)
}

.color-border[data-v-85cfddf3] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-85cfddf3] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-85cfddf3] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-85cfddf3] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-85cfddf3] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-85cfddf3] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-85cfddf3] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-85cfddf3] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-85cfddf3] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-85cfddf3] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-85cfddf3] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-85cfddf3] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-85cfddf3] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-85cfddf3] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-85cfddf3] {
    display: flex;
    align-items: center
}

.flex-start[data-v-85cfddf3] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-85cfddf3] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-85cfddf3] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-85cfddf3] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-85cfddf3] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-85cfddf3] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-85cfddf3] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-85cfddf3] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-85cfddf3] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-85cfddf3] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-85cfddf3] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-85cfddf3] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-85cfddf3] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-85cfddf3] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-85cfddf3] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-85cfddf3] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-85cfddf3] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-85cfddf3] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-85cfddf3] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-85cfddf3] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-85cfddf3] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-85cfddf3] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-85cfddf3] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-85cfddf3] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-85cfddf3],
.mlm-selected-item[data-v-85cfddf3] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-85cfddf3] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-85cfddf3]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-85cfddf3] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-85cfddf3] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-85cfddf3] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .layout1.bonus[data-v-85cfddf3] {
    display: flex;
    align-items: center
}

html .layout1.bonus .bonus-img[data-v-85cfddf3] {
    width: 2.375rem;
    height: 2.375rem;
    font-size: 2.375rem;
    margin-inline-end: .375rem
}

html .layout1.bonus .bonus-content[data-v-85cfddf3] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-shadow: var(--text-shadow, 0 0 .625rem #00d4ff)
}

html .layout1.bonus .bonus-content .bonus-content-inner[data-v-85cfddf3] {
    font-style: italic;
    line-height: 1
}

html .layout1.bonus .bonus-content .bonus-content-inner .bonus-money[data-v-85cfddf3],
html .layout1.bonus .bonus-content .bonus-content-inner .bonus-currency[data-v-85cfddf3] {
    font-size: .875rem;
    font-weight: 700;
    color: #fff
}

html .layout1.bonus .bonus-content .bonus-content-inner .bonus-currency[data-v-85cfddf3] {
    margin-inline-end: .3125rem
}

html .layout1.bonus .bonus-content .bonus-title[data-v-85cfddf3] {
    font-size: .625rem;
    font-weight: 700;
    font-style: italic;
    background: linear-gradient(90deg, #24d097, #239bc4);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

html .layout2.bonus[data-v-85cfddf3] {
    display: flex;
    align-items: center
}

html .layout2.bonus .bonus-img[data-v-85cfddf3] {
    width: 3.5rem;
    height: 3.5rem;
    font-size: 3.5rem;
    margin-inline-end: .375rem
}

html .layout2.bonus .bonus-content[data-v-85cfddf3] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: .5rem;
    text-shadow: var(--text-shadow, 0 0 .625rem #00d4ff)
}

html .layout2.bonus .bonus-content .bonus-content-inner[data-v-85cfddf3] {
    font-style: italic;
    line-height: 1
}

html .layout2.bonus .bonus-content .bonus-content-inner .bonus-money[data-v-85cfddf3],
html .layout2.bonus .bonus-content .bonus-content-inner .bonus-currency[data-v-85cfddf3] {
    font-size: 1.125rem;
    font-weight: 700;
    color: #fff
}

html .layout2.bonus .bonus-content .bonus-content-inner .bonus-currency[data-v-85cfddf3] {
    margin-inline-end: .3125rem
}

html .layout2.bonus .bonus-content .bonus-title[data-v-85cfddf3] {
    line-height: 1;
    font-size: .625rem;
    font-weight: 700;
    font-style: italic;
    background: linear-gradient(90deg, #24d097, #239bc4);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

#BonusPool-2-index .layout1.bonus[data-v-85cfddf3] {
    display: flex;
    align-items: center
}

#BonusPool-2-index .layout1.bonus .bonus-img[data-v-85cfddf3] {
    width: 2.375rem;
    height: 2.375rem;
    font-size: 2.375rem;
    margin-inline-end: .375rem
}

#BonusPool-2-index .layout1.bonus .bonus-content[data-v-85cfddf3] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-shadow: var(--text-shadow, 0 0 .625rem #00d4ff)
}

#BonusPool-2-index .layout1.bonus .bonus-content .bonus-content-inner[data-v-85cfddf3] {
    font-style: italic;
    line-height: 1
}

#BonusPool-2-index .layout1.bonus .bonus-content .bonus-content-inner .bonus-money[data-v-85cfddf3],
#BonusPool-2-index .layout1.bonus .bonus-content .bonus-content-inner .bonus-currency[data-v-85cfddf3] {
    font-size: .875rem;
    font-weight: 700;
    color: #fff
}

#BonusPool-2-index .layout1.bonus .bonus-content .bonus-content-inner .bonus-currency[data-v-85cfddf3] {
    margin-inline-end: .3125rem
}

#BonusPool-2-index .layout1.bonus .bonus-content .bonus-title[data-v-85cfddf3] {
    font-size: .625rem;
    font-weight: 700;
    font-style: italic;
    background: linear-gradient(90deg, #24d097, #239bc4);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

#BonusPool-2-index .layout2.bonus[data-v-85cfddf3] {
    display: flex;
    align-items: center
}

#BonusPool-2-index .layout2.bonus .bonus-img[data-v-85cfddf3] {
    width: 3.5rem;
    height: 3.5rem;
    font-size: 3.5rem;
    margin-inline-end: .375rem
}

#BonusPool-2-index .layout2.bonus .bonus-content[data-v-85cfddf3] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: .5rem;
    text-shadow: var(--text-shadow, 0 0 .625rem #00d4ff)
}

#BonusPool-2-index .layout2.bonus .bonus-content .bonus-content-inner[data-v-85cfddf3] {
    font-style: italic;
    line-height: 1
}

#BonusPool-2-index .layout2.bonus .bonus-content .bonus-content-inner .bonus-money[data-v-85cfddf3],
#BonusPool-2-index .layout2.bonus .bonus-content .bonus-content-inner .bonus-currency[data-v-85cfddf3] {
    font-size: 1.125rem;
    font-weight: 700;
    color: #fff
}

#BonusPool-2-index .layout2.bonus .bonus-content .bonus-content-inner .bonus-currency[data-v-85cfddf3] {
    margin-inline-end: .3125rem
}

#BonusPool-2-index .layout2.bonus .bonus-content .bonus-title[data-v-85cfddf3] {
    line-height: 1;
    font-size: .625rem;
    font-weight: 700;
    font-style: italic;
    background: linear-gradient(90deg, #24d097, #239bc4);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.color-primary-600[data-v-ecd9bb05] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-ecd9bb05] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-ecd9bb05] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-ecd9bb05] {
    color: var(--color-primary-900)
}

.bg-100[data-v-ecd9bb05] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-ecd9bb05] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-ecd9bb05] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-ecd9bb05] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-ecd9bb05] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-ecd9bb05] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-ecd9bb05] {
    background-color: var(--color-warning)
}

.bg-link[data-v-ecd9bb05] {
    background-color: var(--color-link)
}

.bg-danger[data-v-ecd9bb05] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-ecd9bb05] {
    color: var(--color-text-100)
}

.color-text-80[data-v-ecd9bb05] {
    color: var(--color-text-80)
}

.color-text-50[data-v-ecd9bb05] {
    color: var(--color-text-50)
}

.color-text-40[data-v-ecd9bb05] {
    color: var(--color-text-40)
}

.color-text-20[data-v-ecd9bb05] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-ecd9bb05] {
    color: var(--color-currency)
}

.color-warning[data-v-ecd9bb05] {
    color: var(--color-warning)
}

.color-danger[data-v-ecd9bb05] {
    color: var(--color-danger)
}

.color-link[data-v-ecd9bb05] {
    color: var(--color-link)
}

.color-line[data-v-ecd9bb05] {
    color: var(--color-line)
}

.color-border[data-v-ecd9bb05] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-ecd9bb05] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-ecd9bb05] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-ecd9bb05] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-ecd9bb05] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-ecd9bb05] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-ecd9bb05] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-ecd9bb05] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-ecd9bb05] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-ecd9bb05] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-ecd9bb05] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-ecd9bb05] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-ecd9bb05] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-ecd9bb05] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-ecd9bb05] {
    display: flex;
    align-items: center
}

.flex-start[data-v-ecd9bb05] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-ecd9bb05] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-ecd9bb05] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-ecd9bb05] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-ecd9bb05] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-ecd9bb05] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-ecd9bb05] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-ecd9bb05] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-ecd9bb05] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-ecd9bb05] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-ecd9bb05] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-ecd9bb05] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-ecd9bb05] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-ecd9bb05] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-ecd9bb05] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-ecd9bb05] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-ecd9bb05] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-ecd9bb05] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-ecd9bb05] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-ecd9bb05] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-ecd9bb05] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-ecd9bb05] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-ecd9bb05] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-ecd9bb05] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-ecd9bb05],
.mlm-selected-item[data-v-ecd9bb05] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-ecd9bb05] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-ecd9bb05]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-ecd9bb05] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-ecd9bb05] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-ecd9bb05] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .layout1.bonus[data-v-ecd9bb05] {
    width: 22.875rem;
    position: relative
}

html .layout1.bonus .bonus-img[data-v-ecd9bb05] {
    width: 100%;
    height: auto
}

html .layout1.bonus .bonus-content[data-v-ecd9bb05] {
    width: 100%;
    padding-right: 1.75rem;
    position: absolute;
    top: 1.25rem;
    right: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

html .layout1.bonus .bonus-content .bonus-money[data-v-ecd9bb05] {
    line-height: 1.5;
    font-size: .875rem;
    font-weight: 700;
    color: var(--ep-color-text-highlight, #F5C84C)
}

html .layout1.bonus .bonus-content .bonus-title[data-v-ecd9bb05] {
    font-size: var(--ep-font-size-xl, 1.125rem);
    font-weight: var(--ep-font-weight-bold, 700);
    text-transform: capitalize
}

#BonusPool-2-index .layout1.bonus[data-v-ecd9bb05] {
    width: 22.875rem;
    position: relative
}

#BonusPool-2-index .layout1.bonus .bonus-img[data-v-ecd9bb05] {
    width: 100%;
    height: auto
}

#BonusPool-2-index .layout1.bonus .bonus-content[data-v-ecd9bb05] {
    width: 100%;
    padding-right: 1.75rem;
    position: absolute;
    top: 1.25rem;
    right: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

#BonusPool-2-index .layout1.bonus .bonus-content .bonus-money[data-v-ecd9bb05] {
    line-height: 1.5;
    font-size: .875rem;
    font-weight: 700;
    color: var(--ep-color-text-highlight, #F5C84C)
}

#BonusPool-2-index .layout1.bonus .bonus-content .bonus-title[data-v-ecd9bb05] {
    font-size: var(--ep-font-size-xl, 1.125rem);
    font-weight: var(--ep-font-weight-bold, 700);
    text-transform: capitalize
}

.color-primary-600[data-v-4869d9e0] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-4869d9e0] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-4869d9e0] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-4869d9e0] {
    color: var(--color-primary-900)
}

.bg-100[data-v-4869d9e0] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-4869d9e0] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-4869d9e0] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-4869d9e0] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-4869d9e0] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-4869d9e0] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-4869d9e0] {
    background-color: var(--color-warning)
}

.bg-link[data-v-4869d9e0] {
    background-color: var(--color-link)
}

.bg-danger[data-v-4869d9e0] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-4869d9e0] {
    color: var(--color-text-100)
}

.color-text-80[data-v-4869d9e0] {
    color: var(--color-text-80)
}

.color-text-50[data-v-4869d9e0] {
    color: var(--color-text-50)
}

.color-text-40[data-v-4869d9e0] {
    color: var(--color-text-40)
}

.color-text-20[data-v-4869d9e0] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-4869d9e0] {
    color: var(--color-currency)
}

.color-warning[data-v-4869d9e0] {
    color: var(--color-warning)
}

.color-danger[data-v-4869d9e0] {
    color: var(--color-danger)
}

.color-link[data-v-4869d9e0] {
    color: var(--color-link)
}

.color-line[data-v-4869d9e0] {
    color: var(--color-line)
}

.color-border[data-v-4869d9e0] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-4869d9e0] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-4869d9e0] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-4869d9e0] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-4869d9e0] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-4869d9e0] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-4869d9e0] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-4869d9e0] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-4869d9e0] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-4869d9e0] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-4869d9e0] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-4869d9e0] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-4869d9e0] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-4869d9e0] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-4869d9e0] {
    display: flex;
    align-items: center
}

.flex-start[data-v-4869d9e0] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-4869d9e0] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-4869d9e0] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-4869d9e0] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-4869d9e0] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-4869d9e0] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-4869d9e0] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-4869d9e0] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-4869d9e0] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-4869d9e0] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-4869d9e0] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-4869d9e0] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-4869d9e0] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-4869d9e0] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-4869d9e0] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-4869d9e0] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-4869d9e0] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-4869d9e0] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-4869d9e0] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-4869d9e0] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-4869d9e0] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-4869d9e0] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-4869d9e0] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-4869d9e0] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-4869d9e0],
.mlm-selected-item[data-v-4869d9e0] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-4869d9e0] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-4869d9e0]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-4869d9e0] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-4869d9e0] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-4869d9e0] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .layout1.bonus[data-v-4869d9e0] {
    margin-top: .75rem;
    display: flex;
    align-items: center;
    padding: .75rem;
    position: relative
}

html .layout1.bonus .bonus-top-line[data-v-4869d9e0] {
    position: absolute;
    top: 0;
    left: .75rem;
    width: calc(100% - 1.5rem);
    height: 2px;
    background: #ff8743;
    box-shadow: 0 2.51px 2.54px rgba(255, 162, 0, .196), 0 6.34px 6.43px rgba(255, 162, 0, .28), 0 12.94px 13.11px rgba(255, 162, 0, .35), 0 26.65px 27.01px rgba(255, 162, 0, .435), 0 73px 74px rgba(255, 162, 0, .63)
}

html .layout1.bonus .bonus-img[data-v-4869d9e0] {
    width: 5.5rem;
    height: 5.5rem;
    font-size: 5.5rem;
    margin-inline-end: .375rem
}

html .layout1.bonus .bonus-content[data-v-4869d9e0] {
    gap: .5rem;
    display: flex;
    flex-direction: column;
    justify-content: center
}

html .layout1.bonus .bonus-content .bonus-content-inner[data-v-4869d9e0] {
    line-height: 1
}

html .layout1.bonus .bonus-content .bonus-content-inner .bonus-money[data-v-4869d9e0],
html .layout1.bonus .bonus-content .bonus-content-inner .bonus-currency[data-v-4869d9e0] {
    font-size: 2.375rem;
    font-weight: 600;
    color: var(--ep-color-text-brand-primary)
}

html .layout1.bonus .bonus-content .bonus-content-inner .bonus-currency[data-v-4869d9e0] {
    margin-inline-end: .3125rem
}

html .layout1.bonus .bonus-content .bonus-title[data-v-4869d9e0] {
    font-size: .875rem;
    color: var(--ep-color-text-weak)
}

#BonusPool-5-index .layout1.bonus[data-v-4869d9e0] {
    margin-top: .75rem;
    display: flex;
    align-items: center;
    padding: .75rem;
    position: relative
}

#BonusPool-5-index .layout1.bonus .bonus-top-line[data-v-4869d9e0] {
    position: absolute;
    top: 0;
    left: .75rem;
    width: calc(100% - 1.5rem);
    height: 2px;
    background: #ff8743;
    box-shadow: 0 2.51px 2.54px rgba(255, 162, 0, .196), 0 6.34px 6.43px rgba(255, 162, 0, .28), 0 12.94px 13.11px rgba(255, 162, 0, .35), 0 26.65px 27.01px rgba(255, 162, 0, .435), 0 73px 74px rgba(255, 162, 0, .63)
}

#BonusPool-5-index .layout1.bonus .bonus-img[data-v-4869d9e0] {
    width: 5.5rem;
    height: 5.5rem;
    font-size: 5.5rem;
    margin-inline-end: .375rem
}

#BonusPool-5-index .layout1.bonus .bonus-content[data-v-4869d9e0] {
    gap: .5rem;
    display: flex;
    flex-direction: column;
    justify-content: center
}

#BonusPool-5-index .layout1.bonus .bonus-content .bonus-content-inner[data-v-4869d9e0] {
    line-height: 1
}

#BonusPool-5-index .layout1.bonus .bonus-content .bonus-content-inner .bonus-money[data-v-4869d9e0],
#BonusPool-5-index .layout1.bonus .bonus-content .bonus-content-inner .bonus-currency[data-v-4869d9e0] {
    font-size: 2.375rem;
    font-weight: 600;
    color: var(--ep-color-text-brand-primary)
}

#BonusPool-5-index .layout1.bonus .bonus-content .bonus-content-inner .bonus-currency[data-v-4869d9e0] {
    margin-inline-end: .3125rem
}

#BonusPool-5-index .layout1.bonus .bonus-content .bonus-title[data-v-4869d9e0] {
    font-size: .875rem;
    color: var(--ep-color-text-weak)
}

.color-primary-600[data-v-5143f1ae] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-5143f1ae] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-5143f1ae] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-5143f1ae] {
    color: var(--color-primary-900)
}

.bg-100[data-v-5143f1ae] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-5143f1ae] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-5143f1ae] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-5143f1ae] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-5143f1ae] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-5143f1ae] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-5143f1ae] {
    background-color: var(--color-warning)
}

.bg-link[data-v-5143f1ae] {
    background-color: var(--color-link)
}

.bg-danger[data-v-5143f1ae] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-5143f1ae] {
    color: var(--color-text-100)
}

.color-text-80[data-v-5143f1ae] {
    color: var(--color-text-80)
}

.color-text-50[data-v-5143f1ae] {
    color: var(--color-text-50)
}

.color-text-40[data-v-5143f1ae] {
    color: var(--color-text-40)
}

.color-text-20[data-v-5143f1ae] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-5143f1ae] {
    color: var(--color-currency)
}

.color-warning[data-v-5143f1ae] {
    color: var(--color-warning)
}

.color-danger[data-v-5143f1ae] {
    color: var(--color-danger)
}

.color-link[data-v-5143f1ae] {
    color: var(--color-link)
}

.color-line[data-v-5143f1ae] {
    color: var(--color-line)
}

.color-border[data-v-5143f1ae] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-5143f1ae] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-5143f1ae] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-5143f1ae] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-5143f1ae] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-5143f1ae] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-5143f1ae] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-5143f1ae] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-5143f1ae] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-5143f1ae] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-5143f1ae] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-5143f1ae] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-5143f1ae] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-5143f1ae] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-5143f1ae] {
    display: flex;
    align-items: center
}

.flex-start[data-v-5143f1ae] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-5143f1ae] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-5143f1ae] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-5143f1ae] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-5143f1ae] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-5143f1ae] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-5143f1ae] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-5143f1ae] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-5143f1ae] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-5143f1ae] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-5143f1ae] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-5143f1ae] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-5143f1ae] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-5143f1ae] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-5143f1ae] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-5143f1ae] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-5143f1ae] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-5143f1ae] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-5143f1ae] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-5143f1ae] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-5143f1ae] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-5143f1ae] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-5143f1ae] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-5143f1ae] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-5143f1ae],
.mlm-selected-item[data-v-5143f1ae] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-5143f1ae] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-5143f1ae]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-5143f1ae] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-5143f1ae] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-5143f1ae] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.layout26.bonus[data-v-5143f1ae] {
    position: relative;
    height: 7.5625rem;
    margin-inline: .75rem
}

.layout26.bonus .bonus-img[data-v-5143f1ae] {
    width: 0
}

.layout26.bonus .bonus-img.good-img[data-v-5143f1ae] {
    width: 100%;
    height: 100%
}

.layout26.bonus .money-1[data-v-5143f1ae],
.layout26.bonus .money-2[data-v-5143f1ae],
.layout26.bonus .money-3[data-v-5143f1ae],
.layout26.bonus .money-4[data-v-5143f1ae],
.layout26.bonus .money-5[data-v-5143f1ae],
.layout26.bonus .money-6[data-v-5143f1ae],
.layout26.bonus .money-7[data-v-5143f1ae],
.layout26.bonus .money-8[data-v-5143f1ae],
.layout26.bonus .money-9[data-v-5143f1ae] {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    text-transform: capitalize;
    font-size: 20px;
    font-weight: 700
}

.layout26.bonus .money-1[data-v-5143f1ae],
.layout26.bonus .money-7[data-v-5143f1ae],
.layout26.bonus .money-8[data-v-5143f1ae] {
    filter: drop-shadow(0 .125rem 0 #6E0412) drop-shadow(0 .1875rem .125rem #000);
    background: linear-gradient(180deg, #ffc41a 16.67%, #feffa6 38.67%, #ffc21a 66.67%, #fd6e15 83.33%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.layout26.bonus .money-9[data-v-5143f1ae] {
    color: var(--ep-color-text-highlight);
    text-shadow: .125rem .125rem .25rem rgba(0, 0, 0, .5)
}

.layout26.bonus .money-2[data-v-5143f1ae],
.layout26.bonus .money-4[data-v-5143f1ae],
.layout26.bonus .money-5[data-v-5143f1ae] {
    color: #fff;
    text-shadow: 0 0 .03125rem #6302D3, 0 0 .03125rem #6302D3, 0 0 .0625rem #6302D3, 0 0 .0625rem #6302D3, 0 0 .125rem #6302D3, 0 0 .125rem #6302D3, 0 0 .1875rem #6302D3, 0 0 .1875rem #6302D3, 0 .1875rem .1875rem #33016D, 0 .25rem .25rem #260052;
    -webkit-text-stroke-width: 2;
    -webkit-text-stroke-color: #000
}

.layout26.bonus .money-3[data-v-5143f1ae] {
    filter: drop-shadow(0 1px 1px #EE1E00) drop-shadow(0 -1px 0 #FFF148) drop-shadow(0 -1px 0 #FFFDC2);
    background: linear-gradient(180deg, #250a18 18.75%, #752525 75.83%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.layout26.bonus .money-6[data-v-5143f1ae] {
    filter: drop-shadow(0 .0625rem .0625rem #6E0412) drop-shadow(0 .0625rem .0625rem #fc0505);
    background: linear-gradient(180deg, #fffdc2, #fff148, #fc0505);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.layout26.bonus .money-1[data-v-5143f1ae],
.layout26.bonus .money-2[data-v-5143f1ae],
.layout26.bonus .money-3[data-v-5143f1ae],
.layout26.bonus .money-4[data-v-5143f1ae] {
    bottom: 1rem
}

.layout26.bonus .money-5[data-v-5143f1ae] {
    bottom: 1.375rem
}

.layout26.bonus .money-6[data-v-5143f1ae] {
    bottom: 1.125rem
}

.layout26.bonus .money-7[data-v-5143f1ae],
.layout26.bonus .money-8[data-v-5143f1ae] {
    bottom: 1.25rem
}

.layout26.bonus .money-9[data-v-5143f1ae] {
    bottom: .375rem;
    padding-left: .75rem;
    font-size: 2rem !important
}

.layout26.bonus .img-9[data-v-5143f1ae] {
    object-fit: fill
}

.color-primary-600[data-v-1049ff44] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-1049ff44] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-1049ff44] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-1049ff44] {
    color: var(--color-primary-900)
}

.bg-100[data-v-1049ff44] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-1049ff44] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-1049ff44] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-1049ff44] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-1049ff44] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-1049ff44] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-1049ff44] {
    background-color: var(--color-warning)
}

.bg-link[data-v-1049ff44] {
    background-color: var(--color-link)
}

.bg-danger[data-v-1049ff44] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-1049ff44] {
    color: var(--color-text-100)
}

.color-text-80[data-v-1049ff44] {
    color: var(--color-text-80)
}

.color-text-50[data-v-1049ff44] {
    color: var(--color-text-50)
}

.color-text-40[data-v-1049ff44] {
    color: var(--color-text-40)
}

.color-text-20[data-v-1049ff44] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-1049ff44] {
    color: var(--color-currency)
}

.color-warning[data-v-1049ff44] {
    color: var(--color-warning)
}

.color-danger[data-v-1049ff44] {
    color: var(--color-danger)
}

.color-link[data-v-1049ff44] {
    color: var(--color-link)
}

.color-line[data-v-1049ff44] {
    color: var(--color-line)
}

.color-border[data-v-1049ff44] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-1049ff44] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-1049ff44] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-1049ff44] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-1049ff44] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-1049ff44] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-1049ff44] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-1049ff44] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-1049ff44] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-1049ff44] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-1049ff44] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-1049ff44] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-1049ff44] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-1049ff44] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-1049ff44] {
    display: flex;
    align-items: center
}

.flex-start[data-v-1049ff44] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-1049ff44] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-1049ff44] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-1049ff44] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-1049ff44] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-1049ff44] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-1049ff44] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-1049ff44] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-1049ff44] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-1049ff44] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-1049ff44] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-1049ff44] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-1049ff44] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-1049ff44] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-1049ff44] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-1049ff44] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-1049ff44] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-1049ff44] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-1049ff44] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-1049ff44] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-1049ff44] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-1049ff44] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-1049ff44] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-1049ff44] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-1049ff44],
.mlm-selected-item[data-v-1049ff44] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-1049ff44] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-1049ff44]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-1049ff44] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-1049ff44] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-1049ff44] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-img[data-v-1049ff44] {
    width: 0
}

ion-img.good-img[data-v-1049ff44] {
    width: 100%
}

.color-primary-600[data-v-84bf5470] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-84bf5470] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-84bf5470] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-84bf5470] {
    color: var(--color-primary-900)
}

.bg-100[data-v-84bf5470] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-84bf5470] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-84bf5470] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-84bf5470] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-84bf5470] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-84bf5470] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-84bf5470] {
    background-color: var(--color-warning)
}

.bg-link[data-v-84bf5470] {
    background-color: var(--color-link)
}

.bg-danger[data-v-84bf5470] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-84bf5470] {
    color: var(--color-text-100)
}

.color-text-80[data-v-84bf5470] {
    color: var(--color-text-80)
}

.color-text-50[data-v-84bf5470] {
    color: var(--color-text-50)
}

.color-text-40[data-v-84bf5470] {
    color: var(--color-text-40)
}

.color-text-20[data-v-84bf5470] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-84bf5470] {
    color: var(--color-currency)
}

.color-warning[data-v-84bf5470] {
    color: var(--color-warning)
}

.color-danger[data-v-84bf5470] {
    color: var(--color-danger)
}

.color-link[data-v-84bf5470] {
    color: var(--color-link)
}

.color-line[data-v-84bf5470] {
    color: var(--color-line)
}

.color-border[data-v-84bf5470] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-84bf5470] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-84bf5470] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-84bf5470] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-84bf5470] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-84bf5470] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-84bf5470] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-84bf5470] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-84bf5470] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-84bf5470] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-84bf5470] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-84bf5470] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-84bf5470] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-84bf5470] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-84bf5470] {
    display: flex;
    align-items: center
}

.flex-start[data-v-84bf5470] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-84bf5470] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-84bf5470] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-84bf5470] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-84bf5470] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-84bf5470] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-84bf5470] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-84bf5470] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-84bf5470] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-84bf5470] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-84bf5470] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-84bf5470] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-84bf5470] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-84bf5470] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-84bf5470] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-84bf5470] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-84bf5470] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-84bf5470] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-84bf5470] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-84bf5470] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-84bf5470] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-84bf5470] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-84bf5470] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-84bf5470] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-84bf5470],
.mlm-selected-item[data-v-84bf5470] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-84bf5470] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-84bf5470]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-84bf5470] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-84bf5470] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-84bf5470] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.color-primary-600[data-v-e35c4568] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-e35c4568] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-e35c4568] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-e35c4568] {
    color: var(--color-primary-900)
}

.bg-100[data-v-e35c4568] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-e35c4568] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-e35c4568] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-e35c4568] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-e35c4568] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-e35c4568] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-e35c4568] {
    background-color: var(--color-warning)
}

.bg-link[data-v-e35c4568] {
    background-color: var(--color-link)
}

.bg-danger[data-v-e35c4568] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-e35c4568] {
    color: var(--color-text-100)
}

.color-text-80[data-v-e35c4568] {
    color: var(--color-text-80)
}

.color-text-50[data-v-e35c4568] {
    color: var(--color-text-50)
}

.color-text-40[data-v-e35c4568] {
    color: var(--color-text-40)
}

.color-text-20[data-v-e35c4568] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-e35c4568] {
    color: var(--color-currency)
}

.color-warning[data-v-e35c4568] {
    color: var(--color-warning)
}

.color-danger[data-v-e35c4568] {
    color: var(--color-danger)
}

.color-link[data-v-e35c4568] {
    color: var(--color-link)
}

.color-line[data-v-e35c4568] {
    color: var(--color-line)
}

.color-border[data-v-e35c4568] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-e35c4568] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-e35c4568] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-e35c4568] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-e35c4568] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-e35c4568] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-e35c4568] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-e35c4568] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-e35c4568] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-e35c4568] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-e35c4568] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-e35c4568] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-e35c4568] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-e35c4568] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-e35c4568] {
    display: flex;
    align-items: center
}

.flex-start[data-v-e35c4568] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-e35c4568] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-e35c4568] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-e35c4568] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-e35c4568] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-e35c4568] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-e35c4568] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-e35c4568] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-e35c4568] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-e35c4568] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-e35c4568] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-e35c4568] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-e35c4568] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-e35c4568] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-e35c4568] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-e35c4568] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-e35c4568] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-e35c4568] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-e35c4568] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-e35c4568] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-e35c4568] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-e35c4568] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-e35c4568] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-e35c4568] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-e35c4568],
.mlm-selected-item[data-v-e35c4568] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-e35c4568] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-e35c4568]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-e35c4568] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-e35c4568] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-e35c4568] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.new-skin-symbol .pwa-header-wrap[data-v-e35c4568] {
    width: 100%;
    height: 3.125rem;
    background: var(--ep-color-background-fill-surface-lowered);
    position: relative;
    display: flex;
    align-items: center
}

.new-skin-symbol .pwa-header-wrap .close-btn-bg[data-v-e35c4568] {
    position: absolute;
    height: 3.875rem;
    width: 3.875rem;
    border-radius: 50%;
    background: var(--ep-neutral-white-white-10);
    transform: translate(-50%, -50%)
}

.new-skin-symbol .pwa-header-wrap .close-icon[data-v-e35c4568] {
    position: absolute;
    left: .25rem;
    top: .25rem;
    font-size: var(--ep-font-size-m);
    color: var(--ep-color-icon-default)
}

.new-skin-symbol .pwa-header-wrap .left-area[data-v-e35c4568] {
    display: flex;
    align-items: center;
    margin-left: 2.3125rem
}

.new-skin-symbol .pwa-header-wrap .left-area .pwa-icon-wrap[data-v-e35c4568] {
    width: 38px;
    height: 38px;
    border-radius: var(--ep-border-radius-l);
    overflow: hidden
}

.new-skin-symbol .pwa-header-wrap .left-area .pwa-icon-wrap .pwa-icon[data-v-e35c4568] {
    width: 100%;
    height: 100%
}

.new-skin-symbol .pwa-header-wrap .left-area .pwa-name[data-v-e35c4568] {
    width: 8.25rem;
    font-size: var(--ep-font-size-s);
    line-height: 1.125rem;
    color: var(--ep-color-text-default);
    margin: 0 .4375rem
}

.new-skin-symbol .pwa-header-wrap .left-area .pwa-money[data-v-e35c4568] {
    width: 2rem;
    height: 2rem
}

.theme-24 .pwa-header-wrap[data-v-e35c4568] {
    width: 100%;
    height: 3.125rem;
    background: var(--ep-color-background-fill-active-primary);
    position: relative;
    display: flex;
    align-items: center
}

.theme-24 .pwa-header-wrap .close-btn-bg[data-v-e35c4568] {
    position: absolute;
    height: 3.875rem;
    width: 3.875rem;
    border-radius: 50%;
    background: var(--ep-neutral-white-white-10);
    transform: translate(-50%, -50%)
}

.theme-24 .pwa-header-wrap .close-icon[data-v-e35c4568] {
    position: absolute;
    left: .25rem;
    top: .25rem;
    font-size: var(--ep-font-size-m);
    color: var(--ep-color-icon-default)
}

.theme-24 .pwa-header-wrap .left-area[data-v-e35c4568] {
    display: flex;
    align-items: center;
    margin-left: 2.3125rem
}

.theme-24 .pwa-header-wrap .left-area .pwa-icon-wrap[data-v-e35c4568] {
    width: 38px;
    height: 38px;
    border-radius: var(--ep-border-radius-l);
    overflow: hidden
}

.theme-24 .pwa-header-wrap .left-area .pwa-icon-wrap .pwa-icon[data-v-e35c4568] {
    width: 100%;
    height: 100%
}

.theme-24 .pwa-header-wrap .left-area .pwa-name[data-v-e35c4568] {
    width: 8.25rem;
    font-size: var(--ep-font-size-s);
    line-height: 1.125rem;
    color: var(--ep-color-text-default);
    margin: 0 .4375rem
}

.theme-24 .pwa-header-wrap .left-area .pwa-money[data-v-e35c4568] {
    width: 2rem;
    height: 2rem
}

.color-primary-600[data-v-8d648810] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-8d648810] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-8d648810] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-8d648810] {
    color: var(--color-primary-900)
}

.bg-100[data-v-8d648810] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-8d648810] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-8d648810] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-8d648810] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-8d648810] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-8d648810] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-8d648810] {
    background-color: var(--color-warning)
}

.bg-link[data-v-8d648810] {
    background-color: var(--color-link)
}

.bg-danger[data-v-8d648810] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-8d648810] {
    color: var(--color-text-100)
}

.color-text-80[data-v-8d648810] {
    color: var(--color-text-80)
}

.color-text-50[data-v-8d648810] {
    color: var(--color-text-50)
}

.color-text-40[data-v-8d648810] {
    color: var(--color-text-40)
}

.color-text-20[data-v-8d648810] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-8d648810] {
    color: var(--color-currency)
}

.color-warning[data-v-8d648810] {
    color: var(--color-warning)
}

.color-danger[data-v-8d648810] {
    color: var(--color-danger)
}

.color-link[data-v-8d648810] {
    color: var(--color-link)
}

.color-line[data-v-8d648810] {
    color: var(--color-line)
}

.color-border[data-v-8d648810] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-8d648810] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-8d648810] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-8d648810] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-8d648810] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-8d648810] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-8d648810] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-8d648810] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-8d648810] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-8d648810] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-8d648810] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-8d648810] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-8d648810] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-8d648810] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-8d648810] {
    display: flex;
    align-items: center
}

.flex-start[data-v-8d648810] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-8d648810] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-8d648810] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-8d648810] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-8d648810] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-8d648810] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-8d648810] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-8d648810] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-8d648810] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-8d648810] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-8d648810] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-8d648810] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-8d648810] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-8d648810] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-8d648810] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-8d648810] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-8d648810] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-8d648810] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-8d648810] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-8d648810] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-8d648810] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-8d648810] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-8d648810] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-8d648810] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-8d648810],
.mlm-selected-item[data-v-8d648810] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-8d648810] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-8d648810]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-8d648810] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-8d648810] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-8d648810] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

[data-v-8d648810] .mask {
    background: rgba(0, 0, 0, .8)
}

[data-v-8d648810] .new-skin-symbol .content_footer_pwa {
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    background: var(--ep-color-background-fill-surface-raised-L1);
    background-size: cover;
    color: var(--ep-color-text-default)
}

.install[data-v-8d648810] {
    --button-font-size: var(--ep-font-size-m);
    --button-font-weight: var(--ep-font-weight-medium)
}

.cancel[data-v-8d648810] {
    --color: var(--ep-color-text-default);
    line-height: 2rem;
    margin-right: 1rem
}

.color-primary-600[data-v-c589d68f] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-c589d68f] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-c589d68f] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-c589d68f] {
    color: var(--color-primary-900)
}

.bg-100[data-v-c589d68f] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-c589d68f] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-c589d68f] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-c589d68f] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-c589d68f] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-c589d68f] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-c589d68f] {
    background-color: var(--color-warning)
}

.bg-link[data-v-c589d68f] {
    background-color: var(--color-link)
}

.bg-danger[data-v-c589d68f] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-c589d68f] {
    color: var(--color-text-100)
}

.color-text-80[data-v-c589d68f] {
    color: var(--color-text-80)
}

.color-text-50[data-v-c589d68f] {
    color: var(--color-text-50)
}

.color-text-40[data-v-c589d68f] {
    color: var(--color-text-40)
}

.color-text-20[data-v-c589d68f] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-c589d68f] {
    color: var(--color-currency)
}

.color-warning[data-v-c589d68f] {
    color: var(--color-warning)
}

.color-danger[data-v-c589d68f] {
    color: var(--color-danger)
}

.color-link[data-v-c589d68f] {
    color: var(--color-link)
}

.color-line[data-v-c589d68f] {
    color: var(--color-line)
}

.color-border[data-v-c589d68f] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-c589d68f] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-c589d68f] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-c589d68f] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-c589d68f] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-c589d68f] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-c589d68f] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-c589d68f] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-c589d68f] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-c589d68f] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-c589d68f] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-c589d68f] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-c589d68f] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-c589d68f] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-c589d68f] {
    display: flex;
    align-items: center
}

.flex-start[data-v-c589d68f] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-c589d68f] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-c589d68f] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-c589d68f] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-c589d68f] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-c589d68f] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-c589d68f] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-c589d68f] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-c589d68f] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-c589d68f] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-c589d68f] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-c589d68f] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-c589d68f] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-c589d68f] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-c589d68f] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-c589d68f] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-c589d68f] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-c589d68f] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-c589d68f] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-c589d68f] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-c589d68f] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-c589d68f] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-c589d68f] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-c589d68f] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-c589d68f],
.mlm-selected-item[data-v-c589d68f] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-c589d68f] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-c589d68f]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-c589d68f] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-c589d68f] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-c589d68f] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .layout1.content-box[data-v-c589d68f] {
    position: relative
}

html .layout2.content-box[data-v-c589d68f] {
    width: 100%;
    position: relative;
    background: var(--ep-color-background-fill-surface-raised-L1, #18254E)
}

html .layout2.content-box[data-v-c589d68f]:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: var(--data-icon1);
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    mix-blend-mode: soft-light
}

html .layout3.content-box[data-v-c589d68f] {
    background-image: var(--data-icon1);
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat
}

html .layout4.content-box[data-v-c589d68f] {
    position: relative;
    z-index: 1;
    background-image: var(--data-icon1);
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat
}

html .layout4.content-box[data-v-c589d68f]:after {
    content: "";
    display: block;
    width: 50%;
    height: 4.0625rem;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: var(--after-background);
    filter: blur(70px)
}

#tabbar-components-layout-imgContentBox-index .layout1.content-box[data-v-c589d68f] {
    position: relative
}

#tabbar-components-layout-imgContentBox-index .layout2.content-box[data-v-c589d68f] {
    width: 100%;
    position: relative;
    background: var(--ep-color-background-fill-surface-raised-L1, #18254E)
}

#tabbar-components-layout-imgContentBox-index .layout2.content-box[data-v-c589d68f]:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: var(--data-icon1);
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    mix-blend-mode: soft-light
}

#tabbar-components-layout-imgContentBox-index .layout3.content-box[data-v-c589d68f] {
    background-image: var(--data-icon1);
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat
}

#tabbar-components-layout-imgContentBox-index .layout4.content-box[data-v-c589d68f] {
    position: relative;
    z-index: 1;
    background-image: var(--data-icon1);
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat
}

#tabbar-components-layout-imgContentBox-index .layout4.content-box[data-v-c589d68f]:after {
    content: "";
    display: block;
    width: 50%;
    height: 4.0625rem;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: var(--after-background);
    filter: blur(70px)
}

.color-primary-600[data-v-f45650b5] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-f45650b5] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-f45650b5] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-f45650b5] {
    color: var(--color-primary-900)
}

.bg-100[data-v-f45650b5] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-f45650b5] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-f45650b5] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-f45650b5] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-f45650b5] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-f45650b5] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-f45650b5] {
    background-color: var(--color-warning)
}

.bg-link[data-v-f45650b5] {
    background-color: var(--color-link)
}

.bg-danger[data-v-f45650b5] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-f45650b5] {
    color: var(--color-text-100)
}

.color-text-80[data-v-f45650b5] {
    color: var(--color-text-80)
}

.color-text-50[data-v-f45650b5] {
    color: var(--color-text-50)
}

.color-text-40[data-v-f45650b5] {
    color: var(--color-text-40)
}

.color-text-20[data-v-f45650b5] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-f45650b5] {
    color: var(--color-currency)
}

.color-warning[data-v-f45650b5] {
    color: var(--color-warning)
}

.color-danger[data-v-f45650b5] {
    color: var(--color-danger)
}

.color-link[data-v-f45650b5] {
    color: var(--color-link)
}

.color-line[data-v-f45650b5] {
    color: var(--color-line)
}

.color-border[data-v-f45650b5] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-f45650b5] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-f45650b5] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-f45650b5] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-f45650b5] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-f45650b5] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-f45650b5] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-f45650b5] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-f45650b5] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-f45650b5] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-f45650b5] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-f45650b5] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-f45650b5] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-f45650b5] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-f45650b5] {
    display: flex;
    align-items: center
}

.flex-start[data-v-f45650b5] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-f45650b5] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-f45650b5] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-f45650b5] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-f45650b5] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-f45650b5] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-f45650b5] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-f45650b5] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-f45650b5] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-f45650b5] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-f45650b5] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-f45650b5] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-f45650b5] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-f45650b5] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-f45650b5] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-f45650b5] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-f45650b5] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-f45650b5] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-f45650b5] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-f45650b5] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-f45650b5] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-f45650b5] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-f45650b5] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-f45650b5] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-f45650b5],
.mlm-selected-item[data-v-f45650b5] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-f45650b5] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-f45650b5]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-f45650b5] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-f45650b5] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-f45650b5] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.toolbar[data-v-f45650b5] {
    --padding-start: 0;
    --padding-top: 0;
    --padding-bottom: 0;
    --padding-end: 0;
    --background: var(--header-dynamic-bg, var(--ep-color-background-fill-top-nav-primary))
}

.border-top[data-v-f45650b5] {
    position: relative
}

.border-top[data-v-f45650b5]:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: .0625rem;
    background: var(--border-color)
}

.color-primary-600[data-v-68707873] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-68707873] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-68707873] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-68707873] {
    color: var(--color-primary-900)
}

.bg-100[data-v-68707873] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-68707873] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-68707873] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-68707873] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-68707873] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-68707873] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-68707873] {
    background-color: var(--color-warning)
}

.bg-link[data-v-68707873] {
    background-color: var(--color-link)
}

.bg-danger[data-v-68707873] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-68707873] {
    color: var(--color-text-100)
}

.color-text-80[data-v-68707873] {
    color: var(--color-text-80)
}

.color-text-50[data-v-68707873] {
    color: var(--color-text-50)
}

.color-text-40[data-v-68707873] {
    color: var(--color-text-40)
}

.color-text-20[data-v-68707873] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-68707873] {
    color: var(--color-currency)
}

.color-warning[data-v-68707873] {
    color: var(--color-warning)
}

.color-danger[data-v-68707873] {
    color: var(--color-danger)
}

.color-link[data-v-68707873] {
    color: var(--color-link)
}

.color-line[data-v-68707873] {
    color: var(--color-line)
}

.color-border[data-v-68707873] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-68707873] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-68707873] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-68707873] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-68707873] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-68707873] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-68707873] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-68707873] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-68707873] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-68707873] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-68707873] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-68707873] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-68707873] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-68707873] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-68707873] {
    display: flex;
    align-items: center
}

.flex-start[data-v-68707873] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-68707873] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-68707873] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-68707873] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-68707873] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-68707873] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-68707873] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-68707873] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-68707873] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-68707873] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-68707873] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-68707873] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-68707873] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-68707873] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-68707873] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-68707873] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-68707873] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-68707873] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-68707873] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-68707873] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-68707873] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-68707873] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-68707873] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-68707873] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-68707873],
.mlm-selected-item[data-v-68707873] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-68707873] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-68707873]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-68707873] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-68707873] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-68707873] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.footer[data-v-68707873] {
    --padding-start: 0;
    --padding-top: 0;
    --padding-bottom: 0;
    --padding-end: 0;
    --background: var(--footer-dynamic-bg, transparent)
}

.color-primary-600[data-v-120b7301] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-120b7301] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-120b7301] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-120b7301] {
    color: var(--color-primary-900)
}

.bg-100[data-v-120b7301] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-120b7301] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-120b7301] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-120b7301] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-120b7301] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-120b7301] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-120b7301] {
    background-color: var(--color-warning)
}

.bg-link[data-v-120b7301] {
    background-color: var(--color-link)
}

.bg-danger[data-v-120b7301] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-120b7301] {
    color: var(--color-text-100)
}

.color-text-80[data-v-120b7301] {
    color: var(--color-text-80)
}

.color-text-50[data-v-120b7301] {
    color: var(--color-text-50)
}

.color-text-40[data-v-120b7301] {
    color: var(--color-text-40)
}

.color-text-20[data-v-120b7301] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-120b7301] {
    color: var(--color-currency)
}

.color-warning[data-v-120b7301] {
    color: var(--color-warning)
}

.color-danger[data-v-120b7301] {
    color: var(--color-danger)
}

.color-link[data-v-120b7301] {
    color: var(--color-link)
}

.color-line[data-v-120b7301] {
    color: var(--color-line)
}

.color-border[data-v-120b7301] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-120b7301] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-120b7301] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-120b7301] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-120b7301] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-120b7301] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-120b7301] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-120b7301] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-120b7301] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-120b7301] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-120b7301] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-120b7301] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-120b7301] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-120b7301] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-120b7301] {
    display: flex;
    align-items: center
}

.flex-start[data-v-120b7301] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-120b7301] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-120b7301] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-120b7301] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-120b7301] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-120b7301] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-120b7301] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-120b7301] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-120b7301] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-120b7301] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-120b7301] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-120b7301] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-120b7301] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-120b7301] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-120b7301] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-120b7301] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-120b7301] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-120b7301] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-120b7301] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-120b7301] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-120b7301] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-120b7301] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-120b7301] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-120b7301] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-120b7301],
.mlm-selected-item[data-v-120b7301] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-120b7301] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-120b7301]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-120b7301] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-120b7301] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-120b7301] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .layout1.line[data-v-120b7301] {
    width: 100%;
    height: .0625rem;
    background: var(--ep-color-border-default)
}

html .layout1.line .column[data-v-120b7301] {
    width: .0625rem;
    height: 100%
}

html .layout2.line[data-v-120b7301] {
    position: relative;
    width: 100%;
    height: .0625rem;
    background: var(--ep-color-border-default)
}

html .layout2.line .column[data-v-120b7301] {
    width: .0625rem;
    height: 100%
}

html .layout2.line[data-v-120b7301]:after {
    content: "";
    display: block;
    width: 50%;
    height: 4.0625rem;
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: -1;
    transform: translate(-50%);
    background: var(--after-background);
    filter: blur(4.375rem)
}

#tabbar-components-layout-index .layout1.line[data-v-120b7301] {
    width: 100%;
    height: .0625rem;
    background: var(--ep-color-border-default)
}

#tabbar-components-layout-index .layout1.line .column[data-v-120b7301] {
    width: .0625rem;
    height: 100%
}

#tabbar-components-layout-index .layout2.line[data-v-120b7301] {
    position: relative;
    width: 100%;
    height: .0625rem;
    background: var(--ep-color-border-default)
}

#tabbar-components-layout-index .layout2.line .column[data-v-120b7301] {
    width: .0625rem;
    height: 100%
}

#tabbar-components-layout-index .layout2.line[data-v-120b7301]:after {
    content: "";
    display: block;
    width: 50%;
    height: 4.0625rem;
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: -1;
    transform: translate(-50%);
    background: var(--after-background);
    filter: blur(4.375rem)
}

.color-primary-600[data-v-9aed8d5d] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-9aed8d5d] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-9aed8d5d] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-9aed8d5d] {
    color: var(--color-primary-900)
}

.bg-100[data-v-9aed8d5d] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-9aed8d5d] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-9aed8d5d] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-9aed8d5d] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-9aed8d5d] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-9aed8d5d] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-9aed8d5d] {
    background-color: var(--color-warning)
}

.bg-link[data-v-9aed8d5d] {
    background-color: var(--color-link)
}

.bg-danger[data-v-9aed8d5d] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-9aed8d5d] {
    color: var(--color-text-100)
}

.color-text-80[data-v-9aed8d5d] {
    color: var(--color-text-80)
}

.color-text-50[data-v-9aed8d5d] {
    color: var(--color-text-50)
}

.color-text-40[data-v-9aed8d5d] {
    color: var(--color-text-40)
}

.color-text-20[data-v-9aed8d5d] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-9aed8d5d] {
    color: var(--color-currency)
}

.color-warning[data-v-9aed8d5d] {
    color: var(--color-warning)
}

.color-danger[data-v-9aed8d5d] {
    color: var(--color-danger)
}

.color-link[data-v-9aed8d5d] {
    color: var(--color-link)
}

.color-line[data-v-9aed8d5d] {
    color: var(--color-line)
}

.color-border[data-v-9aed8d5d] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-9aed8d5d] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-9aed8d5d] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-9aed8d5d] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-9aed8d5d] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-9aed8d5d] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-9aed8d5d] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-9aed8d5d] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-9aed8d5d] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-9aed8d5d] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-9aed8d5d] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-9aed8d5d] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-9aed8d5d] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-9aed8d5d] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-9aed8d5d] {
    display: flex;
    align-items: center
}

.flex-start[data-v-9aed8d5d] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-9aed8d5d] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-9aed8d5d] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-9aed8d5d] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-9aed8d5d] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-9aed8d5d] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-9aed8d5d] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-9aed8d5d] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-9aed8d5d] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-9aed8d5d] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-9aed8d5d] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-9aed8d5d] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-9aed8d5d] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-9aed8d5d] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-9aed8d5d] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-9aed8d5d] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-9aed8d5d] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-9aed8d5d] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-9aed8d5d] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-9aed8d5d] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-9aed8d5d] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-9aed8d5d] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-9aed8d5d] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-9aed8d5d] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-9aed8d5d],
.mlm-selected-item[data-v-9aed8d5d] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-9aed8d5d] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-9aed8d5d]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-9aed8d5d] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-9aed8d5d] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-9aed8d5d] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html ion-menu[data-v-9aed8d5d] {
    --background: var(--ep-color-background-fill-body-default)
}

html ion-menu ion-header[data-v-9aed8d5d] {
    background: var(--ep-color-background-fill-body-default)
}

html ion-menu ion-header ion-toolbar[data-v-9aed8d5d] {
    --background: var(--ep-color-background-fill-body-default)
}

html ion-menu ion-content[data-v-9aed8d5d] {
    --background: var(--ep-color-background-fill-body-default)
}

html ion-menu footer[data-v-9aed8d5d] {
    --background: var(--ep-color-background-fill-body-default)
}

footer[data-v-9aed8d5d] {
    position: fixed;
    bottom: 1rem;
    width: 100%;
    padding: 0 .75rem
}

.color-primary-600[data-v-f868cb1a] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-f868cb1a] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-f868cb1a] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-f868cb1a] {
    color: var(--color-primary-900)
}

.bg-100[data-v-f868cb1a] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-f868cb1a] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-f868cb1a] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-f868cb1a] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-f868cb1a] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-f868cb1a] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-f868cb1a] {
    background-color: var(--color-warning)
}

.bg-link[data-v-f868cb1a] {
    background-color: var(--color-link)
}

.bg-danger[data-v-f868cb1a] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-f868cb1a] {
    color: var(--color-text-100)
}

.color-text-80[data-v-f868cb1a] {
    color: var(--color-text-80)
}

.color-text-50[data-v-f868cb1a] {
    color: var(--color-text-50)
}

.color-text-40[data-v-f868cb1a] {
    color: var(--color-text-40)
}

.color-text-20[data-v-f868cb1a] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-f868cb1a] {
    color: var(--color-currency)
}

.color-warning[data-v-f868cb1a] {
    color: var(--color-warning)
}

.color-danger[data-v-f868cb1a] {
    color: var(--color-danger)
}

.color-link[data-v-f868cb1a] {
    color: var(--color-link)
}

.color-line[data-v-f868cb1a] {
    color: var(--color-line)
}

.color-border[data-v-f868cb1a] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-f868cb1a] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-f868cb1a] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-f868cb1a] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-f868cb1a] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-f868cb1a] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-f868cb1a] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-f868cb1a] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-f868cb1a] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-f868cb1a] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-f868cb1a] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-f868cb1a] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-f868cb1a] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-f868cb1a] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-f868cb1a] {
    display: flex;
    align-items: center
}

.flex-start[data-v-f868cb1a] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-f868cb1a] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-f868cb1a] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-f868cb1a] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-f868cb1a] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-f868cb1a] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-f868cb1a] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-f868cb1a] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-f868cb1a] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-f868cb1a] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-f868cb1a] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-f868cb1a] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-f868cb1a] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-f868cb1a] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-f868cb1a] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-f868cb1a] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-f868cb1a] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-f868cb1a] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-f868cb1a] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-f868cb1a] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-f868cb1a] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-f868cb1a] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-f868cb1a] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-f868cb1a] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-f868cb1a],
.mlm-selected-item[data-v-f868cb1a] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-f868cb1a] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-f868cb1a]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-f868cb1a] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-f868cb1a] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-f868cb1a] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .header-logo[data-v-f868cb1a] {
    --background: var(--ep-color-background-fill-body-default)
}

html .header-logo ion-menu-toggle[data-v-f868cb1a] {
    display: flex;
    align-items: center
}

html .header-logo .close[data-v-f868cb1a] {
    font-size: var(--ep-font-size-s, .75rem);
    padding: .625rem;
    border-radius: var(--ep-border-radius-xl, .625rem);
    background: var(--ep-color-background-fill-surface-raised-L2);
    color: var(--ep-color-icon-default)
}

html .header-logo .logo[data-v-f868cb1a] {
    height: 1.75rem
}

.color-primary-600[data-v-e05ec26d] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-e05ec26d] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-e05ec26d] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-e05ec26d] {
    color: var(--color-primary-900)
}

.bg-100[data-v-e05ec26d] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-e05ec26d] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-e05ec26d] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-e05ec26d] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-e05ec26d] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-e05ec26d] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-e05ec26d] {
    background-color: var(--color-warning)
}

.bg-link[data-v-e05ec26d] {
    background-color: var(--color-link)
}

.bg-danger[data-v-e05ec26d] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-e05ec26d] {
    color: var(--color-text-100)
}

.color-text-80[data-v-e05ec26d] {
    color: var(--color-text-80)
}

.color-text-50[data-v-e05ec26d] {
    color: var(--color-text-50)
}

.color-text-40[data-v-e05ec26d] {
    color: var(--color-text-40)
}

.color-text-20[data-v-e05ec26d] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-e05ec26d] {
    color: var(--color-currency)
}

.color-warning[data-v-e05ec26d] {
    color: var(--color-warning)
}

.color-danger[data-v-e05ec26d] {
    color: var(--color-danger)
}

.color-link[data-v-e05ec26d] {
    color: var(--color-link)
}

.color-line[data-v-e05ec26d] {
    color: var(--color-line)
}

.color-border[data-v-e05ec26d] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-e05ec26d] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-e05ec26d] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-e05ec26d] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-e05ec26d] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-e05ec26d] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-e05ec26d] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-e05ec26d] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-e05ec26d] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-e05ec26d] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-e05ec26d] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-e05ec26d] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-e05ec26d] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-e05ec26d] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-e05ec26d] {
    display: flex;
    align-items: center
}

.flex-start[data-v-e05ec26d] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-e05ec26d] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-e05ec26d] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-e05ec26d] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-e05ec26d] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-e05ec26d] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-e05ec26d] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-e05ec26d] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-e05ec26d] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-e05ec26d] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-e05ec26d] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-e05ec26d] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-e05ec26d] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-e05ec26d] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-e05ec26d] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-e05ec26d] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-e05ec26d] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-e05ec26d] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-e05ec26d] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-e05ec26d] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-e05ec26d] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-e05ec26d] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-e05ec26d] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-e05ec26d] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-e05ec26d],
.mlm-selected-item[data-v-e05ec26d] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-e05ec26d] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-e05ec26d]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-e05ec26d] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-e05ec26d] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-e05ec26d] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .header-logo[data-v-e05ec26d] {
    --background: var(--ep-color-background-fill-body-default)
}

html .header-logo ion-menu-toggle[data-v-e05ec26d] {
    display: flex;
    align-items: center
}

html .header-logo .close[data-v-e05ec26d] {
    font-size: var(--ep-font-size-s, .75rem);
    padding: .625rem;
    border-radius: var(--ep-border-radius-xl, .625rem);
    background: var(--ep-color-background-fill-surface-raised-L2);
    color: var(--ep-color-icon-default)
}

html .header-logo .logo[data-v-e05ec26d] {
    height: 1.75rem
}

html .header-logo .support[data-v-e05ec26d] {
    font-size: var(--ep-font-size-xl, 1.125rem);
    color: var(--ep-color-icon-brand-primary)
}

#tabbar-components-DrawerLeft-components-backHeader-26-index .header-logo[data-v-e05ec26d] {
    --background: var(--ep-color-background-fill-body-default)
}

#tabbar-components-DrawerLeft-components-backHeader-26-index .header-logo ion-menu-toggle[data-v-e05ec26d] {
    display: flex;
    align-items: center
}

#tabbar-components-DrawerLeft-components-backHeader-26-index .header-logo .close[data-v-e05ec26d] {
    font-size: var(--ep-font-size-s, .75rem);
    padding: .625rem;
    border-radius: var(--ep-border-radius-xl, .625rem);
    background: var(--ep-color-background-fill-surface-raised-L2);
    color: var(--ep-color-icon-default)
}

#tabbar-components-DrawerLeft-components-backHeader-26-index .header-logo .logo[data-v-e05ec26d] {
    height: 1.75rem
}

#tabbar-components-DrawerLeft-components-backHeader-26-index .header-logo .support[data-v-e05ec26d] {
    font-size: var(--ep-font-size-xl, 1.125rem);
    color: var(--ep-color-icon-brand-primary)
}

.color-primary-600[data-v-520e524d] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-520e524d] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-520e524d] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-520e524d] {
    color: var(--color-primary-900)
}

.bg-100[data-v-520e524d] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-520e524d] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-520e524d] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-520e524d] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-520e524d] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-520e524d] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-520e524d] {
    background-color: var(--color-warning)
}

.bg-link[data-v-520e524d] {
    background-color: var(--color-link)
}

.bg-danger[data-v-520e524d] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-520e524d] {
    color: var(--color-text-100)
}

.color-text-80[data-v-520e524d] {
    color: var(--color-text-80)
}

.color-text-50[data-v-520e524d] {
    color: var(--color-text-50)
}

.color-text-40[data-v-520e524d] {
    color: var(--color-text-40)
}

.color-text-20[data-v-520e524d] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-520e524d] {
    color: var(--color-currency)
}

.color-warning[data-v-520e524d] {
    color: var(--color-warning)
}

.color-danger[data-v-520e524d] {
    color: var(--color-danger)
}

.color-link[data-v-520e524d] {
    color: var(--color-link)
}

.color-line[data-v-520e524d] {
    color: var(--color-line)
}

.color-border[data-v-520e524d] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-520e524d] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-520e524d] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-520e524d] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-520e524d] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-520e524d] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-520e524d] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-520e524d] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-520e524d] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-520e524d] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-520e524d] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-520e524d] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-520e524d] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-520e524d] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-520e524d] {
    display: flex;
    align-items: center
}

.flex-start[data-v-520e524d] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-520e524d] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-520e524d] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-520e524d] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-520e524d] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-520e524d] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-520e524d] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-520e524d] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-520e524d] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-520e524d] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-520e524d] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-520e524d] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-520e524d] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-520e524d] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-520e524d] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-520e524d] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-520e524d] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-520e524d] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-520e524d] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-520e524d] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-520e524d] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-520e524d] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-520e524d] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-520e524d] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-520e524d],
.mlm-selected-item[data-v-520e524d] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-520e524d] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-520e524d]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-520e524d] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-520e524d] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-520e524d] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .layout1.game-categories[data-v-520e524d] {
    width: 100%;
    border-radius: .375rem;
    background: transparent
}

html .layout1.game-categories .categories-item[data-v-520e524d] {
    padding: .625rem .875rem;
    display: flex;
    align-items: center;
    gap: .625rem
}

html .layout1.game-categories .categories-item-icon[data-v-520e524d] {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    font-size: 1.5rem;
    background-size: 700% 100%;
    color: var(--ep-color-icon-danger)
}

html .layout1.game-categories .categories-item-label[data-v-520e524d] {
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-regular, 400);
    color: var(--ep-color-text-weaker)
}

html .layout2.game-categories[data-v-520e524d] {
    width: 100%;
    background: transparent
}

html .layout2.game-categories .categories-item[data-v-520e524d] {
    padding: .5625rem .625rem;
    display: flex;
    align-items: center;
    gap: .5rem
}

html .layout2.game-categories .categories-item .categories-item-icon-wrapper[data-v-520e524d] {
    width: 1.75rem;
    height: 1.75rem;
    overflow: hidden;
    border-radius: .1875rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .06))
}

html .layout2.game-categories .categories-item .categories-item-icon-wrapper .categories-item-icon[data-v-520e524d] {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 1.75rem;
    background-size: 700% 100%;
    color: var(--ep-color-icon-danger)
}

html .layout2.game-categories .categories-item .categories-item-label[data-v-520e524d] {
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-regular, 400);
    color: var(--ep-color-text-weaker)
}

html .layout3.game-categories[data-v-520e524d] {
    background: transparent
}

html .layout3.game-categories .categories-item[data-v-520e524d] {
    padding: .375rem .625rem;
    display: flex;
    align-items: center;
    gap: .625rem
}

html .layout3.game-categories .categories-item .categories-item-icon[data-v-520e524d] {
    display: block;
    width: 1.75rem;
    height: 1.75rem;
    font-size: 1.75rem;
    background-size: 700% 100%;
    color: var(--ep-color-icon-danger)
}

html .layout3.game-categories .categories-item .categories-item-label[data-v-520e524d] {
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-regular, 400);
    color: var(--ep-color-text-weaker, #8A867C)
}

html .layout4.game-categories[data-v-520e524d] {
    display: flex;
    flex-wrap: wrap;
    gap: .875rem;
    background: transparent
}

html .layout4.game-categories .categories-item[data-v-520e524d] {
    flex: 0 0 48%;
    overflow: hidden;
    padding: .375rem .875rem;
    display: flex;
    align-items: center;
    gap: .3125rem;
    border-radius: .25rem;
    border: .0625rem solid var(--ep-color-border-default-secondary, #34571D);
    background: #2b4f14
}

html .layout4.game-categories .categories-item .categories-item-icon-wrapper[data-v-520e524d] {
    width: 1.75rem;
    height: 1.75rem;
    overflow: hidden;
    border-radius: .1875rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .06))
}

html .layout4.game-categories .categories-item .categories-item-icon-wrapper .categories-item-icon[data-v-520e524d] {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 1.75rem;
    background-size: 700% 100%;
    color: var(--ep-color-icon-danger)
}

html .layout4.game-categories .categories-item .categories-item-label[data-v-520e524d] {
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-regular, 400);
    color: var(--ep-color-text-weaker)
}

html .layout26.game-categories[data-v-520e524d] {
    flex-direction: column;
    padding: 0 .75rem;
    display: flex;
    gap: .5rem;
    width: 100%
}

html .layout26.game-categories .categories-item[data-v-520e524d] {
    border-radius: var(--ep-border-radius-surface-default, .375rem);
    background: var(--ep-color-background-fill-surface-raised-L2);
    padding: .25rem .625rem;
    align-items: center;
    display: flex;
    gap: .625rem
}

html .layout26.game-categories .categories-item-icon[data-v-520e524d] {
    display: block;
    width: 1.75rem;
    height: 1.75rem;
    font-size: 1.75rem;
    background-size: 700% 100%;
    color: var(--ep-color-icon-danger)
}

html .layout26.game-categories .categories-item-label[data-v-520e524d] {
    font-size: var(--ep-font-size-m, .75rem);
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--ep-color-text-weaker)
}

.forest-green .layout4.game-categories[data-v-520e524d] {
    background: transparent
}

.forest-green .layout4.game-categories .categories-item[data-v-520e524d] {
    border: .0625rem solid #009F76;
    background: linear-gradient(90deg, #00694a, #00815d, #00694a)
}

.forest-green .layout4.game-categories .categories-item .categories-item-icon-wrapper[data-v-520e524d] {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(246, 252, 46, .17))
}

.forest-green .layout4.game-categories .categories-item .categories-item-icon-wrapper .categories-item-icon[data-v-520e524d] {
    color: var(--ep-color-icon-danger)
}

.forest-green .layout4.game-categories .categories-item .categories-item-label[data-v-520e524d] {
    color: var(--ep-color-text-weaker)
}

.amber-purple .layout4.game-categories[data-v-520e524d] {
    background: transparent
}

.amber-purple .layout4.game-categories .categories-item[data-v-520e524d] {
    border: .0625rem solid #3B3466;
    background: #3b3466
}

.amber-purple .layout4.game-categories .categories-item .categories-item-icon-wrapper[data-v-520e524d] {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .06))
}

.amber-purple .layout4.game-categories .categories-item .categories-item-icon-wrapper .categories-item-icon[data-v-520e524d] {
    color: var(--ep-color-icon-danger)
}

.amber-purple .layout4.game-categories .categories-item .categories-item-label[data-v-520e524d] {
    color: var(--ep-color-text-weaker)
}

.blue-default .layout4.game-categories[data-v-520e524d] {
    background: transparent
}

.blue-default .layout4.game-categories .categories-item[data-v-520e524d] {
    border: .0625rem solid #2F3B4D;
    background: #1c2432
}

.blue-default .layout4.game-categories .categories-item .categories-item-icon-wrapper[data-v-520e524d] {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .06))
}

.blue-default .layout4.game-categories .categories-item .categories-item-icon-wrapper .categories-item-icon[data-v-520e524d] {
    color: var(--ep-color-icon-danger)
}

.blue-default .layout4.game-categories .categories-item .categories-item-label[data-v-520e524d] {
    color: var(--ep-color-text-weaker)
}

#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout1.game-categories[data-v-520e524d] {
    width: 100%;
    border-radius: .375rem;
    background: transparent
}

#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout1.game-categories .categories-item[data-v-520e524d] {
    padding: .625rem .875rem;
    display: flex;
    align-items: center;
    gap: .625rem
}

#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout1.game-categories .categories-item-icon[data-v-520e524d] {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    font-size: 1.5rem;
    background-size: 700% 100%;
    color: var(--ep-color-icon-danger)
}

#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout1.game-categories .categories-item-label[data-v-520e524d] {
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-regular, 400);
    color: var(--ep-color-text-weaker)
}

#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout2.game-categories[data-v-520e524d] {
    width: 100%;
    background: transparent
}

#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout2.game-categories .categories-item[data-v-520e524d] {
    padding: .5625rem .625rem;
    display: flex;
    align-items: center;
    gap: .5rem
}

#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout2.game-categories .categories-item .categories-item-icon-wrapper[data-v-520e524d] {
    width: 1.75rem;
    height: 1.75rem;
    overflow: hidden;
    border-radius: .1875rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .06))
}

#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout2.game-categories .categories-item .categories-item-icon-wrapper .categories-item-icon[data-v-520e524d] {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 1.75rem;
    background-size: 700% 100%;
    color: var(--ep-color-icon-danger)
}

#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout2.game-categories .categories-item .categories-item-label[data-v-520e524d] {
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-regular, 400);
    color: var(--ep-color-text-weaker)
}

#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout3.game-categories[data-v-520e524d] {
    background: transparent
}

#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout3.game-categories .categories-item[data-v-520e524d] {
    padding: .375rem .625rem;
    display: flex;
    align-items: center;
    gap: .625rem
}

#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout3.game-categories .categories-item .categories-item-icon[data-v-520e524d] {
    display: block;
    width: 1.75rem;
    height: 1.75rem;
    font-size: 1.75rem;
    background-size: 700% 100%;
    color: var(--ep-color-icon-danger)
}

#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout3.game-categories .categories-item .categories-item-label[data-v-520e524d] {
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-regular, 400);
    color: var(--ep-color-text-weaker, #8A867C)
}

#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout4.game-categories[data-v-520e524d] {
    display: flex;
    flex-wrap: wrap;
    gap: .875rem;
    background: transparent
}

#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout4.game-categories .categories-item[data-v-520e524d] {
    flex: 0 0 48%;
    overflow: hidden;
    padding: .375rem .875rem;
    display: flex;
    align-items: center;
    gap: .3125rem;
    border-radius: .25rem;
    border: .0625rem solid var(--ep-color-border-default-secondary, #34571D);
    background: #2b4f14
}

#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout4.game-categories .categories-item .categories-item-icon-wrapper[data-v-520e524d] {
    width: 1.75rem;
    height: 1.75rem;
    overflow: hidden;
    border-radius: .1875rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .06))
}

#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout4.game-categories .categories-item .categories-item-icon-wrapper .categories-item-icon[data-v-520e524d] {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 1.75rem;
    background-size: 700% 100%;
    color: var(--ep-color-icon-danger)
}

#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout4.game-categories .categories-item .categories-item-label[data-v-520e524d] {
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-regular, 400);
    color: var(--ep-color-text-weaker)
}

#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout26.game-categories[data-v-520e524d] {
    flex-direction: column;
    padding: 0 .75rem;
    display: flex;
    gap: .5rem;
    width: 100%
}

#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout26.game-categories .categories-item[data-v-520e524d] {
    border-radius: var(--ep-border-radius-surface-default, .375rem);
    background: var(--ep-color-background-fill-surface-raised-L2);
    padding: .25rem .625rem;
    align-items: center;
    display: flex;
    gap: .625rem
}

#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout26.game-categories .categories-item-icon[data-v-520e524d] {
    display: block;
    width: 1.75rem;
    height: 1.75rem;
    font-size: 1.75rem;
    background-size: 700% 100%;
    color: var(--ep-color-icon-danger)
}

#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout26.game-categories .categories-item-label[data-v-520e524d] {
    font-size: var(--ep-font-size-m, .75rem);
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--ep-color-text-weaker)
}

.color-primary-600[data-v-5ff23b28] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-5ff23b28] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-5ff23b28] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-5ff23b28] {
    color: var(--color-primary-900)
}

.bg-100[data-v-5ff23b28] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-5ff23b28] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-5ff23b28] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-5ff23b28] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-5ff23b28] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-5ff23b28] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-5ff23b28] {
    background-color: var(--color-warning)
}

.bg-link[data-v-5ff23b28] {
    background-color: var(--color-link)
}

.bg-danger[data-v-5ff23b28] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-5ff23b28] {
    color: var(--color-text-100)
}

.color-text-80[data-v-5ff23b28] {
    color: var(--color-text-80)
}

.color-text-50[data-v-5ff23b28] {
    color: var(--color-text-50)
}

.color-text-40[data-v-5ff23b28] {
    color: var(--color-text-40)
}

.color-text-20[data-v-5ff23b28] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-5ff23b28] {
    color: var(--color-currency)
}

.color-warning[data-v-5ff23b28] {
    color: var(--color-warning)
}

.color-danger[data-v-5ff23b28] {
    color: var(--color-danger)
}

.color-link[data-v-5ff23b28] {
    color: var(--color-link)
}

.color-line[data-v-5ff23b28] {
    color: var(--color-line)
}

.color-border[data-v-5ff23b28] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-5ff23b28] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-5ff23b28] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-5ff23b28] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-5ff23b28] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-5ff23b28] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-5ff23b28] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-5ff23b28] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-5ff23b28] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-5ff23b28] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-5ff23b28] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-5ff23b28] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-5ff23b28] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-5ff23b28] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-5ff23b28] {
    display: flex;
    align-items: center
}

.flex-start[data-v-5ff23b28] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-5ff23b28] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-5ff23b28] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-5ff23b28] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-5ff23b28] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-5ff23b28] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-5ff23b28] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-5ff23b28] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-5ff23b28] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-5ff23b28] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-5ff23b28] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-5ff23b28] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-5ff23b28] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-5ff23b28] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-5ff23b28] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-5ff23b28] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-5ff23b28] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-5ff23b28] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-5ff23b28] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-5ff23b28] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-5ff23b28] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-5ff23b28] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-5ff23b28] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-5ff23b28] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-5ff23b28],
.mlm-selected-item[data-v-5ff23b28] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-5ff23b28] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-5ff23b28]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-5ff23b28] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-5ff23b28] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-5ff23b28] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .game-platform-title[data-v-5ff23b28] {
    font-size: var(--ep-font-size-m, .875rem);
    color: var(--ep-color-text-weak);
    margin-top: 1rem;
    margin-bottom: .5rem
}

html .layout25.game-categories[data-v-5ff23b28] {
    width: 100%;
    border-radius: .375rem;
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    background: transparent
}

html .layout25.game-categories .categories-item[data-v-5ff23b28] {
    flex: 0 0 var(--item-flex-basis, calc(50% - .375rem));
    padding: .375rem;
    display: flex;
    align-items: center;
    gap: .625rem;
    border-radius: .25rem;
    border: .0625rem solid var(--ep-color-border-default);
    background: linear-gradient(125deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, .03) 70%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, .03) 80%, rgba(255, 255, 255, 0) 90%, rgba(255, 255, 255, .03) 90%, rgba(255, 255, 255, 0)) var(--ep-color-background-fill-surface-raised-L2)
}

html .layout25.game-categories .categories-item-icon[data-v-5ff23b28] {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    font-size: 1.5rem;
    background-size: 700% 100%
}

html .layout25.game-categories .categories-item-label[data-v-5ff23b28] {
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-regular, 400)
}

#tabbar-components-DrawerLeft-components-gameList-categories-1-index .game-platform-title[data-v-5ff23b28] {
    font-size: var(--ep-font-size-m, .875rem);
    color: var(--ep-color-text-weak);
    margin-top: 1rem;
    margin-bottom: .5rem
}

#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout25.game-categories[data-v-5ff23b28] {
    width: 100%;
    border-radius: .375rem;
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    background: transparent
}

#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout25.game-categories .categories-item[data-v-5ff23b28] {
    flex: 0 0 var(--item-flex-basis, calc(50% - .375rem));
    padding: .375rem;
    display: flex;
    align-items: center;
    gap: .625rem;
    border-radius: .25rem;
    border: .0625rem solid var(--ep-color-border-default);
    background: linear-gradient(125deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, .03) 70%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, .03) 80%, rgba(255, 255, 255, 0) 90%, rgba(255, 255, 255, .03) 90%, rgba(255, 255, 255, 0)) var(--ep-color-background-fill-surface-raised-L2)
}

#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout25.game-categories .categories-item-icon[data-v-5ff23b28] {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    font-size: 1.5rem;
    background-size: 700% 100%
}

#tabbar-components-DrawerLeft-components-gameList-categories-1-index .layout25.game-categories .categories-item-label[data-v-5ff23b28] {
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-regular, 400)
}

.color-primary-600[data-v-c51698e3] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-c51698e3] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-c51698e3] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-c51698e3] {
    color: var(--color-primary-900)
}

.bg-100[data-v-c51698e3] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-c51698e3] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-c51698e3] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-c51698e3] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-c51698e3] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-c51698e3] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-c51698e3] {
    background-color: var(--color-warning)
}

.bg-link[data-v-c51698e3] {
    background-color: var(--color-link)
}

.bg-danger[data-v-c51698e3] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-c51698e3] {
    color: var(--color-text-100)
}

.color-text-80[data-v-c51698e3] {
    color: var(--color-text-80)
}

.color-text-50[data-v-c51698e3] {
    color: var(--color-text-50)
}

.color-text-40[data-v-c51698e3] {
    color: var(--color-text-40)
}

.color-text-20[data-v-c51698e3] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-c51698e3] {
    color: var(--color-currency)
}

.color-warning[data-v-c51698e3] {
    color: var(--color-warning)
}

.color-danger[data-v-c51698e3] {
    color: var(--color-danger)
}

.color-link[data-v-c51698e3] {
    color: var(--color-link)
}

.color-line[data-v-c51698e3] {
    color: var(--color-line)
}

.color-border[data-v-c51698e3] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-c51698e3] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-c51698e3] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-c51698e3] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-c51698e3] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-c51698e3] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-c51698e3] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-c51698e3] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-c51698e3] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-c51698e3] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-c51698e3] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-c51698e3] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-c51698e3] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-c51698e3] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-c51698e3] {
    display: flex;
    align-items: center
}

.flex-start[data-v-c51698e3] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-c51698e3] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-c51698e3] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-c51698e3] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-c51698e3] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-c51698e3] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-c51698e3] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-c51698e3] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-c51698e3] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-c51698e3] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-c51698e3] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-c51698e3] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-c51698e3] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-c51698e3] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-c51698e3] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-c51698e3] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-c51698e3] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-c51698e3] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-c51698e3] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-c51698e3] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-c51698e3] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-c51698e3] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-c51698e3] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-c51698e3] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-c51698e3],
.mlm-selected-item[data-v-c51698e3] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-c51698e3] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-c51698e3]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-c51698e3] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-c51698e3] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-c51698e3] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .layout1.game-platform[data-v-c51698e3] {
    background: transparent
}

html .layout1.game-platform .platform-item[data-v-c51698e3] {
    padding: .75rem .875rem;
    display: flex;
    align-items: center;
    gap: .5rem
}

html .layout1.game-platform .platform-item .platform-item-icon[data-v-c51698e3] {
    display: block;
    width: 1.75rem;
    height: 1.75rem;
    font-size: 1.75rem;
    background-size: 800% 400%;
    color: var(--ep-color-icon-danger)
}

html .layout1.game-platform .platform-item .platform-item-label[data-v-c51698e3] {
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-regular, 400);
    color: var(--ep-color-text-weaker)
}

html .layout2.game-platform[data-v-c51698e3] {
    width: 100%;
    background: transparent
}

html .layout2.game-platform .platform-item[data-v-c51698e3] {
    padding: .5625rem .625rem;
    display: flex;
    align-items: center;
    gap: .5rem
}

html .layout2.game-platform .platform-item .platform-item-icon-wrapper[data-v-c51698e3] {
    width: 1.75rem;
    height: 1.75rem;
    overflow: hidden;
    border-radius: .1875rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .06))
}

html .layout2.game-platform .platform-item .platform-item-icon-wrapper .platform-item-icon[data-v-c51698e3] {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 1.75rem;
    background-size: 800% 400%;
    color: var(--ep-color-icon-danger)
}

html .layout2.game-platform .platform-item .platform-item-label[data-v-c51698e3] {
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-regular, 400);
    color: var(--ep-color-text-weaker)
}

html .layout3.game-platform[data-v-c51698e3] {
    background: transparent
}

html .layout3.game-platform .platform-item[data-v-c51698e3] {
    padding: .375rem .625rem;
    display: flex;
    align-items: center;
    gap: .625rem
}

html .layout3.game-platform .platform-item .platform-item-icon[data-v-c51698e3] {
    display: block;
    width: 1.75rem;
    height: 1.75rem;
    font-size: 1.75rem;
    background-size: 800% 400%;
    color: var(--ep-color-icon-danger)
}

html .layout3.game-platform .platform-item .platform-item-label[data-v-c51698e3] {
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-regular, 400);
    color: var(--ep-color-text-weaker, #8A867C)
}

html .layout4.game-platform[data-v-c51698e3] {
    display: flex;
    flex-wrap: wrap;
    gap: .875rem;
    background: transparent
}

html .layout4.game-platform .platform-item[data-v-c51698e3] {
    flex: 0 0 48%;
    overflow: hidden;
    padding: .375rem .875rem;
    display: flex;
    align-items: center;
    gap: .3125rem;
    border-radius: .25rem;
    border: .0625rem solid var(--ep-color-border-default-secondary, #34571D);
    background: #2b4f14
}

html .layout4.game-platform .platform-item .platform-item-icon-wrapper[data-v-c51698e3] {
    width: 1.75rem;
    height: 1.75rem;
    overflow: hidden;
    border-radius: .1875rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .06))
}

html .layout4.game-platform .platform-item .platform-item-icon-wrapper .platform-item-icon[data-v-c51698e3] {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 1.75rem;
    background-size: 800% 400%;
    color: var(--ep-color-icon-danger)
}

html .layout4.game-platform .platform-item .platform-item-label[data-v-c51698e3] {
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-regular, 400);
    color: var(--ep-color-text-weaker)
}

html .layout26.game-platform[data-v-c51698e3] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    padding: 0 .75rem
}

html .layout26.game-platform .platform-item[data-v-c51698e3] {
    background: var(--ep-color-background-fill-surface-raised-L2);
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .375rem .5rem;
    border-radius: var(--ep-border-radius-surface-default, .375rem)
}

html .layout26.game-platform .platform-item .platform-item-icon[data-v-c51698e3] {
    display: block;
    width: 1.75rem;
    height: 1.75rem;
    font-size: 1.75rem;
    background-size: 800% 400%;
    color: var(--ep-color-icon-danger)
}

html .layout26.game-platform .platform-item .platform-item-label[data-v-c51698e3] {
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--ep-color-text-weaker)
}

.forest-green .layout4.game-platform[data-v-c51698e3] {
    background: transparent
}

.forest-green .layout4.game-platform .platform-item[data-v-c51698e3] {
    border: .0625rem solid var(--ep-color-border-default-secondary, #009F76);
    background: linear-gradient(90deg, #00694a, #00815d, #00694a)
}

.forest-green .layout4.game-platform .platform-item .platform-item-icon-wrapper[data-v-c51698e3] {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(246, 252, 46, .17))
}

.forest-green .layout4.game-platform .platform-item .platform-item-icon-wrapper .platform-item-icon[data-v-c51698e3] {
    color: var(--ep-color-icon-danger)
}

.forest-green .layout4.game-platform .platform-item .platform-item-label[data-v-c51698e3] {
    color: var(--ep-color-text-weaker, #fff)
}

#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout1.game-platform[data-v-c51698e3] {
    background: transparent
}

#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout1.game-platform .platform-item[data-v-c51698e3] {
    padding: .75rem .875rem;
    display: flex;
    align-items: center;
    gap: .5rem
}

#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout1.game-platform .platform-item .platform-item-icon[data-v-c51698e3] {
    display: block;
    width: 1.75rem;
    height: 1.75rem;
    font-size: 1.75rem;
    background-size: 800% 400%;
    color: var(--ep-color-icon-danger)
}

#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout1.game-platform .platform-item .platform-item-label[data-v-c51698e3] {
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-regular, 400);
    color: var(--ep-color-text-weaker)
}

#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout2.game-platform[data-v-c51698e3] {
    width: 100%;
    background: transparent
}

#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout2.game-platform .platform-item[data-v-c51698e3] {
    padding: .5625rem .625rem;
    display: flex;
    align-items: center;
    gap: .5rem
}

#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout2.game-platform .platform-item .platform-item-icon-wrapper[data-v-c51698e3] {
    width: 1.75rem;
    height: 1.75rem;
    overflow: hidden;
    border-radius: .1875rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .06))
}

#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout2.game-platform .platform-item .platform-item-icon-wrapper .platform-item-icon[data-v-c51698e3] {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 1.75rem;
    background-size: 800% 400%;
    color: var(--ep-color-icon-danger)
}

#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout2.game-platform .platform-item .platform-item-label[data-v-c51698e3] {
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-regular, 400);
    color: var(--ep-color-text-weaker)
}

#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout3.game-platform[data-v-c51698e3] {
    background: transparent
}

#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout3.game-platform .platform-item[data-v-c51698e3] {
    padding: .375rem .625rem;
    display: flex;
    align-items: center;
    gap: .625rem
}

#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout3.game-platform .platform-item .platform-item-icon[data-v-c51698e3] {
    display: block;
    width: 1.75rem;
    height: 1.75rem;
    font-size: 1.75rem;
    background-size: 800% 400%;
    color: var(--ep-color-icon-danger)
}

#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout3.game-platform .platform-item .platform-item-label[data-v-c51698e3] {
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-regular, 400);
    color: var(--ep-color-text-weaker, #8A867C)
}

#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout4.game-platform[data-v-c51698e3] {
    display: flex;
    flex-wrap: wrap;
    gap: .875rem;
    background: transparent
}

#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout4.game-platform .platform-item[data-v-c51698e3] {
    flex: 0 0 48%;
    overflow: hidden;
    padding: .375rem .875rem;
    display: flex;
    align-items: center;
    gap: .3125rem;
    border-radius: .25rem;
    border: .0625rem solid var(--ep-color-border-default-secondary, #34571D);
    background: #2b4f14
}

#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout4.game-platform .platform-item .platform-item-icon-wrapper[data-v-c51698e3] {
    width: 1.75rem;
    height: 1.75rem;
    overflow: hidden;
    border-radius: .1875rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .06))
}

#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout4.game-platform .platform-item .platform-item-icon-wrapper .platform-item-icon[data-v-c51698e3] {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 1.75rem;
    background-size: 800% 400%;
    color: var(--ep-color-icon-danger)
}

#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout4.game-platform .platform-item .platform-item-label[data-v-c51698e3] {
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-regular, 400);
    color: var(--ep-color-text-weaker)
}

#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout26.game-platform[data-v-c51698e3] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    padding: 0 .75rem
}

#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout26.game-platform .platform-item[data-v-c51698e3] {
    background: var(--ep-color-background-fill-surface-raised-L2);
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .375rem .5rem;
    border-radius: var(--ep-border-radius-surface-default, .375rem)
}

#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout26.game-platform .platform-item .platform-item-icon[data-v-c51698e3] {
    display: block;
    width: 1.75rem;
    height: 1.75rem;
    font-size: 1.75rem;
    background-size: 800% 400%;
    color: var(--ep-color-icon-danger)
}

#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout26.game-platform .platform-item .platform-item-label[data-v-c51698e3] {
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--ep-color-text-weaker)
}

.color-primary-600[data-v-a26e62e2] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-a26e62e2] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-a26e62e2] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-a26e62e2] {
    color: var(--color-primary-900)
}

.bg-100[data-v-a26e62e2] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-a26e62e2] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-a26e62e2] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-a26e62e2] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-a26e62e2] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-a26e62e2] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-a26e62e2] {
    background-color: var(--color-warning)
}

.bg-link[data-v-a26e62e2] {
    background-color: var(--color-link)
}

.bg-danger[data-v-a26e62e2] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-a26e62e2] {
    color: var(--color-text-100)
}

.color-text-80[data-v-a26e62e2] {
    color: var(--color-text-80)
}

.color-text-50[data-v-a26e62e2] {
    color: var(--color-text-50)
}

.color-text-40[data-v-a26e62e2] {
    color: var(--color-text-40)
}

.color-text-20[data-v-a26e62e2] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-a26e62e2] {
    color: var(--color-currency)
}

.color-warning[data-v-a26e62e2] {
    color: var(--color-warning)
}

.color-danger[data-v-a26e62e2] {
    color: var(--color-danger)
}

.color-link[data-v-a26e62e2] {
    color: var(--color-link)
}

.color-line[data-v-a26e62e2] {
    color: var(--color-line)
}

.color-border[data-v-a26e62e2] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-a26e62e2] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-a26e62e2] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-a26e62e2] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-a26e62e2] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-a26e62e2] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-a26e62e2] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-a26e62e2] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-a26e62e2] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-a26e62e2] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-a26e62e2] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-a26e62e2] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-a26e62e2] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-a26e62e2] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-a26e62e2] {
    display: flex;
    align-items: center
}

.flex-start[data-v-a26e62e2] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-a26e62e2] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-a26e62e2] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-a26e62e2] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-a26e62e2] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-a26e62e2] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-a26e62e2] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-a26e62e2] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-a26e62e2] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-a26e62e2] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-a26e62e2] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-a26e62e2] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-a26e62e2] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-a26e62e2] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-a26e62e2] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-a26e62e2] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-a26e62e2] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-a26e62e2] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-a26e62e2] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-a26e62e2] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-a26e62e2] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-a26e62e2] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-a26e62e2] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-a26e62e2] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-a26e62e2],
.mlm-selected-item[data-v-a26e62e2] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-a26e62e2] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-a26e62e2]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-a26e62e2] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-a26e62e2] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-a26e62e2] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .game-platform-title[data-v-a26e62e2] {
    font-size: var(--ep-font-size-m, .875rem);
    color: var(--ep-color-text-weak);
    margin-top: 1rem;
    margin-bottom: .5rem
}

html .layout25.game-platform[data-v-a26e62e2] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    background: transparent
}

html .layout25.game-platform .platform-item[data-v-a26e62e2] {
    flex: 0 0 var(--item-flex-basis, calc(50% - .375rem));
    overflow: hidden;
    padding: .375rem;
    display: flex;
    align-items: center;
    gap: .3125rem;
    border-radius: .25rem;
    border: .0625rem solid var(--ep-color-border-default);
    background: linear-gradient(125deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, .03) 70%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, .03) 80%, rgba(255, 255, 255, 0) 90%, rgba(255, 255, 255, .03) 90%, rgba(255, 255, 255, 0)) var(--ep-color-background-fill-surface-raised-L2)
}

html .layout25.game-platform .platform-item .platform-item-icon-wrapper[data-v-a26e62e2] {
    width: 1.75rem;
    height: 1.75rem;
    overflow: hidden;
    border-radius: .1875rem
}

html .layout25.game-platform .platform-item .platform-item-icon-wrapper .platform-item-icon[data-v-a26e62e2] {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 1.75rem;
    background-size: 800% 400%;
    color: var(--ep-color-icon-default)
}

html .layout25.game-platform .platform-item .platform-item-label[data-v-a26e62e2] {
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-regular, 400);
    color: var(--ep-color-text-default)
}

#tabbar-components-DrawerLeft-components-gameList-platform-25-index .game-platform-title[data-v-a26e62e2] {
    font-size: var(--ep-font-size-m, .875rem);
    color: var(--ep-color-text-weak);
    margin-top: 1rem;
    margin-bottom: .5rem
}

#tabbar-components-DrawerLeft-components-gameList-platform-25-index .layout25.game-platform[data-v-a26e62e2] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    background: transparent
}

#tabbar-components-DrawerLeft-components-gameList-platform-25-index .layout25.game-platform .platform-item[data-v-a26e62e2] {
    flex: 0 0 var(--item-flex-basis, calc(50% - .375rem));
    overflow: hidden;
    padding: .375rem;
    display: flex;
    align-items: center;
    gap: .3125rem;
    border-radius: .25rem;
    border: .0625rem solid var(--ep-color-border-default);
    background: linear-gradient(125deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, .03) 70%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, .03) 80%, rgba(255, 255, 255, 0) 90%, rgba(255, 255, 255, .03) 90%, rgba(255, 255, 255, 0)) var(--ep-color-background-fill-surface-raised-L2)
}

#tabbar-components-DrawerLeft-components-gameList-platform-25-index .layout25.game-platform .platform-item .platform-item-icon-wrapper[data-v-a26e62e2] {
    width: 1.75rem;
    height: 1.75rem;
    overflow: hidden;
    border-radius: .1875rem
}

#tabbar-components-DrawerLeft-components-gameList-platform-25-index .layout25.game-platform .platform-item .platform-item-icon-wrapper .platform-item-icon[data-v-a26e62e2] {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 1.75rem;
    background-size: 800% 400%;
    color: var(--ep-color-icon-default)
}

#tabbar-components-DrawerLeft-components-gameList-platform-25-index .layout25.game-platform .platform-item .platform-item-label[data-v-a26e62e2] {
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-regular, 400);
    color: var(--ep-color-text-default)
}

.color-primary-600[data-v-98afe9ac] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-98afe9ac] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-98afe9ac] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-98afe9ac] {
    color: var(--color-primary-900)
}

.bg-100[data-v-98afe9ac] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-98afe9ac] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-98afe9ac] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-98afe9ac] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-98afe9ac] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-98afe9ac] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-98afe9ac] {
    background-color: var(--color-warning)
}

.bg-link[data-v-98afe9ac] {
    background-color: var(--color-link)
}

.bg-danger[data-v-98afe9ac] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-98afe9ac] {
    color: var(--color-text-100)
}

.color-text-80[data-v-98afe9ac] {
    color: var(--color-text-80)
}

.color-text-50[data-v-98afe9ac] {
    color: var(--color-text-50)
}

.color-text-40[data-v-98afe9ac] {
    color: var(--color-text-40)
}

.color-text-20[data-v-98afe9ac] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-98afe9ac] {
    color: var(--color-currency)
}

.color-warning[data-v-98afe9ac] {
    color: var(--color-warning)
}

.color-danger[data-v-98afe9ac] {
    color: var(--color-danger)
}

.color-link[data-v-98afe9ac] {
    color: var(--color-link)
}

.color-line[data-v-98afe9ac] {
    color: var(--color-line)
}

.color-border[data-v-98afe9ac] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-98afe9ac] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-98afe9ac] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-98afe9ac] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-98afe9ac] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-98afe9ac] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-98afe9ac] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-98afe9ac] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-98afe9ac] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-98afe9ac] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-98afe9ac] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-98afe9ac] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-98afe9ac] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-98afe9ac] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-98afe9ac] {
    display: flex;
    align-items: center
}

.flex-start[data-v-98afe9ac] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-98afe9ac] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-98afe9ac] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-98afe9ac] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-98afe9ac] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-98afe9ac] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-98afe9ac] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-98afe9ac] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-98afe9ac] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-98afe9ac] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-98afe9ac] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-98afe9ac] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-98afe9ac] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-98afe9ac] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-98afe9ac] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-98afe9ac] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-98afe9ac] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-98afe9ac] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-98afe9ac] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-98afe9ac] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-98afe9ac] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-98afe9ac] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-98afe9ac] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-98afe9ac] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-98afe9ac],
.mlm-selected-item[data-v-98afe9ac] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-98afe9ac] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-98afe9ac]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-98afe9ac] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-98afe9ac] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-98afe9ac] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .layout1.hot-game-box[data-v-98afe9ac] {
    padding: .9375rem;
    border-radius: var(--ep-border-radius-surface-default, .875rem);
    overflow: hidden;
    position: relative;
    z-index: 0;
    border: .0625rem solid var(--ep-color-border-default);
    background: var(--ep-color-background-fill-surface-raised-L1)
}

html .layout1.hot-game-box[data-v-98afe9ac]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 6rem;
    height: 10rem;
    transform: rotate(-39.331deg);
    background: var(--ep-color-background-fill-glow-secondary-opacity-40);
    filter: blur(4.375rem)
}

html .layout2.hot-game-box[data-v-98afe9ac] {
    padding: .9375rem;
    border-radius: var(--ep-border-radius-surface-default, .875rem);
    overflow: hidden;
    position: relative;
    z-index: 0;
    border: .0625rem solid var(--ep-color-border-default);
    background: var(--ep-color-background-fill-surface-raised-L1)
}

html .layout26.hot-game-box[data-v-98afe9ac] {
    padding: .5rem .75rem .625rem;
    border-radius: var(--ep-border-radius-surface-default, .875rem);
    overflow: hidden;
    position: relative;
    z-index: 0;
    border-top: .09375rem solid var(--ep-color-border-highlight);
    background: var(--ep-color-background-fill-surface-raised-L1)
}

html .layout26.hot-game-box[data-v-98afe9ac]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 6rem;
    height: 10rem;
    transform: rotate(-39.331deg);
    background: var(--ep-color-background-fill-glow-secondary-opacity-40);
    filter: blur(6rem)
}

#tabbar-components-DrawerLeft-components-hotGame-1-index .layout1.hot-game-box[data-v-98afe9ac] {
    padding: .9375rem;
    border-radius: var(--ep-border-radius-surface-default, .875rem);
    overflow: hidden;
    position: relative;
    z-index: 0;
    border: .0625rem solid var(--ep-color-border-default);
    background: var(--ep-color-background-fill-surface-raised-L1)
}

#tabbar-components-DrawerLeft-components-hotGame-1-index .layout1.hot-game-box[data-v-98afe9ac]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 6rem;
    height: 10rem;
    transform: rotate(-39.331deg);
    background: var(--ep-color-background-fill-glow-secondary-opacity-40);
    filter: blur(4.375rem)
}

#tabbar-components-DrawerLeft-components-hotGame-1-index .layout2.hot-game-box[data-v-98afe9ac] {
    padding: .9375rem;
    border-radius: var(--ep-border-radius-surface-default, .875rem);
    overflow: hidden;
    position: relative;
    z-index: 0;
    border: .0625rem solid var(--ep-color-border-default);
    background: var(--ep-color-background-fill-surface-raised-L1)
}

#tabbar-components-DrawerLeft-components-hotGame-1-index .layout26.hot-game-box[data-v-98afe9ac] {
    padding: .5rem .75rem .625rem;
    border-radius: var(--ep-border-radius-surface-default, .875rem);
    overflow: hidden;
    position: relative;
    z-index: 0;
    border-top: .09375rem solid var(--ep-color-border-highlight);
    background: var(--ep-color-background-fill-surface-raised-L1)
}

#tabbar-components-DrawerLeft-components-hotGame-1-index .layout26.hot-game-box[data-v-98afe9ac]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 6rem;
    height: 10rem;
    transform: rotate(-39.331deg);
    background: var(--ep-color-background-fill-glow-secondary-opacity-40);
    filter: blur(6rem)
}

.color-primary-600[data-v-4c88e99f] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-4c88e99f] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-4c88e99f] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-4c88e99f] {
    color: var(--color-primary-900)
}

.bg-100[data-v-4c88e99f] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-4c88e99f] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-4c88e99f] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-4c88e99f] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-4c88e99f] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-4c88e99f] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-4c88e99f] {
    background-color: var(--color-warning)
}

.bg-link[data-v-4c88e99f] {
    background-color: var(--color-link)
}

.bg-danger[data-v-4c88e99f] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-4c88e99f] {
    color: var(--color-text-100)
}

.color-text-80[data-v-4c88e99f] {
    color: var(--color-text-80)
}

.color-text-50[data-v-4c88e99f] {
    color: var(--color-text-50)
}

.color-text-40[data-v-4c88e99f] {
    color: var(--color-text-40)
}

.color-text-20[data-v-4c88e99f] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-4c88e99f] {
    color: var(--color-currency)
}

.color-warning[data-v-4c88e99f] {
    color: var(--color-warning)
}

.color-danger[data-v-4c88e99f] {
    color: var(--color-danger)
}

.color-link[data-v-4c88e99f] {
    color: var(--color-link)
}

.color-line[data-v-4c88e99f] {
    color: var(--color-line)
}

.color-border[data-v-4c88e99f] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-4c88e99f] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-4c88e99f] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-4c88e99f] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-4c88e99f] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-4c88e99f] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-4c88e99f] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-4c88e99f] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-4c88e99f] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-4c88e99f] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-4c88e99f] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-4c88e99f] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-4c88e99f] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-4c88e99f] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-4c88e99f] {
    display: flex;
    align-items: center
}

.flex-start[data-v-4c88e99f] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-4c88e99f] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-4c88e99f] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-4c88e99f] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-4c88e99f] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-4c88e99f] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-4c88e99f] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-4c88e99f] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-4c88e99f] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-4c88e99f] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-4c88e99f] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-4c88e99f] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-4c88e99f] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-4c88e99f] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-4c88e99f] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-4c88e99f] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-4c88e99f] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-4c88e99f] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-4c88e99f] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-4c88e99f] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-4c88e99f] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-4c88e99f] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-4c88e99f] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-4c88e99f] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-4c88e99f],
.mlm-selected-item[data-v-4c88e99f] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-4c88e99f] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-4c88e99f]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-4c88e99f] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-4c88e99f] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-4c88e99f] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .layout1.hot-game-list-box[data-v-4c88e99f] {
    margin-block-start: 1.125rem;
    width: 100%;
    overflow: auto;
    border-radius: var(--ep-border-radius-surface-default, .875rem);
    -ms-overflow-style: none;
    scrollbar-width: none
}

html .layout1.hot-game-list-box[data-v-4c88e99f]::-webkit-scrollbar {
    display: none
}

html .layout1.hot-game-list-box .hot-game-list[data-v-4c88e99f] {
    display: flex;
    gap: .375rem
}

html .layout1.hot-game-list-box .hot-game-list .card[data-v-4c88e99f] {
    flex-shrink: 0;
    border-radius: var(--ep-border-radius-surface-default, .875rem);
    overflow: hidden
}

html .layout1.hot-game-list-box .hot-game-list .card.style1[data-v-4c88e99f],
html .layout1.hot-game-list-box .hot-game-list .card.style2[data-v-4c88e99f] {
    width: 3.1481rem;
    height: 4.25rem
}

html .layout1.hot-game-list-box .hot-game-list .card.style3[data-v-4c88e99f] {
    width: 3.1481rem
}

html .layout1.hot-game-list-box .hot-game-list .card .img[data-v-4c88e99f] {
    width: 100%;
    height: 100%
}

html .layout2.hot-game-list-box[data-v-4c88e99f] {
    margin-block-start: 1.125rem;
    width: 100%;
    overflow: auto;
    border-radius: var(--ep-border-radius-surface-default, .875rem);
    -ms-overflow-style: none;
    scrollbar-width: none
}

html .layout2.hot-game-list-box[data-v-4c88e99f]::-webkit-scrollbar {
    display: none
}

html .layout2.hot-game-list-box .hot-game-list[data-v-4c88e99f] {
    display: flex;
    gap: 1rem
}

html .layout2.hot-game-list-box .hot-game-list .card[data-v-4c88e99f] {
    flex-shrink: 0;
    border-radius: var(--ep-border-radius-surface-default, .875rem);
    overflow: hidden
}

html .layout2.hot-game-list-box .hot-game-list .card.style1[data-v-4c88e99f],
html .layout2.hot-game-list-box .hot-game-list .card.style2[data-v-4c88e99f] {
    width: 3.425rem;
    height: 4.75rem
}

html .layout2.hot-game-list-box .hot-game-list .card.style3[data-v-4c88e99f] {
    width: 3.425rem
}

html .layout2.hot-game-list-box .hot-game-list .card .img[data-v-4c88e99f] {
    width: 0;
    height: 0
}

html .layout2.hot-game-list-box .hot-game-list .card .img.good-img[data-v-4c88e99f] {
    width: 100%;
    height: 100%
}

#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout1.hot-game-list-box[data-v-4c88e99f] {
    margin-block-start: 1.125rem;
    width: 100%;
    overflow: auto;
    border-radius: var(--ep-border-radius-surface-default, .875rem);
    -ms-overflow-style: none;
    scrollbar-width: none
}

#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout1.hot-game-list-box[data-v-4c88e99f]::-webkit-scrollbar {
    display: none
}

#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout1.hot-game-list-box .hot-game-list[data-v-4c88e99f] {
    display: flex;
    gap: .375rem
}

#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout1.hot-game-list-box .hot-game-list .card[data-v-4c88e99f] {
    flex-shrink: 0;
    border-radius: var(--ep-border-radius-surface-default, .875rem);
    overflow: hidden
}

#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout1.hot-game-list-box .hot-game-list .card.style1[data-v-4c88e99f],
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout1.hot-game-list-box .hot-game-list .card.style2[data-v-4c88e99f] {
    width: 3.1481rem;
    height: 4.25rem
}

#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout1.hot-game-list-box .hot-game-list .card.style3[data-v-4c88e99f] {
    width: 3.1481rem
}

#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout1.hot-game-list-box .hot-game-list .card .img[data-v-4c88e99f] {
    width: 100%;
    height: 100%
}

#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout2.hot-game-list-box[data-v-4c88e99f] {
    margin-block-start: 1.125rem;
    width: 100%;
    overflow: auto;
    border-radius: var(--ep-border-radius-surface-default, .875rem);
    -ms-overflow-style: none;
    scrollbar-width: none
}

#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout2.hot-game-list-box[data-v-4c88e99f]::-webkit-scrollbar {
    display: none
}

#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout2.hot-game-list-box .hot-game-list[data-v-4c88e99f] {
    display: flex;
    gap: 1rem
}

#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout2.hot-game-list-box .hot-game-list .card[data-v-4c88e99f] {
    flex-shrink: 0;
    border-radius: var(--ep-border-radius-surface-default, .875rem);
    overflow: hidden
}

#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout2.hot-game-list-box .hot-game-list .card.style1[data-v-4c88e99f],
#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout2.hot-game-list-box .hot-game-list .card.style2[data-v-4c88e99f] {
    width: 3.425rem;
    height: 4.75rem
}

#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout2.hot-game-list-box .hot-game-list .card.style3[data-v-4c88e99f] {
    width: 3.425rem
}

#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout2.hot-game-list-box .hot-game-list .card .img[data-v-4c88e99f] {
    width: 0;
    height: 0
}

#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout2.hot-game-list-box .hot-game-list .card .img.good-img[data-v-4c88e99f] {
    width: 100%;
    height: 100%
}

.color-primary-600[data-v-9db692ae] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-9db692ae] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-9db692ae] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-9db692ae] {
    color: var(--color-primary-900)
}

.bg-100[data-v-9db692ae] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-9db692ae] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-9db692ae] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-9db692ae] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-9db692ae] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-9db692ae] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-9db692ae] {
    background-color: var(--color-warning)
}

.bg-link[data-v-9db692ae] {
    background-color: var(--color-link)
}

.bg-danger[data-v-9db692ae] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-9db692ae] {
    color: var(--color-text-100)
}

.color-text-80[data-v-9db692ae] {
    color: var(--color-text-80)
}

.color-text-50[data-v-9db692ae] {
    color: var(--color-text-50)
}

.color-text-40[data-v-9db692ae] {
    color: var(--color-text-40)
}

.color-text-20[data-v-9db692ae] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-9db692ae] {
    color: var(--color-currency)
}

.color-warning[data-v-9db692ae] {
    color: var(--color-warning)
}

.color-danger[data-v-9db692ae] {
    color: var(--color-danger)
}

.color-link[data-v-9db692ae] {
    color: var(--color-link)
}

.color-line[data-v-9db692ae] {
    color: var(--color-line)
}

.color-border[data-v-9db692ae] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-9db692ae] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-9db692ae] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-9db692ae] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-9db692ae] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-9db692ae] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-9db692ae] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-9db692ae] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-9db692ae] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-9db692ae] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-9db692ae] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-9db692ae] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-9db692ae] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-9db692ae] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-9db692ae] {
    display: flex;
    align-items: center
}

.flex-start[data-v-9db692ae] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-9db692ae] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-9db692ae] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-9db692ae] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-9db692ae] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-9db692ae] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-9db692ae] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-9db692ae] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-9db692ae] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-9db692ae] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-9db692ae] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-9db692ae] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-9db692ae] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-9db692ae] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-9db692ae] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-9db692ae] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-9db692ae] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-9db692ae] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-9db692ae] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-9db692ae] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-9db692ae] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-9db692ae] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-9db692ae] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-9db692ae] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-9db692ae],
.mlm-selected-item[data-v-9db692ae] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-9db692ae] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-9db692ae]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-9db692ae] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-9db692ae] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-9db692ae] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .layout26.hot-game-list-box[data-v-9db692ae] {
    border-radius: var(--ep-border-radius-surface-default, .875rem);
    margin-block-start: .5rem;
    position: relative;
    overflow: hidden;
    padding-right: .75rem;
    width: 100%;
    height: 5.75rem
}

html .layout26.hot-game-list-box .hot-game-list-wrap[data-v-9db692ae] {
    height: 100%;
    width: 114%;
    position: absolute;
    overflow: auto;
    left: -.675rem;
    -ms-overflow-style: none;
    scrollbar-width: none
}

html .layout26.hot-game-list-box .hot-game-list-wrap[data-v-9db692ae]::-webkit-scrollbar {
    display: none
}

html .layout26.hot-game-list-box .hot-game-list-wrap .hot-game-list[data-v-9db692ae] {
    border-radius: var(--ep-border-radius-medium, .375rem);
    transform: skew(-12deg);
    display: flex;
    gap: .25rem
}

html .layout26.hot-game-list-box .hot-game-list-wrap .hot-game-list .card .img[data-v-9db692ae] {
    width: 3.625rem;
    height: 5.75rem;
    overflow: hidden;
    border-radius: var(--ep-border-radius-medium, .375rem);
    object-fit: cover
}

#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout26.hot-game-list-box[data-v-9db692ae] {
    border-radius: var(--ep-border-radius-surface-default, .875rem);
    margin-block-start: .5rem;
    position: relative;
    overflow: hidden;
    padding-right: .75rem;
    width: 100%;
    height: 5.75rem
}

#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout26.hot-game-list-box .hot-game-list-wrap[data-v-9db692ae] {
    height: 100%;
    width: 114%;
    position: absolute;
    overflow: auto;
    left: -.675rem;
    -ms-overflow-style: none;
    scrollbar-width: none
}

#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout26.hot-game-list-box .hot-game-list-wrap[data-v-9db692ae]::-webkit-scrollbar {
    display: none
}

#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout26.hot-game-list-box .hot-game-list-wrap .hot-game-list[data-v-9db692ae] {
    border-radius: var(--ep-border-radius-medium, .375rem);
    transform: skew(-12deg);
    display: flex;
    gap: .25rem
}

#tabbar-components-DrawerLeft-components-hotGame-components-gameList-1-index .layout26.hot-game-list-box .hot-game-list-wrap .hot-game-list .card .img[data-v-9db692ae] {
    width: 3.625rem;
    height: 5.75rem;
    overflow: hidden;
    border-radius: var(--ep-border-radius-medium, .375rem);
    object-fit: cover
}

.color-primary-600[data-v-dc478d9a] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-dc478d9a] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-dc478d9a] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-dc478d9a] {
    color: var(--color-primary-900)
}

.bg-100[data-v-dc478d9a] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-dc478d9a] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-dc478d9a] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-dc478d9a] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-dc478d9a] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-dc478d9a] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-dc478d9a] {
    background-color: var(--color-warning)
}

.bg-link[data-v-dc478d9a] {
    background-color: var(--color-link)
}

.bg-danger[data-v-dc478d9a] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-dc478d9a] {
    color: var(--color-text-100)
}

.color-text-80[data-v-dc478d9a] {
    color: var(--color-text-80)
}

.color-text-50[data-v-dc478d9a] {
    color: var(--color-text-50)
}

.color-text-40[data-v-dc478d9a] {
    color: var(--color-text-40)
}

.color-text-20[data-v-dc478d9a] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-dc478d9a] {
    color: var(--color-currency)
}

.color-warning[data-v-dc478d9a] {
    color: var(--color-warning)
}

.color-danger[data-v-dc478d9a] {
    color: var(--color-danger)
}

.color-link[data-v-dc478d9a] {
    color: var(--color-link)
}

.color-line[data-v-dc478d9a] {
    color: var(--color-line)
}

.color-border[data-v-dc478d9a] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-dc478d9a] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-dc478d9a] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-dc478d9a] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-dc478d9a] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-dc478d9a] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-dc478d9a] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-dc478d9a] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-dc478d9a] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-dc478d9a] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-dc478d9a] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-dc478d9a] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-dc478d9a] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-dc478d9a] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-dc478d9a] {
    display: flex;
    align-items: center
}

.flex-start[data-v-dc478d9a] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-dc478d9a] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-dc478d9a] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-dc478d9a] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-dc478d9a] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-dc478d9a] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-dc478d9a] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-dc478d9a] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-dc478d9a] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-dc478d9a] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-dc478d9a] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-dc478d9a] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-dc478d9a] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-dc478d9a] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-dc478d9a] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-dc478d9a] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-dc478d9a] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-dc478d9a] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-dc478d9a] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-dc478d9a] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-dc478d9a] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-dc478d9a] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-dc478d9a] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-dc478d9a] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-dc478d9a],
.mlm-selected-item[data-v-dc478d9a] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-dc478d9a] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-dc478d9a]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-dc478d9a] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-dc478d9a] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-dc478d9a] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .layout1.hot-game-title[data-v-dc478d9a] {
    display: flex;
    flex-direction: column
}

html .layout1.hot-game-title .hot-game-icon-box[data-v-dc478d9a] {
    display: flex;
    align-items: center;
    gap: .375rem
}

html .layout1.hot-game-title .hot-game-icon-box .hot-game-icon[data-v-dc478d9a] {
    width: 1.875rem;
    height: 1.875rem;
    margin-inline-start: -.375rem
}

html .layout1.hot-game-title .hot-game-icon-box .label[data-v-dc478d9a] {
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--ep-color-text-default)
}

html .layout1.hot-game-title .hot-game-intro[data-v-dc478d9a] {
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-regular, 400);
    color: var(--ep-color-text-weaker)
}

#tabbar-components-DrawerLeft-components-hotGame-components-title-1-index .layout1.hot-game-title[data-v-dc478d9a] {
    display: flex;
    flex-direction: column
}

#tabbar-components-DrawerLeft-components-hotGame-components-title-1-index .layout1.hot-game-title .hot-game-icon-box[data-v-dc478d9a] {
    display: flex;
    align-items: center;
    gap: .375rem
}

#tabbar-components-DrawerLeft-components-hotGame-components-title-1-index .layout1.hot-game-title .hot-game-icon-box .hot-game-icon[data-v-dc478d9a] {
    width: 1.875rem;
    height: 1.875rem;
    margin-inline-start: -.375rem
}

#tabbar-components-DrawerLeft-components-hotGame-components-title-1-index .layout1.hot-game-title .hot-game-icon-box .label[data-v-dc478d9a] {
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--ep-color-text-default)
}

#tabbar-components-DrawerLeft-components-hotGame-components-title-1-index .layout1.hot-game-title .hot-game-intro[data-v-dc478d9a] {
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-regular, 400);
    color: var(--ep-color-text-weaker)
}

.color-primary-600[data-v-03efce98] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-03efce98] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-03efce98] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-03efce98] {
    color: var(--color-primary-900)
}

.bg-100[data-v-03efce98] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-03efce98] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-03efce98] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-03efce98] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-03efce98] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-03efce98] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-03efce98] {
    background-color: var(--color-warning)
}

.bg-link[data-v-03efce98] {
    background-color: var(--color-link)
}

.bg-danger[data-v-03efce98] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-03efce98] {
    color: var(--color-text-100)
}

.color-text-80[data-v-03efce98] {
    color: var(--color-text-80)
}

.color-text-50[data-v-03efce98] {
    color: var(--color-text-50)
}

.color-text-40[data-v-03efce98] {
    color: var(--color-text-40)
}

.color-text-20[data-v-03efce98] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-03efce98] {
    color: var(--color-currency)
}

.color-warning[data-v-03efce98] {
    color: var(--color-warning)
}

.color-danger[data-v-03efce98] {
    color: var(--color-danger)
}

.color-link[data-v-03efce98] {
    color: var(--color-link)
}

.color-line[data-v-03efce98] {
    color: var(--color-line)
}

.color-border[data-v-03efce98] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-03efce98] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-03efce98] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-03efce98] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-03efce98] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-03efce98] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-03efce98] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-03efce98] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-03efce98] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-03efce98] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-03efce98] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-03efce98] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-03efce98] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-03efce98] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-03efce98] {
    display: flex;
    align-items: center
}

.flex-start[data-v-03efce98] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-03efce98] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-03efce98] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-03efce98] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-03efce98] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-03efce98] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-03efce98] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-03efce98] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-03efce98] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-03efce98] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-03efce98] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-03efce98] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-03efce98] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-03efce98] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-03efce98] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-03efce98] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-03efce98] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-03efce98] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-03efce98] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-03efce98] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-03efce98] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-03efce98] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-03efce98] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-03efce98] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-03efce98],
.mlm-selected-item[data-v-03efce98] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-03efce98] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-03efce98]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-03efce98] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-03efce98] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-03efce98] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .layout1.hot-game-title[data-v-03efce98] {
    display: flex;
    flex-direction: column
}

html .layout1.hot-game-title .hot-game-icon-box[data-v-03efce98] {
    display: flex;
    align-items: center;
    gap: .375rem
}

html .layout1.hot-game-title .hot-game-icon-box .hot-game-icon[data-v-03efce98] {
    width: 1.875rem;
    height: 1.875rem;
    margin-inline-start: -.375rem
}

html .layout1.hot-game-title .hot-game-icon-box .label[data-v-03efce98] {
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--ep-color-text-default)
}

#tabbar-components-DrawerLeft-components-hotGame-components-title-2-index .layout1.hot-game-title[data-v-03efce98] {
    display: flex;
    flex-direction: column
}

#tabbar-components-DrawerLeft-components-hotGame-components-title-2-index .layout1.hot-game-title .hot-game-icon-box[data-v-03efce98] {
    display: flex;
    align-items: center;
    gap: .375rem
}

#tabbar-components-DrawerLeft-components-hotGame-components-title-2-index .layout1.hot-game-title .hot-game-icon-box .hot-game-icon[data-v-03efce98] {
    width: 1.875rem;
    height: 1.875rem;
    margin-inline-start: -.375rem
}

#tabbar-components-DrawerLeft-components-hotGame-components-title-2-index .layout1.hot-game-title .hot-game-icon-box .label[data-v-03efce98] {
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--ep-color-text-default)
}

.color-primary-600[data-v-1457771c] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-1457771c] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-1457771c] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-1457771c] {
    color: var(--color-primary-900)
}

.bg-100[data-v-1457771c] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-1457771c] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-1457771c] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-1457771c] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-1457771c] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-1457771c] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-1457771c] {
    background-color: var(--color-warning)
}

.bg-link[data-v-1457771c] {
    background-color: var(--color-link)
}

.bg-danger[data-v-1457771c] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-1457771c] {
    color: var(--color-text-100)
}

.color-text-80[data-v-1457771c] {
    color: var(--color-text-80)
}

.color-text-50[data-v-1457771c] {
    color: var(--color-text-50)
}

.color-text-40[data-v-1457771c] {
    color: var(--color-text-40)
}

.color-text-20[data-v-1457771c] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-1457771c] {
    color: var(--color-currency)
}

.color-warning[data-v-1457771c] {
    color: var(--color-warning)
}

.color-danger[data-v-1457771c] {
    color: var(--color-danger)
}

.color-link[data-v-1457771c] {
    color: var(--color-link)
}

.color-line[data-v-1457771c] {
    color: var(--color-line)
}

.color-border[data-v-1457771c] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-1457771c] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-1457771c] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-1457771c] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-1457771c] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-1457771c] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-1457771c] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-1457771c] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-1457771c] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-1457771c] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-1457771c] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-1457771c] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-1457771c] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-1457771c] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-1457771c] {
    display: flex;
    align-items: center
}

.flex-start[data-v-1457771c] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-1457771c] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-1457771c] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-1457771c] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-1457771c] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-1457771c] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-1457771c] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-1457771c] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-1457771c] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-1457771c] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-1457771c] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-1457771c] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-1457771c] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-1457771c] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-1457771c] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-1457771c] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-1457771c] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-1457771c] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-1457771c] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-1457771c] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-1457771c] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-1457771c] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-1457771c] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-1457771c] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-1457771c],
.mlm-selected-item[data-v-1457771c] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-1457771c] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-1457771c]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-1457771c] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-1457771c] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-1457771c] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .language[data-v-1457771c] {
    padding: .75rem .875rem;
    border-radius: var(--ep-border-radius-surface-default, .875rem);
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--ep-color-background-fill-surface-raised-L2)
}

html .language .language-inner[data-v-1457771c] {
    display: flex;
    align-items: center
}

html .language .language-inner .language-logo[data-v-1457771c] {
    font-size: var(--ep-font-size-m, .875rem);
    border-radius: 50%
}

html .language .language-inner .language-text[data-v-1457771c] {
    margin-inline-start: .4125rem;
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--ep-color-text-default)
}

html .language .arrow-icon[data-v-1457771c] {
    padding: .3125rem;
    font-size: var(--ep-font-size-m, .875rem);
    border-radius: var(--ep-border-radius-xl, .625rem);
    background: var(--ep-color-icon-brand-primary);
    color: var(--ep-color-icon-inverse)
}

.color-primary-600[data-v-c9694983] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-c9694983] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-c9694983] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-c9694983] {
    color: var(--color-primary-900)
}

.bg-100[data-v-c9694983] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-c9694983] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-c9694983] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-c9694983] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-c9694983] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-c9694983] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-c9694983] {
    background-color: var(--color-warning)
}

.bg-link[data-v-c9694983] {
    background-color: var(--color-link)
}

.bg-danger[data-v-c9694983] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-c9694983] {
    color: var(--color-text-100)
}

.color-text-80[data-v-c9694983] {
    color: var(--color-text-80)
}

.color-text-50[data-v-c9694983] {
    color: var(--color-text-50)
}

.color-text-40[data-v-c9694983] {
    color: var(--color-text-40)
}

.color-text-20[data-v-c9694983] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-c9694983] {
    color: var(--color-currency)
}

.color-warning[data-v-c9694983] {
    color: var(--color-warning)
}

.color-danger[data-v-c9694983] {
    color: var(--color-danger)
}

.color-link[data-v-c9694983] {
    color: var(--color-link)
}

.color-line[data-v-c9694983] {
    color: var(--color-line)
}

.color-border[data-v-c9694983] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-c9694983] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-c9694983] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-c9694983] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-c9694983] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-c9694983] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-c9694983] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-c9694983] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-c9694983] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-c9694983] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-c9694983] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-c9694983] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-c9694983] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-c9694983] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-c9694983] {
    display: flex;
    align-items: center
}

.flex-start[data-v-c9694983] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-c9694983] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-c9694983] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-c9694983] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-c9694983] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-c9694983] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-c9694983] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-c9694983] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-c9694983] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-c9694983] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-c9694983] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-c9694983] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-c9694983] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-c9694983] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-c9694983] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-c9694983] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-c9694983] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-c9694983] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-c9694983] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-c9694983] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-c9694983] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-c9694983] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-c9694983] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-c9694983] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-c9694983],
.mlm-selected-item[data-v-c9694983] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-c9694983] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-c9694983]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-c9694983] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-c9694983] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-c9694983] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .activity-list[data-v-c9694983] {
    display: flex;
    flex-flow: row wrap;
    gap: .75rem;
    background: transparent
}

.color-primary-600[data-v-2aa2014d] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-2aa2014d] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-2aa2014d] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-2aa2014d] {
    color: var(--color-primary-900)
}

.bg-100[data-v-2aa2014d] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-2aa2014d] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-2aa2014d] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-2aa2014d] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-2aa2014d] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-2aa2014d] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-2aa2014d] {
    background-color: var(--color-warning)
}

.bg-link[data-v-2aa2014d] {
    background-color: var(--color-link)
}

.bg-danger[data-v-2aa2014d] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-2aa2014d] {
    color: var(--color-text-100)
}

.color-text-80[data-v-2aa2014d] {
    color: var(--color-text-80)
}

.color-text-50[data-v-2aa2014d] {
    color: var(--color-text-50)
}

.color-text-40[data-v-2aa2014d] {
    color: var(--color-text-40)
}

.color-text-20[data-v-2aa2014d] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-2aa2014d] {
    color: var(--color-currency)
}

.color-warning[data-v-2aa2014d] {
    color: var(--color-warning)
}

.color-danger[data-v-2aa2014d] {
    color: var(--color-danger)
}

.color-link[data-v-2aa2014d] {
    color: var(--color-link)
}

.color-line[data-v-2aa2014d] {
    color: var(--color-line)
}

.color-border[data-v-2aa2014d] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-2aa2014d] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-2aa2014d] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-2aa2014d] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-2aa2014d] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-2aa2014d] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-2aa2014d] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-2aa2014d] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-2aa2014d] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-2aa2014d] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-2aa2014d] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-2aa2014d] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-2aa2014d] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-2aa2014d] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-2aa2014d] {
    display: flex;
    align-items: center
}

.flex-start[data-v-2aa2014d] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-2aa2014d] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-2aa2014d] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-2aa2014d] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-2aa2014d] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-2aa2014d] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-2aa2014d] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-2aa2014d] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-2aa2014d] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-2aa2014d] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-2aa2014d] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-2aa2014d] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-2aa2014d] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-2aa2014d] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-2aa2014d] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-2aa2014d] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-2aa2014d] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-2aa2014d] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-2aa2014d] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-2aa2014d] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-2aa2014d] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-2aa2014d] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-2aa2014d] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-2aa2014d] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-2aa2014d],
.mlm-selected-item[data-v-2aa2014d] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-2aa2014d] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-2aa2014d]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-2aa2014d] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-2aa2014d] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-2aa2014d] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .activity-title[data-v-2aa2014d] {
    font-size: var(--ep-font-size-m, .875rem);
    color: var(--ep-color-text-weak);
    margin-top: 1rem;
    margin-bottom: .5rem
}

html .layout25.activity-list[data-v-2aa2014d] {
    display: flex;
    flex-flow: row wrap;
    gap: .75rem
}

html .layout25.activity-list .activity-box[data-v-2aa2014d] {
    flex: 0 0 var(--item-flex-basis, calc(50% - .375rem));
    margin: var(--item-margin, none);
    padding: var(--item-padding, .3125rem);
    border-radius: var(--ep-border-radius-m, .375rem);
    background: var(--ep-color-background-fill-surface-raised-L2);
    border-style: var(--border-style, solid);
    border-width: var(--border-width, .0625rem);
    border-color: var(--ep-color-border-default)
}

html .layout25.activity-list .activity-box .activity-content[data-v-2aa2014d] {
    min-height: 2.125rem;
    gap: .375rem;
    display: flex;
    align-items: center
}

html .layout25.activity-list .activity-box .activity-content[data-v-2aa2014d]:last-child:nth-child(odd) {
    flex-basis: var(--item-flex-basis, calc(50% - .375rem))
}

html .layout25.activity-list .activity-box .activity-content .activity-img[data-v-2aa2014d] {
    flex-shrink: 0;
    width: 0;
    height: 0
}

html .layout25.activity-list .activity-box .activity-content .activity-img.good-img[data-v-2aa2014d] {
    width: 1.5rem;
    height: 1.5rem
}

html .layout25.activity-list .activity-box .activity-content .label[data-v-2aa2014d] {
    width: 0;
    flex: 1;
    font-size: var(--ep-font-size-s, .75);
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--ep-color-text-default)
}

html .layout25.activity-list .activity-box .activity-button[data-v-2aa2014d] {
    display: flex;
    justify-content: flex-end
}

html .layout25.activity-list .activity-box .activity-button button[data-v-2aa2014d] {
    padding: .25rem .625rem;
    font-size: var(--ep-font-size-xs, .625rem);
    background: var(--ep-dynamic-primary);
    border: 1px solid var(--ep-color-border-brand);
    border-radius: var(--ep-border-radius-m, .375rem)
}

#tabbar-components-DrawerLeft-components-activityList-25-index .activity-title[data-v-2aa2014d] {
    font-size: var(--ep-font-size-m, .875rem);
    color: var(--ep-color-text-weak);
    margin-top: 1rem;
    margin-bottom: .5rem
}

#tabbar-components-DrawerLeft-components-activityList-25-index .layout25.activity-list[data-v-2aa2014d] {
    display: flex;
    flex-flow: row wrap;
    gap: .75rem
}

#tabbar-components-DrawerLeft-components-activityList-25-index .layout25.activity-list .activity-box[data-v-2aa2014d] {
    flex: 0 0 var(--item-flex-basis, calc(50% - .375rem));
    margin: var(--item-margin, none);
    padding: var(--item-padding, .3125rem);
    border-radius: var(--ep-border-radius-m, .375rem);
    background: var(--ep-color-background-fill-surface-raised-L2);
    border-style: var(--border-style, solid);
    border-width: var(--border-width, .0625rem);
    border-color: var(--ep-color-border-default)
}

#tabbar-components-DrawerLeft-components-activityList-25-index .layout25.activity-list .activity-box .activity-content[data-v-2aa2014d] {
    min-height: 2.125rem;
    gap: .375rem;
    display: flex;
    align-items: center
}

#tabbar-components-DrawerLeft-components-activityList-25-index .layout25.activity-list .activity-box .activity-content[data-v-2aa2014d]:last-child:nth-child(odd) {
    flex-basis: var(--item-flex-basis, calc(50% - .375rem))
}

#tabbar-components-DrawerLeft-components-activityList-25-index .layout25.activity-list .activity-box .activity-content .activity-img[data-v-2aa2014d] {
    flex-shrink: 0;
    width: 0;
    height: 0
}

#tabbar-components-DrawerLeft-components-activityList-25-index .layout25.activity-list .activity-box .activity-content .activity-img.good-img[data-v-2aa2014d] {
    width: 1.5rem;
    height: 1.5rem
}

#tabbar-components-DrawerLeft-components-activityList-25-index .layout25.activity-list .activity-box .activity-content .label[data-v-2aa2014d] {
    width: 0;
    flex: 1;
    font-size: var(--ep-font-size-s, .75);
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--ep-color-text-default)
}

#tabbar-components-DrawerLeft-components-activityList-25-index .layout25.activity-list .activity-box .activity-button[data-v-2aa2014d] {
    display: flex;
    justify-content: flex-end
}

#tabbar-components-DrawerLeft-components-activityList-25-index .layout25.activity-list .activity-box .activity-button button[data-v-2aa2014d] {
    padding: .25rem .625rem;
    font-size: var(--ep-font-size-xs, .625rem);
    background: var(--ep-dynamic-primary);
    border: 1px solid var(--ep-color-border-brand);
    border-radius: var(--ep-border-radius-m, .375rem)
}

.color-primary-600[data-v-48e70195] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-48e70195] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-48e70195] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-48e70195] {
    color: var(--color-primary-900)
}

.bg-100[data-v-48e70195] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-48e70195] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-48e70195] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-48e70195] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-48e70195] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-48e70195] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-48e70195] {
    background-color: var(--color-warning)
}

.bg-link[data-v-48e70195] {
    background-color: var(--color-link)
}

.bg-danger[data-v-48e70195] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-48e70195] {
    color: var(--color-text-100)
}

.color-text-80[data-v-48e70195] {
    color: var(--color-text-80)
}

.color-text-50[data-v-48e70195] {
    color: var(--color-text-50)
}

.color-text-40[data-v-48e70195] {
    color: var(--color-text-40)
}

.color-text-20[data-v-48e70195] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-48e70195] {
    color: var(--color-currency)
}

.color-warning[data-v-48e70195] {
    color: var(--color-warning)
}

.color-danger[data-v-48e70195] {
    color: var(--color-danger)
}

.color-link[data-v-48e70195] {
    color: var(--color-link)
}

.color-line[data-v-48e70195] {
    color: var(--color-line)
}

.color-border[data-v-48e70195] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-48e70195] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-48e70195] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-48e70195] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-48e70195] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-48e70195] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-48e70195] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-48e70195] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-48e70195] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-48e70195] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-48e70195] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-48e70195] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-48e70195] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-48e70195] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-48e70195] {
    display: flex;
    align-items: center
}

.flex-start[data-v-48e70195] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-48e70195] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-48e70195] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-48e70195] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-48e70195] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-48e70195] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-48e70195] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-48e70195] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-48e70195] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-48e70195] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-48e70195] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-48e70195] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-48e70195] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-48e70195] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-48e70195] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-48e70195] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-48e70195] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-48e70195] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-48e70195] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-48e70195] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-48e70195] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-48e70195] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-48e70195] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-48e70195] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-48e70195],
.mlm-selected-item[data-v-48e70195] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-48e70195] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-48e70195]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-48e70195] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-48e70195] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-48e70195] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .activity-title[data-v-48e70195] {
    font-size: var(--ep-font-size-m, .875rem);
    color: var(--ep-color-text-weak);
    margin-top: 1rem;
    margin-bottom: .5rem
}

html .layout26.activity-list[data-v-48e70195] {
    display: flex;
    flex-flow: row wrap;
    gap: .25rem .75rem
}

html .layout26.activity-list .activity-box[data-v-48e70195] {
    margin: var(--item-margin, none);
    padding: var(--item-padding, .3125rem 0 .3125rem .3125rem);
    border-radius: var(--ep-border-radius-m, .375rem);
    width: calc(50% - .375rem);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto 100%
}

html .layout26.activity-list .activity-box .activity-content[data-v-48e70195] {
    display: flex;
    align-items: center
}

html .layout26.activity-list .activity-box .activity-content[data-v-48e70195]:last-child:nth-child(odd) {
    flex-basis: var(--item-flex-basis, calc(50% - .375rem))
}

html .layout26.activity-list .activity-box .activity-content .activity-img[data-v-48e70195] {
    flex-shrink: 0;
    width: 0;
    height: 0
}

html .layout26.activity-list .activity-box .activity-content .activity-img.good-img[data-v-48e70195] {
    width: 1.5rem;
    height: 1.5rem
}

html .layout26.activity-list .activity-box .activity-content .label[data-v-48e70195] {
    position: relative;
    z-index: -1;
    width: 100%;
    margin-left: -1rem;
    background: var(--ep-color-background-fill-surface-raised-L2);
    color: var(--ep-color-text-weak);
    padding: .125rem .25rem .125rem 1.375rem;
    font-size: var(--ep-font-size-s, .75);
    border-radius: 0 var(--ep-border-radius-m, .375rem) var(--ep-border-radius-m, .375rem) 0
}

html .layout26.activity-list .activity-box .activity-button[data-v-48e70195] {
    display: flex;
    justify-content: flex-end
}

html .layout26.activity-list .activity-box .activity-button button[data-v-48e70195] {
    padding: .25rem .625rem;
    font-size: var(--ep-font-size-xs, .625rem);
    background: var(--ep-dynamic-primary);
    border: 1px solid var(--ep-color-border-brand);
    border-radius: var(--ep-border-radius-m, .375rem)
}

#tabbar-components-DrawerLeft-components-activityList-26-index .activity-title[data-v-48e70195] {
    font-size: var(--ep-font-size-m, .875rem);
    color: var(--ep-color-text-weak);
    margin-top: 1rem;
    margin-bottom: .5rem
}

#tabbar-components-DrawerLeft-components-activityList-26-index .layout26.activity-list[data-v-48e70195] {
    display: flex;
    flex-flow: row wrap;
    gap: .25rem .75rem
}

#tabbar-components-DrawerLeft-components-activityList-26-index .layout26.activity-list .activity-box[data-v-48e70195] {
    margin: var(--item-margin, none);
    padding: var(--item-padding, .3125rem 0 .3125rem .3125rem);
    border-radius: var(--ep-border-radius-m, .375rem);
    width: calc(50% - .375rem);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto 100%
}

#tabbar-components-DrawerLeft-components-activityList-26-index .layout26.activity-list .activity-box .activity-content[data-v-48e70195] {
    display: flex;
    align-items: center
}

#tabbar-components-DrawerLeft-components-activityList-26-index .layout26.activity-list .activity-box .activity-content[data-v-48e70195]:last-child:nth-child(odd) {
    flex-basis: var(--item-flex-basis, calc(50% - .375rem))
}

#tabbar-components-DrawerLeft-components-activityList-26-index .layout26.activity-list .activity-box .activity-content .activity-img[data-v-48e70195] {
    flex-shrink: 0;
    width: 0;
    height: 0
}

#tabbar-components-DrawerLeft-components-activityList-26-index .layout26.activity-list .activity-box .activity-content .activity-img.good-img[data-v-48e70195] {
    width: 1.5rem;
    height: 1.5rem
}

#tabbar-components-DrawerLeft-components-activityList-26-index .layout26.activity-list .activity-box .activity-content .label[data-v-48e70195] {
    position: relative;
    z-index: -1;
    width: 100%;
    margin-left: -1rem;
    background: var(--ep-color-background-fill-surface-raised-L2);
    color: var(--ep-color-text-weak);
    padding: .125rem .25rem .125rem 1.375rem;
    font-size: var(--ep-font-size-s, .75);
    border-radius: 0 var(--ep-border-radius-m, .375rem) var(--ep-border-radius-m, .375rem) 0
}

#tabbar-components-DrawerLeft-components-activityList-26-index .layout26.activity-list .activity-box .activity-button[data-v-48e70195] {
    display: flex;
    justify-content: flex-end
}

#tabbar-components-DrawerLeft-components-activityList-26-index .layout26.activity-list .activity-box .activity-button button[data-v-48e70195] {
    padding: .25rem .625rem;
    font-size: var(--ep-font-size-xs, .625rem);
    background: var(--ep-dynamic-primary);
    border: 1px solid var(--ep-color-border-brand);
    border-radius: var(--ep-border-radius-m, .375rem)
}

.color-primary-600[data-v-63fb4111] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-63fb4111] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-63fb4111] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-63fb4111] {
    color: var(--color-primary-900)
}

.bg-100[data-v-63fb4111] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-63fb4111] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-63fb4111] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-63fb4111] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-63fb4111] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-63fb4111] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-63fb4111] {
    background-color: var(--color-warning)
}

.bg-link[data-v-63fb4111] {
    background-color: var(--color-link)
}

.bg-danger[data-v-63fb4111] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-63fb4111] {
    color: var(--color-text-100)
}

.color-text-80[data-v-63fb4111] {
    color: var(--color-text-80)
}

.color-text-50[data-v-63fb4111] {
    color: var(--color-text-50)
}

.color-text-40[data-v-63fb4111] {
    color: var(--color-text-40)
}

.color-text-20[data-v-63fb4111] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-63fb4111] {
    color: var(--color-currency)
}

.color-warning[data-v-63fb4111] {
    color: var(--color-warning)
}

.color-danger[data-v-63fb4111] {
    color: var(--color-danger)
}

.color-link[data-v-63fb4111] {
    color: var(--color-link)
}

.color-line[data-v-63fb4111] {
    color: var(--color-line)
}

.color-border[data-v-63fb4111] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-63fb4111] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-63fb4111] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-63fb4111] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-63fb4111] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-63fb4111] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-63fb4111] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-63fb4111] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-63fb4111] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-63fb4111] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-63fb4111] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-63fb4111] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-63fb4111] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-63fb4111] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-63fb4111] {
    display: flex;
    align-items: center
}

.flex-start[data-v-63fb4111] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-63fb4111] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-63fb4111] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-63fb4111] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-63fb4111] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-63fb4111] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-63fb4111] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-63fb4111] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-63fb4111] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-63fb4111] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-63fb4111] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-63fb4111] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-63fb4111] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-63fb4111] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-63fb4111] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-63fb4111] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-63fb4111] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-63fb4111] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-63fb4111] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-63fb4111] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-63fb4111] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-63fb4111] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-63fb4111] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-63fb4111] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-63fb4111],
.mlm-selected-item[data-v-63fb4111] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-63fb4111] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-63fb4111]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-63fb4111] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-63fb4111] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-63fb4111] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .deposit-withdrawal-wrapper[data-v-63fb4111] {
    display: flex;
    gap: .75rem;
    background: transparent
}

html .deposit-withdrawal-wrapper .deposit-wrapper[data-v-63fb4111],
html .deposit-withdrawal-wrapper .withdraw-wrapper[data-v-63fb4111] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: .375rem;
    padding: .4375rem 0;
    border: .0625rem solid #2E2D2C;
    background: red
}

html .deposit-withdrawal-wrapper .deposit-wrapper .icon[data-v-63fb4111],
html .deposit-withdrawal-wrapper .withdraw-wrapper .icon[data-v-63fb4111] {
    font-size: 1.875rem;
    color: #feb805
}

html .deposit-withdrawal-wrapper .deposit-wrapper .label[data-v-63fb4111],
html .deposit-withdrawal-wrapper .withdraw-wrapper .label[data-v-63fb4111] {
    font-size: .875rem;
    font-weight: 500;
    color: #feb805
}

.color-primary-600[data-v-d6add2af] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-d6add2af] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-d6add2af] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-d6add2af] {
    color: var(--color-primary-900)
}

.bg-100[data-v-d6add2af] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-d6add2af] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-d6add2af] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-d6add2af] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-d6add2af] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-d6add2af] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-d6add2af] {
    background-color: var(--color-warning)
}

.bg-link[data-v-d6add2af] {
    background-color: var(--color-link)
}

.bg-danger[data-v-d6add2af] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-d6add2af] {
    color: var(--color-text-100)
}

.color-text-80[data-v-d6add2af] {
    color: var(--color-text-80)
}

.color-text-50[data-v-d6add2af] {
    color: var(--color-text-50)
}

.color-text-40[data-v-d6add2af] {
    color: var(--color-text-40)
}

.color-text-20[data-v-d6add2af] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-d6add2af] {
    color: var(--color-currency)
}

.color-warning[data-v-d6add2af] {
    color: var(--color-warning)
}

.color-danger[data-v-d6add2af] {
    color: var(--color-danger)
}

.color-link[data-v-d6add2af] {
    color: var(--color-link)
}

.color-line[data-v-d6add2af] {
    color: var(--color-line)
}

.color-border[data-v-d6add2af] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-d6add2af] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-d6add2af] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-d6add2af] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-d6add2af] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-d6add2af] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-d6add2af] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-d6add2af] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-d6add2af] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-d6add2af] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-d6add2af] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-d6add2af] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-d6add2af] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-d6add2af] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-d6add2af] {
    display: flex;
    align-items: center
}

.flex-start[data-v-d6add2af] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-d6add2af] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-d6add2af] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-d6add2af] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-d6add2af] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-d6add2af] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-d6add2af] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-d6add2af] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-d6add2af] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-d6add2af] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-d6add2af] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-d6add2af] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-d6add2af] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-d6add2af] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-d6add2af] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-d6add2af] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-d6add2af] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-d6add2af] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-d6add2af] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-d6add2af] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-d6add2af] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-d6add2af] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-d6add2af] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-d6add2af] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-d6add2af],
.mlm-selected-item[data-v-d6add2af] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-d6add2af] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-d6add2af]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-d6add2af] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-d6add2af] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-d6add2af] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.number-point[data-v-d6add2af] {
    color: #fff;
    font-size: .625rem;
    line-height: .625rem;
    --padding-start: .3125rem;
    --padding-end: .3125rem
}

.color-primary-600[data-v-567c43ea] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-567c43ea] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-567c43ea] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-567c43ea] {
    color: var(--color-primary-900)
}

.bg-100[data-v-567c43ea] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-567c43ea] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-567c43ea] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-567c43ea] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-567c43ea] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-567c43ea] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-567c43ea] {
    background-color: var(--color-warning)
}

.bg-link[data-v-567c43ea] {
    background-color: var(--color-link)
}

.bg-danger[data-v-567c43ea] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-567c43ea] {
    color: var(--color-text-100)
}

.color-text-80[data-v-567c43ea] {
    color: var(--color-text-80)
}

.color-text-50[data-v-567c43ea] {
    color: var(--color-text-50)
}

.color-text-40[data-v-567c43ea] {
    color: var(--color-text-40)
}

.color-text-20[data-v-567c43ea] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-567c43ea] {
    color: var(--color-currency)
}

.color-warning[data-v-567c43ea] {
    color: var(--color-warning)
}

.color-danger[data-v-567c43ea] {
    color: var(--color-danger)
}

.color-link[data-v-567c43ea] {
    color: var(--color-link)
}

.color-line[data-v-567c43ea] {
    color: var(--color-line)
}

.color-border[data-v-567c43ea] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-567c43ea] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-567c43ea] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-567c43ea] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-567c43ea] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-567c43ea] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-567c43ea] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-567c43ea] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-567c43ea] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-567c43ea] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-567c43ea] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-567c43ea] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-567c43ea] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-567c43ea] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-567c43ea] {
    display: flex;
    align-items: center
}

.flex-start[data-v-567c43ea] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-567c43ea] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-567c43ea] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-567c43ea] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-567c43ea] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-567c43ea] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-567c43ea] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-567c43ea] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-567c43ea] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-567c43ea] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-567c43ea] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-567c43ea] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-567c43ea] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-567c43ea] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-567c43ea] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-567c43ea] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-567c43ea] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-567c43ea] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-567c43ea] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-567c43ea] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-567c43ea] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-567c43ea] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-567c43ea] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-567c43ea] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-567c43ea],
.mlm-selected-item[data-v-567c43ea] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-567c43ea] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-567c43ea]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-567c43ea] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-567c43ea] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-567c43ea] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .service-wrapper[data-v-567c43ea] {
    min-height: 3.125rem;
    display: flex;
    align-items: center;
    gap: .625rem;
    padding-left: .9375rem;
    padding-right: .75rem;
    border-radius: .375rem;
    background-color: green
}

html .service-wrapper .icon-wrapper[data-v-567c43ea] {
    width: 2.375rem;
    height: 2.375rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transform: translateY(-32%);
    background-color: #00f
}

html .service-wrapper .icon-wrapper .icon[data-v-567c43ea] {
    font-size: 1.75rem;
    color: #fff
}

html .service-wrapper .label[data-v-567c43ea] {
    font-size: .875rem;
    font-weight: 500;
    color: #fff
}

html .service-wrapper .point[data-v-567c43ea] {
    margin-left: auto
}

.color-primary-600[data-v-3aaacf48] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-3aaacf48] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-3aaacf48] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-3aaacf48] {
    color: var(--color-primary-900)
}

.bg-100[data-v-3aaacf48] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-3aaacf48] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-3aaacf48] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-3aaacf48] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-3aaacf48] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-3aaacf48] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-3aaacf48] {
    background-color: var(--color-warning)
}

.bg-link[data-v-3aaacf48] {
    background-color: var(--color-link)
}

.bg-danger[data-v-3aaacf48] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-3aaacf48] {
    color: var(--color-text-100)
}

.color-text-80[data-v-3aaacf48] {
    color: var(--color-text-80)
}

.color-text-50[data-v-3aaacf48] {
    color: var(--color-text-50)
}

.color-text-40[data-v-3aaacf48] {
    color: var(--color-text-40)
}

.color-text-20[data-v-3aaacf48] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-3aaacf48] {
    color: var(--color-currency)
}

.color-warning[data-v-3aaacf48] {
    color: var(--color-warning)
}

.color-danger[data-v-3aaacf48] {
    color: var(--color-danger)
}

.color-link[data-v-3aaacf48] {
    color: var(--color-link)
}

.color-line[data-v-3aaacf48] {
    color: var(--color-line)
}

.color-border[data-v-3aaacf48] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-3aaacf48] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-3aaacf48] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-3aaacf48] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-3aaacf48] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-3aaacf48] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-3aaacf48] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-3aaacf48] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-3aaacf48] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-3aaacf48] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-3aaacf48] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-3aaacf48] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-3aaacf48] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-3aaacf48] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-3aaacf48] {
    display: flex;
    align-items: center
}

.flex-start[data-v-3aaacf48] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-3aaacf48] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-3aaacf48] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-3aaacf48] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-3aaacf48] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-3aaacf48] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-3aaacf48] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-3aaacf48] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-3aaacf48] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-3aaacf48] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-3aaacf48] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-3aaacf48] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-3aaacf48] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-3aaacf48] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-3aaacf48] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-3aaacf48] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-3aaacf48] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-3aaacf48] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-3aaacf48] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-3aaacf48] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-3aaacf48] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-3aaacf48] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-3aaacf48] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-3aaacf48] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-3aaacf48],
.mlm-selected-item[data-v-3aaacf48] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-3aaacf48] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-3aaacf48]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-3aaacf48] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-3aaacf48] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-3aaacf48] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .service-wrapper[data-v-3aaacf48] {
    min-height: 3.125rem;
    display: flex;
    align-items: center;
    gap: .625rem;
    padding-left: .9375rem;
    padding-right: .75rem;
    border-radius: .375rem;
    background-color: green
}

html .service-wrapper .icon-wrapper[data-v-3aaacf48] {
    width: 2.375rem;
    height: 2.375rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transform: translateY(-32%);
    background-color: #00f
}

html .service-wrapper .icon-wrapper .icon[data-v-3aaacf48] {
    font-size: 1.75rem;
    color: #fff
}

html .service-wrapper .label[data-v-3aaacf48] {
    font-size: .875rem;
    font-weight: 500;
    color: #fff
}

html .service-wrapper .point[data-v-3aaacf48] {
    margin-left: auto
}

.color-primary-600[data-v-5711f20b] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-5711f20b] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-5711f20b] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-5711f20b] {
    color: var(--color-primary-900)
}

.bg-100[data-v-5711f20b] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-5711f20b] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-5711f20b] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-5711f20b] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-5711f20b] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-5711f20b] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-5711f20b] {
    background-color: var(--color-warning)
}

.bg-link[data-v-5711f20b] {
    background-color: var(--color-link)
}

.bg-danger[data-v-5711f20b] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-5711f20b] {
    color: var(--color-text-100)
}

.color-text-80[data-v-5711f20b] {
    color: var(--color-text-80)
}

.color-text-50[data-v-5711f20b] {
    color: var(--color-text-50)
}

.color-text-40[data-v-5711f20b] {
    color: var(--color-text-40)
}

.color-text-20[data-v-5711f20b] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-5711f20b] {
    color: var(--color-currency)
}

.color-warning[data-v-5711f20b] {
    color: var(--color-warning)
}

.color-danger[data-v-5711f20b] {
    color: var(--color-danger)
}

.color-link[data-v-5711f20b] {
    color: var(--color-link)
}

.color-line[data-v-5711f20b] {
    color: var(--color-line)
}

.color-border[data-v-5711f20b] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-5711f20b] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-5711f20b] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-5711f20b] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-5711f20b] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-5711f20b] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-5711f20b] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-5711f20b] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-5711f20b] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-5711f20b] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-5711f20b] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-5711f20b] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-5711f20b] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-5711f20b] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-5711f20b] {
    display: flex;
    align-items: center
}

.flex-start[data-v-5711f20b] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-5711f20b] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-5711f20b] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-5711f20b] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-5711f20b] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-5711f20b] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-5711f20b] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-5711f20b] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-5711f20b] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-5711f20b] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-5711f20b] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-5711f20b] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-5711f20b] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-5711f20b] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-5711f20b] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-5711f20b] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-5711f20b] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-5711f20b] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-5711f20b] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-5711f20b] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-5711f20b] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-5711f20b] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-5711f20b] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-5711f20b] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-5711f20b],
.mlm-selected-item[data-v-5711f20b] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-5711f20b] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-5711f20b]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-5711f20b] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-5711f20b] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-5711f20b] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .social-box[data-v-5711f20b] {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-flow: wrap;
    gap: .75rem
}

html .social-box .social-img[data-v-5711f20b] {
    flex-shrink: 0;
    padding: .5rem;
    background: rgba(42, 171, 238, .2);
    border-radius: 50%;
    overflow: hidden;
    object-fit: cover
}

html .social-box .social-img[data-v-5711f20b]::part(image) {
    border-radius: 50%
}

html .social-box .social-img.good-img[data-v-5711f20b] {
    width: 2.5rem;
    height: 2.5rem
}

.color-primary-600[data-v-cbdea57f] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-cbdea57f] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-cbdea57f] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-cbdea57f] {
    color: var(--color-primary-900)
}

.bg-100[data-v-cbdea57f] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-cbdea57f] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-cbdea57f] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-cbdea57f] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-cbdea57f] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-cbdea57f] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-cbdea57f] {
    background-color: var(--color-warning)
}

.bg-link[data-v-cbdea57f] {
    background-color: var(--color-link)
}

.bg-danger[data-v-cbdea57f] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-cbdea57f] {
    color: var(--color-text-100)
}

.color-text-80[data-v-cbdea57f] {
    color: var(--color-text-80)
}

.color-text-50[data-v-cbdea57f] {
    color: var(--color-text-50)
}

.color-text-40[data-v-cbdea57f] {
    color: var(--color-text-40)
}

.color-text-20[data-v-cbdea57f] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-cbdea57f] {
    color: var(--color-currency)
}

.color-warning[data-v-cbdea57f] {
    color: var(--color-warning)
}

.color-danger[data-v-cbdea57f] {
    color: var(--color-danger)
}

.color-link[data-v-cbdea57f] {
    color: var(--color-link)
}

.color-line[data-v-cbdea57f] {
    color: var(--color-line)
}

.color-border[data-v-cbdea57f] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-cbdea57f] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-cbdea57f] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-cbdea57f] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-cbdea57f] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-cbdea57f] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-cbdea57f] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-cbdea57f] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-cbdea57f] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-cbdea57f] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-cbdea57f] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-cbdea57f] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-cbdea57f] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-cbdea57f] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-cbdea57f] {
    display: flex;
    align-items: center
}

.flex-start[data-v-cbdea57f] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-cbdea57f] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-cbdea57f] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-cbdea57f] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-cbdea57f] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-cbdea57f] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-cbdea57f] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-cbdea57f] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-cbdea57f] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-cbdea57f] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-cbdea57f] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-cbdea57f] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-cbdea57f] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-cbdea57f] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-cbdea57f] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-cbdea57f] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-cbdea57f] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-cbdea57f] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-cbdea57f] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-cbdea57f] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-cbdea57f] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-cbdea57f] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-cbdea57f] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-cbdea57f] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-cbdea57f],
.mlm-selected-item[data-v-cbdea57f] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-cbdea57f] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-cbdea57f]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-cbdea57f] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-cbdea57f] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-cbdea57f] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .service-wrapper[data-v-cbdea57f] {
    display: flex;
    align-items: center;
    gap: .625rem;
    padding: .4375rem .625rem;
    border-radius: var(--border-radius-surface-default, 0);
    background: var(--ep-color-background-fill-surface-raised-L2, #1D2A55)
}

html .service-wrapper .icon-wrapper[data-v-cbdea57f] {
    display: flex
}

html .service-wrapper .icon-wrapper .icon[data-v-cbdea57f] {
    font-size: 1.5rem;
    color: var(--ep-color-icon-brand-secondary, #66BA20)
}

html .service-wrapper .label[data-v-cbdea57f] {
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--ep-color-text-default, #fff)
}

html .service-wrapper .scroll-wrapper[data-v-cbdea57f] {
    margin-left: auto;
    max-width: 46%;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

html .service-wrapper .scroll-wrapper[data-v-cbdea57f]::-webkit-scrollbar {
    display: none
}

html .service-wrapper .scroll-wrapper[data-v-cbdea57f] .social-box {
    flex-wrap: nowrap;
    justify-content: flex-start
}

html .service-wrapper .scroll-wrapper[data-v-cbdea57f] .social-box .social-img.good-img {
    width: 1.75rem;
    height: 1.75rem;
    padding: .25rem
}

#tabbar-components-DrawerLeft-components-customerService-3-index .service-wrapper[data-v-cbdea57f] {
    display: flex;
    align-items: center;
    gap: .625rem;
    padding: .4375rem .625rem;
    border-radius: var(--border-radius-surface-default, 0);
    background: var(--ep-color-background-fill-surface-raised-L2, #1D2A55)
}

#tabbar-components-DrawerLeft-components-customerService-3-index .service-wrapper .icon-wrapper[data-v-cbdea57f] {
    display: flex
}

#tabbar-components-DrawerLeft-components-customerService-3-index .service-wrapper .icon-wrapper .icon[data-v-cbdea57f] {
    font-size: 1.5rem;
    color: var(--ep-color-icon-brand-secondary, #66BA20)
}

#tabbar-components-DrawerLeft-components-customerService-3-index .service-wrapper .label[data-v-cbdea57f] {
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--ep-color-text-default, #fff)
}

#tabbar-components-DrawerLeft-components-customerService-3-index .service-wrapper .scroll-wrapper[data-v-cbdea57f] {
    margin-left: auto;
    max-width: 46%;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

#tabbar-components-DrawerLeft-components-customerService-3-index .service-wrapper .scroll-wrapper[data-v-cbdea57f]::-webkit-scrollbar {
    display: none
}

#tabbar-components-DrawerLeft-components-customerService-3-index .service-wrapper .scroll-wrapper[data-v-cbdea57f] .social-box {
    flex-wrap: nowrap;
    justify-content: flex-start
}

#tabbar-components-DrawerLeft-components-customerService-3-index .service-wrapper .scroll-wrapper[data-v-cbdea57f] .social-box .social-img.good-img {
    width: 1.75rem;
    height: 1.75rem;
    padding: .25rem
}

.color-primary-600[data-v-7845973f] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-7845973f] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-7845973f] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-7845973f] {
    color: var(--color-primary-900)
}

.bg-100[data-v-7845973f] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-7845973f] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-7845973f] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-7845973f] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-7845973f] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-7845973f] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-7845973f] {
    background-color: var(--color-warning)
}

.bg-link[data-v-7845973f] {
    background-color: var(--color-link)
}

.bg-danger[data-v-7845973f] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-7845973f] {
    color: var(--color-text-100)
}

.color-text-80[data-v-7845973f] {
    color: var(--color-text-80)
}

.color-text-50[data-v-7845973f] {
    color: var(--color-text-50)
}

.color-text-40[data-v-7845973f] {
    color: var(--color-text-40)
}

.color-text-20[data-v-7845973f] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-7845973f] {
    color: var(--color-currency)
}

.color-warning[data-v-7845973f] {
    color: var(--color-warning)
}

.color-danger[data-v-7845973f] {
    color: var(--color-danger)
}

.color-link[data-v-7845973f] {
    color: var(--color-link)
}

.color-line[data-v-7845973f] {
    color: var(--color-line)
}

.color-border[data-v-7845973f] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-7845973f] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-7845973f] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-7845973f] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-7845973f] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-7845973f] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-7845973f] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-7845973f] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-7845973f] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-7845973f] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-7845973f] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-7845973f] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-7845973f] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-7845973f] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-7845973f] {
    display: flex;
    align-items: center
}

.flex-start[data-v-7845973f] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-7845973f] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-7845973f] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-7845973f] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-7845973f] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-7845973f] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-7845973f] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-7845973f] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-7845973f] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-7845973f] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-7845973f] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-7845973f] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-7845973f] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-7845973f] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-7845973f] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-7845973f] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-7845973f] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-7845973f] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-7845973f] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-7845973f] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-7845973f] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-7845973f] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-7845973f] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-7845973f] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-7845973f],
.mlm-selected-item[data-v-7845973f] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-7845973f] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-7845973f]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-7845973f] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-7845973f] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-7845973f] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .layout1.nav-list[data-v-7845973f] {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: .375rem
}

html .layout1.nav-list .nav-item[data-v-7845973f] {
    flex: 0 0 calc(50% - .1875rem);
    min-height: 2.625rem;
    padding: .5625rem .625rem;
    margin-bottom: .375rem;
    display: flex;
    align-items: center;
    gap: .375rem;
    border-radius: var(--ep-border-radius-surface-default, .875rem);
    background: var(--ep-color-background-fill-surface-raised-L2, #1D2A55)
}

html .layout1.nav-list .nav-item .icon[data-v-7845973f] {
    width: 1.5rem;
    height: 1.5rem;
    font-size: 1.5rem;
    color: var(--ep-color-icon-brand-primary, #FFF)
}

html .layout1.nav-list .nav-item .label[data-v-7845973f] {
    text-transform: uppercase;
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--ep-color-text-default, #FFF)
}

html .layout2.nav-list .nav-item[data-v-7845973f] {
    flex: 1;
    padding: var(--item-padding, .5625rem .625rem);
    margin-bottom: .5rem;
    display: flex;
    align-items: center;
    gap: .375rem;
    border-radius: var(--ep-border-radius-m, .875rem);
    background: var(--ep-color-background-fill-surface-raised-L2, #1D2A55)
}

html .layout2.nav-list .nav-item .icon[data-v-7845973f] {
    width: 1.5rem;
    height: 1.5rem;
    font-size: 1.5rem;
    color: var(--ep-color-icon-brand-primary, #FFF)
}

html .layout2.nav-list .nav-item .label[data-v-7845973f] {
    text-transform: uppercase;
    font-size: var(--ep-font-size-xs, .625rem);
    font-weight: var(--ep-font-weight-regular, 400);
    color: var(--ep-color-text-weak, rgba(255, 255, 255, .6))
}

#tabbar-components-DrawerLeft-components-nav-1-index .layout1.nav-list[data-v-7845973f] {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: .375rem
}

#tabbar-components-DrawerLeft-components-nav-1-index .layout1.nav-list .nav-item[data-v-7845973f] {
    flex: 0 0 calc(50% - .1875rem);
    min-height: 2.625rem;
    padding: .5625rem .625rem;
    margin-bottom: .375rem;
    display: flex;
    align-items: center;
    gap: .375rem;
    border-radius: var(--ep-border-radius-surface-default, .875rem);
    background: var(--ep-color-background-fill-surface-raised-L2, #1D2A55)
}

#tabbar-components-DrawerLeft-components-nav-1-index .layout1.nav-list .nav-item .icon[data-v-7845973f] {
    width: 1.5rem;
    height: 1.5rem;
    font-size: 1.5rem;
    color: var(--ep-color-icon-brand-primary, #FFF)
}

#tabbar-components-DrawerLeft-components-nav-1-index .layout1.nav-list .nav-item .label[data-v-7845973f] {
    text-transform: uppercase;
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--ep-color-text-default, #FFF)
}

#tabbar-components-DrawerLeft-components-nav-1-index .layout2.nav-list .nav-item[data-v-7845973f] {
    flex: 1;
    padding: var(--item-padding, .5625rem .625rem);
    margin-bottom: .5rem;
    display: flex;
    align-items: center;
    gap: .375rem;
    border-radius: var(--ep-border-radius-m, .875rem);
    background: var(--ep-color-background-fill-surface-raised-L2, #1D2A55)
}

#tabbar-components-DrawerLeft-components-nav-1-index .layout2.nav-list .nav-item .icon[data-v-7845973f] {
    width: 1.5rem;
    height: 1.5rem;
    font-size: 1.5rem;
    color: var(--ep-color-icon-brand-primary, #FFF)
}

#tabbar-components-DrawerLeft-components-nav-1-index .layout2.nav-list .nav-item .label[data-v-7845973f] {
    text-transform: uppercase;
    font-size: var(--ep-font-size-xs, .625rem);
    font-weight: var(--ep-font-weight-regular, 400);
    color: var(--ep-color-text-weak, rgba(255, 255, 255, .6))
}

.color-primary-600[data-v-b0e39f97] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-b0e39f97] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-b0e39f97] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-b0e39f97] {
    color: var(--color-primary-900)
}

.bg-100[data-v-b0e39f97] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-b0e39f97] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-b0e39f97] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-b0e39f97] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-b0e39f97] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-b0e39f97] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-b0e39f97] {
    background-color: var(--color-warning)
}

.bg-link[data-v-b0e39f97] {
    background-color: var(--color-link)
}

.bg-danger[data-v-b0e39f97] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-b0e39f97] {
    color: var(--color-text-100)
}

.color-text-80[data-v-b0e39f97] {
    color: var(--color-text-80)
}

.color-text-50[data-v-b0e39f97] {
    color: var(--color-text-50)
}

.color-text-40[data-v-b0e39f97] {
    color: var(--color-text-40)
}

.color-text-20[data-v-b0e39f97] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-b0e39f97] {
    color: var(--color-currency)
}

.color-warning[data-v-b0e39f97] {
    color: var(--color-warning)
}

.color-danger[data-v-b0e39f97] {
    color: var(--color-danger)
}

.color-link[data-v-b0e39f97] {
    color: var(--color-link)
}

.color-line[data-v-b0e39f97] {
    color: var(--color-line)
}

.color-border[data-v-b0e39f97] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-b0e39f97] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-b0e39f97] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-b0e39f97] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-b0e39f97] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-b0e39f97] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-b0e39f97] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-b0e39f97] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-b0e39f97] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-b0e39f97] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-b0e39f97] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-b0e39f97] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-b0e39f97] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-b0e39f97] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-b0e39f97] {
    display: flex;
    align-items: center
}

.flex-start[data-v-b0e39f97] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-b0e39f97] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-b0e39f97] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-b0e39f97] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-b0e39f97] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-b0e39f97] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-b0e39f97] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-b0e39f97] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-b0e39f97] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-b0e39f97] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-b0e39f97] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-b0e39f97] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-b0e39f97] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-b0e39f97] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-b0e39f97] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-b0e39f97] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-b0e39f97] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-b0e39f97] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-b0e39f97] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-b0e39f97] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-b0e39f97] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-b0e39f97] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-b0e39f97] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-b0e39f97] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-b0e39f97],
.mlm-selected-item[data-v-b0e39f97] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-b0e39f97] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-b0e39f97]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-b0e39f97] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-b0e39f97] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-b0e39f97] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .tab-bar[data-v-b0e39f97] {
    --tab-bar-height: 3.5rem;
    width: 100%;
    height: var(--tab-bar-height);
    position: absolute;
    bottom: -.0625rem;
    z-index: 10;
    --background: linear-gradient(to bottom, transparent var(--tab-bar-height), var(--ep-color-background-fill-surface-raised-L2) var(--tab-bar-height))
}

html .tab-bar .inner-wrap[data-v-b0e39f97] {
    width: 100%;
    height: 100%;
    padding: var(--padding, .375rem 0);
    display: flex;
    background: var(--ep-color-background-fill-surface-raised-L2)
}

.color-primary-600[data-v-d7d4f88a] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-d7d4f88a] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-d7d4f88a] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-d7d4f88a] {
    color: var(--color-primary-900)
}

.bg-100[data-v-d7d4f88a] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-d7d4f88a] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-d7d4f88a] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-d7d4f88a] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-d7d4f88a] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-d7d4f88a] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-d7d4f88a] {
    background-color: var(--color-warning)
}

.bg-link[data-v-d7d4f88a] {
    background-color: var(--color-link)
}

.bg-danger[data-v-d7d4f88a] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-d7d4f88a] {
    color: var(--color-text-100)
}

.color-text-80[data-v-d7d4f88a] {
    color: var(--color-text-80)
}

.color-text-50[data-v-d7d4f88a] {
    color: var(--color-text-50)
}

.color-text-40[data-v-d7d4f88a] {
    color: var(--color-text-40)
}

.color-text-20[data-v-d7d4f88a] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-d7d4f88a] {
    color: var(--color-currency)
}

.color-warning[data-v-d7d4f88a] {
    color: var(--color-warning)
}

.color-danger[data-v-d7d4f88a] {
    color: var(--color-danger)
}

.color-link[data-v-d7d4f88a] {
    color: var(--color-link)
}

.color-line[data-v-d7d4f88a] {
    color: var(--color-line)
}

.color-border[data-v-d7d4f88a] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-d7d4f88a] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-d7d4f88a] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-d7d4f88a] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-d7d4f88a] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-d7d4f88a] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-d7d4f88a] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-d7d4f88a] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-d7d4f88a] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-d7d4f88a] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-d7d4f88a] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-d7d4f88a] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-d7d4f88a] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-d7d4f88a] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-d7d4f88a] {
    display: flex;
    align-items: center
}

.flex-start[data-v-d7d4f88a] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-d7d4f88a] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-d7d4f88a] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-d7d4f88a] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-d7d4f88a] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-d7d4f88a] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-d7d4f88a] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-d7d4f88a] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-d7d4f88a] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-d7d4f88a] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-d7d4f88a] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-d7d4f88a] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-d7d4f88a] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-d7d4f88a] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-d7d4f88a] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-d7d4f88a] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-d7d4f88a] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-d7d4f88a] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-d7d4f88a] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-d7d4f88a] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-d7d4f88a] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-d7d4f88a] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-d7d4f88a] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-d7d4f88a] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-d7d4f88a],
.mlm-selected-item[data-v-d7d4f88a] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-d7d4f88a] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-d7d4f88a]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-d7d4f88a] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-d7d4f88a] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-d7d4f88a] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .tab-bar[data-v-d7d4f88a] {
    --tab-bar-height: 3.5rem;
    --tab-bar-top: 0;
    --gradient-height: calc(var(--tab-bar-height) + var(--tab-bar-top) - .125rem);
    width: 100%;
    height: var(--tab-bar-height);
    position: absolute;
    bottom: -.0625rem;
    z-index: 10;
    padding-top: var(--tab-bar-top);
    --background: linear-gradient(to bottom, transparent var(--gradient-height), var(--ep-color-background-fill-surface-raised-L2) var(--gradient-height))
}

html .tab-bar .inner-wrap[data-v-d7d4f88a] {
    width: 100%;
    height: var(--tab-bar-height);
    display: flex;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center
}

.color-primary-600[data-v-a0512605] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-a0512605] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-a0512605] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-a0512605] {
    color: var(--color-primary-900)
}

.bg-100[data-v-a0512605] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-a0512605] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-a0512605] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-a0512605] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-a0512605] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-a0512605] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-a0512605] {
    background-color: var(--color-warning)
}

.bg-link[data-v-a0512605] {
    background-color: var(--color-link)
}

.bg-danger[data-v-a0512605] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-a0512605] {
    color: var(--color-text-100)
}

.color-text-80[data-v-a0512605] {
    color: var(--color-text-80)
}

.color-text-50[data-v-a0512605] {
    color: var(--color-text-50)
}

.color-text-40[data-v-a0512605] {
    color: var(--color-text-40)
}

.color-text-20[data-v-a0512605] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-a0512605] {
    color: var(--color-currency)
}

.color-warning[data-v-a0512605] {
    color: var(--color-warning)
}

.color-danger[data-v-a0512605] {
    color: var(--color-danger)
}

.color-link[data-v-a0512605] {
    color: var(--color-link)
}

.color-line[data-v-a0512605] {
    color: var(--color-line)
}

.color-border[data-v-a0512605] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-a0512605] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-a0512605] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-a0512605] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-a0512605] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-a0512605] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-a0512605] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-a0512605] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-a0512605] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-a0512605] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-a0512605] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-a0512605] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-a0512605] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-a0512605] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-a0512605] {
    display: flex;
    align-items: center
}

.flex-start[data-v-a0512605] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-a0512605] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-a0512605] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-a0512605] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-a0512605] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-a0512605] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-a0512605] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-a0512605] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-a0512605] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-a0512605] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-a0512605] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-a0512605] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-a0512605] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-a0512605] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-a0512605] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-a0512605] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-a0512605] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-a0512605] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-a0512605] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-a0512605] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-a0512605] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-a0512605] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-a0512605] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-a0512605] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-a0512605],
.mlm-selected-item[data-v-a0512605] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-a0512605] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-a0512605]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-a0512605] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-a0512605] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-a0512605] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .tab-bar-wrap[data-v-a0512605] {
    --tab-bar-height: 6.25rem;
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 10
}

html .tab-bar-wrap .tab-bar[data-v-a0512605] {
    width: 100%
}

html .tab-bar-wrap .tab-bar .inner-wrap[data-v-a0512605] {
    width: 100%;
    padding: 2rem 0 0;
    height: var(--tab-bar-height);
    display: flex;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center .0625rem
}

.color-primary-600[data-v-b557053e] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-b557053e] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-b557053e] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-b557053e] {
    color: var(--color-primary-900)
}

.bg-100[data-v-b557053e] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-b557053e] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-b557053e] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-b557053e] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-b557053e] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-b557053e] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-b557053e] {
    background-color: var(--color-warning)
}

.bg-link[data-v-b557053e] {
    background-color: var(--color-link)
}

.bg-danger[data-v-b557053e] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-b557053e] {
    color: var(--color-text-100)
}

.color-text-80[data-v-b557053e] {
    color: var(--color-text-80)
}

.color-text-50[data-v-b557053e] {
    color: var(--color-text-50)
}

.color-text-40[data-v-b557053e] {
    color: var(--color-text-40)
}

.color-text-20[data-v-b557053e] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-b557053e] {
    color: var(--color-currency)
}

.color-warning[data-v-b557053e] {
    color: var(--color-warning)
}

.color-danger[data-v-b557053e] {
    color: var(--color-danger)
}

.color-link[data-v-b557053e] {
    color: var(--color-link)
}

.color-line[data-v-b557053e] {
    color: var(--color-line)
}

.color-border[data-v-b557053e] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-b557053e] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-b557053e] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-b557053e] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-b557053e] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-b557053e] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-b557053e] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-b557053e] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-b557053e] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-b557053e] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-b557053e] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-b557053e] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-b557053e] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-b557053e] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-b557053e] {
    display: flex;
    align-items: center
}

.flex-start[data-v-b557053e] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-b557053e] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-b557053e] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-b557053e] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-b557053e] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-b557053e] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-b557053e] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-b557053e] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-b557053e] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-b557053e] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-b557053e] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-b557053e] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-b557053e] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-b557053e] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-b557053e] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-b557053e] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-b557053e] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-b557053e] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-b557053e] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-b557053e] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-b557053e] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-b557053e] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-b557053e] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-b557053e] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-b557053e],
.mlm-selected-item[data-v-b557053e] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-b557053e] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-b557053e]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-b557053e] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-b557053e] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-b557053e] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .tab-btn[data-v-b557053e] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative
}

html .tab-btn .tab-label[data-v-b557053e] {
    font-size: var(--ep-font-size-xs, .625rem);
    font-weight: var(--ep-font-weight-regular, 400);
    line-height: 1;
    color: var(--ep-color-text-navigation-default)
}

html .tab-btn .tab-icon[data-v-b557053e] {
    width: 1.5rem;
    height: 1.5rem;
    color: var(--ep-color-text-navigation-default)
}

html .active-tab[data-v-b557053e] {
    animation: buttonAnimation-b557053e .5s;
    position: relative
}

html .active-tab[data-v-b557053e]:before {
    content: "";
    width: 60%;
    height: 60%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: var(--ep-color-background-fill-glow-primary-opacity-100);
    opacity: .5;
    filter: blur(1rem)
}

html .active-tab .tab-label[data-v-b557053e] {
    font-weight: var(--ep-font-weight-bold, 700);
    color: var(--ep-color-text-navigation-selected)
}

html .active-tab .tab-icon[data-v-b557053e] {
    color: var(--ep-color-icon-brand-primary)
}

html .point-1[data-v-b557053e] {
    top: .625rem;
    right: 1.5625rem
}

html .point-3[data-v-b557053e] {
    top: .6875rem;
    right: 1.5625rem
}

html .point-4[data-v-b557053e] {
    top: .5rem;
    right: 1.5625rem
}

@keyframes buttonAnimation-b557053e {
    0% {
        transform: scale(0)
    }

    50% {
        transform: scale(1.2)
    }

    to {
        transform: scale(1)
    }
}

.color-primary-600[data-v-8db4ad94] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-8db4ad94] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-8db4ad94] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-8db4ad94] {
    color: var(--color-primary-900)
}

.bg-100[data-v-8db4ad94] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-8db4ad94] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-8db4ad94] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-8db4ad94] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-8db4ad94] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-8db4ad94] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-8db4ad94] {
    background-color: var(--color-warning)
}

.bg-link[data-v-8db4ad94] {
    background-color: var(--color-link)
}

.bg-danger[data-v-8db4ad94] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-8db4ad94] {
    color: var(--color-text-100)
}

.color-text-80[data-v-8db4ad94] {
    color: var(--color-text-80)
}

.color-text-50[data-v-8db4ad94] {
    color: var(--color-text-50)
}

.color-text-40[data-v-8db4ad94] {
    color: var(--color-text-40)
}

.color-text-20[data-v-8db4ad94] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-8db4ad94] {
    color: var(--color-currency)
}

.color-warning[data-v-8db4ad94] {
    color: var(--color-warning)
}

.color-danger[data-v-8db4ad94] {
    color: var(--color-danger)
}

.color-link[data-v-8db4ad94] {
    color: var(--color-link)
}

.color-line[data-v-8db4ad94] {
    color: var(--color-line)
}

.color-border[data-v-8db4ad94] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-8db4ad94] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-8db4ad94] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-8db4ad94] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-8db4ad94] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-8db4ad94] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-8db4ad94] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-8db4ad94] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-8db4ad94] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-8db4ad94] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-8db4ad94] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-8db4ad94] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-8db4ad94] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-8db4ad94] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-8db4ad94] {
    display: flex;
    align-items: center
}

.flex-start[data-v-8db4ad94] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-8db4ad94] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-8db4ad94] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-8db4ad94] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-8db4ad94] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-8db4ad94] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-8db4ad94] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-8db4ad94] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-8db4ad94] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-8db4ad94] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-8db4ad94] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-8db4ad94] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-8db4ad94] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-8db4ad94] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-8db4ad94] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-8db4ad94] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-8db4ad94] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-8db4ad94] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-8db4ad94] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-8db4ad94] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-8db4ad94] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-8db4ad94] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-8db4ad94] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-8db4ad94] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-8db4ad94],
.mlm-selected-item[data-v-8db4ad94] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-8db4ad94] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-8db4ad94]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-8db4ad94] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-8db4ad94] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-8db4ad94] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .tab-btn[data-v-8db4ad94] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative
}

html .tab-btn .tab-label[data-v-8db4ad94] {
    font-size: var(--ep-font-size-xs, .625rem);
    font-weight: var(--ep-font-weight-regular, 400);
    line-height: 1;
    color: var(--ep-color-text-navigation-default)
}

html .tab-btn .tab-img[data-v-8db4ad94] {
    width: 0;
    height: 0
}

html .tab-btn .tab-img.good-img[data-v-8db4ad94] {
    width: 1.5rem;
    height: 1.5rem
}

html .active-tab[data-v-8db4ad94] {
    animation: buttonAnimation-8db4ad94 .5s;
    position: relative
}

html .active-tab .tab-label[data-v-8db4ad94] {
    font-weight: var(--ep-font-weight-bold, 700);
    color: var(--ep-color-text-navigation-selected)
}

html .point-1[data-v-8db4ad94] {
    top: .625rem;
    right: 1.5625rem
}

html .point-3[data-v-8db4ad94] {
    top: .6875rem;
    right: 1.5625rem
}

html .point-4[data-v-8db4ad94] {
    top: .5rem;
    right: 1.5625rem
}

@keyframes buttonAnimation-8db4ad94 {
    0% {
        transform: scale(0)
    }

    50% {
        transform: scale(1.2)
    }

    to {
        transform: scale(1)
    }
}

.color-primary-600[data-v-751773ee] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-751773ee] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-751773ee] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-751773ee] {
    color: var(--color-primary-900)
}

.bg-100[data-v-751773ee] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-751773ee] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-751773ee] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-751773ee] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-751773ee] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-751773ee] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-751773ee] {
    background-color: var(--color-warning)
}

.bg-link[data-v-751773ee] {
    background-color: var(--color-link)
}

.bg-danger[data-v-751773ee] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-751773ee] {
    color: var(--color-text-100)
}

.color-text-80[data-v-751773ee] {
    color: var(--color-text-80)
}

.color-text-50[data-v-751773ee] {
    color: var(--color-text-50)
}

.color-text-40[data-v-751773ee] {
    color: var(--color-text-40)
}

.color-text-20[data-v-751773ee] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-751773ee] {
    color: var(--color-currency)
}

.color-warning[data-v-751773ee] {
    color: var(--color-warning)
}

.color-danger[data-v-751773ee] {
    color: var(--color-danger)
}

.color-link[data-v-751773ee] {
    color: var(--color-link)
}

.color-line[data-v-751773ee] {
    color: var(--color-line)
}

.color-border[data-v-751773ee] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-751773ee] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-751773ee] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-751773ee] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-751773ee] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-751773ee] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-751773ee] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-751773ee] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-751773ee] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-751773ee] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-751773ee] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-751773ee] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-751773ee] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-751773ee] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-751773ee] {
    display: flex;
    align-items: center
}

.flex-start[data-v-751773ee] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-751773ee] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-751773ee] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-751773ee] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-751773ee] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-751773ee] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-751773ee] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-751773ee] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-751773ee] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-751773ee] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-751773ee] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-751773ee] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-751773ee] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-751773ee] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-751773ee] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-751773ee] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-751773ee] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-751773ee] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-751773ee] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-751773ee] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-751773ee] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-751773ee] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-751773ee] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-751773ee] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-751773ee],
.mlm-selected-item[data-v-751773ee] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-751773ee] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-751773ee]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-751773ee] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-751773ee] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-751773ee] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .tab-btn[data-v-751773ee] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative
}

html .tab-btn .tab-label[data-v-751773ee] {
    position: relative;
    z-index: 10;
    font-size: var(--ep-font-size-xs, .625rem);
    font-weight: var(--ep-font-weight-regular, 400);
    text-transform: capitalize;
    line-height: 1;
    color: var(--ep-color-text-navigation-default)
}

html .tab-btn .tab-img[data-v-751773ee] {
    position: relative;
    z-index: 10;
    width: 0;
    height: 0;
    filter: grayscale(1)
}

html .tab-btn .tab-img.good-img[data-v-751773ee] {
    width: 2.125rem;
    height: 2.125rem
}

html .tab-btn.active-tab[data-v-751773ee] {
    animation: buttonAnimation-751773ee .5s;
    position: relative
}

html .tab-btn.active-tab .active-block[data-v-751773ee] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -65%);
    z-index: 5;
    box-sizing: content-box;
    width: 1.875rem;
    height: 1.875rem;
    overflow: hidden;
    border-radius: var(--ep-border-radius-s);
    background: linear-gradient(to bottom, var(--ep-color-background-fill-glow-primary-opacity-100) 0%, var(--ep-color-background-fill-gradients-primary-a) 100%)
}

html .tab-btn.active-tab .active-block[data-v-751773ee]:before {
    content: "";
    display: block;
    position: absolute;
    top: .0625rem;
    left: .0625rem;
    right: .0625rem;
    bottom: .0625rem;
    z-index: -1;
    border-radius: var(--ep-border-radius-s);
    background: radial-gradient(70% 50% at 50% 100%, var(--ep-color-background-fill-glow-primary-opacity-100), var(--ep-color-background-fill-surface-raised-L2))
}

html .tab-btn.active-tab .tab-label[data-v-751773ee] {
    font-weight: var(--ep-font-weight-bold, 700);
    color: var(--ep-color-text-navigation-selected)
}

html .tab-btn.active-tab .tab-img[data-v-751773ee] {
    filter: grayscale(0)
}

html .tab-btn.active-tab .tab-img.good-img[data-v-751773ee] {
    width: 1.25rem;
    height: 1.25rem;
    margin-top: .5rem;
    margin-bottom: .375rem
}

html .point-1[data-v-751773ee] {
    top: .625rem;
    right: 1.5625rem
}

html .point-3[data-v-751773ee] {
    top: .6875rem;
    right: 1.5625rem
}

html .point-4[data-v-751773ee] {
    top: .5rem;
    right: 1.5625rem
}

@keyframes buttonAnimation-751773ee {
    0% {
        transform: scale(0)
    }

    50% {
        transform: scale(1.2)
    }

    to {
        transform: scale(1)
    }
}

.color-primary-600[data-v-4b701959] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-4b701959] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-4b701959] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-4b701959] {
    color: var(--color-primary-900)
}

.bg-100[data-v-4b701959] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-4b701959] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-4b701959] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-4b701959] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-4b701959] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-4b701959] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-4b701959] {
    background-color: var(--color-warning)
}

.bg-link[data-v-4b701959] {
    background-color: var(--color-link)
}

.bg-danger[data-v-4b701959] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-4b701959] {
    color: var(--color-text-100)
}

.color-text-80[data-v-4b701959] {
    color: var(--color-text-80)
}

.color-text-50[data-v-4b701959] {
    color: var(--color-text-50)
}

.color-text-40[data-v-4b701959] {
    color: var(--color-text-40)
}

.color-text-20[data-v-4b701959] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-4b701959] {
    color: var(--color-currency)
}

.color-warning[data-v-4b701959] {
    color: var(--color-warning)
}

.color-danger[data-v-4b701959] {
    color: var(--color-danger)
}

.color-link[data-v-4b701959] {
    color: var(--color-link)
}

.color-line[data-v-4b701959] {
    color: var(--color-line)
}

.color-border[data-v-4b701959] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-4b701959] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-4b701959] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-4b701959] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-4b701959] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-4b701959] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-4b701959] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-4b701959] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-4b701959] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-4b701959] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-4b701959] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-4b701959] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-4b701959] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-4b701959] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-4b701959] {
    display: flex;
    align-items: center
}

.flex-start[data-v-4b701959] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-4b701959] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-4b701959] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-4b701959] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-4b701959] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-4b701959] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-4b701959] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-4b701959] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-4b701959] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-4b701959] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-4b701959] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-4b701959] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-4b701959] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-4b701959] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-4b701959] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-4b701959] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-4b701959] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-4b701959] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-4b701959] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-4b701959] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-4b701959] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-4b701959] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-4b701959] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-4b701959] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-4b701959],
.mlm-selected-item[data-v-4b701959] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-4b701959] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-4b701959]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-4b701959] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-4b701959] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-4b701959] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .tab-btn[data-v-4b701959] {
    flex: 1;
    height: 2.875rem;
    margin: .25rem 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    position: relative
}

html .tab-btn .tab-label[data-v-4b701959] {
    position: relative;
    z-index: 10;
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-regular, 400);
    text-transform: capitalize;
    line-height: 1;
    color: var(--ep-color-text-navigation-default)
}

html .tab-btn .tab-icon[data-v-4b701959] {
    width: 1.5rem;
    height: 1.5rem;
    font-size: 1.5rem;
    position: relative;
    z-index: 10
}

html .tab-btn.active-tab[data-v-4b701959] {
    animation: buttonAnimation-4b701959 .5s;
    position: relative
}

html .tab-btn.active-tab .tab-label[data-v-4b701959] {
    font-weight: var(--ep-font-weight-bold, 700);
    color: var(--ep-color-text-navigation-selected, #FFF)
}

html .tab-btn.active-tab .tab-icon[data-v-4b701959] {
    animation: bounce-cycle-4b701959 16.2s cubic-bezier(.68, -.55, .265, 1.55) infinite
}

html .point-1[data-v-4b701959] {
    top: .625rem;
    right: 1.5625rem
}

html .point-3[data-v-4b701959] {
    top: .6875rem;
    right: 1.5625rem
}

html .point-4[data-v-4b701959] {
    top: .5rem;
    right: 1.5625rem
}

@keyframes buttonAnimation-4b701959 {
    0% {
        transform: scale(0)
    }

    50% {
        transform: scale(1.2)
    }

    to {
        transform: scale(1)
    }
}

@keyframes bounce-cycle-4b701959 {

    0%,
    92.6% {
        transform: translateY(0)
    }

    93.8% {
        transform: translateY(-15px)
    }

    95.1% {
        transform: translateY(0)
    }

    96.3% {
        transform: translateY(-8px)
    }

    97.5% {
        transform: translateY(0)
    }

    98.1% {
        transform: translateY(-4px)
    }

    98.7% {
        transform: translateY(0)
    }

    99.4% {
        transform: translateY(-2px)
    }

    to {
        transform: translateY(0)
    }
}

.color-primary-600[data-v-cdebacf1] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-cdebacf1] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-cdebacf1] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-cdebacf1] {
    color: var(--color-primary-900)
}

.bg-100[data-v-cdebacf1] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-cdebacf1] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-cdebacf1] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-cdebacf1] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-cdebacf1] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-cdebacf1] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-cdebacf1] {
    background-color: var(--color-warning)
}

.bg-link[data-v-cdebacf1] {
    background-color: var(--color-link)
}

.bg-danger[data-v-cdebacf1] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-cdebacf1] {
    color: var(--color-text-100)
}

.color-text-80[data-v-cdebacf1] {
    color: var(--color-text-80)
}

.color-text-50[data-v-cdebacf1] {
    color: var(--color-text-50)
}

.color-text-40[data-v-cdebacf1] {
    color: var(--color-text-40)
}

.color-text-20[data-v-cdebacf1] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-cdebacf1] {
    color: var(--color-currency)
}

.color-warning[data-v-cdebacf1] {
    color: var(--color-warning)
}

.color-danger[data-v-cdebacf1] {
    color: var(--color-danger)
}

.color-link[data-v-cdebacf1] {
    color: var(--color-link)
}

.color-line[data-v-cdebacf1] {
    color: var(--color-line)
}

.color-border[data-v-cdebacf1] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-cdebacf1] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-cdebacf1] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-cdebacf1] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-cdebacf1] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-cdebacf1] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-cdebacf1] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-cdebacf1] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-cdebacf1] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-cdebacf1] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-cdebacf1] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-cdebacf1] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-cdebacf1] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-cdebacf1] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-cdebacf1] {
    display: flex;
    align-items: center
}

.flex-start[data-v-cdebacf1] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-cdebacf1] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-cdebacf1] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-cdebacf1] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-cdebacf1] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-cdebacf1] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-cdebacf1] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-cdebacf1] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-cdebacf1] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-cdebacf1] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-cdebacf1] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-cdebacf1] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-cdebacf1] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-cdebacf1] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-cdebacf1] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-cdebacf1] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-cdebacf1] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-cdebacf1] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-cdebacf1] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-cdebacf1] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-cdebacf1] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-cdebacf1] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-cdebacf1] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-cdebacf1] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-cdebacf1],
.mlm-selected-item[data-v-cdebacf1] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-cdebacf1] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-cdebacf1]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-cdebacf1] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-cdebacf1] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-cdebacf1] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .tab-btn[data-v-cdebacf1] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    animation: none !important
}

html .tab-btn .tab-label[data-v-cdebacf1] {
    position: relative;
    z-index: 10;
    font-size: var(--ep-font-size-xs, .625rem);
    font-weight: var(--ep-font-weight-regular, 400);
    text-transform: capitalize;
    line-height: 1;
    color: var(--ep-color-text-navigation-default)
}

html .tab-btn .tab-img[data-v-cdebacf1] {
    position: relative;
    z-index: 10;
    width: 0;
    height: 0
}

html .tab-btn .tab-img.good-img[data-v-cdebacf1] {
    width: 2.125rem;
    height: 2.125rem
}

html .tab-btn.active-tab[data-v-cdebacf1] {
    animation: buttonAnimation-cdebacf1 .5s !important;
    position: relative
}

html .tab-btn.active-tab .tab-label[data-v-cdebacf1] {
    font-weight: var(--ep-font-weight-bold, 700);
    color: var(--ep-color-text-navigation-selected)
}

html .tab-btn.layout26[data-v-cdebacf1] {
    gap: .25rem
}

html .tab-btn.layout26.active-tab .tab-img[data-v-cdebacf1]:before {
    content: "";
    display: block;
    position: absolute;
    width: 2.8125rem;
    height: .9375rem;
    bottom: -.25rem;
    z-index: -1;
    left: -.5rem;
    background: radial-gradient(ellipse, var(--ep-color-background-fill-glow-primary-opacity-100) 0%, transparent 100%);
    border-radius: 50%;
    filter: blur(8px)
}

html .tab-btn.layout26 .tab-img.good-img[data-v-cdebacf1] {
    width: 1.875rem;
    height: 1.875rem
}

html .point-1[data-v-cdebacf1] {
    top: .625rem;
    right: 1.5625rem
}

html .point-3[data-v-cdebacf1] {
    top: .6875rem;
    right: 1.5625rem
}

html .point-4[data-v-cdebacf1] {
    top: .5rem;
    right: 1.5625rem
}

@keyframes buttonAnimation-cdebacf1 {
    0% {
        transform: scale(0)
    }

    50% {
        transform: scale(1.2)
    }

    to {
        transform: scale(1)
    }
}

.color-primary-600[data-v-0b460871] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-0b460871] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-0b460871] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-0b460871] {
    color: var(--color-primary-900)
}

.bg-100[data-v-0b460871] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-0b460871] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-0b460871] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-0b460871] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-0b460871] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-0b460871] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-0b460871] {
    background-color: var(--color-warning)
}

.bg-link[data-v-0b460871] {
    background-color: var(--color-link)
}

.bg-danger[data-v-0b460871] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-0b460871] {
    color: var(--color-text-100)
}

.color-text-80[data-v-0b460871] {
    color: var(--color-text-80)
}

.color-text-50[data-v-0b460871] {
    color: var(--color-text-50)
}

.color-text-40[data-v-0b460871] {
    color: var(--color-text-40)
}

.color-text-20[data-v-0b460871] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-0b460871] {
    color: var(--color-currency)
}

.color-warning[data-v-0b460871] {
    color: var(--color-warning)
}

.color-danger[data-v-0b460871] {
    color: var(--color-danger)
}

.color-link[data-v-0b460871] {
    color: var(--color-link)
}

.color-line[data-v-0b460871] {
    color: var(--color-line)
}

.color-border[data-v-0b460871] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-0b460871] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-0b460871] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-0b460871] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-0b460871] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-0b460871] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-0b460871] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-0b460871] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-0b460871] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-0b460871] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-0b460871] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-0b460871] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-0b460871] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-0b460871] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-0b460871] {
    display: flex;
    align-items: center
}

.flex-start[data-v-0b460871] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-0b460871] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-0b460871] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-0b460871] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-0b460871] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-0b460871] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-0b460871] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-0b460871] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-0b460871] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-0b460871] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-0b460871] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-0b460871] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-0b460871] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-0b460871] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-0b460871] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-0b460871] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-0b460871] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-0b460871] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-0b460871] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-0b460871] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-0b460871] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-0b460871] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-0b460871] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-0b460871] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-0b460871],
.mlm-selected-item[data-v-0b460871] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-0b460871] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-0b460871]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-0b460871] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-0b460871] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-0b460871] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .tab-btn[data-v-0b460871] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    animation: none !important
}

html .tab-btn .tab-label[data-v-0b460871] {
    position: relative;
    z-index: 10;
    font-size: var(--ep-font-size-xs, .625rem);
    font-weight: var(--ep-font-weight-regular, 400);
    text-transform: capitalize;
    line-height: 1;
    color: var(--ep-color-text-navigation-default)
}

html .tab-btn .tab-img[data-v-0b460871] {
    position: relative;
    z-index: 10;
    width: 0;
    height: 0
}

html .tab-btn .tab-img.good-img[data-v-0b460871] {
    width: 2.125rem;
    height: 2.125rem
}

html .tab-btn.active-tab[data-v-0b460871] {
    animation: buttonAnimation-0b460871 .5s !important;
    position: relative
}

html .tab-btn.active-tab .tab-label[data-v-0b460871] {
    font-weight: var(--ep-font-weight-bold, 700);
    color: var(--ep-color-text-navigation-selected)
}

html .tab-btn.layout26[data-v-0b460871] {
    gap: .25rem
}

html .tab-btn.layout26.active-tab .tab-img[data-v-0b460871]:before {
    content: "";
    display: block;
    position: absolute;
    width: 2.8125rem;
    height: .9375rem;
    bottom: -.25rem;
    z-index: -1;
    left: -.5rem;
    background: radial-gradient(ellipse, var(--ep-color-background-fill-glow-primary-opacity-100) 0%, transparent 100%);
    border-radius: 50%;
    filter: blur(8px)
}

html .tab-btn.layout26 .tab-img.good-img[data-v-0b460871] {
    width: 1.875rem;
    height: 1.875rem
}

html .point-1[data-v-0b460871] {
    top: .625rem;
    right: 1.5625rem
}

html .point-3[data-v-0b460871] {
    top: .6875rem;
    right: 1.5625rem
}

html .point-4[data-v-0b460871] {
    top: .5rem;
    right: 1.5625rem
}

@keyframes buttonAnimation-0b460871 {
    0% {
        transform: scale(0)
    }

    50% {
        transform: scale(1.2)
    }

    to {
        transform: scale(1)
    }
}

.color-primary-600[data-v-5e34e4fa] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-5e34e4fa] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-5e34e4fa] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-5e34e4fa] {
    color: var(--color-primary-900)
}

.bg-100[data-v-5e34e4fa] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-5e34e4fa] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-5e34e4fa] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-5e34e4fa] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-5e34e4fa] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-5e34e4fa] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-5e34e4fa] {
    background-color: var(--color-warning)
}

.bg-link[data-v-5e34e4fa] {
    background-color: var(--color-link)
}

.bg-danger[data-v-5e34e4fa] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-5e34e4fa] {
    color: var(--color-text-100)
}

.color-text-80[data-v-5e34e4fa] {
    color: var(--color-text-80)
}

.color-text-50[data-v-5e34e4fa] {
    color: var(--color-text-50)
}

.color-text-40[data-v-5e34e4fa] {
    color: var(--color-text-40)
}

.color-text-20[data-v-5e34e4fa] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-5e34e4fa] {
    color: var(--color-currency)
}

.color-warning[data-v-5e34e4fa] {
    color: var(--color-warning)
}

.color-danger[data-v-5e34e4fa] {
    color: var(--color-danger)
}

.color-link[data-v-5e34e4fa] {
    color: var(--color-link)
}

.color-line[data-v-5e34e4fa] {
    color: var(--color-line)
}

.color-border[data-v-5e34e4fa] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-5e34e4fa] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-5e34e4fa] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-5e34e4fa] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-5e34e4fa] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-5e34e4fa] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-5e34e4fa] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-5e34e4fa] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-5e34e4fa] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-5e34e4fa] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-5e34e4fa] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-5e34e4fa] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-5e34e4fa] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-5e34e4fa] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-5e34e4fa] {
    display: flex;
    align-items: center
}

.flex-start[data-v-5e34e4fa] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-5e34e4fa] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-5e34e4fa] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-5e34e4fa] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-5e34e4fa] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-5e34e4fa] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-5e34e4fa] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-5e34e4fa] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-5e34e4fa] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-5e34e4fa] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-5e34e4fa] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-5e34e4fa] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-5e34e4fa] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-5e34e4fa] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-5e34e4fa] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-5e34e4fa] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-5e34e4fa] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-5e34e4fa] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-5e34e4fa] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-5e34e4fa] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-5e34e4fa] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-5e34e4fa] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-5e34e4fa] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-5e34e4fa] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-5e34e4fa],
.mlm-selected-item[data-v-5e34e4fa] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-5e34e4fa] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-5e34e4fa]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-5e34e4fa] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-5e34e4fa] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-5e34e4fa] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .flexible-tab[data-v-5e34e4fa] {
    width: 4.25rem;
    height: 2.875rem;
    border-radius: 2.5625rem;
    font-size: 2.8125rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: linear-gradient(151deg, #8fe759 6.6%, #328624 77.21%, #25651a 92.71%);
    border: .0625rem solid #A4F383;
    box-shadow: 0 0 1.563rem #1d530e, 0 0 .875rem #1d530e
}

html .flexible-tab .tab-icon[data-v-5e34e4fa] {
    font-size: 1.4063rem;
    color: #fff
}

html .flexible-tab .tab-label[data-v-5e34e4fa] {
    font-size: .625rem;
    font-weight: 500;
    color: #fff
}

.color-primary-600[data-v-21a05403] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-21a05403] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-21a05403] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-21a05403] {
    color: var(--color-primary-900)
}

.bg-100[data-v-21a05403] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-21a05403] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-21a05403] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-21a05403] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-21a05403] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-21a05403] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-21a05403] {
    background-color: var(--color-warning)
}

.bg-link[data-v-21a05403] {
    background-color: var(--color-link)
}

.bg-danger[data-v-21a05403] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-21a05403] {
    color: var(--color-text-100)
}

.color-text-80[data-v-21a05403] {
    color: var(--color-text-80)
}

.color-text-50[data-v-21a05403] {
    color: var(--color-text-50)
}

.color-text-40[data-v-21a05403] {
    color: var(--color-text-40)
}

.color-text-20[data-v-21a05403] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-21a05403] {
    color: var(--color-currency)
}

.color-warning[data-v-21a05403] {
    color: var(--color-warning)
}

.color-danger[data-v-21a05403] {
    color: var(--color-danger)
}

.color-link[data-v-21a05403] {
    color: var(--color-link)
}

.color-line[data-v-21a05403] {
    color: var(--color-line)
}

.color-border[data-v-21a05403] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-21a05403] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-21a05403] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-21a05403] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-21a05403] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-21a05403] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-21a05403] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-21a05403] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-21a05403] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-21a05403] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-21a05403] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-21a05403] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-21a05403] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-21a05403] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-21a05403] {
    display: flex;
    align-items: center
}

.flex-start[data-v-21a05403] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-21a05403] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-21a05403] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-21a05403] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-21a05403] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-21a05403] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-21a05403] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-21a05403] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-21a05403] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-21a05403] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-21a05403] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-21a05403] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-21a05403] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-21a05403] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-21a05403] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-21a05403] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-21a05403] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-21a05403] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-21a05403] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-21a05403] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-21a05403] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-21a05403] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-21a05403] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-21a05403] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-21a05403],
.mlm-selected-item[data-v-21a05403] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-21a05403] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-21a05403]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-21a05403] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-21a05403] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-21a05403] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .flexible-tab[data-v-21a05403] {
    flex: 1
}

html .flexible-tab .flexible-tab-box[data-v-21a05403] {
    width: 3.125rem;
    height: 3.125rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 50%;
    bottom: calc(2.125rem + env(safe-area-inset-bottom));
    transform: translate(-50%);
    padding: .0625rem;
    background-image: linear-gradient(90deg, var(--ep-color-background-fill-gradients-primary-a, #3A8EE3), var(--ep-color-background-fill-gradients-primary-b, #CF3F5B))
}

html .flexible-tab .flexible-tab-box[data-v-21a05403]:before {
    content: "";
    position: absolute;
    top: .0625rem;
    right: .0625rem;
    bottom: .0625rem;
    left: .0625rem;
    border-radius: 50%;
    background-color: var(--ep-color-background-fill-surface-raised-L2)
}

html .flexible-tab .flexible-tab-box .flexible-img-ring[data-v-21a05403] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    animation: rotate-21a05403 5s linear infinite
}

html .flexible-tab .flexible-tab-box .flexible-img-ring svg[data-v-21a05403] {
    stroke-width: 2
}

html .flexible-tab .flexible-tab-box .flexible-img-ring svg path[data-v-21a05403],
html .flexible-tab .flexible-tab-box .flexible-img-ring svg circle[data-v-21a05403],
html .flexible-tab .flexible-tab-box .flexible-img-ring svg rect[data-v-21a05403],
html .flexible-tab .flexible-tab-box .flexible-img-ring svg line[data-v-21a05403] {
    stroke-width: inherit
}

html .flexible-tab .flexible-tab-box .flexible-img-main[data-v-21a05403] {
    width: 0;
    position: relative;
    z-index: 2
}

html .flexible-tab .flexible-tab-box .flexible-img-main.good-img[data-v-21a05403] {
    width: 2.1875rem
}

html .flexible-tab .flexible-tab-box .flexible-img-main svg[data-v-21a05403] {
    stroke-width: 2
}

html .flexible-tab .flexible-tab-box .flexible-img-main svg path[data-v-21a05403],
html .flexible-tab .flexible-tab-box .flexible-img-main svg circle[data-v-21a05403],
html .flexible-tab .flexible-tab-box .flexible-img-main svg rect[data-v-21a05403],
html .flexible-tab .flexible-tab-box .flexible-img-main svg line[data-v-21a05403] {
    stroke-width: inherit
}

html .flexible-tab .tab-label[data-v-21a05403] {
    display: block;
    margin-top: 2.1875rem;
    font-size: var(--ep-font-size-xs, .625rem);
    font-weight: var(--ep-font-weight-regular, 400);
    line-height: 1;
    color: var(--ep-color-text-navigation-default)
}

@keyframes rotate-21a05403 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.color-primary-600[data-v-085ea9ea] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-085ea9ea] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-085ea9ea] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-085ea9ea] {
    color: var(--color-primary-900)
}

.bg-100[data-v-085ea9ea] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-085ea9ea] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-085ea9ea] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-085ea9ea] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-085ea9ea] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-085ea9ea] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-085ea9ea] {
    background-color: var(--color-warning)
}

.bg-link[data-v-085ea9ea] {
    background-color: var(--color-link)
}

.bg-danger[data-v-085ea9ea] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-085ea9ea] {
    color: var(--color-text-100)
}

.color-text-80[data-v-085ea9ea] {
    color: var(--color-text-80)
}

.color-text-50[data-v-085ea9ea] {
    color: var(--color-text-50)
}

.color-text-40[data-v-085ea9ea] {
    color: var(--color-text-40)
}

.color-text-20[data-v-085ea9ea] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-085ea9ea] {
    color: var(--color-currency)
}

.color-warning[data-v-085ea9ea] {
    color: var(--color-warning)
}

.color-danger[data-v-085ea9ea] {
    color: var(--color-danger)
}

.color-link[data-v-085ea9ea] {
    color: var(--color-link)
}

.color-line[data-v-085ea9ea] {
    color: var(--color-line)
}

.color-border[data-v-085ea9ea] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-085ea9ea] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-085ea9ea] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-085ea9ea] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-085ea9ea] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-085ea9ea] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-085ea9ea] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-085ea9ea] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-085ea9ea] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-085ea9ea] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-085ea9ea] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-085ea9ea] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-085ea9ea] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-085ea9ea] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-085ea9ea] {
    display: flex;
    align-items: center
}

.flex-start[data-v-085ea9ea] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-085ea9ea] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-085ea9ea] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-085ea9ea] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-085ea9ea] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-085ea9ea] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-085ea9ea] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-085ea9ea] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-085ea9ea] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-085ea9ea] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-085ea9ea] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-085ea9ea] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-085ea9ea] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-085ea9ea] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-085ea9ea] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-085ea9ea] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-085ea9ea] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-085ea9ea] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-085ea9ea] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-085ea9ea] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-085ea9ea] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-085ea9ea] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-085ea9ea] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-085ea9ea] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-085ea9ea],
.mlm-selected-item[data-v-085ea9ea] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-085ea9ea] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-085ea9ea]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-085ea9ea] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-085ea9ea] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-085ea9ea] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .tab-btn[data-v-085ea9ea] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative
}

html .tab-btn .tab-label[data-v-085ea9ea] {
    position: relative;
    z-index: 10;
    font-size: var(--ep-font-size-xs, .625rem);
    font-weight: var(--ep-font-weight-regular, 400);
    text-transform: capitalize;
    line-height: 1;
    color: var(--ep-color-text-navigation-default)
}

html .tab-btn .tab-img[data-v-085ea9ea] {
    position: relative;
    z-index: 10;
    width: 0;
    height: 0;
    filter: grayscale(1)
}

html .tab-btn .tab-img.good-img[data-v-085ea9ea] {
    width: 2.125rem;
    height: 2.125rem
}

html .tab-btn.active-tab[data-v-085ea9ea] {
    animation: buttonAnimation-085ea9ea .5s;
    position: relative
}

html .tab-btn.active-tab .active-block[data-v-085ea9ea] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -65%);
    z-index: 5;
    box-sizing: content-box;
    width: 1.875rem;
    height: 1.875rem;
    overflow: hidden;
    border-radius: var(--ep-border-radius-s);
    background: linear-gradient(to bottom, var(--ep-color-background-fill-glow-primary-opacity-100) 0%, var(--ep-color-background-fill-gradients-primary-a) 100%)
}

html .tab-btn.active-tab .active-block[data-v-085ea9ea]:before {
    content: "";
    display: block;
    position: absolute;
    top: .0625rem;
    left: .0625rem;
    right: .0625rem;
    bottom: .0625rem;
    z-index: -1;
    border-radius: var(--ep-border-radius-s);
    background: radial-gradient(70% 50% at 50% 100%, var(--ep-color-background-fill-glow-primary-opacity-100), var(--ep-color-background-fill-surface-raised-L2))
}

html .tab-btn.active-tab .tab-label[data-v-085ea9ea] {
    font-weight: var(--ep-font-weight-bold, 700);
    color: var(--ep-color-text-navigation-selected)
}

html .tab-btn.active-tab .tab-img[data-v-085ea9ea] {
    filter: grayscale(0)
}

html .tab-btn.active-tab .tab-img.good-img[data-v-085ea9ea] {
    width: 1.25rem;
    height: 1.25rem;
    margin-top: .5rem;
    margin-bottom: .375rem
}

html .point-1[data-v-085ea9ea] {
    top: .625rem;
    right: 1.5625rem
}

html .point-3[data-v-085ea9ea] {
    top: .6875rem;
    right: 1.5625rem
}

html .point-4[data-v-085ea9ea] {
    top: .5rem;
    right: 1.5625rem
}

@keyframes buttonAnimation-085ea9ea {
    0% {
        transform: scale(0)
    }

    50% {
        transform: scale(1.2)
    }

    to {
        transform: scale(1)
    }
}

.color-primary-600[data-v-d234d1be] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-d234d1be] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-d234d1be] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-d234d1be] {
    color: var(--color-primary-900)
}

.bg-100[data-v-d234d1be] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-d234d1be] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-d234d1be] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-d234d1be] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-d234d1be] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-d234d1be] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-d234d1be] {
    background-color: var(--color-warning)
}

.bg-link[data-v-d234d1be] {
    background-color: var(--color-link)
}

.bg-danger[data-v-d234d1be] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-d234d1be] {
    color: var(--color-text-100)
}

.color-text-80[data-v-d234d1be] {
    color: var(--color-text-80)
}

.color-text-50[data-v-d234d1be] {
    color: var(--color-text-50)
}

.color-text-40[data-v-d234d1be] {
    color: var(--color-text-40)
}

.color-text-20[data-v-d234d1be] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-d234d1be] {
    color: var(--color-currency)
}

.color-warning[data-v-d234d1be] {
    color: var(--color-warning)
}

.color-danger[data-v-d234d1be] {
    color: var(--color-danger)
}

.color-link[data-v-d234d1be] {
    color: var(--color-link)
}

.color-line[data-v-d234d1be] {
    color: var(--color-line)
}

.color-border[data-v-d234d1be] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-d234d1be] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-d234d1be] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-d234d1be] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-d234d1be] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-d234d1be] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-d234d1be] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-d234d1be] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-d234d1be] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-d234d1be] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-d234d1be] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-d234d1be] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-d234d1be] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-d234d1be] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-d234d1be] {
    display: flex;
    align-items: center
}

.flex-start[data-v-d234d1be] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-d234d1be] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-d234d1be] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-d234d1be] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-d234d1be] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-d234d1be] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-d234d1be] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-d234d1be] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-d234d1be] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-d234d1be] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-d234d1be] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-d234d1be] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-d234d1be] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-d234d1be] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-d234d1be] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-d234d1be] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-d234d1be] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-d234d1be] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-d234d1be] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-d234d1be] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-d234d1be] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-d234d1be] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-d234d1be] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-d234d1be] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-d234d1be],
.mlm-selected-item[data-v-d234d1be] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-d234d1be] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-d234d1be]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-d234d1be] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-d234d1be] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-d234d1be] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .layout1.tab-btn[data-v-d234d1be] {
    flex: 1;
    margin-top: .125rem;
    padding: .375rem 0 .25rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    position: relative
}

html .layout1.tab-btn .tab-label[data-v-d234d1be] {
    position: relative;
    z-index: 10;
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-regular, 400);
    text-transform: capitalize;
    line-height: 1;
    color: var(--ep-color-text-navigation-default)
}

html .layout1.tab-btn .tab-img[data-v-d234d1be] {
    position: relative;
    z-index: 10;
    width: 1.5rem;
    height: 1.5rem;
    font-size: 1.5rem;
    color: var(--ep-color-icon-navigation-selected)
}

html .layout1.tab-btn.active-tab[data-v-d234d1be] {
    position: relative
}

html .layout1.tab-btn.active-tab .active-block[data-v-d234d1be] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    z-index: 5;
    box-sizing: content-box;
    width: 3.375rem;
    overflow: hidden;
    border-radius: var(--ep-border-radius-s);
    background: var(--ep-color-border-default, #414A54)
}

html .layout1.tab-btn.active-tab .active-block[data-v-d234d1be]:before {
    content: "";
    display: block;
    position: absolute;
    top: .0625rem;
    left: .0625rem;
    right: .0625rem;
    bottom: .0625rem;
    z-index: -1;
    border-radius: var(--ep-border-radius-s);
    background: var(--ep-color-background-fill-body-default, #21262C)
}

html .layout1.tab-btn.active-tab .tab-label[data-v-d234d1be] {
    font-weight: var(--ep-font-weight-bold, 700);
    color: var(--ep-color-text-navigation-selected, #FFF)
}

html .layout1.tab-btn.active-tab .tab-img[data-v-d234d1be] {
    filter: grayscale(0)
}

html .layout1.tab-btn.active-tab .tab-img.good-img[data-v-d234d1be] {
    width: 1.25rem;
    height: 1.25rem;
    margin-top: .5rem;
    margin-bottom: .375rem
}

html .point-1[data-v-d234d1be] {
    top: .625rem;
    right: 1.5625rem
}

html .point-3[data-v-d234d1be] {
    top: .6875rem;
    right: 1.5625rem
}

html .point-4[data-v-d234d1be] {
    top: .5rem;
    right: 1.5625rem
}

#tabbar-components-tabBar-components-flexibleTab-5-index .layout1.tab-btn[data-v-d234d1be] {
    flex: 1;
    margin-top: .125rem;
    padding: .375rem 0 .25rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    position: relative
}

#tabbar-components-tabBar-components-flexibleTab-5-index .layout1.tab-btn .tab-label[data-v-d234d1be] {
    position: relative;
    z-index: 10;
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-regular, 400);
    text-transform: capitalize;
    line-height: 1;
    color: var(--ep-color-text-navigation-default)
}

#tabbar-components-tabBar-components-flexibleTab-5-index .layout1.tab-btn .tab-img[data-v-d234d1be] {
    position: relative;
    z-index: 10;
    width: 1.5rem;
    height: 1.5rem;
    font-size: 1.5rem;
    color: var(--ep-color-icon-navigation-selected)
}

#tabbar-components-tabBar-components-flexibleTab-5-index .layout1.tab-btn.active-tab[data-v-d234d1be] {
    position: relative
}

#tabbar-components-tabBar-components-flexibleTab-5-index .layout1.tab-btn.active-tab .active-block[data-v-d234d1be] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    z-index: 5;
    box-sizing: content-box;
    width: 3.375rem;
    overflow: hidden;
    border-radius: var(--ep-border-radius-s);
    background: var(--ep-color-border-default, #414A54)
}

#tabbar-components-tabBar-components-flexibleTab-5-index .layout1.tab-btn.active-tab .active-block[data-v-d234d1be]:before {
    content: "";
    display: block;
    position: absolute;
    top: .0625rem;
    left: .0625rem;
    right: .0625rem;
    bottom: .0625rem;
    z-index: -1;
    border-radius: var(--ep-border-radius-s);
    background: var(--ep-color-background-fill-body-default, #21262C)
}

#tabbar-components-tabBar-components-flexibleTab-5-index .layout1.tab-btn.active-tab .tab-label[data-v-d234d1be] {
    font-weight: var(--ep-font-weight-bold, 700);
    color: var(--ep-color-text-navigation-selected, #FFF)
}

#tabbar-components-tabBar-components-flexibleTab-5-index .layout1.tab-btn.active-tab .tab-img[data-v-d234d1be] {
    filter: grayscale(0)
}

#tabbar-components-tabBar-components-flexibleTab-5-index .layout1.tab-btn.active-tab .tab-img.good-img[data-v-d234d1be] {
    width: 1.25rem;
    height: 1.25rem;
    margin-top: .5rem;
    margin-bottom: .375rem
}

#tabbar-components-tabBar-components-flexibleTab-5-index .point-1[data-v-d234d1be] {
    top: .625rem;
    right: 1.5625rem
}

#tabbar-components-tabBar-components-flexibleTab-5-index .point-3[data-v-d234d1be] {
    top: .6875rem;
    right: 1.5625rem
}

#tabbar-components-tabBar-components-flexibleTab-5-index .point-4[data-v-d234d1be] {
    top: .5rem;
    right: 1.5625rem
}

@keyframes buttonAnimation-d234d1be {
    0% {
        transform: scale(0)
    }

    50% {
        transform: scale(1.2)
    }

    to {
        transform: scale(1)
    }
}

.color-primary-600[data-v-7f5fd318] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-7f5fd318] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-7f5fd318] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-7f5fd318] {
    color: var(--color-primary-900)
}

.bg-100[data-v-7f5fd318] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-7f5fd318] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-7f5fd318] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-7f5fd318] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-7f5fd318] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-7f5fd318] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-7f5fd318] {
    background-color: var(--color-warning)
}

.bg-link[data-v-7f5fd318] {
    background-color: var(--color-link)
}

.bg-danger[data-v-7f5fd318] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-7f5fd318] {
    color: var(--color-text-100)
}

.color-text-80[data-v-7f5fd318] {
    color: var(--color-text-80)
}

.color-text-50[data-v-7f5fd318] {
    color: var(--color-text-50)
}

.color-text-40[data-v-7f5fd318] {
    color: var(--color-text-40)
}

.color-text-20[data-v-7f5fd318] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-7f5fd318] {
    color: var(--color-currency)
}

.color-warning[data-v-7f5fd318] {
    color: var(--color-warning)
}

.color-danger[data-v-7f5fd318] {
    color: var(--color-danger)
}

.color-link[data-v-7f5fd318] {
    color: var(--color-link)
}

.color-line[data-v-7f5fd318] {
    color: var(--color-line)
}

.color-border[data-v-7f5fd318] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-7f5fd318] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-7f5fd318] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-7f5fd318] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-7f5fd318] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-7f5fd318] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-7f5fd318] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-7f5fd318] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-7f5fd318] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-7f5fd318] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-7f5fd318] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-7f5fd318] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-7f5fd318] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-7f5fd318] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-7f5fd318] {
    display: flex;
    align-items: center
}

.flex-start[data-v-7f5fd318] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-7f5fd318] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-7f5fd318] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-7f5fd318] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-7f5fd318] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-7f5fd318] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-7f5fd318] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-7f5fd318] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-7f5fd318] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-7f5fd318] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-7f5fd318] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-7f5fd318] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-7f5fd318] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-7f5fd318] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-7f5fd318] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-7f5fd318] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-7f5fd318] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-7f5fd318] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-7f5fd318] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-7f5fd318] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-7f5fd318] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-7f5fd318] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-7f5fd318] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-7f5fd318] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-7f5fd318],
.mlm-selected-item[data-v-7f5fd318] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-7f5fd318] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-7f5fd318]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-7f5fd318] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-7f5fd318] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-7f5fd318] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .flexible-tab[data-v-7f5fd318] {
    flex: 1
}

html .flexible-tab .flexible-tab-box[data-v-7f5fd318] {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 0;
    left: 50%;
    bottom: calc(1rem + env(safe-area-inset-bottom));
    transform: translate(-50%);
    padding: .0625rem;
    background-size: 160% 160%;
    background-position: center
}

html .flexible-tab .flexible-tab-box[data-v-7f5fd318]:before {
    display: none;
    content: "";
    position: absolute;
    top: .0625rem;
    right: .0625rem;
    bottom: .0625rem;
    left: .0625rem;
    border-radius: 50%;
    background-color: var(--ep-color-background-fill-surface-raised-L2)
}

html .flexible-tab .flexible-tab-box .flexible-img-ring[data-v-7f5fd318] {
    position: absolute;
    z-index: 1
}

html .flexible-tab .flexible-tab-box .flexible-img-ring[data-v-7f5fd318]:nth-child(1) {
    width: 85%;
    height: 85%;
    animation: rotate-7f5fd318 3s ease infinite
}

html .flexible-tab .flexible-tab-box .flexible-img-ring[data-v-7f5fd318]:nth-child(2) {
    width: 100%;
    height: 100%;
    animation: rotate-7f5fd318 4s ease infinite reverse
}

html .flexible-tab .flexible-tab-box .flexible-img-main[data-v-7f5fd318] {
    width: 0;
    position: relative;
    z-index: 1
}

html .flexible-tab .flexible-tab-box .flexible-img-main.good-img[data-v-7f5fd318] {
    width: 2.1875rem
}

html .flexible-tab .flexible-tab-box .flexible-img-main svg[data-v-7f5fd318] {
    stroke-width: 2
}

html .flexible-tab .flexible-tab-box .flexible-img-main svg path[data-v-7f5fd318],
html .flexible-tab .flexible-tab-box .flexible-img-main svg circle[data-v-7f5fd318],
html .flexible-tab .flexible-tab-box .flexible-img-main svg rect[data-v-7f5fd318],
html .flexible-tab .flexible-tab-box .flexible-img-main svg line[data-v-7f5fd318] {
    stroke-width: inherit
}

html .flexible-tab .tab-label[data-v-7f5fd318] {
    display: block;
    margin-top: 2.1875rem;
    font-size: var(--ep-font-size-xs, .625rem);
    font-weight: var(--ep-font-weight-regular, 400);
    line-height: 1;
    color: var(--ep-color-text-navigation-default);
    text-align: center
}

@keyframes rotate-7f5fd318 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.color-primary-600[data-v-a2dbf183] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-a2dbf183] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-a2dbf183] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-a2dbf183] {
    color: var(--color-primary-900)
}

.bg-100[data-v-a2dbf183] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-a2dbf183] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-a2dbf183] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-a2dbf183] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-a2dbf183] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-a2dbf183] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-a2dbf183] {
    background-color: var(--color-warning)
}

.bg-link[data-v-a2dbf183] {
    background-color: var(--color-link)
}

.bg-danger[data-v-a2dbf183] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-a2dbf183] {
    color: var(--color-text-100)
}

.color-text-80[data-v-a2dbf183] {
    color: var(--color-text-80)
}

.color-text-50[data-v-a2dbf183] {
    color: var(--color-text-50)
}

.color-text-40[data-v-a2dbf183] {
    color: var(--color-text-40)
}

.color-text-20[data-v-a2dbf183] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-a2dbf183] {
    color: var(--color-currency)
}

.color-warning[data-v-a2dbf183] {
    color: var(--color-warning)
}

.color-danger[data-v-a2dbf183] {
    color: var(--color-danger)
}

.color-link[data-v-a2dbf183] {
    color: var(--color-link)
}

.color-line[data-v-a2dbf183] {
    color: var(--color-line)
}

.color-border[data-v-a2dbf183] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-a2dbf183] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-a2dbf183] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-a2dbf183] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-a2dbf183] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-a2dbf183] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-a2dbf183] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-a2dbf183] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-a2dbf183] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-a2dbf183] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-a2dbf183] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-a2dbf183] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-a2dbf183] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-a2dbf183] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-a2dbf183] {
    display: flex;
    align-items: center
}

.flex-start[data-v-a2dbf183] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-a2dbf183] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-a2dbf183] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-a2dbf183] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-a2dbf183] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-a2dbf183] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-a2dbf183] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-a2dbf183] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-a2dbf183] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-a2dbf183] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-a2dbf183] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-a2dbf183] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-a2dbf183] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-a2dbf183] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-a2dbf183] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-a2dbf183] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-a2dbf183] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-a2dbf183] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-a2dbf183] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-a2dbf183] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-a2dbf183] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-a2dbf183] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-a2dbf183] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-a2dbf183] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-a2dbf183],
.mlm-selected-item[data-v-a2dbf183] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-a2dbf183] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-a2dbf183]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-a2dbf183] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-a2dbf183] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-a2dbf183] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.menu-btn[data-v-a2dbf183] {
    padding: 0 1.0625rem
}

.menu-btn .menu-icon[data-v-a2dbf183] {
    font-size: 1rem;
    color: var(--ep-color-icon-default)
}

.menu-btn .menu-icon.close[data-v-a2dbf183] {
    transform: rotate(180deg)
}

.color-primary-600[data-v-d9358360] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-d9358360] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-d9358360] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-d9358360] {
    color: var(--color-primary-900)
}

.bg-100[data-v-d9358360] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-d9358360] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-d9358360] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-d9358360] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-d9358360] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-d9358360] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-d9358360] {
    background-color: var(--color-warning)
}

.bg-link[data-v-d9358360] {
    background-color: var(--color-link)
}

.bg-danger[data-v-d9358360] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-d9358360] {
    color: var(--color-text-100)
}

.color-text-80[data-v-d9358360] {
    color: var(--color-text-80)
}

.color-text-50[data-v-d9358360] {
    color: var(--color-text-50)
}

.color-text-40[data-v-d9358360] {
    color: var(--color-text-40)
}

.color-text-20[data-v-d9358360] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-d9358360] {
    color: var(--color-currency)
}

.color-warning[data-v-d9358360] {
    color: var(--color-warning)
}

.color-danger[data-v-d9358360] {
    color: var(--color-danger)
}

.color-link[data-v-d9358360] {
    color: var(--color-link)
}

.color-line[data-v-d9358360] {
    color: var(--color-line)
}

.color-border[data-v-d9358360] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-d9358360] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-d9358360] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-d9358360] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-d9358360] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-d9358360] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-d9358360] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-d9358360] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-d9358360] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-d9358360] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-d9358360] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-d9358360] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-d9358360] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-d9358360] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-d9358360] {
    display: flex;
    align-items: center
}

.flex-start[data-v-d9358360] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-d9358360] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-d9358360] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-d9358360] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-d9358360] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-d9358360] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-d9358360] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-d9358360] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-d9358360] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-d9358360] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-d9358360] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-d9358360] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-d9358360] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-d9358360] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-d9358360] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-d9358360] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-d9358360] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-d9358360] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-d9358360] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-d9358360] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-d9358360] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-d9358360] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-d9358360] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-d9358360] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-d9358360],
.mlm-selected-item[data-v-d9358360] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-d9358360] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-d9358360]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-d9358360] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-d9358360] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-d9358360] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .layout1.logo-wrap[data-v-d9358360] {
    display: flex;
    justify-content: center
}

html .layout1.logo-wrap .logo[data-v-d9358360] {
    width: 0;
    height: 0
}

html .layout1.logo-wrap .logo.good-img[data-v-d9358360] {
    width: auto;
    max-width: 7.5rem;
    height: 1.75rem
}

html .layout2.logo-wrap[data-v-d9358360] {
    display: flex;
    justify-content: center;
    position: relative
}

html .layout2.logo-wrap[data-v-d9358360]:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    width: 12.5rem;
    height: 60%;
    background: radial-gradient(50% 50% at 50% 50%, var(--ep-color-background-fill-glow-primary-opacity-100) 0%, var(--ep-color-background-fill-glow-primary-opacity-100) 60%, transparent 100%);
    filter: blur(15.05000019px)
}

html .layout2.logo-wrap .logo[data-v-d9358360] {
    width: 0;
    height: 0;
    position: relative;
    z-index: 10
}

html .layout2.logo-wrap .logo.good-img[data-v-d9358360] {
    width: auto;
    max-width: 7.5rem;
    height: 1.75rem
}

#tabbar-tabs-inicio-components-HeaderBar-components-logo-index .layout1.logo-wrap[data-v-d9358360] {
    display: flex;
    justify-content: center
}

#tabbar-tabs-inicio-components-HeaderBar-components-logo-index .layout1.logo-wrap .logo[data-v-d9358360] {
    width: 0;
    height: 0
}

#tabbar-tabs-inicio-components-HeaderBar-components-logo-index .layout1.logo-wrap .logo.good-img[data-v-d9358360] {
    width: auto;
    max-width: 7.5rem;
    height: 1.75rem
}

#tabbar-tabs-inicio-components-HeaderBar-components-logo-index .layout2.logo-wrap[data-v-d9358360] {
    display: flex;
    justify-content: center;
    position: relative
}

#tabbar-tabs-inicio-components-HeaderBar-components-logo-index .layout2.logo-wrap[data-v-d9358360]:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    width: 12.5rem;
    height: 60%;
    background: radial-gradient(50% 50% at 50% 50%, var(--ep-color-background-fill-glow-primary-opacity-100) 0%, var(--ep-color-background-fill-glow-primary-opacity-100) 60%, transparent 100%);
    filter: blur(15.05000019px)
}

#tabbar-tabs-inicio-components-HeaderBar-components-logo-index .layout2.logo-wrap .logo[data-v-d9358360] {
    width: 0;
    height: 0;
    position: relative;
    z-index: 10
}

#tabbar-tabs-inicio-components-HeaderBar-components-logo-index .layout2.logo-wrap .logo.good-img[data-v-d9358360] {
    width: auto;
    max-width: 7.5rem;
    height: 1.75rem
}

.color-primary-600[data-v-9798c930] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-9798c930] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-9798c930] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-9798c930] {
    color: var(--color-primary-900)
}

.bg-100[data-v-9798c930] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-9798c930] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-9798c930] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-9798c930] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-9798c930] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-9798c930] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-9798c930] {
    background-color: var(--color-warning)
}

.bg-link[data-v-9798c930] {
    background-color: var(--color-link)
}

.bg-danger[data-v-9798c930] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-9798c930] {
    color: var(--color-text-100)
}

.color-text-80[data-v-9798c930] {
    color: var(--color-text-80)
}

.color-text-50[data-v-9798c930] {
    color: var(--color-text-50)
}

.color-text-40[data-v-9798c930] {
    color: var(--color-text-40)
}

.color-text-20[data-v-9798c930] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-9798c930] {
    color: var(--color-currency)
}

.color-warning[data-v-9798c930] {
    color: var(--color-warning)
}

.color-danger[data-v-9798c930] {
    color: var(--color-danger)
}

.color-link[data-v-9798c930] {
    color: var(--color-link)
}

.color-line[data-v-9798c930] {
    color: var(--color-line)
}

.color-border[data-v-9798c930] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-9798c930] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-9798c930] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-9798c930] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-9798c930] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-9798c930] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-9798c930] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-9798c930] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-9798c930] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-9798c930] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-9798c930] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-9798c930] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-9798c930] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-9798c930] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-9798c930] {
    display: flex;
    align-items: center
}

.flex-start[data-v-9798c930] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-9798c930] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-9798c930] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-9798c930] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-9798c930] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-9798c930] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-9798c930] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-9798c930] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-9798c930] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-9798c930] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-9798c930] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-9798c930] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-9798c930] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-9798c930] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-9798c930] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-9798c930] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-9798c930] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-9798c930] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-9798c930] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-9798c930] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-9798c930] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-9798c930] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-9798c930] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-9798c930] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-9798c930],
.mlm-selected-item[data-v-9798c930] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-9798c930] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-9798c930]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-9798c930] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-9798c930] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-9798c930] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.unset-btn[data-v-9798c930] {
    --padding-top: 0;
    --padding-bottom: 0;
    --padding-start: 0;
    --padding-end: 0;
    margin: 0;
    min-height: min-content;
    min-width: min-content
}

ion-button.text-btn[data-v-9798c930] {
    --background: transparent
}

ion-button.text-btn[data-v-9798c930]::part(native) {
    background: transparent !important
}

.color-primary-600[data-v-26a1dde3] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-26a1dde3] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-26a1dde3] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-26a1dde3] {
    color: var(--color-primary-900)
}

.bg-100[data-v-26a1dde3] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-26a1dde3] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-26a1dde3] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-26a1dde3] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-26a1dde3] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-26a1dde3] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-26a1dde3] {
    background-color: var(--color-warning)
}

.bg-link[data-v-26a1dde3] {
    background-color: var(--color-link)
}

.bg-danger[data-v-26a1dde3] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-26a1dde3] {
    color: var(--color-text-100)
}

.color-text-80[data-v-26a1dde3] {
    color: var(--color-text-80)
}

.color-text-50[data-v-26a1dde3] {
    color: var(--color-text-50)
}

.color-text-40[data-v-26a1dde3] {
    color: var(--color-text-40)
}

.color-text-20[data-v-26a1dde3] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-26a1dde3] {
    color: var(--color-currency)
}

.color-warning[data-v-26a1dde3] {
    color: var(--color-warning)
}

.color-danger[data-v-26a1dde3] {
    color: var(--color-danger)
}

.color-link[data-v-26a1dde3] {
    color: var(--color-link)
}

.color-line[data-v-26a1dde3] {
    color: var(--color-line)
}

.color-border[data-v-26a1dde3] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-26a1dde3] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-26a1dde3] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-26a1dde3] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-26a1dde3] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-26a1dde3] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-26a1dde3] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-26a1dde3] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-26a1dde3] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-26a1dde3] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-26a1dde3] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-26a1dde3] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-26a1dde3] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-26a1dde3] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-26a1dde3] {
    display: flex;
    align-items: center
}

.flex-start[data-v-26a1dde3] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-26a1dde3] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-26a1dde3] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-26a1dde3] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-26a1dde3] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-26a1dde3] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-26a1dde3] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-26a1dde3] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-26a1dde3] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-26a1dde3] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-26a1dde3] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-26a1dde3] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-26a1dde3] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-26a1dde3] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-26a1dde3] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-26a1dde3] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-26a1dde3] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-26a1dde3] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-26a1dde3] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-26a1dde3] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-26a1dde3] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-26a1dde3] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-26a1dde3] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-26a1dde3] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-26a1dde3],
.mlm-selected-item[data-v-26a1dde3] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-26a1dde3] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-26a1dde3]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-26a1dde3] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-26a1dde3] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-26a1dde3] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .assets-box[data-v-26a1dde3] {
    display: flex;
    align-items: center;
    padding: .125rem .125rem .125rem .5rem;
    border: .0625rem solid transparent;
    border-radius: .375rem;
    background: var(--assets-bg, transparent)
}

html .assets-box .assets-img[data-v-26a1dde3] {
    width: 1.25rem;
    margin-inline-end: .3125rem
}

html .assets-box .currency[data-v-26a1dde3] {
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--font-weight-bold, 700);
    margin-right: .25rem;
    color: var(--currency-color, var(--ep-color-text-default));
    text-shadow: var(--currency-shadow, 0 0 .625rem var(--ep-color-background-fill-glow-primary-opacity-100))
}

html .assets-box .assets-box-number[data-v-26a1dde3] {
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--font-weight-bold, 700);
    color: var(--number-color, var(--ep-color-text-default));
    text-shadow: var(--number-shadow, 0 0 .625rem var(--ep-color-background-fill-glow-primary-opacity-100))
}

html .assets-box .wallet[data-v-26a1dde3] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .25rem .625rem;
    border-radius: .25rem;
    margin-left: .375rem;
    background: var(--wallet-bg, linear-gradient(180deg, #6A853A 0%, #98C24F 100%))
}

html .assets-box .wallet ion-icon[data-v-26a1dde3] {
    font-size: 1.125rem;
    color: var(--wallet-color, #fff)
}

html .assets-box .deposit[data-v-26a1dde3] {
    margin-left: .375rem;
    border-radius: var(--ep-border-radius-m, .375rem);
    --background: var(--deposit-bg, var(--ep-color-background-fill-surface-raised-L2));
    border: .0625rem solid var(--ep-color-border-highlight, #F5C84C);
    box-shadow: 0 0 .5563rem 0 var(--ep-color-background-fill-glow-secondary-opacity-100, #D3AF42) inset
}

html .assets-box .deposit .deposit-icon[data-v-26a1dde3] {
    font-size: .8438rem;
    padding: .375rem .5rem;
    color: var(--deposit-color, var(--ep-color-icon-highlight));
    animation: pigElasticBounce-26a1dde3 6s infinite
}

.mystlight-blue .assets-box .deposit[data-v-26a1dde3] {
    box-shadow: none
}

@keyframes pigElasticBounce-26a1dde3 {

    0%,
    to {
        transform: translateY(0) scaleY(1)
    }

    5% {
        transform: translateY(-.5rem) scaleY(1.1)
    }

    8% {
        transform: translateY(-.1875rem) scaleY(.9)
    }

    12% {
        transform: translateY(-.375rem) scaleY(1.05)
    }

    17% {
        transform: translateY(0) scaleY(1)
    }
}

#tabbar-tabs-inicio-components-HeaderBar-components-assets-1-index .assets-box[data-v-26a1dde3] {
    display: flex;
    align-items: center;
    padding: .125rem .125rem .125rem .5rem;
    border: .0625rem solid transparent;
    border-radius: .375rem;
    background: var(--assets-bg, transparent)
}

#tabbar-tabs-inicio-components-HeaderBar-components-assets-1-index .assets-box .assets-img[data-v-26a1dde3] {
    width: 1.25rem;
    margin-inline-end: .3125rem
}

#tabbar-tabs-inicio-components-HeaderBar-components-assets-1-index .assets-box .currency[data-v-26a1dde3] {
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--font-weight-bold, 700);
    margin-right: .25rem;
    color: var(--currency-color, var(--ep-color-text-default));
    text-shadow: var(--currency-shadow, 0 0 .625rem var(--ep-color-background-fill-glow-primary-opacity-100))
}

#tabbar-tabs-inicio-components-HeaderBar-components-assets-1-index .assets-box .assets-box-number[data-v-26a1dde3] {
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--font-weight-bold, 700);
    color: var(--number-color, var(--ep-color-text-default));
    text-shadow: var(--number-shadow, 0 0 .625rem var(--ep-color-background-fill-glow-primary-opacity-100))
}

#tabbar-tabs-inicio-components-HeaderBar-components-assets-1-index .assets-box .wallet[data-v-26a1dde3] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .25rem .625rem;
    border-radius: .25rem;
    margin-left: .375rem;
    background: var(--wallet-bg, linear-gradient(180deg, #6A853A 0%, #98C24F 100%))
}

#tabbar-tabs-inicio-components-HeaderBar-components-assets-1-index .assets-box .wallet ion-icon[data-v-26a1dde3] {
    font-size: 1.125rem;
    color: var(--wallet-color, #fff)
}

#tabbar-tabs-inicio-components-HeaderBar-components-assets-1-index .assets-box .deposit[data-v-26a1dde3] {
    margin-left: .375rem;
    border-radius: var(--ep-border-radius-m, .375rem);
    --background: var(--deposit-bg, var(--ep-color-background-fill-surface-raised-L2));
    border: .0625rem solid var(--ep-color-border-highlight, #F5C84C);
    box-shadow: 0 0 .5563rem 0 var(--ep-color-background-fill-glow-secondary-opacity-100, #D3AF42) inset
}

#tabbar-tabs-inicio-components-HeaderBar-components-assets-1-index .assets-box .deposit .deposit-icon[data-v-26a1dde3] {
    font-size: .8438rem;
    padding: .375rem .5rem;
    color: var(--deposit-color, var(--ep-color-icon-highlight));
    animation: pigElasticBounce-26a1dde3 6s infinite
}

.color-primary-600[data-v-74a464e0] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-74a464e0] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-74a464e0] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-74a464e0] {
    color: var(--color-primary-900)
}

.bg-100[data-v-74a464e0] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-74a464e0] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-74a464e0] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-74a464e0] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-74a464e0] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-74a464e0] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-74a464e0] {
    background-color: var(--color-warning)
}

.bg-link[data-v-74a464e0] {
    background-color: var(--color-link)
}

.bg-danger[data-v-74a464e0] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-74a464e0] {
    color: var(--color-text-100)
}

.color-text-80[data-v-74a464e0] {
    color: var(--color-text-80)
}

.color-text-50[data-v-74a464e0] {
    color: var(--color-text-50)
}

.color-text-40[data-v-74a464e0] {
    color: var(--color-text-40)
}

.color-text-20[data-v-74a464e0] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-74a464e0] {
    color: var(--color-currency)
}

.color-warning[data-v-74a464e0] {
    color: var(--color-warning)
}

.color-danger[data-v-74a464e0] {
    color: var(--color-danger)
}

.color-link[data-v-74a464e0] {
    color: var(--color-link)
}

.color-line[data-v-74a464e0] {
    color: var(--color-line)
}

.color-border[data-v-74a464e0] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-74a464e0] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-74a464e0] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-74a464e0] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-74a464e0] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-74a464e0] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-74a464e0] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-74a464e0] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-74a464e0] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-74a464e0] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-74a464e0] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-74a464e0] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-74a464e0] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-74a464e0] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-74a464e0] {
    display: flex;
    align-items: center
}

.flex-start[data-v-74a464e0] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-74a464e0] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-74a464e0] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-74a464e0] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-74a464e0] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-74a464e0] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-74a464e0] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-74a464e0] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-74a464e0] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-74a464e0] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-74a464e0] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-74a464e0] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-74a464e0] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-74a464e0] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-74a464e0] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-74a464e0] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-74a464e0] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-74a464e0] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-74a464e0] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-74a464e0] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-74a464e0] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-74a464e0] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-74a464e0] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-74a464e0] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-74a464e0],
.mlm-selected-item[data-v-74a464e0] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-74a464e0] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-74a464e0]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-74a464e0] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-74a464e0] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-74a464e0] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .layout1.assets-box[data-v-74a464e0] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

html .layout1.assets-box .assets-box-inner[data-v-74a464e0] {
    display: flex
}

html .layout1.assets-box .assets-box-inner .assets-img[data-v-74a464e0] {
    width: 0
}

html .layout1.assets-box .assets-box-inner .assets-img.good-img[data-v-74a464e0] {
    width: 2.375rem;
    height: 2.375rem;
    margin-inline: .4375rem .25rem
}

html .layout1.assets-box .assets-box-inner .assets-box-info[data-v-74a464e0] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-shadow: 0 0 .625rem var(--ep-color-background-fill-glow-primary-opacity-100)
}

html .layout1.assets-box .assets-box-inner .assets-box-info .assets-box-info-inner[data-v-74a464e0] {
    display: flex;
    align-items: center;
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-bold, 700);
    font-style: italic;
    line-height: 1.5
}

html .layout1.assets-box .assets-box-inner .assets-box-info .assets-box-info-inner .currency[data-v-74a464e0] {
    margin-right: .125rem;
    color: var(--ep-color-text-default)
}

html .layout1.assets-box .assets-box-inner .assets-box-info .assets-box-info-inner .assets-box-number[data-v-74a464e0] {
    color: var(--ep-color-text-default)
}

html .layout1.assets-box .assets-box-inner .assets-box-info .assets-box-intro[data-v-74a464e0] {
    font-size: var(--ep-font-size-xs, .625rem);
    font-weight: var(--ep-font-weight-regular, 400);
    background: var(--ep-dynamic-primary);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

html .layout1.assets-box .deposit[data-v-74a464e0] {
    --border-radius: .375rem;
    --padding-top: .5313rem;
    --padding-bottom: .5313rem;
    --padding-start: .625rem;
    --padding-end: .625rem
}

html .layout1.assets-box .deposit[data-v-74a464e0]::part(native) {
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--ep-color-text-highlight);
    background: var(--ep-color-background-fill-surface-raised-L2);
    box-shadow: 0 -.0625rem 0 0 var(--ep-color-border-highlight) inset
}

html .layout1.primaryBtn[data-v-74a464e0] {
    display: flex;
    align-items: center
}

html .layout1.primaryBtn .login[data-v-74a464e0] {
    --padding-top: .625rem;
    --padding-bottom: .625rem;
    --padding-start: .625rem;
    --padding-end: .625rem;
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--font-weight-bold, 700);
    --border-radius: var(--ep-border-radius-m, .375rem)
}

html .layout1.primaryBtn .login[data-v-74a464e0]::part(native) {
    background: var(--ep-dynamic-secondary);
    color: var(--ep-color-text-default)
}

html .layout1.primaryBtn .register-btn-warper[data-v-74a464e0] {
    margin-left: .5rem
}

html .layout1.primaryBtn .register-btn-warper[data-v-74a464e0] .register {
    width: 100%;
    --padding-top: .625rem;
    --padding-bottom: .625rem;
    --padding-start: .625rem;
    --padding-end: .625rem;
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--font-weight-bold, 700);
    --border-radius: var(--ep-border-radius-m, .375rem)
}

html .layout1.primaryBtn .register-btn-warper[data-v-74a464e0] .register::part(native) {
    background: var(--ep-dynamic-primary);
    color: var(--ep-color-text-inverse)
}

html .layout2.assets-box[data-v-74a464e0] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between
}

html .layout2.assets-box .assets-box-inner[data-v-74a464e0] {
    display: flex
}

html .layout2.assets-box .assets-box-inner .assets-img[data-v-74a464e0] {
    width: 0
}

html .layout2.assets-box .assets-box-inner .assets-img.good-img[data-v-74a464e0] {
    width: 2.375rem;
    height: 2.375rem
}

html .layout2.assets-box .assets-box-inner .assets-box-info[data-v-74a464e0] {
    margin-left: .75rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

html .layout2.assets-box .assets-box-inner .assets-box-info .assets-box-info-inner[data-v-74a464e0] {
    display: flex;
    align-items: center;
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-bold, 700);
    line-height: 1.5
}

html .layout2.assets-box .assets-box-inner .assets-box-info .assets-box-info-inner .currency[data-v-74a464e0] {
    margin-right: .125rem;
    color: var(--ep-color-text-default)
}

html .layout2.assets-box .assets-box-inner .assets-box-info .assets-box-info-inner .assets-box-number[data-v-74a464e0] {
    color: var(--ep-color-text-default)
}

html .layout2.assets-box .assets-box-inner .assets-box-info .assets-box-intro[data-v-74a464e0] {
    font-size: var(--ep-font-size-xs, .625rem);
    font-weight: var(--ep-font-weight-regular, 400);
    color: var(--ep-color-text-weak, rgba(255, 255, 255, .6))
}

html .layout2.assets-box .deposit[data-v-74a464e0] {
    min-width: 4.375rem;
    --padding-top: .5625rem;
    --padding-bottom: .5625rem;
    --padding-start: .25rem;
    --padding-end: .25rem
}

html .layout2.assets-box .deposit[data-v-74a464e0]::part(native) {
    background: var(--ep-color-btn-level-3-bg);
    color: var(--ep-color-btn-level-3-text, #fff);
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-regular, 400);
    border-radius: var(--ep-border-radius-m, .375rem);
    border: .0625rem solid var(--ep-color-btn-level-3-border)
}

#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout1.assets-box[data-v-74a464e0] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout1.assets-box .assets-box-inner[data-v-74a464e0] {
    display: flex
}

#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout1.assets-box .assets-box-inner .assets-img[data-v-74a464e0] {
    width: 0
}

#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout1.assets-box .assets-box-inner .assets-img.good-img[data-v-74a464e0] {
    width: 2.375rem;
    height: 2.375rem;
    margin-inline: .4375rem .25rem
}

#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout1.assets-box .assets-box-inner .assets-box-info[data-v-74a464e0] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-shadow: 0 0 .625rem var(--ep-color-background-fill-glow-primary-opacity-100)
}

#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout1.assets-box .assets-box-inner .assets-box-info .assets-box-info-inner[data-v-74a464e0] {
    display: flex;
    align-items: center;
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-bold, 700);
    font-style: italic;
    line-height: 1.5
}

#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout1.assets-box .assets-box-inner .assets-box-info .assets-box-info-inner .currency[data-v-74a464e0] {
    margin-right: .125rem;
    color: var(--ep-color-text-default)
}

#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout1.assets-box .assets-box-inner .assets-box-info .assets-box-info-inner .assets-box-number[data-v-74a464e0] {
    color: var(--ep-color-text-default)
}

#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout1.assets-box .assets-box-inner .assets-box-info .assets-box-intro[data-v-74a464e0] {
    font-size: var(--ep-font-size-xs, .625rem);
    font-weight: var(--ep-font-weight-regular, 400);
    background: var(--ep-dynamic-primary);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout1.assets-box .deposit[data-v-74a464e0] {
    --border-radius: .375rem;
    --padding-top: .5313rem;
    --padding-bottom: .5313rem;
    --padding-start: .625rem;
    --padding-end: .625rem
}

#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout1.assets-box .deposit[data-v-74a464e0]::part(native) {
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--ep-color-text-highlight);
    background: var(--ep-color-background-fill-surface-raised-L2);
    box-shadow: 0 -.0625rem 0 0 var(--ep-color-border-highlight) inset
}

#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout1.primaryBtn[data-v-74a464e0] {
    display: flex;
    align-items: center
}

#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout1.primaryBtn .login[data-v-74a464e0] {
    --padding-top: .625rem;
    --padding-bottom: .625rem;
    --padding-start: .625rem;
    --padding-end: .625rem;
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--font-weight-bold, 700);
    --border-radius: var(--ep-border-radius-m, .375rem)
}

#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout1.primaryBtn .login[data-v-74a464e0]::part(native) {
    background: var(--ep-dynamic-secondary);
    color: var(--ep-color-text-default)
}

#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout1.primaryBtn .register-btn-warper[data-v-74a464e0] {
    margin-left: .5rem
}

#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout1.primaryBtn .register-btn-warper[data-v-74a464e0] .register {
    width: 100%;
    --padding-top: .625rem;
    --padding-bottom: .625rem;
    --padding-start: .625rem;
    --padding-end: .625rem;
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--font-weight-bold, 700);
    --border-radius: var(--ep-border-radius-m, .375rem)
}

#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout1.primaryBtn .register-btn-warper[data-v-74a464e0] .register::part(native) {
    background: var(--ep-dynamic-primary);
    color: var(--ep-color-text-inverse)
}

#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout2.assets-box[data-v-74a464e0] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between
}

#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout2.assets-box .assets-box-inner[data-v-74a464e0] {
    display: flex
}

#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout2.assets-box .assets-box-inner .assets-img[data-v-74a464e0] {
    width: 0
}

#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout2.assets-box .assets-box-inner .assets-img.good-img[data-v-74a464e0] {
    width: 2.375rem;
    height: 2.375rem
}

#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout2.assets-box .assets-box-inner .assets-box-info[data-v-74a464e0] {
    margin-left: .75rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout2.assets-box .assets-box-inner .assets-box-info .assets-box-info-inner[data-v-74a464e0] {
    display: flex;
    align-items: center;
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-bold, 700);
    line-height: 1.5
}

#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout2.assets-box .assets-box-inner .assets-box-info .assets-box-info-inner .currency[data-v-74a464e0] {
    margin-right: .125rem;
    color: var(--ep-color-text-default)
}

#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout2.assets-box .assets-box-inner .assets-box-info .assets-box-info-inner .assets-box-number[data-v-74a464e0] {
    color: var(--ep-color-text-default)
}

#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout2.assets-box .assets-box-inner .assets-box-info .assets-box-intro[data-v-74a464e0] {
    font-size: var(--ep-font-size-xs, .625rem);
    font-weight: var(--ep-font-weight-regular, 400);
    color: var(--ep-color-text-weak, rgba(255, 255, 255, .6))
}

#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout2.assets-box .deposit[data-v-74a464e0] {
    min-width: 4.375rem;
    --padding-top: .5625rem;
    --padding-bottom: .5625rem;
    --padding-start: .25rem;
    --padding-end: .25rem
}

#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout2.assets-box .deposit[data-v-74a464e0]::part(native) {
    background: var(--ep-color-btn-level-3-bg);
    color: var(--ep-color-btn-level-3-text, #fff);
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-regular, 400);
    border-radius: var(--ep-border-radius-m, .375rem);
    border: .0625rem solid var(--ep-color-btn-level-3-border)
}

.color-primary-600[data-v-611be16a] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-611be16a] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-611be16a] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-611be16a] {
    color: var(--color-primary-900)
}

.bg-100[data-v-611be16a] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-611be16a] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-611be16a] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-611be16a] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-611be16a] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-611be16a] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-611be16a] {
    background-color: var(--color-warning)
}

.bg-link[data-v-611be16a] {
    background-color: var(--color-link)
}

.bg-danger[data-v-611be16a] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-611be16a] {
    color: var(--color-text-100)
}

.color-text-80[data-v-611be16a] {
    color: var(--color-text-80)
}

.color-text-50[data-v-611be16a] {
    color: var(--color-text-50)
}

.color-text-40[data-v-611be16a] {
    color: var(--color-text-40)
}

.color-text-20[data-v-611be16a] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-611be16a] {
    color: var(--color-currency)
}

.color-warning[data-v-611be16a] {
    color: var(--color-warning)
}

.color-danger[data-v-611be16a] {
    color: var(--color-danger)
}

.color-link[data-v-611be16a] {
    color: var(--color-link)
}

.color-line[data-v-611be16a] {
    color: var(--color-line)
}

.color-border[data-v-611be16a] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-611be16a] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-611be16a] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-611be16a] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-611be16a] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-611be16a] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-611be16a] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-611be16a] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-611be16a] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-611be16a] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-611be16a] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-611be16a] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-611be16a] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-611be16a] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-611be16a] {
    display: flex;
    align-items: center
}

.flex-start[data-v-611be16a] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-611be16a] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-611be16a] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-611be16a] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-611be16a] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-611be16a] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-611be16a] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-611be16a] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-611be16a] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-611be16a] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-611be16a] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-611be16a] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-611be16a] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-611be16a] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-611be16a] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-611be16a] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-611be16a] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-611be16a] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-611be16a] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-611be16a] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-611be16a] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-611be16a] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-611be16a] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-611be16a] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-611be16a],
.mlm-selected-item[data-v-611be16a] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-611be16a] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-611be16a]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-611be16a] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-611be16a] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-611be16a] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .layout1.assets-box[data-v-611be16a] {
    display: flex;
    gap: .4375rem
}

html .layout1.assets-box .assets-img[data-v-611be16a] {
    order: var(--order-2, 2);
    width: 0
}

html .layout1.assets-box .assets-img.good-img[data-v-611be16a] {
    width: 2.375rem;
    height: 2.375rem
}

html .layout1.assets-box .assets-box-info[data-v-611be16a] {
    order: var(--order-1, 1);
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

html .layout1.assets-box .assets-box-info .assets-box-info-inner[data-v-611be16a] {
    display: flex;
    align-items: center;
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-bold, 700);
    line-height: 1.5
}

html .layout1.assets-box .assets-box-info .assets-box-info-inner .currency[data-v-611be16a] {
    margin-right: .125rem;
    color: var(--ep-color-text-default)
}

html .layout1.assets-box .assets-box-info .assets-box-info-inner .assets-box-number[data-v-611be16a] {
    color: var(--ep-color-text-default)
}

html .layout1.assets-box .assets-box-info .assets-box-intro[data-v-611be16a] {
    font-size: var(--ep-font-size-xs, .625rem);
    font-weight: var(--ep-font-weight-regular, 400);
    color: var(--ep-color-text-weaker)
}

#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout1.assets-box[data-v-611be16a] {
    display: flex;
    gap: .4375rem
}

#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout1.assets-box .assets-img[data-v-611be16a] {
    order: var(--order-2, 2);
    width: 0
}

#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout1.assets-box .assets-img.good-img[data-v-611be16a] {
    width: 2.375rem;
    height: 2.375rem
}

#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout1.assets-box .assets-box-info[data-v-611be16a] {
    order: var(--order-1, 1);
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout1.assets-box .assets-box-info .assets-box-info-inner[data-v-611be16a] {
    display: flex;
    align-items: center;
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-bold, 700);
    line-height: 1.5
}

#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout1.assets-box .assets-box-info .assets-box-info-inner .currency[data-v-611be16a] {
    margin-right: .125rem;
    color: var(--ep-color-text-default)
}

#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout1.assets-box .assets-box-info .assets-box-info-inner .assets-box-number[data-v-611be16a] {
    color: var(--ep-color-text-default)
}

#tabbar-tabs-inicio-components-HeaderBar-components-assets-2-index .layout1.assets-box .assets-box-info .assets-box-intro[data-v-611be16a] {
    font-size: var(--ep-font-size-xs, .625rem);
    font-weight: var(--ep-font-weight-regular, 400);
    color: var(--ep-color-text-weaker)
}

.color-primary-600[data-v-3fe5a8a9] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-3fe5a8a9] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-3fe5a8a9] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-3fe5a8a9] {
    color: var(--color-primary-900)
}

.bg-100[data-v-3fe5a8a9] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-3fe5a8a9] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-3fe5a8a9] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-3fe5a8a9] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-3fe5a8a9] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-3fe5a8a9] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-3fe5a8a9] {
    background-color: var(--color-warning)
}

.bg-link[data-v-3fe5a8a9] {
    background-color: var(--color-link)
}

.bg-danger[data-v-3fe5a8a9] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-3fe5a8a9] {
    color: var(--color-text-100)
}

.color-text-80[data-v-3fe5a8a9] {
    color: var(--color-text-80)
}

.color-text-50[data-v-3fe5a8a9] {
    color: var(--color-text-50)
}

.color-text-40[data-v-3fe5a8a9] {
    color: var(--color-text-40)
}

.color-text-20[data-v-3fe5a8a9] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-3fe5a8a9] {
    color: var(--color-currency)
}

.color-warning[data-v-3fe5a8a9] {
    color: var(--color-warning)
}

.color-danger[data-v-3fe5a8a9] {
    color: var(--color-danger)
}

.color-link[data-v-3fe5a8a9] {
    color: var(--color-link)
}

.color-line[data-v-3fe5a8a9] {
    color: var(--color-line)
}

.color-border[data-v-3fe5a8a9] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-3fe5a8a9] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-3fe5a8a9] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-3fe5a8a9] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-3fe5a8a9] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-3fe5a8a9] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-3fe5a8a9] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-3fe5a8a9] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-3fe5a8a9] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-3fe5a8a9] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-3fe5a8a9] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-3fe5a8a9] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-3fe5a8a9] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-3fe5a8a9] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-3fe5a8a9] {
    display: flex;
    align-items: center
}

.flex-start[data-v-3fe5a8a9] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-3fe5a8a9] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-3fe5a8a9] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-3fe5a8a9] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-3fe5a8a9] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-3fe5a8a9] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-3fe5a8a9] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-3fe5a8a9] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-3fe5a8a9] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-3fe5a8a9] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-3fe5a8a9] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-3fe5a8a9] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-3fe5a8a9] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-3fe5a8a9] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-3fe5a8a9] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-3fe5a8a9] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-3fe5a8a9] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-3fe5a8a9] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-3fe5a8a9] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-3fe5a8a9] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-3fe5a8a9] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-3fe5a8a9] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-3fe5a8a9] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-3fe5a8a9] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-3fe5a8a9],
.mlm-selected-item[data-v-3fe5a8a9] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-3fe5a8a9] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-3fe5a8a9]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-3fe5a8a9] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-3fe5a8a9] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-3fe5a8a9] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .layout25.assets-box[data-v-3fe5a8a9] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between
}

html .layout25.assets-box .assets-box-inner[data-v-3fe5a8a9] {
    transform: var(--skew, skew(12deg))
}

html .layout25.assets-box .assets-box-inner .assets-box-wrap[data-v-3fe5a8a9] {
    gap: .5rem;
    display: flex;
    align-items: center
}

html .layout25.assets-box .assets-box-inner .assets-img[data-v-3fe5a8a9] {
    width: 0
}

html .layout25.assets-box .assets-box-inner .assets-img.good-img[data-v-3fe5a8a9] {
    width: 1.25rem;
    height: 1.25rem
}

html .layout25.assets-box .assets-box-inner .assets-box-info[data-v-3fe5a8a9] {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

html .layout25.assets-box .assets-box-inner .assets-box-info .assets-box-info-inner[data-v-3fe5a8a9] {
    gap: .25rem;
    display: flex;
    align-items: center;
    color: var(--ep-color-text-warning);
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-bold, 600);
    font-style: italic;
    line-height: 1.5
}

html .layout25.assets-box .assets-box-inner .assets-box-info .assets-box-intro[data-v-3fe5a8a9] {
    font-size: var(--ep-font-size-xs, .625rem);
    font-weight: var(--ep-font-weight-regular, 400);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

html .layout25.assets-box .deposit[data-v-3fe5a8a9] {
    --padding-top: .5313rem;
    --padding-bottom: .5313rem;
    --padding-start: .625rem;
    --padding-end: .625rem;
    --box-shadow: none;
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-medium, 600);
    background: var(--ep-dynamic-primary);
    border-style: var(--border-style, solid);
    border-width: var(--border-width, .125rem);
    border-color: var(--border-color, var(--ep-color-btn-level-2-border));
    border-radius: var(--border-radius, .25rem)
}

html .layout25.assets-box .deposit[data-v-3fe5a8a9]::part(native) {
    transform: var(--skew, skew(12deg));
    background: transparent
}

html .layout25.primaryBtn[data-v-3fe5a8a9] {
    display: flex;
    align-items: center
}

html .layout25.primaryBtn .login[data-v-3fe5a8a9] {
    --padding-top: .4375rem;
    --padding-bottom: .4375rem;
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--font-weight-bold, 700);
    --border-radius: var(--ep-border-radius-m, .375rem)
}

html .layout25.primaryBtn .login[data-v-3fe5a8a9]::part(native) {
    background: red
}

html .layout25.primaryBtn .register-btn-warper[data-v-3fe5a8a9] {
    margin-left: .5rem
}

html .layout25.primaryBtn .register-btn-warper[data-v-3fe5a8a9] .register {
    width: 100%;
    --padding-top: .625rem;
    --padding-bottom: .625rem;
    --padding-start: .625rem;
    --padding-end: .625rem;
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--font-weight-bold, 700);
    --border-radius: var(--ep-border-radius-m, .375rem)
}

html .layout25.primaryBtn .register-btn-warper[data-v-3fe5a8a9] .register::part(native) {
    background: red
}

#tabbar-tabs-inicio-components-HeaderBar-components-assets-25-index .layout25.assets-box[data-v-3fe5a8a9] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between
}

#tabbar-tabs-inicio-components-HeaderBar-components-assets-25-index .layout25.assets-box .assets-box-inner[data-v-3fe5a8a9] {
    transform: var(--skew, skew(12deg))
}

#tabbar-tabs-inicio-components-HeaderBar-components-assets-25-index .layout25.assets-box .assets-box-inner .assets-box-wrap[data-v-3fe5a8a9] {
    gap: .5rem;
    display: flex;
    align-items: center
}

#tabbar-tabs-inicio-components-HeaderBar-components-assets-25-index .layout25.assets-box .assets-box-inner .assets-img[data-v-3fe5a8a9] {
    width: 0
}

#tabbar-tabs-inicio-components-HeaderBar-components-assets-25-index .layout25.assets-box .assets-box-inner .assets-img.good-img[data-v-3fe5a8a9] {
    width: 1.25rem;
    height: 1.25rem
}

#tabbar-tabs-inicio-components-HeaderBar-components-assets-25-index .layout25.assets-box .assets-box-inner .assets-box-info[data-v-3fe5a8a9] {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

#tabbar-tabs-inicio-components-HeaderBar-components-assets-25-index .layout25.assets-box .assets-box-inner .assets-box-info .assets-box-info-inner[data-v-3fe5a8a9] {
    gap: .25rem;
    display: flex;
    align-items: center;
    color: var(--ep-color-text-warning);
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-bold, 600);
    font-style: italic;
    line-height: 1.5
}

#tabbar-tabs-inicio-components-HeaderBar-components-assets-25-index .layout25.assets-box .assets-box-inner .assets-box-info .assets-box-intro[data-v-3fe5a8a9] {
    font-size: var(--ep-font-size-xs, .625rem);
    font-weight: var(--ep-font-weight-regular, 400);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

#tabbar-tabs-inicio-components-HeaderBar-components-assets-25-index .layout25.assets-box .deposit[data-v-3fe5a8a9] {
    --padding-top: .5313rem;
    --padding-bottom: .5313rem;
    --padding-start: .625rem;
    --padding-end: .625rem;
    --box-shadow: none;
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-medium, 600);
    background: var(--ep-dynamic-primary);
    border-style: var(--border-style, solid);
    border-width: var(--border-width, .125rem);
    border-color: var(--border-color, var(--ep-color-btn-level-2-border));
    border-radius: var(--border-radius, .25rem)
}

#tabbar-tabs-inicio-components-HeaderBar-components-assets-25-index .layout25.assets-box .deposit[data-v-3fe5a8a9]::part(native) {
    transform: var(--skew, skew(12deg));
    background: transparent
}

#tabbar-tabs-inicio-components-HeaderBar-components-assets-25-index .layout25.primaryBtn[data-v-3fe5a8a9] {
    display: flex;
    align-items: center
}

#tabbar-tabs-inicio-components-HeaderBar-components-assets-25-index .layout25.primaryBtn .login[data-v-3fe5a8a9] {
    --padding-top: .4375rem;
    --padding-bottom: .4375rem;
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--font-weight-bold, 700);
    --border-radius: var(--ep-border-radius-m, .375rem)
}

#tabbar-tabs-inicio-components-HeaderBar-components-assets-25-index .layout25.primaryBtn .login[data-v-3fe5a8a9]::part(native) {
    background: red
}

#tabbar-tabs-inicio-components-HeaderBar-components-assets-25-index .layout25.primaryBtn .register-btn-warper[data-v-3fe5a8a9] {
    margin-left: .5rem
}

#tabbar-tabs-inicio-components-HeaderBar-components-assets-25-index .layout25.primaryBtn .register-btn-warper[data-v-3fe5a8a9] .register {
    width: 100%;
    --padding-top: .625rem;
    --padding-bottom: .625rem;
    --padding-start: .625rem;
    --padding-end: .625rem;
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--font-weight-bold, 700);
    --border-radius: var(--ep-border-radius-m, .375rem)
}

#tabbar-tabs-inicio-components-HeaderBar-components-assets-25-index .layout25.primaryBtn .register-btn-warper[data-v-3fe5a8a9] .register::part(native) {
    background: red
}

.color-primary-600[data-v-8ba8a7e1] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-8ba8a7e1] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-8ba8a7e1] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-8ba8a7e1] {
    color: var(--color-primary-900)
}

.bg-100[data-v-8ba8a7e1] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-8ba8a7e1] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-8ba8a7e1] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-8ba8a7e1] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-8ba8a7e1] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-8ba8a7e1] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-8ba8a7e1] {
    background-color: var(--color-warning)
}

.bg-link[data-v-8ba8a7e1] {
    background-color: var(--color-link)
}

.bg-danger[data-v-8ba8a7e1] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-8ba8a7e1] {
    color: var(--color-text-100)
}

.color-text-80[data-v-8ba8a7e1] {
    color: var(--color-text-80)
}

.color-text-50[data-v-8ba8a7e1] {
    color: var(--color-text-50)
}

.color-text-40[data-v-8ba8a7e1] {
    color: var(--color-text-40)
}

.color-text-20[data-v-8ba8a7e1] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-8ba8a7e1] {
    color: var(--color-currency)
}

.color-warning[data-v-8ba8a7e1] {
    color: var(--color-warning)
}

.color-danger[data-v-8ba8a7e1] {
    color: var(--color-danger)
}

.color-link[data-v-8ba8a7e1] {
    color: var(--color-link)
}

.color-line[data-v-8ba8a7e1] {
    color: var(--color-line)
}

.color-border[data-v-8ba8a7e1] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-8ba8a7e1] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-8ba8a7e1] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-8ba8a7e1] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-8ba8a7e1] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-8ba8a7e1] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-8ba8a7e1] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-8ba8a7e1] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-8ba8a7e1] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-8ba8a7e1] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-8ba8a7e1] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-8ba8a7e1] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-8ba8a7e1] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-8ba8a7e1] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-8ba8a7e1] {
    display: flex;
    align-items: center
}

.flex-start[data-v-8ba8a7e1] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-8ba8a7e1] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-8ba8a7e1] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-8ba8a7e1] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-8ba8a7e1] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-8ba8a7e1] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-8ba8a7e1] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-8ba8a7e1] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-8ba8a7e1] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-8ba8a7e1] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-8ba8a7e1] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-8ba8a7e1] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-8ba8a7e1] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-8ba8a7e1] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-8ba8a7e1] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-8ba8a7e1] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-8ba8a7e1] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-8ba8a7e1] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-8ba8a7e1] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-8ba8a7e1] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-8ba8a7e1] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-8ba8a7e1] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-8ba8a7e1] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-8ba8a7e1] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-8ba8a7e1],
.mlm-selected-item[data-v-8ba8a7e1] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-8ba8a7e1] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-8ba8a7e1]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-8ba8a7e1] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-8ba8a7e1] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-8ba8a7e1] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .layout26.assets-box[data-v-8ba8a7e1] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

html .layout26.assets-box .assets-box-inner[data-v-8ba8a7e1] {
    display: flex
}

html .layout26.assets-box .assets-box-inner .assets-img[data-v-8ba8a7e1] {
    width: 0
}

html .layout26.assets-box .assets-box-inner .assets-img.good-img[data-v-8ba8a7e1] {
    width: 2.375rem;
    height: 2.375rem
}

html .layout26.assets-box .assets-box-inner .assets-box-info[data-v-8ba8a7e1] {
    margin-left: .75rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

html .layout26.assets-box .assets-box-inner .assets-box-info .assets-box-info-inner[data-v-8ba8a7e1] {
    display: flex;
    align-items: center;
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-bold, 700);
    line-height: 1.5
}

html .layout26.assets-box .assets-box-inner .assets-box-info .assets-box-info-inner .currency[data-v-8ba8a7e1] {
    margin-right: .125rem;
    color: var(--ep-color-text-default)
}

html .layout26.assets-box .assets-box-inner .assets-box-info .assets-box-info-inner .assets-box-number[data-v-8ba8a7e1] {
    color: var(--ep-color-text-default)
}

html .layout26.assets-box .assets-box-inner .assets-box-info .assets-box-intro[data-v-8ba8a7e1] {
    font-size: var(--ep-font-size-xs, .625rem);
    font-weight: var(--ep-font-weight-regular, 400);
    color: var(--ep-color-text-weak, rgba(255, 255, 255, .6))
}

html .layout26.assets-box .deposit[data-v-8ba8a7e1] {
    position: relative;
    min-width: 4.375rem;
    --padding-top: .5625rem;
    --padding-bottom: .5625rem;
    --padding-start: .25rem;
    --padding-end: .25rem
}

html .layout26.assets-box .deposit[data-v-8ba8a7e1]::part(native) {
    background: transparent;
    color: var(--ep-color-btn-level-3-text, #fff);
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-medium, 600);
    box-shadow: none
}

html .layout26.assets-box .deposit svg[data-v-8ba8a7e1] {
    position: absolute;
    height: 1.875rem;
    width: 110%;
    z-index: -1
}

#tabbar-tabs-inicio-components-HeaderBar-components-assets-26-index .layout26.assets-box[data-v-8ba8a7e1] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

#tabbar-tabs-inicio-components-HeaderBar-components-assets-26-index .layout26.assets-box .assets-box-inner[data-v-8ba8a7e1] {
    display: flex
}

#tabbar-tabs-inicio-components-HeaderBar-components-assets-26-index .layout26.assets-box .assets-box-inner .assets-img[data-v-8ba8a7e1] {
    width: 0
}

#tabbar-tabs-inicio-components-HeaderBar-components-assets-26-index .layout26.assets-box .assets-box-inner .assets-img.good-img[data-v-8ba8a7e1] {
    width: 2.375rem;
    height: 2.375rem
}

#tabbar-tabs-inicio-components-HeaderBar-components-assets-26-index .layout26.assets-box .assets-box-inner .assets-box-info[data-v-8ba8a7e1] {
    margin-left: .75rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

#tabbar-tabs-inicio-components-HeaderBar-components-assets-26-index .layout26.assets-box .assets-box-inner .assets-box-info .assets-box-info-inner[data-v-8ba8a7e1] {
    display: flex;
    align-items: center;
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-bold, 700);
    line-height: 1.5
}

#tabbar-tabs-inicio-components-HeaderBar-components-assets-26-index .layout26.assets-box .assets-box-inner .assets-box-info .assets-box-info-inner .currency[data-v-8ba8a7e1] {
    margin-right: .125rem;
    color: var(--ep-color-text-default)
}

#tabbar-tabs-inicio-components-HeaderBar-components-assets-26-index .layout26.assets-box .assets-box-inner .assets-box-info .assets-box-info-inner .assets-box-number[data-v-8ba8a7e1] {
    color: var(--ep-color-text-default)
}

#tabbar-tabs-inicio-components-HeaderBar-components-assets-26-index .layout26.assets-box .assets-box-inner .assets-box-info .assets-box-intro[data-v-8ba8a7e1] {
    font-size: var(--ep-font-size-xs, .625rem);
    font-weight: var(--ep-font-weight-regular, 400);
    color: var(--ep-color-text-weak, rgba(255, 255, 255, .6))
}

#tabbar-tabs-inicio-components-HeaderBar-components-assets-26-index .layout26.assets-box .deposit[data-v-8ba8a7e1] {
    position: relative;
    min-width: 4.375rem;
    --padding-top: .5625rem;
    --padding-bottom: .5625rem;
    --padding-start: .25rem;
    --padding-end: .25rem
}

#tabbar-tabs-inicio-components-HeaderBar-components-assets-26-index .layout26.assets-box .deposit[data-v-8ba8a7e1]::part(native) {
    background: transparent;
    color: var(--ep-color-btn-level-3-text, #fff);
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-medium, 600);
    box-shadow: none
}

#tabbar-tabs-inicio-components-HeaderBar-components-assets-26-index .layout26.assets-box .deposit svg[data-v-8ba8a7e1] {
    position: absolute;
    height: 1.875rem;
    width: 110%;
    z-index: -1
}

.color-primary-600[data-v-5b09cfe2] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-5b09cfe2] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-5b09cfe2] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-5b09cfe2] {
    color: var(--color-primary-900)
}

.bg-100[data-v-5b09cfe2] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-5b09cfe2] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-5b09cfe2] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-5b09cfe2] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-5b09cfe2] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-5b09cfe2] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-5b09cfe2] {
    background-color: var(--color-warning)
}

.bg-link[data-v-5b09cfe2] {
    background-color: var(--color-link)
}

.bg-danger[data-v-5b09cfe2] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-5b09cfe2] {
    color: var(--color-text-100)
}

.color-text-80[data-v-5b09cfe2] {
    color: var(--color-text-80)
}

.color-text-50[data-v-5b09cfe2] {
    color: var(--color-text-50)
}

.color-text-40[data-v-5b09cfe2] {
    color: var(--color-text-40)
}

.color-text-20[data-v-5b09cfe2] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-5b09cfe2] {
    color: var(--color-currency)
}

.color-warning[data-v-5b09cfe2] {
    color: var(--color-warning)
}

.color-danger[data-v-5b09cfe2] {
    color: var(--color-danger)
}

.color-link[data-v-5b09cfe2] {
    color: var(--color-link)
}

.color-line[data-v-5b09cfe2] {
    color: var(--color-line)
}

.color-border[data-v-5b09cfe2] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-5b09cfe2] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-5b09cfe2] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-5b09cfe2] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-5b09cfe2] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-5b09cfe2] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-5b09cfe2] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-5b09cfe2] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-5b09cfe2] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-5b09cfe2] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-5b09cfe2] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-5b09cfe2] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-5b09cfe2] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-5b09cfe2] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-5b09cfe2] {
    display: flex;
    align-items: center
}

.flex-start[data-v-5b09cfe2] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-5b09cfe2] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-5b09cfe2] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-5b09cfe2] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-5b09cfe2] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-5b09cfe2] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-5b09cfe2] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-5b09cfe2] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-5b09cfe2] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-5b09cfe2] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-5b09cfe2] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-5b09cfe2] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-5b09cfe2] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-5b09cfe2] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-5b09cfe2] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-5b09cfe2] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-5b09cfe2] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-5b09cfe2] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-5b09cfe2] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-5b09cfe2] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-5b09cfe2] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-5b09cfe2] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-5b09cfe2] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-5b09cfe2] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-5b09cfe2],
.mlm-selected-item[data-v-5b09cfe2] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-5b09cfe2] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-5b09cfe2]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-5b09cfe2] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-5b09cfe2] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-5b09cfe2] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .layout1.button-box[data-v-5b09cfe2] {
    display: flex;
    flex-wrap: wrap
}

html .layout1.button-box .login[data-v-5b09cfe2] {
    flex: 1;
    min-width: 4.6875rem;
    min-height: 1.625rem;
    --padding-top: .125rem;
    --padding-bottom: .125rem;
    --padding-start: .25rem;
    --padding-end: .25rem;
    --border-radius: var(--ep-border-radius-m, .375rem);
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--font-weight-bold, 700)
}

html .layout1.button-box .login[data-v-5b09cfe2]::part(native) {
    box-shadow: none;
    background: var(--ep-color-btn-level-2-bg);
    color: var(--ep-color-btn-level-2-text);
    border-width: var(--border-width, .0625rem);
    border-style: var(--border-style, solid);
    border-color: var(--border-color, var(--ep-color-btn-level-2-border))
}

html .layout1.button-box .register-btn-warper[data-v-5b09cfe2] {
    flex: 1;
    margin-left: .5rem
}

html .layout1.button-box .register-btn-warper[data-v-5b09cfe2] .register {
    width: 100%;
    height: 100%;
    min-width: 4.6875rem;
    --padding-top: .625rem;
    --padding-bottom: .625rem;
    --padding-start: .25rem;
    --padding-end: .25rem;
    --border-radius: var(--ep-border-radius-m, .375rem);
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--font-weight-bold, 700)
}

html .layout1.button-box .register-btn-warper[data-v-5b09cfe2] .register::part(native) {
    box-shadow: none;
    background: var(--ep-color-btn-level-3-bg);
    color: var(--ep-color-btn-level-3-text);
    border-width: var(--border-width, .0625rem);
    border-style: var(--border-style, solid);
    border-color: var(--border-color, var(--ep-color-btn-level-3-border))
}

html .layout2.button-box[data-v-5b09cfe2] {
    display: flex;
    flex-wrap: wrap;
    gap: .625rem
}

html .layout2.button-box .login[data-v-5b09cfe2] {
    flex: 1;
    min-height: 1.625rem;
    --padding-top: .125rem;
    --padding-bottom: .125rem;
    --padding-start: .25rem;
    --padding-end: .25rem;
    --border-radius: var(--ep-border-radius-infinity, 9999px);
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-medium, 600);
    min-width: 5.625rem
}

html .layout2.button-box .login[data-v-5b09cfe2]::part(native) {
    background: var(--ep-color-btn-level-2-bg);
    color: var(--ep-color-btn-level-2-text)
}

html .layout2.button-box .register-btn-warper[data-v-5b09cfe2] {
    flex: 1
}

html .layout2.button-box .register-btn-warper[data-v-5b09cfe2] .register {
    flex: 1;
    width: 100%;
    height: 100%;
    min-width: 5.625rem;
    --padding-top: .5625rem;
    --padding-bottom: .5625rem;
    --padding-start: .625rem;
    --padding-end: .625rem;
    --border-radius: var(--ep-border-radius-infinity, 9999px);
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-medium, 600)
}

html .layout2.button-box .register-btn-warper[data-v-5b09cfe2] .register::part(native) {
    background: var(--ep-color-btn-level-3-bg);
    color: var(--ep-color-btn-level-3-text)
}

#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout1.button-box[data-v-5b09cfe2] {
    display: flex;
    flex-wrap: wrap
}

#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout1.button-box .login[data-v-5b09cfe2] {
    flex: 1;
    min-width: 4.6875rem;
    min-height: 1.625rem;
    --padding-top: .125rem;
    --padding-bottom: .125rem;
    --padding-start: .25rem;
    --padding-end: .25rem;
    --border-radius: var(--ep-border-radius-m, .375rem);
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--font-weight-bold, 700)
}

#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout1.button-box .login[data-v-5b09cfe2]::part(native) {
    box-shadow: none;
    background: var(--ep-color-btn-level-2-bg);
    color: var(--ep-color-btn-level-2-text);
    border-width: var(--border-width, .0625rem);
    border-style: var(--border-style, solid);
    border-color: var(--border-color, var(--ep-color-btn-level-2-border))
}

#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout1.button-box .register-btn-warper[data-v-5b09cfe2] {
    flex: 1;
    margin-left: .5rem
}

#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout1.button-box .register-btn-warper[data-v-5b09cfe2] .register {
    width: 100%;
    height: 100%;
    min-width: 4.6875rem;
    --padding-top: .625rem;
    --padding-bottom: .625rem;
    --padding-start: .25rem;
    --padding-end: .25rem;
    --border-radius: var(--ep-border-radius-m, .375rem);
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--font-weight-bold, 700)
}

#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout1.button-box .register-btn-warper[data-v-5b09cfe2] .register::part(native) {
    box-shadow: none;
    background: var(--ep-color-btn-level-3-bg);
    color: var(--ep-color-btn-level-3-text);
    border-width: var(--border-width, .0625rem);
    border-style: var(--border-style, solid);
    border-color: var(--border-color, var(--ep-color-btn-level-3-border))
}

#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout2.button-box[data-v-5b09cfe2] {
    display: flex;
    flex-wrap: wrap;
    gap: .625rem
}

#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout2.button-box .login[data-v-5b09cfe2] {
    flex: 1;
    min-height: 1.625rem;
    --padding-top: .125rem;
    --padding-bottom: .125rem;
    --padding-start: .25rem;
    --padding-end: .25rem;
    --border-radius: var(--ep-border-radius-infinity, 9999px);
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-medium, 600);
    min-width: 5.625rem
}

#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout2.button-box .login[data-v-5b09cfe2]::part(native) {
    background: var(--ep-color-btn-level-2-bg);
    color: var(--ep-color-btn-level-2-text)
}

#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout2.button-box .register-btn-warper[data-v-5b09cfe2] {
    flex: 1
}

#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout2.button-box .register-btn-warper[data-v-5b09cfe2] .register {
    flex: 1;
    width: 100%;
    height: 100%;
    min-width: 5.625rem;
    --padding-top: .5625rem;
    --padding-bottom: .5625rem;
    --padding-start: .625rem;
    --padding-end: .625rem;
    --border-radius: var(--ep-border-radius-infinity, 9999px);
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-medium, 600)
}

#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-index .layout2.button-box .register-btn-warper[data-v-5b09cfe2] .register::part(native) {
    background: var(--ep-color-btn-level-3-bg);
    color: var(--ep-color-btn-level-3-text)
}

.color-primary-600[data-v-e4a7578c] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-e4a7578c] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-e4a7578c] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-e4a7578c] {
    color: var(--color-primary-900)
}

.bg-100[data-v-e4a7578c] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-e4a7578c] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-e4a7578c] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-e4a7578c] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-e4a7578c] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-e4a7578c] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-e4a7578c] {
    background-color: var(--color-warning)
}

.bg-link[data-v-e4a7578c] {
    background-color: var(--color-link)
}

.bg-danger[data-v-e4a7578c] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-e4a7578c] {
    color: var(--color-text-100)
}

.color-text-80[data-v-e4a7578c] {
    color: var(--color-text-80)
}

.color-text-50[data-v-e4a7578c] {
    color: var(--color-text-50)
}

.color-text-40[data-v-e4a7578c] {
    color: var(--color-text-40)
}

.color-text-20[data-v-e4a7578c] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-e4a7578c] {
    color: var(--color-currency)
}

.color-warning[data-v-e4a7578c] {
    color: var(--color-warning)
}

.color-danger[data-v-e4a7578c] {
    color: var(--color-danger)
}

.color-link[data-v-e4a7578c] {
    color: var(--color-link)
}

.color-line[data-v-e4a7578c] {
    color: var(--color-line)
}

.color-border[data-v-e4a7578c] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-e4a7578c] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-e4a7578c] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-e4a7578c] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-e4a7578c] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-e4a7578c] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-e4a7578c] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-e4a7578c] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-e4a7578c] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-e4a7578c] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-e4a7578c] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-e4a7578c] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-e4a7578c] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-e4a7578c] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-e4a7578c] {
    display: flex;
    align-items: center
}

.flex-start[data-v-e4a7578c] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-e4a7578c] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-e4a7578c] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-e4a7578c] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-e4a7578c] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-e4a7578c] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-e4a7578c] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-e4a7578c] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-e4a7578c] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-e4a7578c] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-e4a7578c] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-e4a7578c] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-e4a7578c] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-e4a7578c] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-e4a7578c] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-e4a7578c] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-e4a7578c] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-e4a7578c] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-e4a7578c] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-e4a7578c] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-e4a7578c] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-e4a7578c] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-e4a7578c] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-e4a7578c] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-e4a7578c],
.mlm-selected-item[data-v-e4a7578c] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-e4a7578c] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-e4a7578c]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-e4a7578c] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-e4a7578c] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-e4a7578c] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .layout1.button-box[data-v-e4a7578c] {
    display: flex;
    align-items: center
}

html .layout1.button-box .deposit[data-v-e4a7578c] {
    flex: 1;
    border-radius: var(--ep-border-radius-m, .375rem);
    border: .0625rem solid var(--ep-color-border-default, #1E2D67);
    box-shadow: 0 0 .725rem 0 var(--ep-color-background-fill-tips, #0A77DA) inset;
    background: var(--ep-dynamic-secondary, linear-gradient(90deg, var(--ep-color-background-fill-gradients-secondary-a, #1D2A55) 0%, var(--ep-color-background-fill-gradients-secondary-a, #1D2A55) 118.75%))
}

html .layout1.button-box .deposit[data-v-e4a7578c]::part(native) {
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--ep-color-text-success, #53C154)
}

#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-2-index .layout1.button-box[data-v-e4a7578c] {
    display: flex;
    align-items: center
}

#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-2-index .layout1.button-box .deposit[data-v-e4a7578c] {
    flex: 1;
    border-radius: var(--ep-border-radius-m, .375rem);
    border: .0625rem solid var(--ep-color-border-default, #1E2D67);
    box-shadow: 0 0 .725rem 0 var(--ep-color-background-fill-tips, #0A77DA) inset;
    background: var(--ep-dynamic-secondary, linear-gradient(90deg, var(--ep-color-background-fill-gradients-secondary-a, #1D2A55) 0%, var(--ep-color-background-fill-gradients-secondary-a, #1D2A55) 118.75%))
}

#tabbar-tabs-inicio-components-HeaderBar-components-buttonWrap-2-index .layout1.button-box .deposit[data-v-e4a7578c]::part(native) {
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--ep-color-text-success, #53C154)
}

.color-primary-600[data-v-00209eff] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-00209eff] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-00209eff] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-00209eff] {
    color: var(--color-primary-900)
}

.bg-100[data-v-00209eff] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-00209eff] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-00209eff] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-00209eff] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-00209eff] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-00209eff] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-00209eff] {
    background-color: var(--color-warning)
}

.bg-link[data-v-00209eff] {
    background-color: var(--color-link)
}

.bg-danger[data-v-00209eff] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-00209eff] {
    color: var(--color-text-100)
}

.color-text-80[data-v-00209eff] {
    color: var(--color-text-80)
}

.color-text-50[data-v-00209eff] {
    color: var(--color-text-50)
}

.color-text-40[data-v-00209eff] {
    color: var(--color-text-40)
}

.color-text-20[data-v-00209eff] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-00209eff] {
    color: var(--color-currency)
}

.color-warning[data-v-00209eff] {
    color: var(--color-warning)
}

.color-danger[data-v-00209eff] {
    color: var(--color-danger)
}

.color-link[data-v-00209eff] {
    color: var(--color-link)
}

.color-line[data-v-00209eff] {
    color: var(--color-line)
}

.color-border[data-v-00209eff] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-00209eff] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-00209eff] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-00209eff] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-00209eff] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-00209eff] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-00209eff] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-00209eff] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-00209eff] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-00209eff] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-00209eff] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-00209eff] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-00209eff] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-00209eff] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-00209eff] {
    display: flex;
    align-items: center
}

.flex-start[data-v-00209eff] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-00209eff] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-00209eff] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-00209eff] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-00209eff] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-00209eff] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-00209eff] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-00209eff] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-00209eff] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-00209eff] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-00209eff] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-00209eff] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-00209eff] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-00209eff] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-00209eff] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-00209eff] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-00209eff] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-00209eff] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-00209eff] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-00209eff] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-00209eff] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-00209eff] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-00209eff] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-00209eff] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-00209eff],
.mlm-selected-item[data-v-00209eff] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-00209eff] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-00209eff]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-00209eff] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-00209eff] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-00209eff] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.unset-btn[data-v-00209eff] {
    --padding-top: 0;
    --padding-bottom: 0;
    --padding-start: 0;
    --padding-end: 0;
    margin: 0;
    min-height: min-content;
    min-width: min-content
}

ion-button.unset-btn .button-inner[data-v-00209eff] {
    transform: var(--skew, skew(12deg))
}

.color-primary-600[data-v-69be47cf] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-69be47cf] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-69be47cf] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-69be47cf] {
    color: var(--color-primary-900)
}

.bg-100[data-v-69be47cf] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-69be47cf] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-69be47cf] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-69be47cf] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-69be47cf] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-69be47cf] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-69be47cf] {
    background-color: var(--color-warning)
}

.bg-link[data-v-69be47cf] {
    background-color: var(--color-link)
}

.bg-danger[data-v-69be47cf] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-69be47cf] {
    color: var(--color-text-100)
}

.color-text-80[data-v-69be47cf] {
    color: var(--color-text-80)
}

.color-text-50[data-v-69be47cf] {
    color: var(--color-text-50)
}

.color-text-40[data-v-69be47cf] {
    color: var(--color-text-40)
}

.color-text-20[data-v-69be47cf] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-69be47cf] {
    color: var(--color-currency)
}

.color-warning[data-v-69be47cf] {
    color: var(--color-warning)
}

.color-danger[data-v-69be47cf] {
    color: var(--color-danger)
}

.color-link[data-v-69be47cf] {
    color: var(--color-link)
}

.color-line[data-v-69be47cf] {
    color: var(--color-line)
}

.color-border[data-v-69be47cf] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-69be47cf] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-69be47cf] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-69be47cf] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-69be47cf] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-69be47cf] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-69be47cf] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-69be47cf] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-69be47cf] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-69be47cf] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-69be47cf] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-69be47cf] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-69be47cf] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-69be47cf] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-69be47cf] {
    display: flex;
    align-items: center
}

.flex-start[data-v-69be47cf] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-69be47cf] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-69be47cf] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-69be47cf] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-69be47cf] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-69be47cf] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-69be47cf] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-69be47cf] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-69be47cf] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-69be47cf] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-69be47cf] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-69be47cf] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-69be47cf] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-69be47cf] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-69be47cf] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-69be47cf] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-69be47cf] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-69be47cf] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-69be47cf] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-69be47cf] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-69be47cf] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-69be47cf] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-69be47cf] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-69be47cf] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-69be47cf],
.mlm-selected-item[data-v-69be47cf] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-69be47cf] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-69be47cf]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-69be47cf] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-69be47cf] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-69be47cf] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.btn-wrap[data-v-69be47cf] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.btn-wrap ion-button.unset-btn[data-v-69be47cf] {
    --padding-top: 0;
    --padding-bottom: 0;
    --padding-start: .5rem;
    --padding-end: 1rem;
    --box-shadow: none;
    white-space: nowrap;
    font-weight: 600
}

.btn-wrap ion-button[data-v-69be47cf]::part(native) {
    background: transparent !important
}

.btn-wrap ion-button.text-btn[data-v-69be47cf] {
    --background: transparent
}

.btn-wrap svg[data-v-69be47cf] {
    position: absolute;
    z-index: -1
}

.color-primary-600[data-v-057464d6] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-057464d6] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-057464d6] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-057464d6] {
    color: var(--color-primary-900)
}

.bg-100[data-v-057464d6] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-057464d6] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-057464d6] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-057464d6] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-057464d6] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-057464d6] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-057464d6] {
    background-color: var(--color-warning)
}

.bg-link[data-v-057464d6] {
    background-color: var(--color-link)
}

.bg-danger[data-v-057464d6] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-057464d6] {
    color: var(--color-text-100)
}

.color-text-80[data-v-057464d6] {
    color: var(--color-text-80)
}

.color-text-50[data-v-057464d6] {
    color: var(--color-text-50)
}

.color-text-40[data-v-057464d6] {
    color: var(--color-text-40)
}

.color-text-20[data-v-057464d6] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-057464d6] {
    color: var(--color-currency)
}

.color-warning[data-v-057464d6] {
    color: var(--color-warning)
}

.color-danger[data-v-057464d6] {
    color: var(--color-danger)
}

.color-link[data-v-057464d6] {
    color: var(--color-link)
}

.color-line[data-v-057464d6] {
    color: var(--color-line)
}

.color-border[data-v-057464d6] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-057464d6] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-057464d6] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-057464d6] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-057464d6] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-057464d6] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-057464d6] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-057464d6] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-057464d6] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-057464d6] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-057464d6] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-057464d6] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-057464d6] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-057464d6] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-057464d6] {
    display: flex;
    align-items: center
}

.flex-start[data-v-057464d6] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-057464d6] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-057464d6] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-057464d6] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-057464d6] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-057464d6] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-057464d6] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-057464d6] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-057464d6] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-057464d6] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-057464d6] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-057464d6] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-057464d6] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-057464d6] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-057464d6] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-057464d6] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-057464d6] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-057464d6] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-057464d6] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-057464d6] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-057464d6] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-057464d6] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-057464d6] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-057464d6] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-057464d6],
.mlm-selected-item[data-v-057464d6] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-057464d6] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-057464d6]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-057464d6] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-057464d6] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-057464d6] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .layout1.icon-btn[data-v-057464d6] {
    --border-style: solid;
    --border-width: .0625rem;
    --border-color: var(--ep-color-border-default);
    --background: var(--ep-color-background-fill-surface-raised-L2);
    --color: var(--ep-color-icon-default)
}

html .layout2.icon-btn[data-v-057464d6] {
    position: relative;
    --color: var(--ep-color-icon-default)
}

html .layout2.icon-btn[data-v-057464d6]:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 2.5rem;
    height: 100%;
    background: var(--bg, linear-gradient(90deg, transparent 0%, #090f1f 50%))
}

html .layout26.icon-btn[data-v-057464d6] {
    --border-style: solid;
    --border-width: .0625rem;
    --border-color: var(--ep-color-border-default);
    --background: var(--ep-color-background-fill-surface-lowered);
    --color: var(--ep-color-icon-default)
}

#tabbar-tabs-inicio-components-MarqueeView-components-iconButton-1-index .layout1.icon-btn[data-v-057464d6] {
    --border-style: solid;
    --border-width: .0625rem;
    --border-color: var(--ep-color-border-default);
    --background: var(--ep-color-background-fill-surface-raised-L2);
    --color: var(--ep-color-icon-default)
}

#tabbar-tabs-inicio-components-MarqueeView-components-iconButton-1-index .layout2.icon-btn[data-v-057464d6] {
    position: relative;
    --color: var(--ep-color-icon-default)
}

#tabbar-tabs-inicio-components-MarqueeView-components-iconButton-1-index .layout2.icon-btn[data-v-057464d6]:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 2.5rem;
    height: 100%;
    background: var(--bg, linear-gradient(90deg, transparent 0%, #090f1f 50%))
}

#tabbar-tabs-inicio-components-MarqueeView-components-iconButton-1-index .layout26.icon-btn[data-v-057464d6] {
    --border-style: solid;
    --border-width: .0625rem;
    --border-color: var(--ep-color-border-default);
    --background: var(--ep-color-background-fill-surface-lowered);
    --color: var(--ep-color-icon-default)
}

.color-primary-600[data-v-176d89b9] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-176d89b9] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-176d89b9] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-176d89b9] {
    color: var(--color-primary-900)
}

.bg-100[data-v-176d89b9] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-176d89b9] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-176d89b9] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-176d89b9] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-176d89b9] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-176d89b9] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-176d89b9] {
    background-color: var(--color-warning)
}

.bg-link[data-v-176d89b9] {
    background-color: var(--color-link)
}

.bg-danger[data-v-176d89b9] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-176d89b9] {
    color: var(--color-text-100)
}

.color-text-80[data-v-176d89b9] {
    color: var(--color-text-80)
}

.color-text-50[data-v-176d89b9] {
    color: var(--color-text-50)
}

.color-text-40[data-v-176d89b9] {
    color: var(--color-text-40)
}

.color-text-20[data-v-176d89b9] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-176d89b9] {
    color: var(--color-currency)
}

.color-warning[data-v-176d89b9] {
    color: var(--color-warning)
}

.color-danger[data-v-176d89b9] {
    color: var(--color-danger)
}

.color-link[data-v-176d89b9] {
    color: var(--color-link)
}

.color-line[data-v-176d89b9] {
    color: var(--color-line)
}

.color-border[data-v-176d89b9] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-176d89b9] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-176d89b9] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-176d89b9] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-176d89b9] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-176d89b9] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-176d89b9] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-176d89b9] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-176d89b9] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-176d89b9] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-176d89b9] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-176d89b9] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-176d89b9] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-176d89b9] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-176d89b9] {
    display: flex;
    align-items: center
}

.flex-start[data-v-176d89b9] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-176d89b9] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-176d89b9] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-176d89b9] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-176d89b9] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-176d89b9] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-176d89b9] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-176d89b9] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-176d89b9] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-176d89b9] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-176d89b9] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-176d89b9] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-176d89b9] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-176d89b9] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-176d89b9] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-176d89b9] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-176d89b9] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-176d89b9] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-176d89b9] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-176d89b9] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-176d89b9] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-176d89b9] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-176d89b9] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-176d89b9] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-176d89b9],
.mlm-selected-item[data-v-176d89b9] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-176d89b9] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-176d89b9]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-176d89b9] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-176d89b9] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-176d89b9] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .drop-down-box[data-v-176d89b9] {
    display: flex;
    flex-direction: column
}

html .drop-down-box .drop-down[data-v-176d89b9] {
    padding: .75rem .875rem;
    border-radius: var(--ep-border-radius-surface-default, .875rem);
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--ep-color-background-fill-surface-raised-L2)
}

html .drop-down-box .drop-down .label-inner[data-v-176d89b9] {
    display: flex;
    align-items: center
}

html .drop-down-box .drop-down .label-inner .before-icon[data-v-176d89b9] {
    font-size: var(--ep-font-size-m, .875rem);
    margin-right: .4375rem;
    color: var(--ep-color-icon-brand-secondary)
}

html .drop-down-box .drop-down .label-inner .label[data-v-176d89b9] {
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--ep-color-text-default)
}

html .drop-down-box .drop-down .after-icon[data-v-176d89b9] {
    padding: .3125rem;
    font-size: var(--ep-font-size-m, .875rem);
    border-radius: var(--ep-border-radius-xl, .625rem);
    background: var(--ep-color-icon-brand-primary);
    color: var(--ep-color-icon-inverse)
}

html .drop-down-box .drop-down .after-icon.up[data-v-176d89b9] {
    transform: rotate(180deg)
}

.color-primary-600[data-v-d9584903] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-d9584903] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-d9584903] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-d9584903] {
    color: var(--color-primary-900)
}

.bg-100[data-v-d9584903] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-d9584903] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-d9584903] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-d9584903] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-d9584903] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-d9584903] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-d9584903] {
    background-color: var(--color-warning)
}

.bg-link[data-v-d9584903] {
    background-color: var(--color-link)
}

.bg-danger[data-v-d9584903] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-d9584903] {
    color: var(--color-text-100)
}

.color-text-80[data-v-d9584903] {
    color: var(--color-text-80)
}

.color-text-50[data-v-d9584903] {
    color: var(--color-text-50)
}

.color-text-40[data-v-d9584903] {
    color: var(--color-text-40)
}

.color-text-20[data-v-d9584903] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-d9584903] {
    color: var(--color-currency)
}

.color-warning[data-v-d9584903] {
    color: var(--color-warning)
}

.color-danger[data-v-d9584903] {
    color: var(--color-danger)
}

.color-link[data-v-d9584903] {
    color: var(--color-link)
}

.color-line[data-v-d9584903] {
    color: var(--color-line)
}

.color-border[data-v-d9584903] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-d9584903] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-d9584903] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-d9584903] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-d9584903] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-d9584903] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-d9584903] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-d9584903] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-d9584903] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-d9584903] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-d9584903] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-d9584903] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-d9584903] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-d9584903] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-d9584903] {
    display: flex;
    align-items: center
}

.flex-start[data-v-d9584903] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-d9584903] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-d9584903] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-d9584903] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-d9584903] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-d9584903] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-d9584903] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-d9584903] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-d9584903] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-d9584903] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-d9584903] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-d9584903] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-d9584903] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-d9584903] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-d9584903] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-d9584903] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-d9584903] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-d9584903] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-d9584903] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-d9584903] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-d9584903] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-d9584903] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-d9584903] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-d9584903] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-d9584903],
.mlm-selected-item[data-v-d9584903] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-d9584903] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-d9584903]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-d9584903] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-d9584903] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-d9584903] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

[data-v-d9584903]::-webkit-scrollbar {
    display: none
}

[data-v-d9584903]::-webkit-scrollbar-track {
    display: none
}

[data-v-d9584903]::-webkit-scrollbar-thumb {
    display: none
}

.color-primary-600[data-v-aff8b142] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-aff8b142] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-aff8b142] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-aff8b142] {
    color: var(--color-primary-900)
}

.bg-100[data-v-aff8b142] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-aff8b142] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-aff8b142] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-aff8b142] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-aff8b142] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-aff8b142] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-aff8b142] {
    background-color: var(--color-warning)
}

.bg-link[data-v-aff8b142] {
    background-color: var(--color-link)
}

.bg-danger[data-v-aff8b142] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-aff8b142] {
    color: var(--color-text-100)
}

.color-text-80[data-v-aff8b142] {
    color: var(--color-text-80)
}

.color-text-50[data-v-aff8b142] {
    color: var(--color-text-50)
}

.color-text-40[data-v-aff8b142] {
    color: var(--color-text-40)
}

.color-text-20[data-v-aff8b142] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-aff8b142] {
    color: var(--color-currency)
}

.color-warning[data-v-aff8b142] {
    color: var(--color-warning)
}

.color-danger[data-v-aff8b142] {
    color: var(--color-danger)
}

.color-link[data-v-aff8b142] {
    color: var(--color-link)
}

.color-line[data-v-aff8b142] {
    color: var(--color-line)
}

.color-border[data-v-aff8b142] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-aff8b142] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-aff8b142] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-aff8b142] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-aff8b142] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-aff8b142] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-aff8b142] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-aff8b142] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-aff8b142] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-aff8b142] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-aff8b142] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-aff8b142] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-aff8b142] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-aff8b142] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-aff8b142] {
    display: flex;
    align-items: center
}

.flex-start[data-v-aff8b142] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-aff8b142] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-aff8b142] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-aff8b142] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-aff8b142] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-aff8b142] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-aff8b142] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-aff8b142] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-aff8b142] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-aff8b142] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-aff8b142] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-aff8b142] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-aff8b142] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-aff8b142] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-aff8b142] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-aff8b142] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-aff8b142] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-aff8b142] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-aff8b142] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-aff8b142] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-aff8b142] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-aff8b142] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-aff8b142] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-aff8b142] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-aff8b142],
.mlm-selected-item[data-v-aff8b142] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-aff8b142] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-aff8b142]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-aff8b142] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-aff8b142] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-aff8b142] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.register-btn-warper[data-v-aff8b142] {
    display: flex;
    align-items: center;
    position: relative
}

.register-btn-warper .rewardTag[data-v-aff8b142] {
    position: absolute;
    top: -.5rem;
    right: -.5rem
}

.color-primary-600[data-v-f043facf] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-f043facf] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-f043facf] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-f043facf] {
    color: var(--color-primary-900)
}

.bg-100[data-v-f043facf] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-f043facf] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-f043facf] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-f043facf] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-f043facf] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-f043facf] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-f043facf] {
    background-color: var(--color-warning)
}

.bg-link[data-v-f043facf] {
    background-color: var(--color-link)
}

.bg-danger[data-v-f043facf] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-f043facf] {
    color: var(--color-text-100)
}

.color-text-80[data-v-f043facf] {
    color: var(--color-text-80)
}

.color-text-50[data-v-f043facf] {
    color: var(--color-text-50)
}

.color-text-40[data-v-f043facf] {
    color: var(--color-text-40)
}

.color-text-20[data-v-f043facf] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-f043facf] {
    color: var(--color-currency)
}

.color-warning[data-v-f043facf] {
    color: var(--color-warning)
}

.color-danger[data-v-f043facf] {
    color: var(--color-danger)
}

.color-link[data-v-f043facf] {
    color: var(--color-link)
}

.color-line[data-v-f043facf] {
    color: var(--color-line)
}

.color-border[data-v-f043facf] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-f043facf] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-f043facf] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-f043facf] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-f043facf] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-f043facf] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-f043facf] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-f043facf] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-f043facf] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-f043facf] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-f043facf] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-f043facf] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-f043facf] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-f043facf] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-f043facf] {
    display: flex;
    align-items: center
}

.flex-start[data-v-f043facf] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-f043facf] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-f043facf] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-f043facf] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-f043facf] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-f043facf] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-f043facf] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-f043facf] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-f043facf] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-f043facf] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-f043facf] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-f043facf] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-f043facf] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-f043facf] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-f043facf] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-f043facf] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-f043facf] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-f043facf] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-f043facf] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-f043facf] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-f043facf] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-f043facf] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-f043facf] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-f043facf] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-f043facf],
.mlm-selected-item[data-v-f043facf] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-f043facf] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-f043facf]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-f043facf] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-f043facf] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-f043facf] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.register-btn-warper[data-v-f043facf] {
    display: flex;
    align-items: center;
    position: relative
}

.register-btn-warper .button-inner[data-v-f043facf] {
    transform: var(--skew, skew(12deg))
}

.register-btn-warper .rewardTag[data-v-f043facf] {
    position: absolute;
    top: -.5rem;
    right: -.5rem
}

.color-primary-600[data-v-ccaefe60] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-ccaefe60] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-ccaefe60] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-ccaefe60] {
    color: var(--color-primary-900)
}

.bg-100[data-v-ccaefe60] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-ccaefe60] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-ccaefe60] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-ccaefe60] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-ccaefe60] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-ccaefe60] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-ccaefe60] {
    background-color: var(--color-warning)
}

.bg-link[data-v-ccaefe60] {
    background-color: var(--color-link)
}

.bg-danger[data-v-ccaefe60] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-ccaefe60] {
    color: var(--color-text-100)
}

.color-text-80[data-v-ccaefe60] {
    color: var(--color-text-80)
}

.color-text-50[data-v-ccaefe60] {
    color: var(--color-text-50)
}

.color-text-40[data-v-ccaefe60] {
    color: var(--color-text-40)
}

.color-text-20[data-v-ccaefe60] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-ccaefe60] {
    color: var(--color-currency)
}

.color-warning[data-v-ccaefe60] {
    color: var(--color-warning)
}

.color-danger[data-v-ccaefe60] {
    color: var(--color-danger)
}

.color-link[data-v-ccaefe60] {
    color: var(--color-link)
}

.color-line[data-v-ccaefe60] {
    color: var(--color-line)
}

.color-border[data-v-ccaefe60] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-ccaefe60] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-ccaefe60] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-ccaefe60] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-ccaefe60] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-ccaefe60] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-ccaefe60] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-ccaefe60] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-ccaefe60] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-ccaefe60] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-ccaefe60] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-ccaefe60] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-ccaefe60] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-ccaefe60] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-ccaefe60] {
    display: flex;
    align-items: center
}

.flex-start[data-v-ccaefe60] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-ccaefe60] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-ccaefe60] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-ccaefe60] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-ccaefe60] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-ccaefe60] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-ccaefe60] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-ccaefe60] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-ccaefe60] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-ccaefe60] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-ccaefe60] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-ccaefe60] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-ccaefe60] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-ccaefe60] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-ccaefe60] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-ccaefe60] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-ccaefe60] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-ccaefe60] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-ccaefe60] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-ccaefe60] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-ccaefe60] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-ccaefe60] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-ccaefe60] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-ccaefe60] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-ccaefe60],
.mlm-selected-item[data-v-ccaefe60] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-ccaefe60] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-ccaefe60]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-ccaefe60] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-ccaefe60] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-ccaefe60] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.register-btn-warper[data-v-ccaefe60] {
    display: flex;
    position: relative;
    align-items: center;
    --ep-color-btn-level-3-bg: transparent;
    --ep-color-btn-level-3-border: transparent
}

.register-btn-warper svg[data-v-ccaefe60] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.register-btn-warper .rewardTag[data-v-ccaefe60] {
    position: absolute;
    top: 0;
    right: -.5rem
}

.register-btn-warper .register.layout26[data-v-ccaefe60] {
    margin: 0 0 .25rem;
    font-weight: 600 !important;
    --padding-top: .5rem !important;
    --padding-bottom: .125rem !important
}

.color-primary-600[data-v-875ec46f] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-875ec46f] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-875ec46f] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-875ec46f] {
    color: var(--color-primary-900)
}

.bg-100[data-v-875ec46f] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-875ec46f] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-875ec46f] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-875ec46f] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-875ec46f] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-875ec46f] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-875ec46f] {
    background-color: var(--color-warning)
}

.bg-link[data-v-875ec46f] {
    background-color: var(--color-link)
}

.bg-danger[data-v-875ec46f] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-875ec46f] {
    color: var(--color-text-100)
}

.color-text-80[data-v-875ec46f] {
    color: var(--color-text-80)
}

.color-text-50[data-v-875ec46f] {
    color: var(--color-text-50)
}

.color-text-40[data-v-875ec46f] {
    color: var(--color-text-40)
}

.color-text-20[data-v-875ec46f] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-875ec46f] {
    color: var(--color-currency)
}

.color-warning[data-v-875ec46f] {
    color: var(--color-warning)
}

.color-danger[data-v-875ec46f] {
    color: var(--color-danger)
}

.color-link[data-v-875ec46f] {
    color: var(--color-link)
}

.color-line[data-v-875ec46f] {
    color: var(--color-line)
}

.color-border[data-v-875ec46f] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-875ec46f] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-875ec46f] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-875ec46f] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-875ec46f] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-875ec46f] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-875ec46f] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-875ec46f] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-875ec46f] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-875ec46f] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-875ec46f] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-875ec46f] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-875ec46f] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-875ec46f] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-875ec46f] {
    display: flex;
    align-items: center
}

.flex-start[data-v-875ec46f] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-875ec46f] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-875ec46f] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-875ec46f] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-875ec46f] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-875ec46f] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-875ec46f] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-875ec46f] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-875ec46f] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-875ec46f] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-875ec46f] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-875ec46f] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-875ec46f] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-875ec46f] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-875ec46f] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-875ec46f] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-875ec46f] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-875ec46f] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-875ec46f] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-875ec46f] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-875ec46f] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-875ec46f] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-875ec46f] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-875ec46f] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-875ec46f],
.mlm-selected-item[data-v-875ec46f] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-875ec46f] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-875ec46f]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-875ec46f] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-875ec46f] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-875ec46f] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .language-btn[data-v-875ec46f] {
    flex-shrink: 0;
    margin-left: .5rem;
    --background: transparent
}

html .language-btn .language-icon[data-v-875ec46f] {
    font-size: 1.125rem;
    color: var(--ep-color-icon-default)
}

html #language[data-v-875ec46f] {
    --background: var(--ep-color-background-fill-surface-raised-L1)
}

html #language[data-v-875ec46f]::part(content) {
    margin-top: 1.5rem;
    margin-left: .125rem;
    border-radius: .375rem;
    width: max-content
}

html #language .language-list .language-item[data-v-875ec46f] {
    display: flex;
    align-items: center;
    height: 3.25rem;
    padding-inline: .875rem;
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-medium, 600);
    cursor: pointer;
    color: var(--ep-color-text-default);
    background: transparent
}

html #language .language-list .language-item.active[data-v-875ec46f] {
    background: var(--ep-color-background-fill-surface-raised-L2)
}

html #language .language-list .language-item .flag[data-v-875ec46f] {
    border-radius: .75rem;
    font-size: 1rem;
    margin-right: .5rem
}

.color-primary-600[data-v-9fe34a2f] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-9fe34a2f] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-9fe34a2f] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-9fe34a2f] {
    color: var(--color-primary-900)
}

.bg-100[data-v-9fe34a2f] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-9fe34a2f] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-9fe34a2f] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-9fe34a2f] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-9fe34a2f] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-9fe34a2f] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-9fe34a2f] {
    background-color: var(--color-warning)
}

.bg-link[data-v-9fe34a2f] {
    background-color: var(--color-link)
}

.bg-danger[data-v-9fe34a2f] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-9fe34a2f] {
    color: var(--color-text-100)
}

.color-text-80[data-v-9fe34a2f] {
    color: var(--color-text-80)
}

.color-text-50[data-v-9fe34a2f] {
    color: var(--color-text-50)
}

.color-text-40[data-v-9fe34a2f] {
    color: var(--color-text-40)
}

.color-text-20[data-v-9fe34a2f] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-9fe34a2f] {
    color: var(--color-currency)
}

.color-warning[data-v-9fe34a2f] {
    color: var(--color-warning)
}

.color-danger[data-v-9fe34a2f] {
    color: var(--color-danger)
}

.color-link[data-v-9fe34a2f] {
    color: var(--color-link)
}

.color-line[data-v-9fe34a2f] {
    color: var(--color-line)
}

.color-border[data-v-9fe34a2f] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-9fe34a2f] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-9fe34a2f] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-9fe34a2f] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-9fe34a2f] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-9fe34a2f] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-9fe34a2f] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-9fe34a2f] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-9fe34a2f] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-9fe34a2f] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-9fe34a2f] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-9fe34a2f] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-9fe34a2f] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-9fe34a2f] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-9fe34a2f] {
    display: flex;
    align-items: center
}

.flex-start[data-v-9fe34a2f] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-9fe34a2f] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-9fe34a2f] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-9fe34a2f] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-9fe34a2f] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-9fe34a2f] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-9fe34a2f] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-9fe34a2f] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-9fe34a2f] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-9fe34a2f] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-9fe34a2f] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-9fe34a2f] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-9fe34a2f] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-9fe34a2f] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-9fe34a2f] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-9fe34a2f] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-9fe34a2f] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-9fe34a2f] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-9fe34a2f] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-9fe34a2f] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-9fe34a2f] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-9fe34a2f] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-9fe34a2f] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-9fe34a2f] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-9fe34a2f],
.mlm-selected-item[data-v-9fe34a2f] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-9fe34a2f] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-9fe34a2f]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-9fe34a2f] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-9fe34a2f] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-9fe34a2f] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .search[data-v-9fe34a2f] {
    margin-left: .5rem
}

html .search .search-icon[data-v-9fe34a2f] {
    font-size: 1.125rem;
    color: #bdb8e1
}

.color-primary-600[data-v-73cb4019] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-73cb4019] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-73cb4019] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-73cb4019] {
    color: var(--color-primary-900)
}

.bg-100[data-v-73cb4019] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-73cb4019] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-73cb4019] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-73cb4019] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-73cb4019] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-73cb4019] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-73cb4019] {
    background-color: var(--color-warning)
}

.bg-link[data-v-73cb4019] {
    background-color: var(--color-link)
}

.bg-danger[data-v-73cb4019] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-73cb4019] {
    color: var(--color-text-100)
}

.color-text-80[data-v-73cb4019] {
    color: var(--color-text-80)
}

.color-text-50[data-v-73cb4019] {
    color: var(--color-text-50)
}

.color-text-40[data-v-73cb4019] {
    color: var(--color-text-40)
}

.color-text-20[data-v-73cb4019] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-73cb4019] {
    color: var(--color-currency)
}

.color-warning[data-v-73cb4019] {
    color: var(--color-warning)
}

.color-danger[data-v-73cb4019] {
    color: var(--color-danger)
}

.color-link[data-v-73cb4019] {
    color: var(--color-link)
}

.color-line[data-v-73cb4019] {
    color: var(--color-line)
}

.color-border[data-v-73cb4019] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-73cb4019] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-73cb4019] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-73cb4019] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-73cb4019] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-73cb4019] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-73cb4019] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-73cb4019] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-73cb4019] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-73cb4019] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-73cb4019] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-73cb4019] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-73cb4019] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-73cb4019] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-73cb4019] {
    display: flex;
    align-items: center
}

.flex-start[data-v-73cb4019] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-73cb4019] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-73cb4019] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-73cb4019] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-73cb4019] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-73cb4019] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-73cb4019] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-73cb4019] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-73cb4019] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-73cb4019] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-73cb4019] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-73cb4019] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-73cb4019] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-73cb4019] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-73cb4019] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-73cb4019] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-73cb4019] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-73cb4019] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-73cb4019] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-73cb4019] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-73cb4019] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-73cb4019] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-73cb4019] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-73cb4019] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-73cb4019],
.mlm-selected-item[data-v-73cb4019] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-73cb4019] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-73cb4019]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-73cb4019] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-73cb4019] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-73cb4019] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

div.swiper-poster-wrap[data-v-73cb4019] {
    position: relative;
    padding: .75rem 1rem 1.75rem;
    background-color: var(--ep-color-background-fill-surface-raised-L2, #172117);
    --swiper-pagination-bullet-width: .5rem;
    --swiper-pagination-bullet-active-width: 1.25rem;
    --swiper-pagination-bullet-height: .25rem;
    --swiper-pagination-bullet-border-radius: .25rem;
    --swiper-pagination-color: var(--ep-color-icon-brand-primary, #19CC10);
    --swiper-pagination-bullet-inactive-color: var(--ep-color-icon-weaker, #FFFFFF66);
    --swiper-pagination-bullet-inactive-opacity: 1
}

div.swiper-poster-wrap[data-v-73cb4019]:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: .0625rem;
    background: linear-gradient(135deg, var(--ep-color-background-fill-glow-primary-opacity-40), var(--ep-color-background-fill-surface-raised-L2) 30%);
    border-radius: inherit;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

div.swiper-poster-wrap .swiper-poster-title[data-v-73cb4019] {
    z-index: 1;
    position: relative;
    display: flex;
    padding-bottom: .625rem;
    gap: .25rem
}

div.swiper-poster-wrap .swiper-poster-title img[data-v-73cb4019] {
    width: 1.25rem;
    height: 1.25rem
}

div.swiper-poster-wrap .swiper-poster-title label[data-v-73cb4019] {
    flex: 1;
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-semi-bold, 600)
}

div.swiper-poster-wrap .swiper-poster-title span[data-v-73cb4019] {
    cursor: pointer;
    font-size: var(--ep-font-size-s, .75rem);
    color: var(--ep-color-t-brand-primary, #19CC10)
}

div.swiper-poster-wrap .swiper[data-v-73cb4019] {
    overflow: visible;
    overflow-x: clip
}

div.swiper-poster-wrap .swiper[data-v-73cb4019] .swiper-slide {
    overflow: hidden;
    border-radius: var(--swiper-border-radius, .625rem);
    width: 100%;
    height: var(--swiper-height, 10.375rem)
}

div.swiper-poster-wrap .swiper[data-v-73cb4019] .swiper-slide .poster-img {
    object-fit: cover;
    object-position: left top;
    width: 100%;
    height: 100%
}

div.swiper-poster-wrap .swiper[data-v-73cb4019] .swiper-pagination {
    bottom: -1.5rem
}

div.swiper-poster-wrap .swiper[data-v-73cb4019] .swiper-pagination .swiper-pagination-bullet-active {
    width: var(--swiper-pagination-bullet-active-width);
    background-color: var(--swiper-pagination-color) !important
}

.color-primary-600[data-v-e5b84839] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-e5b84839] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-e5b84839] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-e5b84839] {
    color: var(--color-primary-900)
}

.bg-100[data-v-e5b84839] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-e5b84839] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-e5b84839] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-e5b84839] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-e5b84839] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-e5b84839] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-e5b84839] {
    background-color: var(--color-warning)
}

.bg-link[data-v-e5b84839] {
    background-color: var(--color-link)
}

.bg-danger[data-v-e5b84839] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-e5b84839] {
    color: var(--color-text-100)
}

.color-text-80[data-v-e5b84839] {
    color: var(--color-text-80)
}

.color-text-50[data-v-e5b84839] {
    color: var(--color-text-50)
}

.color-text-40[data-v-e5b84839] {
    color: var(--color-text-40)
}

.color-text-20[data-v-e5b84839] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-e5b84839] {
    color: var(--color-currency)
}

.color-warning[data-v-e5b84839] {
    color: var(--color-warning)
}

.color-danger[data-v-e5b84839] {
    color: var(--color-danger)
}

.color-link[data-v-e5b84839] {
    color: var(--color-link)
}

.color-line[data-v-e5b84839] {
    color: var(--color-line)
}

.color-border[data-v-e5b84839] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-e5b84839] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-e5b84839] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-e5b84839] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-e5b84839] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-e5b84839] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-e5b84839] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-e5b84839] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-e5b84839] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-e5b84839] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-e5b84839] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-e5b84839] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-e5b84839] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-e5b84839] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-e5b84839] {
    display: flex;
    align-items: center
}

.flex-start[data-v-e5b84839] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-e5b84839] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-e5b84839] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-e5b84839] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-e5b84839] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-e5b84839] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-e5b84839] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-e5b84839] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-e5b84839] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-e5b84839] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-e5b84839] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-e5b84839] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-e5b84839] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-e5b84839] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-e5b84839] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-e5b84839] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-e5b84839] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-e5b84839] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-e5b84839] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-e5b84839] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-e5b84839] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-e5b84839] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-e5b84839] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-e5b84839] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-e5b84839],
.mlm-selected-item[data-v-e5b84839] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-e5b84839] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-e5b84839]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-e5b84839] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-e5b84839] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-e5b84839] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.badge-img[data-v-e5b84839] {
    position: absolute;
    top: .7188rem;
    right: .5938rem;
    z-index: 10
}

.color-primary-600[data-v-aedda076] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-aedda076] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-aedda076] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-aedda076] {
    color: var(--color-primary-900)
}

.bg-100[data-v-aedda076] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-aedda076] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-aedda076] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-aedda076] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-aedda076] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-aedda076] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-aedda076] {
    background-color: var(--color-warning)
}

.bg-link[data-v-aedda076] {
    background-color: var(--color-link)
}

.bg-danger[data-v-aedda076] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-aedda076] {
    color: var(--color-text-100)
}

.color-text-80[data-v-aedda076] {
    color: var(--color-text-80)
}

.color-text-50[data-v-aedda076] {
    color: var(--color-text-50)
}

.color-text-40[data-v-aedda076] {
    color: var(--color-text-40)
}

.color-text-20[data-v-aedda076] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-aedda076] {
    color: var(--color-currency)
}

.color-warning[data-v-aedda076] {
    color: var(--color-warning)
}

.color-danger[data-v-aedda076] {
    color: var(--color-danger)
}

.color-link[data-v-aedda076] {
    color: var(--color-link)
}

.color-line[data-v-aedda076] {
    color: var(--color-line)
}

.color-border[data-v-aedda076] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-aedda076] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-aedda076] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-aedda076] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-aedda076] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-aedda076] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-aedda076] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-aedda076] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-aedda076] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-aedda076] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-aedda076] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-aedda076] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-aedda076] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-aedda076] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-aedda076] {
    display: flex;
    align-items: center
}

.flex-start[data-v-aedda076] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-aedda076] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-aedda076] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-aedda076] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-aedda076] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-aedda076] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-aedda076] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-aedda076] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-aedda076] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-aedda076] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-aedda076] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-aedda076] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-aedda076] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-aedda076] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-aedda076] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-aedda076] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-aedda076] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-aedda076] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-aedda076] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-aedda076] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-aedda076] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-aedda076] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-aedda076] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-aedda076] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-aedda076],
.mlm-selected-item[data-v-aedda076] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-aedda076] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-aedda076]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-aedda076] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-aedda076] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-aedda076] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .floating[data-v-aedda076] {
    animation: floating-aedda076 3s ease-in-out infinite
}

html .layout1.wrapper[data-v-aedda076] {
    --activity-width-1: 11rem;
    --activity-height-1: 6.75rem;
    --activity-width-2: 11.0625rem;
    --activity-height-2: 3.125rem;
    --activity-height-3: 3.125rem;
    width: 22.875rem;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    position: relative
}

html .layout1.wrapper[data-v-aedda076]::-webkit-scrollbar {
    display: none
}

html .layout1.wrapper[data-v-aedda076]::-webkit-scrollbar-track {
    display: none
}

html .layout1.wrapper .item-image[data-v-aedda076] {
    order: 2;
    width: 0;
    height: 0;
    border-radius: var(--ep-border-radius-surface-default, .875rem);
    overflow: hidden;
    object-fit: fill;
    animation-delay: 1s
}

html .layout1.wrapper .item-image.good-img[data-v-aedda076],
html .layout1.wrapper .item-image.error-img[data-v-aedda076] {
    width: var(--activity-width-1);
    height: var(--activity-height-1)
}

html .layout1.wrapper .column-wrap[data-v-aedda076] {
    order: 3;
    width: var(--activity-width-2);
    height: 6.75rem;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    align-items: center
}

html .layout1.wrapper .column-wrap .item-image.good-img[data-v-aedda076],
html .layout1.wrapper .column-wrap .item-image.error-img[data-v-aedda076] {
    width: 100%
}

html .layout1.wrapper .column-wrap .item-image.item-0[data-v-aedda076] {
    animation-delay: unset
}

html .layout1.wrapper .column-wrap .item-image.item-0.good-img[data-v-aedda076],
html .layout1.wrapper .column-wrap .item-image.item-0.error-img[data-v-aedda076] {
    height: var(--activity-height-2)
}

html .layout1.wrapper .column-wrap .item-image.item-1[data-v-aedda076] {
    animation-delay: .5s
}

html .layout1.wrapper .column-wrap .item-image.item-1.good-img[data-v-aedda076],
html .layout1.wrapper .column-wrap .item-image.item-1.error-img[data-v-aedda076] {
    height: var(--activity-height-3)
}

#tabbar-tabs-inicio-components-ActivityBar-1-index .floating[data-v-aedda076] {
    animation: floating-aedda076 3s ease-in-out infinite
}

@keyframes floating-aedda076 {

    0%,
    to {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-5px)
    }
}

#tabbar-tabs-inicio-components-ActivityBar-1-index .layout1.wrapper[data-v-aedda076] {
    --activity-width-1: 11rem;
    --activity-height-1: 6.75rem;
    --activity-width-2: 11.0625rem;
    --activity-height-2: 3.125rem;
    --activity-height-3: 3.125rem;
    width: 22.875rem;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    position: relative
}

#tabbar-tabs-inicio-components-ActivityBar-1-index .layout1.wrapper[data-v-aedda076]::-webkit-scrollbar {
    display: none
}

#tabbar-tabs-inicio-components-ActivityBar-1-index .layout1.wrapper[data-v-aedda076]::-webkit-scrollbar-track {
    display: none
}

#tabbar-tabs-inicio-components-ActivityBar-1-index .layout1.wrapper .item-image[data-v-aedda076] {
    order: 2;
    width: 0;
    height: 0;
    border-radius: var(--ep-border-radius-surface-default, .875rem);
    overflow: hidden;
    object-fit: fill;
    animation-delay: 1s
}

#tabbar-tabs-inicio-components-ActivityBar-1-index .layout1.wrapper .item-image.good-img[data-v-aedda076],
#tabbar-tabs-inicio-components-ActivityBar-1-index .layout1.wrapper .item-image.error-img[data-v-aedda076] {
    width: var(--activity-width-1);
    height: var(--activity-height-1)
}

#tabbar-tabs-inicio-components-ActivityBar-1-index .layout1.wrapper .column-wrap[data-v-aedda076] {
    order: 3;
    width: var(--activity-width-2);
    height: 6.75rem;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    align-items: center
}

#tabbar-tabs-inicio-components-ActivityBar-1-index .layout1.wrapper .column-wrap .item-image.good-img[data-v-aedda076],
#tabbar-tabs-inicio-components-ActivityBar-1-index .layout1.wrapper .column-wrap .item-image.error-img[data-v-aedda076] {
    width: 100%
}

#tabbar-tabs-inicio-components-ActivityBar-1-index .layout1.wrapper .column-wrap .item-image.item-0[data-v-aedda076] {
    animation-delay: unset
}

#tabbar-tabs-inicio-components-ActivityBar-1-index .layout1.wrapper .column-wrap .item-image.item-0.good-img[data-v-aedda076],
#tabbar-tabs-inicio-components-ActivityBar-1-index .layout1.wrapper .column-wrap .item-image.item-0.error-img[data-v-aedda076] {
    height: var(--activity-height-2)
}

#tabbar-tabs-inicio-components-ActivityBar-1-index .layout1.wrapper .column-wrap .item-image.item-1[data-v-aedda076] {
    animation-delay: .5s
}

#tabbar-tabs-inicio-components-ActivityBar-1-index .layout1.wrapper .column-wrap .item-image.item-1.good-img[data-v-aedda076],
#tabbar-tabs-inicio-components-ActivityBar-1-index .layout1.wrapper .column-wrap .item-image.item-1.error-img[data-v-aedda076] {
    height: var(--activity-height-3)
}

.color-primary-600[data-v-d26ffeb9] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-d26ffeb9] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-d26ffeb9] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-d26ffeb9] {
    color: var(--color-primary-900)
}

.bg-100[data-v-d26ffeb9] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-d26ffeb9] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-d26ffeb9] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-d26ffeb9] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-d26ffeb9] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-d26ffeb9] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-d26ffeb9] {
    background-color: var(--color-warning)
}

.bg-link[data-v-d26ffeb9] {
    background-color: var(--color-link)
}

.bg-danger[data-v-d26ffeb9] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-d26ffeb9] {
    color: var(--color-text-100)
}

.color-text-80[data-v-d26ffeb9] {
    color: var(--color-text-80)
}

.color-text-50[data-v-d26ffeb9] {
    color: var(--color-text-50)
}

.color-text-40[data-v-d26ffeb9] {
    color: var(--color-text-40)
}

.color-text-20[data-v-d26ffeb9] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-d26ffeb9] {
    color: var(--color-currency)
}

.color-warning[data-v-d26ffeb9] {
    color: var(--color-warning)
}

.color-danger[data-v-d26ffeb9] {
    color: var(--color-danger)
}

.color-link[data-v-d26ffeb9] {
    color: var(--color-link)
}

.color-line[data-v-d26ffeb9] {
    color: var(--color-line)
}

.color-border[data-v-d26ffeb9] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-d26ffeb9] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-d26ffeb9] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-d26ffeb9] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-d26ffeb9] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-d26ffeb9] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-d26ffeb9] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-d26ffeb9] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-d26ffeb9] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-d26ffeb9] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-d26ffeb9] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-d26ffeb9] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-d26ffeb9] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-d26ffeb9] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-d26ffeb9] {
    display: flex;
    align-items: center
}

.flex-start[data-v-d26ffeb9] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-d26ffeb9] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-d26ffeb9] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-d26ffeb9] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-d26ffeb9] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-d26ffeb9] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-d26ffeb9] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-d26ffeb9] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-d26ffeb9] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-d26ffeb9] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-d26ffeb9] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-d26ffeb9] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-d26ffeb9] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-d26ffeb9] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-d26ffeb9] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-d26ffeb9] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-d26ffeb9] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-d26ffeb9] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-d26ffeb9] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-d26ffeb9] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-d26ffeb9] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-d26ffeb9] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-d26ffeb9] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-d26ffeb9] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-d26ffeb9],
.mlm-selected-item[data-v-d26ffeb9] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-d26ffeb9] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-d26ffeb9]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-d26ffeb9] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-d26ffeb9] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-d26ffeb9] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .floating[data-v-d26ffeb9] {
    animation: floating-d26ffeb9 3s ease-in-out infinite
}

html .layout1.wrapper[data-v-d26ffeb9] {
    --activity-width-1: 11rem;
    --activity-height-1: 6.75rem;
    --activity-width-2: 11.0625rem;
    --activity-height-2: 3.125rem;
    --activity-height-3: 3.125rem;
    width: 22.875rem;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    position: relative
}

html .layout1.wrapper[data-v-d26ffeb9]::-webkit-scrollbar {
    display: none
}

html .layout1.wrapper[data-v-d26ffeb9]::-webkit-scrollbar-track {
    display: none
}

html .layout1.wrapper .item-image[data-v-d26ffeb9] {
    width: 0;
    height: 0;
    border-radius: var(--ep-border-radius-surface-default, .875rem);
    overflow: hidden;
    object-fit: fill;
    animation-delay: 1s
}

html .layout1.wrapper .item-image.good-img[data-v-d26ffeb9],
html .layout1.wrapper .item-image.error-img[data-v-d26ffeb9] {
    width: var(--activity-width-1);
    height: var(--activity-height-1)
}

html .layout1.wrapper .column-wrap[data-v-d26ffeb9] {
    width: var(--activity-width-2);
    height: 6.75rem;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    align-items: center
}

html .layout1.wrapper .column-wrap .item-image.good-img[data-v-d26ffeb9],
html .layout1.wrapper .column-wrap .item-image.error-img[data-v-d26ffeb9] {
    width: 100%
}

html .layout1.wrapper .column-wrap .item-image.item-0[data-v-d26ffeb9] {
    animation-delay: unset
}

html .layout1.wrapper .column-wrap .item-image.item-0.good-img[data-v-d26ffeb9],
html .layout1.wrapper .column-wrap .item-image.item-0.error-img[data-v-d26ffeb9] {
    height: var(--activity-height-2)
}

html .layout1.wrapper .column-wrap .item-image.item-1[data-v-d26ffeb9] {
    animation-delay: .5s
}

html .layout1.wrapper .column-wrap .item-image.item-1.good-img[data-v-d26ffeb9],
html .layout1.wrapper .column-wrap .item-image.item-1.error-img[data-v-d26ffeb9] {
    height: var(--activity-height-3)
}

#tabbar-tabs-inicio-components-ActivityBar-1-index .floating[data-v-d26ffeb9] {
    animation: floating-d26ffeb9 3s ease-in-out infinite
}

@keyframes floating-d26ffeb9 {

    0%,
    to {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-5px)
    }
}

#tabbar-tabs-inicio-components-ActivityBar-1-index .layout1.wrapper[data-v-d26ffeb9] {
    --activity-width-1: 11rem;
    --activity-height-1: 6.75rem;
    --activity-width-2: 11.0625rem;
    --activity-height-2: 3.125rem;
    --activity-height-3: 3.125rem;
    width: 22.875rem;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    position: relative
}

#tabbar-tabs-inicio-components-ActivityBar-1-index .layout1.wrapper[data-v-d26ffeb9]::-webkit-scrollbar {
    display: none
}

#tabbar-tabs-inicio-components-ActivityBar-1-index .layout1.wrapper[data-v-d26ffeb9]::-webkit-scrollbar-track {
    display: none
}

#tabbar-tabs-inicio-components-ActivityBar-1-index .layout1.wrapper .item-image[data-v-d26ffeb9] {
    width: 0;
    height: 0;
    border-radius: var(--ep-border-radius-surface-default, .875rem);
    overflow: hidden;
    object-fit: fill;
    animation-delay: 1s
}

#tabbar-tabs-inicio-components-ActivityBar-1-index .layout1.wrapper .item-image.good-img[data-v-d26ffeb9],
#tabbar-tabs-inicio-components-ActivityBar-1-index .layout1.wrapper .item-image.error-img[data-v-d26ffeb9] {
    width: var(--activity-width-1);
    height: var(--activity-height-1)
}

#tabbar-tabs-inicio-components-ActivityBar-1-index .layout1.wrapper .column-wrap[data-v-d26ffeb9] {
    width: var(--activity-width-2);
    height: 6.75rem;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    align-items: center
}

#tabbar-tabs-inicio-components-ActivityBar-1-index .layout1.wrapper .column-wrap .item-image.good-img[data-v-d26ffeb9],
#tabbar-tabs-inicio-components-ActivityBar-1-index .layout1.wrapper .column-wrap .item-image.error-img[data-v-d26ffeb9] {
    width: 100%
}

#tabbar-tabs-inicio-components-ActivityBar-1-index .layout1.wrapper .column-wrap .item-image.item-0[data-v-d26ffeb9] {
    animation-delay: unset
}

#tabbar-tabs-inicio-components-ActivityBar-1-index .layout1.wrapper .column-wrap .item-image.item-0.good-img[data-v-d26ffeb9],
#tabbar-tabs-inicio-components-ActivityBar-1-index .layout1.wrapper .column-wrap .item-image.item-0.error-img[data-v-d26ffeb9] {
    height: var(--activity-height-2)
}

#tabbar-tabs-inicio-components-ActivityBar-1-index .layout1.wrapper .column-wrap .item-image.item-1[data-v-d26ffeb9] {
    animation-delay: .5s
}

#tabbar-tabs-inicio-components-ActivityBar-1-index .layout1.wrapper .column-wrap .item-image.item-1.good-img[data-v-d26ffeb9],
#tabbar-tabs-inicio-components-ActivityBar-1-index .layout1.wrapper .column-wrap .item-image.item-1.error-img[data-v-d26ffeb9] {
    height: var(--activity-height-3)
}

.color-primary-600[data-v-ac3f192a] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-ac3f192a] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-ac3f192a] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-ac3f192a] {
    color: var(--color-primary-900)
}

.bg-100[data-v-ac3f192a] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-ac3f192a] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-ac3f192a] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-ac3f192a] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-ac3f192a] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-ac3f192a] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-ac3f192a] {
    background-color: var(--color-warning)
}

.bg-link[data-v-ac3f192a] {
    background-color: var(--color-link)
}

.bg-danger[data-v-ac3f192a] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-ac3f192a] {
    color: var(--color-text-100)
}

.color-text-80[data-v-ac3f192a] {
    color: var(--color-text-80)
}

.color-text-50[data-v-ac3f192a] {
    color: var(--color-text-50)
}

.color-text-40[data-v-ac3f192a] {
    color: var(--color-text-40)
}

.color-text-20[data-v-ac3f192a] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-ac3f192a] {
    color: var(--color-currency)
}

.color-warning[data-v-ac3f192a] {
    color: var(--color-warning)
}

.color-danger[data-v-ac3f192a] {
    color: var(--color-danger)
}

.color-link[data-v-ac3f192a] {
    color: var(--color-link)
}

.color-line[data-v-ac3f192a] {
    color: var(--color-line)
}

.color-border[data-v-ac3f192a] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-ac3f192a] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-ac3f192a] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-ac3f192a] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-ac3f192a] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-ac3f192a] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-ac3f192a] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-ac3f192a] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-ac3f192a] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-ac3f192a] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-ac3f192a] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-ac3f192a] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-ac3f192a] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-ac3f192a] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-ac3f192a] {
    display: flex;
    align-items: center
}

.flex-start[data-v-ac3f192a] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-ac3f192a] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-ac3f192a] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-ac3f192a] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-ac3f192a] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-ac3f192a] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-ac3f192a] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-ac3f192a] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-ac3f192a] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-ac3f192a] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-ac3f192a] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-ac3f192a] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-ac3f192a] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-ac3f192a] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-ac3f192a] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-ac3f192a] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-ac3f192a] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-ac3f192a] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-ac3f192a] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-ac3f192a] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-ac3f192a] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-ac3f192a] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-ac3f192a] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-ac3f192a] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-ac3f192a],
.mlm-selected-item[data-v-ac3f192a] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-ac3f192a] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-ac3f192a]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-ac3f192a] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-ac3f192a] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-ac3f192a] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-col[data-v-ac3f192a] {
    padding-inline-start: .375rem;
    padding-inline-end: .375rem;
    padding-top: 0;
    padding-bottom: 0
}

ion-col div.recharge[data-v-ac3f192a] {
    background-repeat: no-repeat;
    background-size: cover
}

ion-col div.agent[data-v-ac3f192a] {
    background-repeat: no-repeat;
    background-size: cover
}

ion-col div.activity[data-v-ac3f192a] {
    background-repeat: no-repeat;
    background-size: cover
}

ion-col div.text p[data-v-ac3f192a] {
    text-align: center;
    position: absolute;
    font-family: Changa One;
    color: var(--color-text-dark-30)
}

ion-col div.recharge p[data-v-ac3f192a] {
    letter-spacing: -.04rem
}

ion-col div.recharge p[data-v-ac3f192a]:before {
    letter-spacing: -.04rem
}

ion-col div.agent p[data-v-ac3f192a]:before {
    padding: 0 .25rem
}

ion-col div.text p[data-v-ac3f192a]:before {
    content: attr(text);
    position: absolute;
    top: -.125rem;
    left: 0;
    background: linear-gradient(180deg, #fef0d6 8.33%, #fff, #ffe0a7, #ffe7bb, #fff, #ffe1a7 90%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.arrow[data-v-ac3f192a] {
    animation: arrow-ac3f192a 1s infinite
}

@keyframes arrow-ac3f192a {
    0% {
        transform: translate(-5px)
    }

    50% {
        transform: translate(0)
    }

    to {
        transform: translate(-5px)
    }
}

.activity-bar[data-v-ac3f192a] {
    margin-top: .625rem
}

.color-primary-600[data-v-f1bba708] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-f1bba708] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-f1bba708] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-f1bba708] {
    color: var(--color-primary-900)
}

.bg-100[data-v-f1bba708] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-f1bba708] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-f1bba708] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-f1bba708] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-f1bba708] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-f1bba708] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-f1bba708] {
    background-color: var(--color-warning)
}

.bg-link[data-v-f1bba708] {
    background-color: var(--color-link)
}

.bg-danger[data-v-f1bba708] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-f1bba708] {
    color: var(--color-text-100)
}

.color-text-80[data-v-f1bba708] {
    color: var(--color-text-80)
}

.color-text-50[data-v-f1bba708] {
    color: var(--color-text-50)
}

.color-text-40[data-v-f1bba708] {
    color: var(--color-text-40)
}

.color-text-20[data-v-f1bba708] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-f1bba708] {
    color: var(--color-currency)
}

.color-warning[data-v-f1bba708] {
    color: var(--color-warning)
}

.color-danger[data-v-f1bba708] {
    color: var(--color-danger)
}

.color-link[data-v-f1bba708] {
    color: var(--color-link)
}

.color-line[data-v-f1bba708] {
    color: var(--color-line)
}

.color-border[data-v-f1bba708] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-f1bba708] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-f1bba708] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-f1bba708] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-f1bba708] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-f1bba708] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-f1bba708] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-f1bba708] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-f1bba708] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-f1bba708] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-f1bba708] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-f1bba708] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-f1bba708] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-f1bba708] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-f1bba708] {
    display: flex;
    align-items: center
}

.flex-start[data-v-f1bba708] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-f1bba708] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-f1bba708] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-f1bba708] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-f1bba708] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-f1bba708] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-f1bba708] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-f1bba708] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-f1bba708] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-f1bba708] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-f1bba708] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-f1bba708] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-f1bba708] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-f1bba708] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-f1bba708] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-f1bba708] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-f1bba708] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-f1bba708] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-f1bba708] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-f1bba708] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-f1bba708] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-f1bba708] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-f1bba708] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-f1bba708] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-f1bba708],
.mlm-selected-item[data-v-f1bba708] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-f1bba708] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-f1bba708]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-f1bba708] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-f1bba708] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-f1bba708] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .floating[data-v-f1bba708] {
    animation: floating-f1bba708 3s ease-in-out infinite
}

html .layout25.wrapper[data-v-f1bba708] {
    --activity-width: 11rem;
    --activity-height: 3.5rem;
    gap: .75rem;
    display: flex;
    flex-flow: wrap;
    position: relative
}

html .layout25.wrapper[data-v-f1bba708]::-webkit-scrollbar {
    display: none
}

html .layout25.wrapper[data-v-f1bba708]::-webkit-scrollbar-track {
    display: none
}

html .layout25.wrapper .item-image[data-v-f1bba708] {
    order: 2;
    width: 0;
    height: 0;
    border: 1px solid var(--ep-color-border-default);
    border-radius: var(--ep-border-radius-surface-small, .75rem);
    overflow: hidden;
    object-fit: fill;
    animation-delay: 1s
}

html .layout25.wrapper .item-image.good-img[data-v-f1bba708],
html .layout25.wrapper .item-image.error-img[data-v-f1bba708] {
    width: var(--activity-width);
    height: var(--activity-height)
}

html .layout25.wrapper .item-image.item-0[data-v-f1bba708] {
    animation-delay: unset
}

html .layout25.wrapper .item-image.item-1[data-v-f1bba708] {
    animation-delay: .5s
}

html .layout25.wrapper .item-image.item-2[data-v-f1bba708] {
    animation-delay: 1s
}

html .layout25.wrapper .item-image.item-3[data-v-f1bba708] {
    animation-delay: 1.5s
}

#tabbar-tabs-inicio-components-ActivityBar-25-index .floating[data-v-f1bba708] {
    animation: floating-f1bba708 3s ease-in-out infinite
}

@keyframes floating-f1bba708 {

    0%,
    to {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-5px)
    }
}

#tabbar-tabs-inicio-components-ActivityBar-25-index .layout25.wrapper[data-v-f1bba708] {
    --activity-width: 11rem;
    --activity-height: 3.5rem;
    gap: .75rem;
    display: flex;
    flex-flow: wrap;
    position: relative
}

#tabbar-tabs-inicio-components-ActivityBar-25-index .layout25.wrapper[data-v-f1bba708]::-webkit-scrollbar {
    display: none
}

#tabbar-tabs-inicio-components-ActivityBar-25-index .layout25.wrapper[data-v-f1bba708]::-webkit-scrollbar-track {
    display: none
}

#tabbar-tabs-inicio-components-ActivityBar-25-index .layout25.wrapper .item-image[data-v-f1bba708] {
    order: 2;
    width: 0;
    height: 0;
    border: 1px solid var(--ep-color-border-default);
    border-radius: var(--ep-border-radius-surface-small, .75rem);
    overflow: hidden;
    object-fit: fill;
    animation-delay: 1s
}

#tabbar-tabs-inicio-components-ActivityBar-25-index .layout25.wrapper .item-image.good-img[data-v-f1bba708],
#tabbar-tabs-inicio-components-ActivityBar-25-index .layout25.wrapper .item-image.error-img[data-v-f1bba708] {
    width: var(--activity-width);
    height: var(--activity-height)
}

#tabbar-tabs-inicio-components-ActivityBar-25-index .layout25.wrapper .item-image.item-0[data-v-f1bba708] {
    animation-delay: unset
}

#tabbar-tabs-inicio-components-ActivityBar-25-index .layout25.wrapper .item-image.item-1[data-v-f1bba708] {
    animation-delay: .5s
}

#tabbar-tabs-inicio-components-ActivityBar-25-index .layout25.wrapper .item-image.item-2[data-v-f1bba708] {
    animation-delay: 1s
}

#tabbar-tabs-inicio-components-ActivityBar-25-index .layout25.wrapper .item-image.item-3[data-v-f1bba708] {
    animation-delay: 1.5s
}

.color-primary-600[data-v-878efc73] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-878efc73] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-878efc73] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-878efc73] {
    color: var(--color-primary-900)
}

.bg-100[data-v-878efc73] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-878efc73] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-878efc73] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-878efc73] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-878efc73] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-878efc73] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-878efc73] {
    background-color: var(--color-warning)
}

.bg-link[data-v-878efc73] {
    background-color: var(--color-link)
}

.bg-danger[data-v-878efc73] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-878efc73] {
    color: var(--color-text-100)
}

.color-text-80[data-v-878efc73] {
    color: var(--color-text-80)
}

.color-text-50[data-v-878efc73] {
    color: var(--color-text-50)
}

.color-text-40[data-v-878efc73] {
    color: var(--color-text-40)
}

.color-text-20[data-v-878efc73] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-878efc73] {
    color: var(--color-currency)
}

.color-warning[data-v-878efc73] {
    color: var(--color-warning)
}

.color-danger[data-v-878efc73] {
    color: var(--color-danger)
}

.color-link[data-v-878efc73] {
    color: var(--color-link)
}

.color-line[data-v-878efc73] {
    color: var(--color-line)
}

.color-border[data-v-878efc73] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-878efc73] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-878efc73] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-878efc73] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-878efc73] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-878efc73] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-878efc73] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-878efc73] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-878efc73] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-878efc73] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-878efc73] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-878efc73] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-878efc73] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-878efc73] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-878efc73] {
    display: flex;
    align-items: center
}

.flex-start[data-v-878efc73] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-878efc73] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-878efc73] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-878efc73] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-878efc73] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-878efc73] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-878efc73] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-878efc73] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-878efc73] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-878efc73] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-878efc73] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-878efc73] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-878efc73] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-878efc73] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-878efc73] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-878efc73] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-878efc73] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-878efc73] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-878efc73] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-878efc73] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-878efc73] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-878efc73] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-878efc73] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-878efc73] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-878efc73],
.mlm-selected-item[data-v-878efc73] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-878efc73] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-878efc73]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-878efc73] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-878efc73] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-878efc73] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html ion-segment.layout26[data-v-878efc73] {
    --background: transparent;
    gap: .5rem;
    border-radius: 0
}

html ion-segment.layout26.ios ion-segment-button[data-v-878efc73] {
    --border-radius: var(--ep-border-radius-surface-default, .375rem);
    --indicator-color: transparent;
    --color: transparent;
    --color-checked: transparent;
    --padding-start: .25rem;
    --padding-end: .25rem;
    --padding-top: .25rem;
    --padding-bottom: .25rem;
    text-transform: capitalize;
    margin-top: 0;
    margin-bottom: 0;
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    width: 8.75rem;
    height: 6.25rem;
    overflow: hidden;
    animation: floating-878efc73 3s ease-in-out infinite;
    background: linear-gradient(180deg, var(--ep-color-background-fill-active-primary) 0%, var(--ep-color-background-fill-surface-raised-L2) 30%)
}

html ion-segment.layout26.ios ion-segment-button[data-v-878efc73]:nth-child(1) {
    animation-delay: 0s
}

html ion-segment.layout26.ios ion-segment-button[data-v-878efc73]:nth-child(2) {
    animation-delay: .5s
}

html ion-segment.layout26.ios ion-segment-button[data-v-878efc73]:nth-child(3) {
    animation-delay: 1s
}

html ion-segment.layout26.ios ion-segment-button[data-v-878efc73]:nth-child(4) {
    animation-delay: 1.5s
}

html ion-segment.layout26.ios ion-segment-button ion-img[data-v-878efc73] {
    width: 100%;
    height: 100%;
    border-radius: var(--ep-border-radius-surface-default, .375rem);
    overflow: hidden
}

html ion-segment.layout26.ios ion-segment-button ion-img[data-v-878efc73]::part(image) {
    object-fit: cover
}

html .layout26.wrapper[data-v-878efc73] {
    --activity-width: 11rem;
    --activity-height: 3.125rem;
    gap: .75rem;
    display: flex;
    position: relative
}

html .layout26.wrapper[data-v-878efc73]::-webkit-scrollbar {
    display: none
}

html .layout26.wrapper[data-v-878efc73]::-webkit-scrollbar-track {
    display: none
}

html .layout26.wrapper .item-image[data-v-878efc73] {
    order: 2;
    width: 0;
    height: 0;
    border-radius: var(--ep-border-radius-surface-default, .875rem);
    overflow: hidden;
    object-fit: fill;
    animation-delay: 1s
}

html .layout26.wrapper .item-image.good-img[data-v-878efc73],
html .layout26.wrapper .item-image.error-img[data-v-878efc73] {
    width: var(--activity-width);
    height: var(--activity-height)
}

html .layout26.wrapper .item-image.item-0[data-v-878efc73] {
    animation-delay: unset
}

html .layout26.wrapper .item-image.item-1[data-v-878efc73] {
    animation-delay: .5s
}

html .layout26.wrapper .item-image.item-2[data-v-878efc73] {
    animation-delay: 1s
}

html .layout26.wrapper .item-image.item-3[data-v-878efc73] {
    animation-delay: 1.5s
}

@keyframes floating-878efc73 {

    0%,
    to {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-5px)
    }
}

#tabbar-tabs-inicio-components-ActivityBar-26-index ion-segment.layout26[data-v-878efc73] {
    --background: transparent;
    gap: .5rem;
    border-radius: 0
}

#tabbar-tabs-inicio-components-ActivityBar-26-index ion-segment.layout26.ios ion-segment-button[data-v-878efc73] {
    --border-radius: var(--ep-border-radius-surface-default, .375rem);
    --indicator-color: transparent;
    --color: transparent;
    --color-checked: transparent;
    --padding-start: .25rem;
    --padding-end: .25rem;
    --padding-top: .25rem;
    --padding-bottom: .25rem;
    text-transform: capitalize;
    margin-top: 0;
    margin-bottom: 0;
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    width: 8.75rem;
    height: 6.25rem;
    overflow: hidden;
    animation: floating-878efc73 3s ease-in-out infinite;
    background: linear-gradient(180deg, var(--ep-color-background-fill-active-primary) 0%, var(--ep-color-background-fill-surface-raised-L2) 30%)
}

#tabbar-tabs-inicio-components-ActivityBar-26-index ion-segment.layout26.ios ion-segment-button[data-v-878efc73]:nth-child(1) {
    animation-delay: 0s
}

#tabbar-tabs-inicio-components-ActivityBar-26-index ion-segment.layout26.ios ion-segment-button[data-v-878efc73]:nth-child(2) {
    animation-delay: .5s
}

#tabbar-tabs-inicio-components-ActivityBar-26-index ion-segment.layout26.ios ion-segment-button[data-v-878efc73]:nth-child(3) {
    animation-delay: 1s
}

#tabbar-tabs-inicio-components-ActivityBar-26-index ion-segment.layout26.ios ion-segment-button[data-v-878efc73]:nth-child(4) {
    animation-delay: 1.5s
}

#tabbar-tabs-inicio-components-ActivityBar-26-index ion-segment.layout26.ios ion-segment-button ion-img[data-v-878efc73] {
    width: 100%;
    height: 100%;
    border-radius: var(--ep-border-radius-surface-default, .375rem);
    overflow: hidden
}

#tabbar-tabs-inicio-components-ActivityBar-26-index ion-segment.layout26.ios ion-segment-button ion-img[data-v-878efc73]::part(image) {
    object-fit: cover
}

#tabbar-tabs-inicio-components-ActivityBar-26-index .layout26.wrapper[data-v-878efc73] {
    --activity-width: 11rem;
    --activity-height: 3.125rem;
    gap: .75rem;
    display: flex;
    position: relative
}

#tabbar-tabs-inicio-components-ActivityBar-26-index .layout26.wrapper[data-v-878efc73]::-webkit-scrollbar {
    display: none
}

#tabbar-tabs-inicio-components-ActivityBar-26-index .layout26.wrapper[data-v-878efc73]::-webkit-scrollbar-track {
    display: none
}

#tabbar-tabs-inicio-components-ActivityBar-26-index .layout26.wrapper .item-image[data-v-878efc73] {
    order: 2;
    width: 0;
    height: 0;
    border-radius: var(--ep-border-radius-surface-default, .875rem);
    overflow: hidden;
    object-fit: fill;
    animation-delay: 1s
}

#tabbar-tabs-inicio-components-ActivityBar-26-index .layout26.wrapper .item-image.good-img[data-v-878efc73],
#tabbar-tabs-inicio-components-ActivityBar-26-index .layout26.wrapper .item-image.error-img[data-v-878efc73] {
    width: var(--activity-width);
    height: var(--activity-height)
}

#tabbar-tabs-inicio-components-ActivityBar-26-index .layout26.wrapper .item-image.item-0[data-v-878efc73] {
    animation-delay: unset
}

#tabbar-tabs-inicio-components-ActivityBar-26-index .layout26.wrapper .item-image.item-1[data-v-878efc73] {
    animation-delay: .5s
}

#tabbar-tabs-inicio-components-ActivityBar-26-index .layout26.wrapper .item-image.item-2[data-v-878efc73] {
    animation-delay: 1s
}

#tabbar-tabs-inicio-components-ActivityBar-26-index .layout26.wrapper .item-image.item-3[data-v-878efc73] {
    animation-delay: 1.5s
}

.color-primary-600[data-v-308c6620] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-308c6620] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-308c6620] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-308c6620] {
    color: var(--color-primary-900)
}

.bg-100[data-v-308c6620] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-308c6620] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-308c6620] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-308c6620] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-308c6620] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-308c6620] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-308c6620] {
    background-color: var(--color-warning)
}

.bg-link[data-v-308c6620] {
    background-color: var(--color-link)
}

.bg-danger[data-v-308c6620] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-308c6620] {
    color: var(--color-text-100)
}

.color-text-80[data-v-308c6620] {
    color: var(--color-text-80)
}

.color-text-50[data-v-308c6620] {
    color: var(--color-text-50)
}

.color-text-40[data-v-308c6620] {
    color: var(--color-text-40)
}

.color-text-20[data-v-308c6620] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-308c6620] {
    color: var(--color-currency)
}

.color-warning[data-v-308c6620] {
    color: var(--color-warning)
}

.color-danger[data-v-308c6620] {
    color: var(--color-danger)
}

.color-link[data-v-308c6620] {
    color: var(--color-link)
}

.color-line[data-v-308c6620] {
    color: var(--color-line)
}

.color-border[data-v-308c6620] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-308c6620] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-308c6620] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-308c6620] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-308c6620] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-308c6620] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-308c6620] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-308c6620] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-308c6620] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-308c6620] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-308c6620] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-308c6620] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-308c6620] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-308c6620] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-308c6620] {
    display: flex;
    align-items: center
}

.flex-start[data-v-308c6620] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-308c6620] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-308c6620] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-308c6620] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-308c6620] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-308c6620] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-308c6620] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-308c6620] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-308c6620] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-308c6620] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-308c6620] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-308c6620] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-308c6620] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-308c6620] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-308c6620] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-308c6620] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-308c6620] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-308c6620] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-308c6620] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-308c6620] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-308c6620] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-308c6620] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-308c6620] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-308c6620] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-308c6620],
.mlm-selected-item[data-v-308c6620] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-308c6620] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-308c6620]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-308c6620] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-308c6620] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-308c6620] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.marquee-wrapper[data-v-308c6620] {
    width: 100%;
    height: 2.25rem;
    padding: 0 .9375rem;
    margin-top: .9375rem;
    display: flex;
    align-items: center;
    position: relative
}

.color-primary-600[data-v-39c84d9d] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-39c84d9d] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-39c84d9d] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-39c84d9d] {
    color: var(--color-primary-900)
}

.bg-100[data-v-39c84d9d] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-39c84d9d] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-39c84d9d] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-39c84d9d] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-39c84d9d] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-39c84d9d] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-39c84d9d] {
    background-color: var(--color-warning)
}

.bg-link[data-v-39c84d9d] {
    background-color: var(--color-link)
}

.bg-danger[data-v-39c84d9d] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-39c84d9d] {
    color: var(--color-text-100)
}

.color-text-80[data-v-39c84d9d] {
    color: var(--color-text-80)
}

.color-text-50[data-v-39c84d9d] {
    color: var(--color-text-50)
}

.color-text-40[data-v-39c84d9d] {
    color: var(--color-text-40)
}

.color-text-20[data-v-39c84d9d] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-39c84d9d] {
    color: var(--color-currency)
}

.color-warning[data-v-39c84d9d] {
    color: var(--color-warning)
}

.color-danger[data-v-39c84d9d] {
    color: var(--color-danger)
}

.color-link[data-v-39c84d9d] {
    color: var(--color-link)
}

.color-line[data-v-39c84d9d] {
    color: var(--color-line)
}

.color-border[data-v-39c84d9d] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-39c84d9d] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-39c84d9d] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-39c84d9d] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-39c84d9d] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-39c84d9d] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-39c84d9d] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-39c84d9d] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-39c84d9d] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-39c84d9d] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-39c84d9d] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-39c84d9d] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-39c84d9d] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-39c84d9d] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-39c84d9d] {
    display: flex;
    align-items: center
}

.flex-start[data-v-39c84d9d] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-39c84d9d] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-39c84d9d] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-39c84d9d] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-39c84d9d] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-39c84d9d] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-39c84d9d] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-39c84d9d] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-39c84d9d] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-39c84d9d] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-39c84d9d] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-39c84d9d] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-39c84d9d] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-39c84d9d] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-39c84d9d] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-39c84d9d] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-39c84d9d] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-39c84d9d] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-39c84d9d] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-39c84d9d] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-39c84d9d] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-39c84d9d] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-39c84d9d] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-39c84d9d] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-39c84d9d],
.mlm-selected-item[data-v-39c84d9d] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-39c84d9d] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-39c84d9d]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-39c84d9d] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-39c84d9d] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-39c84d9d] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .layout1.dot[data-v-39c84d9d] {
    width: .875rem;
    height: .875rem;
    line-height: .875rem;
    font-size: .5625rem;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 20;
    border-radius: 50%;
    text-align: center;
    background: red;
    color: #fff
}

html .layout2.dot[data-v-39c84d9d] {
    padding: .25rem .5rem;
    border-radius: var(--ep-border-radius-l, .5rem);
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-medium, 600);
    position: relative;
    z-index: 9;
    background: var(--ep-color-background-fill-active-primary);
    color: var(--ep-color-text-inverse)
}

html .layout3.dot[data-v-39c84d9d] {
    width: 1.625rem;
    height: 1.625rem;
    text-align: center;
    line-height: 1.625rem;
    position: relative;
    z-index: 9;
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-medium, 600);
    border-radius: var(--ep-border-radius-infinity, 9999px);
    color: var(--ep-color-text-highlight-white);
    background: var(--ep-color-text-danger, #E64021)
}

html .layout26.dot[data-v-39c84d9d] {
    width: 1.25rem;
    height: 1.25rem;
    line-height: 1.25rem;
    font-size: .75rem;
    font-weight: var(--ep-font-weight-medium, 600);
    position: absolute;
    top: .4375rem;
    right: -.375rem;
    z-index: 20;
    border-radius: 50%;
    text-align: center;
    background: red;
    color: #fff
}

#tabbar-tabs-inicio-components-MarqueeView-components-message-1-index .layout1.dot[data-v-39c84d9d] {
    width: .875rem;
    height: .875rem;
    line-height: .875rem;
    font-size: .5625rem;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 20;
    border-radius: 50%;
    text-align: center;
    background: red;
    color: #fff
}

#tabbar-tabs-inicio-components-MarqueeView-components-message-1-index .layout2.dot[data-v-39c84d9d] {
    padding: .25rem .5rem;
    border-radius: var(--ep-border-radius-l, .5rem);
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-medium, 600);
    position: relative;
    z-index: 9;
    background: var(--ep-color-background-fill-active-primary);
    color: var(--ep-color-text-inverse)
}

#tabbar-tabs-inicio-components-MarqueeView-components-message-1-index .layout3.dot[data-v-39c84d9d] {
    width: 1.625rem;
    height: 1.625rem;
    text-align: center;
    line-height: 1.625rem;
    position: relative;
    z-index: 9;
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-medium, 600);
    border-radius: var(--ep-border-radius-infinity, 9999px);
    color: var(--ep-color-text-highlight-white);
    background: var(--ep-color-text-danger, #E64021)
}

#tabbar-tabs-inicio-components-MarqueeView-components-message-1-index .layout26.dot[data-v-39c84d9d] {
    width: 1.25rem;
    height: 1.25rem;
    line-height: 1.25rem;
    font-size: .75rem;
    font-weight: var(--ep-font-weight-medium, 600);
    position: absolute;
    top: .4375rem;
    right: -.375rem;
    z-index: 20;
    border-radius: 50%;
    text-align: center;
    background: red;
    color: #fff
}

.color-primary-600[data-v-3d9b6b7f] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-3d9b6b7f] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-3d9b6b7f] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-3d9b6b7f] {
    color: var(--color-primary-900)
}

.bg-100[data-v-3d9b6b7f] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-3d9b6b7f] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-3d9b6b7f] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-3d9b6b7f] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-3d9b6b7f] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-3d9b6b7f] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-3d9b6b7f] {
    background-color: var(--color-warning)
}

.bg-link[data-v-3d9b6b7f] {
    background-color: var(--color-link)
}

.bg-danger[data-v-3d9b6b7f] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-3d9b6b7f] {
    color: var(--color-text-100)
}

.color-text-80[data-v-3d9b6b7f] {
    color: var(--color-text-80)
}

.color-text-50[data-v-3d9b6b7f] {
    color: var(--color-text-50)
}

.color-text-40[data-v-3d9b6b7f] {
    color: var(--color-text-40)
}

.color-text-20[data-v-3d9b6b7f] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-3d9b6b7f] {
    color: var(--color-currency)
}

.color-warning[data-v-3d9b6b7f] {
    color: var(--color-warning)
}

.color-danger[data-v-3d9b6b7f] {
    color: var(--color-danger)
}

.color-link[data-v-3d9b6b7f] {
    color: var(--color-link)
}

.color-line[data-v-3d9b6b7f] {
    color: var(--color-line)
}

.color-border[data-v-3d9b6b7f] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-3d9b6b7f] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-3d9b6b7f] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-3d9b6b7f] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-3d9b6b7f] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-3d9b6b7f] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-3d9b6b7f] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-3d9b6b7f] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-3d9b6b7f] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-3d9b6b7f] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-3d9b6b7f] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-3d9b6b7f] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-3d9b6b7f] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-3d9b6b7f] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-3d9b6b7f] {
    display: flex;
    align-items: center
}

.flex-start[data-v-3d9b6b7f] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-3d9b6b7f] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-3d9b6b7f] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-3d9b6b7f] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-3d9b6b7f] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-3d9b6b7f] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-3d9b6b7f] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-3d9b6b7f] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-3d9b6b7f] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-3d9b6b7f] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-3d9b6b7f] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-3d9b6b7f] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-3d9b6b7f] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-3d9b6b7f] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-3d9b6b7f] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-3d9b6b7f] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-3d9b6b7f] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-3d9b6b7f] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-3d9b6b7f] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-3d9b6b7f] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-3d9b6b7f] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-3d9b6b7f] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-3d9b6b7f] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-3d9b6b7f] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-3d9b6b7f],
.mlm-selected-item[data-v-3d9b6b7f] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-3d9b6b7f] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-3d9b6b7f]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-3d9b6b7f] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-3d9b6b7f] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-3d9b6b7f] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .badge[data-v-3d9b6b7f] {
    z-index: 4;
    position: relative;
    padding-inline-end: .25rem
}

html .badge .message[data-v-3d9b6b7f] {
    font-size: var(--icon-size, 1.625rem);
    vertical-align: sub;
    color: var(--icon-color, #000)
}

html .badge .dot[data-v-3d9b6b7f] {
    transform: translate(-5%, -15%)
}

.color-primary-600[data-v-bde66d4e] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-bde66d4e] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-bde66d4e] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-bde66d4e] {
    color: var(--color-primary-900)
}

.bg-100[data-v-bde66d4e] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-bde66d4e] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-bde66d4e] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-bde66d4e] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-bde66d4e] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-bde66d4e] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-bde66d4e] {
    background-color: var(--color-warning)
}

.bg-link[data-v-bde66d4e] {
    background-color: var(--color-link)
}

.bg-danger[data-v-bde66d4e] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-bde66d4e] {
    color: var(--color-text-100)
}

.color-text-80[data-v-bde66d4e] {
    color: var(--color-text-80)
}

.color-text-50[data-v-bde66d4e] {
    color: var(--color-text-50)
}

.color-text-40[data-v-bde66d4e] {
    color: var(--color-text-40)
}

.color-text-20[data-v-bde66d4e] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-bde66d4e] {
    color: var(--color-currency)
}

.color-warning[data-v-bde66d4e] {
    color: var(--color-warning)
}

.color-danger[data-v-bde66d4e] {
    color: var(--color-danger)
}

.color-link[data-v-bde66d4e] {
    color: var(--color-link)
}

.color-line[data-v-bde66d4e] {
    color: var(--color-line)
}

.color-border[data-v-bde66d4e] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-bde66d4e] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-bde66d4e] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-bde66d4e] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-bde66d4e] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-bde66d4e] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-bde66d4e] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-bde66d4e] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-bde66d4e] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-bde66d4e] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-bde66d4e] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-bde66d4e] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-bde66d4e] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-bde66d4e] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-bde66d4e] {
    display: flex;
    align-items: center
}

.flex-start[data-v-bde66d4e] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-bde66d4e] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-bde66d4e] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-bde66d4e] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-bde66d4e] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-bde66d4e] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-bde66d4e] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-bde66d4e] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-bde66d4e] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-bde66d4e] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-bde66d4e] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-bde66d4e] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-bde66d4e] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-bde66d4e] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-bde66d4e] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-bde66d4e] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-bde66d4e] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-bde66d4e] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-bde66d4e] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-bde66d4e] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-bde66d4e] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-bde66d4e] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-bde66d4e] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-bde66d4e] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-bde66d4e],
.mlm-selected-item[data-v-bde66d4e] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-bde66d4e] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-bde66d4e]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-bde66d4e] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-bde66d4e] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-bde66d4e] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .badge[data-v-bde66d4e] {
    z-index: 4;
    width: 1.375rem;
    height: 1.3125rem;
    padding: .375rem;
    margin-inline-start: .25rem;
    margin-inline-end: .4375rem;
    border-radius: 40%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background: #fff
}

html .badge .message[data-v-bde66d4e] {
    position: absolute;
    font-size: .6875rem;
    color: #000
}

html .badge .dot[data-v-bde66d4e] {
    top: -.25rem;
    right: -.3125rem;
    text-align: center
}

.color-primary-600[data-v-30e36b08] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-30e36b08] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-30e36b08] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-30e36b08] {
    color: var(--color-primary-900)
}

.bg-100[data-v-30e36b08] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-30e36b08] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-30e36b08] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-30e36b08] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-30e36b08] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-30e36b08] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-30e36b08] {
    background-color: var(--color-warning)
}

.bg-link[data-v-30e36b08] {
    background-color: var(--color-link)
}

.bg-danger[data-v-30e36b08] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-30e36b08] {
    color: var(--color-text-100)
}

.color-text-80[data-v-30e36b08] {
    color: var(--color-text-80)
}

.color-text-50[data-v-30e36b08] {
    color: var(--color-text-50)
}

.color-text-40[data-v-30e36b08] {
    color: var(--color-text-40)
}

.color-text-20[data-v-30e36b08] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-30e36b08] {
    color: var(--color-currency)
}

.color-warning[data-v-30e36b08] {
    color: var(--color-warning)
}

.color-danger[data-v-30e36b08] {
    color: var(--color-danger)
}

.color-link[data-v-30e36b08] {
    color: var(--color-link)
}

.color-line[data-v-30e36b08] {
    color: var(--color-line)
}

.color-border[data-v-30e36b08] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-30e36b08] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-30e36b08] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-30e36b08] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-30e36b08] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-30e36b08] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-30e36b08] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-30e36b08] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-30e36b08] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-30e36b08] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-30e36b08] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-30e36b08] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-30e36b08] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-30e36b08] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-30e36b08] {
    display: flex;
    align-items: center
}

.flex-start[data-v-30e36b08] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-30e36b08] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-30e36b08] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-30e36b08] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-30e36b08] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-30e36b08] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-30e36b08] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-30e36b08] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-30e36b08] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-30e36b08] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-30e36b08] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-30e36b08] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-30e36b08] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-30e36b08] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-30e36b08] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-30e36b08] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-30e36b08] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-30e36b08] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-30e36b08] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-30e36b08] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-30e36b08] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-30e36b08] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-30e36b08] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-30e36b08] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-30e36b08],
.mlm-selected-item[data-v-30e36b08] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-30e36b08] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-30e36b08]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-30e36b08] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-30e36b08] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-30e36b08] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .layout1.log-in-box[data-v-30e36b08] {
    display: flex;
    align-items: center;
    gap: .875rem
}

html .layout1.log-in-box .account-icon[data-v-30e36b08] {
    width: 0;
    height: 0;
    border-radius: 50%;
    overflow: hidden
}

html .layout1.log-in-box .account-icon.good-img[data-v-30e36b08] {
    width: 2.5rem;
    height: 2.5rem
}

html .layout1.log-in-box .account-info[data-v-30e36b08] {
    display: flex;
    flex-direction: column
}

html .layout1.log-in-box .account-info .label[data-v-30e36b08] {
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--ep-color-text-default)
}

html .layout1.log-in-box .account-info .sub-label[data-v-30e36b08] {
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-regular, 400);
    color: var(--ep-color-text-weaker)
}

#tabbar-tabs-inicio-components-userInfo-components-account-2-index .layout1.log-in-box[data-v-30e36b08] {
    display: flex;
    align-items: center;
    gap: .875rem
}

#tabbar-tabs-inicio-components-userInfo-components-account-2-index .layout1.log-in-box .account-icon[data-v-30e36b08] {
    width: 0;
    height: 0;
    border-radius: 50%;
    overflow: hidden
}

#tabbar-tabs-inicio-components-userInfo-components-account-2-index .layout1.log-in-box .account-icon.good-img[data-v-30e36b08] {
    width: 2.5rem;
    height: 2.5rem
}

#tabbar-tabs-inicio-components-userInfo-components-account-2-index .layout1.log-in-box .account-info[data-v-30e36b08] {
    display: flex;
    flex-direction: column
}

#tabbar-tabs-inicio-components-userInfo-components-account-2-index .layout1.log-in-box .account-info .label[data-v-30e36b08] {
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--ep-color-text-default)
}

#tabbar-tabs-inicio-components-userInfo-components-account-2-index .layout1.log-in-box .account-info .sub-label[data-v-30e36b08] {
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-regular, 400);
    color: var(--ep-color-text-weaker)
}

.color-primary-600[data-v-72dea205] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-72dea205] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-72dea205] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-72dea205] {
    color: var(--color-primary-900)
}

.bg-100[data-v-72dea205] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-72dea205] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-72dea205] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-72dea205] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-72dea205] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-72dea205] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-72dea205] {
    background-color: var(--color-warning)
}

.bg-link[data-v-72dea205] {
    background-color: var(--color-link)
}

.bg-danger[data-v-72dea205] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-72dea205] {
    color: var(--color-text-100)
}

.color-text-80[data-v-72dea205] {
    color: var(--color-text-80)
}

.color-text-50[data-v-72dea205] {
    color: var(--color-text-50)
}

.color-text-40[data-v-72dea205] {
    color: var(--color-text-40)
}

.color-text-20[data-v-72dea205] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-72dea205] {
    color: var(--color-currency)
}

.color-warning[data-v-72dea205] {
    color: var(--color-warning)
}

.color-danger[data-v-72dea205] {
    color: var(--color-danger)
}

.color-link[data-v-72dea205] {
    color: var(--color-link)
}

.color-line[data-v-72dea205] {
    color: var(--color-line)
}

.color-border[data-v-72dea205] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-72dea205] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-72dea205] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-72dea205] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-72dea205] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-72dea205] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-72dea205] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-72dea205] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-72dea205] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-72dea205] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-72dea205] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-72dea205] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-72dea205] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-72dea205] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-72dea205] {
    display: flex;
    align-items: center
}

.flex-start[data-v-72dea205] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-72dea205] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-72dea205] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-72dea205] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-72dea205] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-72dea205] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-72dea205] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-72dea205] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-72dea205] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-72dea205] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-72dea205] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-72dea205] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-72dea205] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-72dea205] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-72dea205] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-72dea205] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-72dea205] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-72dea205] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-72dea205] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-72dea205] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-72dea205] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-72dea205] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-72dea205] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-72dea205] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-72dea205],
.mlm-selected-item[data-v-72dea205] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-72dea205] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-72dea205]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-72dea205] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-72dea205] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-72dea205] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .layout1.account .log-out-box[data-v-72dea205] {
    position: relative;
    height: 2.5rem
}

html .layout1.account .log-out-box .account-icon[data-v-72dea205] {
    width: 0;
    height: 0;
    position: relative;
    z-index: 5
}

html .layout1.account .log-out-box .account-icon.good-img[data-v-72dea205] {
    width: 6.5rem;
    height: 2.325rem
}

html .layout1.account .log-out-box .label[data-v-72dea205] {
    padding: .0625rem .25rem;
    line-height: 1;
    white-space: nowrap;
    position: absolute;
    bottom: .5rem;
    left: 2.25rem;
    z-index: 0;
    font-size: var(--ep-font-size-xs, .625rem);
    font-weight: var(--ep-font-weight-medium, 600);
    background: var(--ep-color-icon-info);
    color: var(--ep-color-text-default)
}

#tabbar-tabs-inicio-components-userInfo-components-account-1-index .layout1.account .log-out-box[data-v-72dea205] {
    position: relative;
    height: 2.5rem
}

#tabbar-tabs-inicio-components-userInfo-components-account-1-index .layout1.account .log-out-box .account-icon[data-v-72dea205] {
    width: 0;
    height: 0;
    position: relative;
    z-index: 5
}

#tabbar-tabs-inicio-components-userInfo-components-account-1-index .layout1.account .log-out-box .account-icon.good-img[data-v-72dea205] {
    width: 6.5rem;
    height: 2.325rem
}

#tabbar-tabs-inicio-components-userInfo-components-account-1-index .layout1.account .log-out-box .label[data-v-72dea205] {
    padding: .0625rem .25rem;
    line-height: 1;
    white-space: nowrap;
    position: absolute;
    bottom: .5rem;
    left: 2.25rem;
    z-index: 0;
    font-size: var(--ep-font-size-xs, .625rem);
    font-weight: var(--ep-font-weight-medium, 600);
    background: var(--ep-color-icon-info);
    color: var(--ep-color-text-default)
}

.color-primary-600[data-v-9ff026be] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-9ff026be] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-9ff026be] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-9ff026be] {
    color: var(--color-primary-900)
}

.bg-100[data-v-9ff026be] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-9ff026be] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-9ff026be] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-9ff026be] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-9ff026be] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-9ff026be] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-9ff026be] {
    background-color: var(--color-warning)
}

.bg-link[data-v-9ff026be] {
    background-color: var(--color-link)
}

.bg-danger[data-v-9ff026be] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-9ff026be] {
    color: var(--color-text-100)
}

.color-text-80[data-v-9ff026be] {
    color: var(--color-text-80)
}

.color-text-50[data-v-9ff026be] {
    color: var(--color-text-50)
}

.color-text-40[data-v-9ff026be] {
    color: var(--color-text-40)
}

.color-text-20[data-v-9ff026be] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-9ff026be] {
    color: var(--color-currency)
}

.color-warning[data-v-9ff026be] {
    color: var(--color-warning)
}

.color-danger[data-v-9ff026be] {
    color: var(--color-danger)
}

.color-link[data-v-9ff026be] {
    color: var(--color-link)
}

.color-line[data-v-9ff026be] {
    color: var(--color-line)
}

.color-border[data-v-9ff026be] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-9ff026be] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-9ff026be] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-9ff026be] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-9ff026be] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-9ff026be] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-9ff026be] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-9ff026be] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-9ff026be] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-9ff026be] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-9ff026be] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-9ff026be] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-9ff026be] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-9ff026be] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-9ff026be] {
    display: flex;
    align-items: center
}

.flex-start[data-v-9ff026be] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-9ff026be] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-9ff026be] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-9ff026be] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-9ff026be] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-9ff026be] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-9ff026be] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-9ff026be] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-9ff026be] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-9ff026be] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-9ff026be] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-9ff026be] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-9ff026be] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-9ff026be] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-9ff026be] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-9ff026be] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-9ff026be] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-9ff026be] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-9ff026be] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-9ff026be] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-9ff026be] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-9ff026be] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-9ff026be] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-9ff026be] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-9ff026be],
.mlm-selected-item[data-v-9ff026be] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-9ff026be] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-9ff026be]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-9ff026be] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-9ff026be] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-9ff026be] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .layout1.log-in-box[data-v-9ff026be] {
    display: flex;
    align-items: center;
    gap: .875rem
}

html .layout1.log-in-box .account-icon[data-v-9ff026be] {
    width: 0;
    height: 0;
    border-radius: 50%;
    overflow: hidden
}

html .layout1.log-in-box .account-icon.good-img[data-v-9ff026be] {
    width: 2.5rem;
    height: 2.5rem
}

html .layout1.log-in-box .account-info[data-v-9ff026be] {
    display: flex;
    flex-direction: column
}

html .layout1.log-in-box .account-info .label[data-v-9ff026be] {
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--ep-color-text-default)
}

html .layout1.log-in-box .account-info .sub-label[data-v-9ff026be] {
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-regular, 400);
    color: var(--ep-color-text-weaker)
}

#tabbar-tabs-inicio-components-userInfo-components-account-2-index .layout1.log-in-box[data-v-9ff026be] {
    display: flex;
    align-items: center;
    gap: .875rem
}

#tabbar-tabs-inicio-components-userInfo-components-account-2-index .layout1.log-in-box .account-icon[data-v-9ff026be] {
    width: 0;
    height: 0;
    border-radius: 50%;
    overflow: hidden
}

#tabbar-tabs-inicio-components-userInfo-components-account-2-index .layout1.log-in-box .account-icon.good-img[data-v-9ff026be] {
    width: 2.5rem;
    height: 2.5rem
}

#tabbar-tabs-inicio-components-userInfo-components-account-2-index .layout1.log-in-box .account-info[data-v-9ff026be] {
    display: flex;
    flex-direction: column
}

#tabbar-tabs-inicio-components-userInfo-components-account-2-index .layout1.log-in-box .account-info .label[data-v-9ff026be] {
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--ep-color-text-default)
}

#tabbar-tabs-inicio-components-userInfo-components-account-2-index .layout1.log-in-box .account-info .sub-label[data-v-9ff026be] {
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-regular, 400);
    color: var(--ep-color-text-weaker)
}

.log-out-box[data-v-9ff026be] {
    gap: .5rem;
    display: flex;
    align-items: center
}

.log-out-box .log-out-icon[data-v-9ff026be] {
    padding: .5rem;
    width: 1.125rem;
    height: 1.125rem;
    border-radius: 43%;
    background: var(--ep-dynamic-primary);
    box-shadow: 4px 0 11px 0 var(--ep-color-background-fill-glow-primary-opacity-40)
}

.log-out-box label[data-v-9ff026be] {
    font-size: var(--label-font-size, 1rem);
    font-weight: var(--label-font-weight, 600)
}

.color-primary-600[data-v-9c1c8ed0] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-9c1c8ed0] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-9c1c8ed0] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-9c1c8ed0] {
    color: var(--color-primary-900)
}

.bg-100[data-v-9c1c8ed0] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-9c1c8ed0] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-9c1c8ed0] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-9c1c8ed0] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-9c1c8ed0] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-9c1c8ed0] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-9c1c8ed0] {
    background-color: var(--color-warning)
}

.bg-link[data-v-9c1c8ed0] {
    background-color: var(--color-link)
}

.bg-danger[data-v-9c1c8ed0] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-9c1c8ed0] {
    color: var(--color-text-100)
}

.color-text-80[data-v-9c1c8ed0] {
    color: var(--color-text-80)
}

.color-text-50[data-v-9c1c8ed0] {
    color: var(--color-text-50)
}

.color-text-40[data-v-9c1c8ed0] {
    color: var(--color-text-40)
}

.color-text-20[data-v-9c1c8ed0] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-9c1c8ed0] {
    color: var(--color-currency)
}

.color-warning[data-v-9c1c8ed0] {
    color: var(--color-warning)
}

.color-danger[data-v-9c1c8ed0] {
    color: var(--color-danger)
}

.color-link[data-v-9c1c8ed0] {
    color: var(--color-link)
}

.color-line[data-v-9c1c8ed0] {
    color: var(--color-line)
}

.color-border[data-v-9c1c8ed0] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-9c1c8ed0] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-9c1c8ed0] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-9c1c8ed0] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-9c1c8ed0] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-9c1c8ed0] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-9c1c8ed0] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-9c1c8ed0] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-9c1c8ed0] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-9c1c8ed0] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-9c1c8ed0] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-9c1c8ed0] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-9c1c8ed0] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-9c1c8ed0] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-9c1c8ed0] {
    display: flex;
    align-items: center
}

.flex-start[data-v-9c1c8ed0] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-9c1c8ed0] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-9c1c8ed0] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-9c1c8ed0] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-9c1c8ed0] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-9c1c8ed0] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-9c1c8ed0] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-9c1c8ed0] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-9c1c8ed0] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-9c1c8ed0] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-9c1c8ed0] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-9c1c8ed0] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-9c1c8ed0] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-9c1c8ed0] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-9c1c8ed0] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-9c1c8ed0] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-9c1c8ed0] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-9c1c8ed0] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-9c1c8ed0] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-9c1c8ed0] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-9c1c8ed0] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-9c1c8ed0] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-9c1c8ed0] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-9c1c8ed0] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-9c1c8ed0],
.mlm-selected-item[data-v-9c1c8ed0] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-9c1c8ed0] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-9c1c8ed0]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-9c1c8ed0] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-9c1c8ed0] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-9c1c8ed0] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .layout1.scroll-box[data-v-9c1c8ed0] {
    width: 100%;
    overflow: auto
}

html .layout1.scroll-box .list-box[data-v-9c1c8ed0] {
    display: flex;
    gap: .625rem
}

#tabbar-tabs-inicio-components-userInfo-components-cardWrap-1-index .layout1.scroll-box[data-v-9c1c8ed0] {
    width: 100%;
    overflow: auto
}

#tabbar-tabs-inicio-components-userInfo-components-cardWrap-1-index .layout1.scroll-box .list-box[data-v-9c1c8ed0] {
    display: flex;
    gap: .625rem
}

.color-primary-600[data-v-e299557b] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-e299557b] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-e299557b] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-e299557b] {
    color: var(--color-primary-900)
}

.bg-100[data-v-e299557b] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-e299557b] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-e299557b] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-e299557b] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-e299557b] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-e299557b] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-e299557b] {
    background-color: var(--color-warning)
}

.bg-link[data-v-e299557b] {
    background-color: var(--color-link)
}

.bg-danger[data-v-e299557b] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-e299557b] {
    color: var(--color-text-100)
}

.color-text-80[data-v-e299557b] {
    color: var(--color-text-80)
}

.color-text-50[data-v-e299557b] {
    color: var(--color-text-50)
}

.color-text-40[data-v-e299557b] {
    color: var(--color-text-40)
}

.color-text-20[data-v-e299557b] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-e299557b] {
    color: var(--color-currency)
}

.color-warning[data-v-e299557b] {
    color: var(--color-warning)
}

.color-danger[data-v-e299557b] {
    color: var(--color-danger)
}

.color-link[data-v-e299557b] {
    color: var(--color-link)
}

.color-line[data-v-e299557b] {
    color: var(--color-line)
}

.color-border[data-v-e299557b] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-e299557b] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-e299557b] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-e299557b] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-e299557b] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-e299557b] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-e299557b] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-e299557b] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-e299557b] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-e299557b] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-e299557b] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-e299557b] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-e299557b] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-e299557b] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-e299557b] {
    display: flex;
    align-items: center
}

.flex-start[data-v-e299557b] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-e299557b] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-e299557b] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-e299557b] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-e299557b] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-e299557b] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-e299557b] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-e299557b] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-e299557b] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-e299557b] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-e299557b] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-e299557b] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-e299557b] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-e299557b] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-e299557b] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-e299557b] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-e299557b] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-e299557b] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-e299557b] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-e299557b] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-e299557b] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-e299557b] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-e299557b] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-e299557b] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-e299557b],
.mlm-selected-item[data-v-e299557b] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-e299557b] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-e299557b]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-e299557b] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-e299557b] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-e299557b] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .layout1.card-button[data-v-e299557b] {
    min-width: 5.25rem;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    border-radius: var(--ep-border-radius-m, .375rem);
    background: var(--ep-color-background-fill-body-default, #131F42);
    box-shadow: 0 -.25rem rgba(0, 0, 0, .3) inset, 0 .0625rem rgba(255, 255, 255, .13) inset
}

html .layout1.card-button[data-v-e299557b]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: url(/assets/card-bg-1-Bw0WU3ia.png) no-repeat center center / 100% 100%;
    opacity: .3
}

html .layout1.card-button[data-v-e299557b]:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    filter: blur(29.10000038px)
}

html .layout1.card-button[data-v-e299557b]:nth-child(4n+1):after {
    background: radial-gradient(100% 100% at 100% 100%, #de41ea, #de41ea 40%, rgba(222, 65, 234, 0))
}

html .layout1.card-button[data-v-e299557b]:nth-child(4n+2):after {
    background: radial-gradient(100% 100% at 100% 100%, #14ba3a, #14ba3a 40%, rgba(222, 65, 234, 0))
}

html .layout1.card-button[data-v-e299557b]:nth-child(4n+3):after {
    background: radial-gradient(100% 100% at 100% 100%, #ff2664, #ff2664 40%, rgba(222, 65, 234, 0))
}

html .layout1.card-button[data-v-e299557b]:nth-child(4n+4):after {
    background: radial-gradient(100% 100% at 100% 100%, #2cc1fc, #2cc1fc 40%, rgba(222, 65, 234, 0))
}

html .layout1.card-button .label[data-v-e299557b] {
    padding: 0 .4375rem;
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--ep-color-text-highlight-white)
}

html .layout1.card-button .icon[data-v-e299557b] {
    width: 0;
    height: 0;
    align-self: flex-end;
    position: relative;
    z-index: 10
}

html .layout1.card-button .icon.good-img[data-v-e299557b] {
    width: 2.625rem;
    height: 2.625rem
}

#tabbar-tabs-inicio-components-userInfo-components-cardButton-1-index .layout1.card-button[data-v-e299557b] {
    min-width: 5.25rem;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    border-radius: var(--ep-border-radius-m, .375rem);
    background: var(--ep-color-background-fill-body-default, #131F42);
    box-shadow: 0 -.25rem rgba(0, 0, 0, .3) inset, 0 .0625rem rgba(255, 255, 255, .13) inset
}

#tabbar-tabs-inicio-components-userInfo-components-cardButton-1-index .layout1.card-button[data-v-e299557b]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: url(/assets/card-bg-1-Bw0WU3ia.png) no-repeat center center / 100% 100%;
    opacity: .3
}

#tabbar-tabs-inicio-components-userInfo-components-cardButton-1-index .layout1.card-button[data-v-e299557b]:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    filter: blur(29.10000038px)
}

#tabbar-tabs-inicio-components-userInfo-components-cardButton-1-index .layout1.card-button[data-v-e299557b]:nth-child(4n+1):after {
    background: radial-gradient(100% 100% at 100% 100%, #de41ea, #de41ea 40%, rgba(222, 65, 234, 0))
}

#tabbar-tabs-inicio-components-userInfo-components-cardButton-1-index .layout1.card-button[data-v-e299557b]:nth-child(4n+2):after {
    background: radial-gradient(100% 100% at 100% 100%, #14ba3a, #14ba3a 40%, rgba(222, 65, 234, 0))
}

#tabbar-tabs-inicio-components-userInfo-components-cardButton-1-index .layout1.card-button[data-v-e299557b]:nth-child(4n+3):after {
    background: radial-gradient(100% 100% at 100% 100%, #ff2664, #ff2664 40%, rgba(222, 65, 234, 0))
}

#tabbar-tabs-inicio-components-userInfo-components-cardButton-1-index .layout1.card-button[data-v-e299557b]:nth-child(4n+4):after {
    background: radial-gradient(100% 100% at 100% 100%, #2cc1fc, #2cc1fc 40%, rgba(222, 65, 234, 0))
}

#tabbar-tabs-inicio-components-userInfo-components-cardButton-1-index .layout1.card-button .label[data-v-e299557b] {
    padding: 0 .4375rem;
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--ep-color-text-highlight-white)
}

#tabbar-tabs-inicio-components-userInfo-components-cardButton-1-index .layout1.card-button .icon[data-v-e299557b] {
    width: 0;
    height: 0;
    align-self: flex-end;
    position: relative;
    z-index: 10
}

#tabbar-tabs-inicio-components-userInfo-components-cardButton-1-index .layout1.card-button .icon.good-img[data-v-e299557b] {
    width: 2.625rem;
    height: 2.625rem
}

.color-primary-600[data-v-79fe0720] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-79fe0720] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-79fe0720] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-79fe0720] {
    color: var(--color-primary-900)
}

.bg-100[data-v-79fe0720] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-79fe0720] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-79fe0720] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-79fe0720] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-79fe0720] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-79fe0720] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-79fe0720] {
    background-color: var(--color-warning)
}

.bg-link[data-v-79fe0720] {
    background-color: var(--color-link)
}

.bg-danger[data-v-79fe0720] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-79fe0720] {
    color: var(--color-text-100)
}

.color-text-80[data-v-79fe0720] {
    color: var(--color-text-80)
}

.color-text-50[data-v-79fe0720] {
    color: var(--color-text-50)
}

.color-text-40[data-v-79fe0720] {
    color: var(--color-text-40)
}

.color-text-20[data-v-79fe0720] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-79fe0720] {
    color: var(--color-currency)
}

.color-warning[data-v-79fe0720] {
    color: var(--color-warning)
}

.color-danger[data-v-79fe0720] {
    color: var(--color-danger)
}

.color-link[data-v-79fe0720] {
    color: var(--color-link)
}

.color-line[data-v-79fe0720] {
    color: var(--color-line)
}

.color-border[data-v-79fe0720] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-79fe0720] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-79fe0720] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-79fe0720] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-79fe0720] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-79fe0720] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-79fe0720] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-79fe0720] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-79fe0720] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-79fe0720] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-79fe0720] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-79fe0720] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-79fe0720] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-79fe0720] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-79fe0720] {
    display: flex;
    align-items: center
}

.flex-start[data-v-79fe0720] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-79fe0720] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-79fe0720] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-79fe0720] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-79fe0720] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-79fe0720] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-79fe0720] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-79fe0720] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-79fe0720] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-79fe0720] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-79fe0720] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-79fe0720] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-79fe0720] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-79fe0720] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-79fe0720] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-79fe0720] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-79fe0720] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-79fe0720] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-79fe0720] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-79fe0720] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-79fe0720] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-79fe0720] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-79fe0720] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-79fe0720] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-79fe0720],
.mlm-selected-item[data-v-79fe0720] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-79fe0720] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-79fe0720]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-79fe0720] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-79fe0720] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-79fe0720] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .card-button[data-v-79fe0720] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: .5625rem 0 .3125rem;
    border-radius: var(--ep-border-radius-m, .375rem);
    background: var(--color-background-fill-surface-raised-L1, #252C32)
}

html .card-button:nth-child(4n+1) .icon[data-v-79fe0720] {
    animation: gentlePulse-79fe0720 3s ease-in-out infinite
}

html .card-button:nth-child(4n+2) .icon[data-v-79fe0720] {
    animation: cardFlip-79fe0720 4s ease-in-out infinite
}

html .card-button:nth-child(4n+3) .icon[data-v-79fe0720] {
    animation: diamondRotate-79fe0720 5s ease-in-out infinite
}

html .card-button:nth-child(4n+4) .icon[data-v-79fe0720] {
    animation: giftSway-79fe0720 3s ease-in-out infinite
}

html .card-button .icon[data-v-79fe0720] {
    display: block;
    background-size: 400% 100%;
    width: 1.875rem;
    height: 1.875rem
}

html .card-button .label[data-v-79fe0720] {
    padding: .375rem .125rem 0;
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-regular, 400);
    color: var(--ep-color-text-weak, #1D252D)
}

@keyframes gentlePulse-79fe0720 {

    0%,
    to {
        transform: scale(1)
    }

    50% {
        transform: scale(1.1)
    }
}

@keyframes cardFlip-79fe0720 {

    0%,
    90%,
    to {
        transform: rotateY(0)
    }

    45% {
        transform: rotateY(180deg)
    }
}

@keyframes diamondRotate-79fe0720 {

    0%,
    to {
        transform: rotate(0) scale(1)
    }

    25% {
        transform: rotate(90deg) scale(1.1)
    }

    50% {
        transform: rotate(180deg) scale(1)
    }

    75% {
        transform: rotate(270deg) scale(1.1)
    }
}

@keyframes giftSway-79fe0720 {

    0%,
    to {
        transform: rotate(-5deg)
    }

    50% {
        transform: rotate(5deg)
    }
}

#tabbar-tabs-inicio-components-userInfo-components-cardButton-2-index .card-button[data-v-79fe0720] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: .5625rem 0 .3125rem;
    border-radius: var(--ep-border-radius-m, .375rem);
    background: var(--color-background-fill-surface-raised-L1, #252C32)
}

#tabbar-tabs-inicio-components-userInfo-components-cardButton-2-index .card-button:nth-child(4n+1) .icon[data-v-79fe0720] {
    animation: gentlePulse-79fe0720 3s ease-in-out infinite
}

#tabbar-tabs-inicio-components-userInfo-components-cardButton-2-index .card-button:nth-child(4n+2) .icon[data-v-79fe0720] {
    animation: cardFlip-79fe0720 4s ease-in-out infinite
}

#tabbar-tabs-inicio-components-userInfo-components-cardButton-2-index .card-button:nth-child(4n+3) .icon[data-v-79fe0720] {
    animation: diamondRotate-79fe0720 5s ease-in-out infinite
}

#tabbar-tabs-inicio-components-userInfo-components-cardButton-2-index .card-button:nth-child(4n+4) .icon[data-v-79fe0720] {
    animation: giftSway-79fe0720 3s ease-in-out infinite
}

#tabbar-tabs-inicio-components-userInfo-components-cardButton-2-index .card-button .icon[data-v-79fe0720] {
    display: block;
    background-size: 400% 100%;
    width: 1.875rem;
    height: 1.875rem
}

#tabbar-tabs-inicio-components-userInfo-components-cardButton-2-index .card-button .label[data-v-79fe0720] {
    padding: .375rem .125rem 0;
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-regular, 400);
    color: var(--ep-color-text-weak, #1D252D)
}

.color-primary-600[data-v-17b67330] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-17b67330] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-17b67330] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-17b67330] {
    color: var(--color-primary-900)
}

.bg-100[data-v-17b67330] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-17b67330] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-17b67330] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-17b67330] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-17b67330] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-17b67330] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-17b67330] {
    background-color: var(--color-warning)
}

.bg-link[data-v-17b67330] {
    background-color: var(--color-link)
}

.bg-danger[data-v-17b67330] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-17b67330] {
    color: var(--color-text-100)
}

.color-text-80[data-v-17b67330] {
    color: var(--color-text-80)
}

.color-text-50[data-v-17b67330] {
    color: var(--color-text-50)
}

.color-text-40[data-v-17b67330] {
    color: var(--color-text-40)
}

.color-text-20[data-v-17b67330] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-17b67330] {
    color: var(--color-currency)
}

.color-warning[data-v-17b67330] {
    color: var(--color-warning)
}

.color-danger[data-v-17b67330] {
    color: var(--color-danger)
}

.color-link[data-v-17b67330] {
    color: var(--color-link)
}

.color-line[data-v-17b67330] {
    color: var(--color-line)
}

.color-border[data-v-17b67330] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-17b67330] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-17b67330] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-17b67330] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-17b67330] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-17b67330] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-17b67330] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-17b67330] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-17b67330] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-17b67330] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-17b67330] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-17b67330] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-17b67330] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-17b67330] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-17b67330] {
    display: flex;
    align-items: center
}

.flex-start[data-v-17b67330] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-17b67330] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-17b67330] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-17b67330] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-17b67330] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-17b67330] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-17b67330] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-17b67330] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-17b67330] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-17b67330] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-17b67330] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-17b67330] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-17b67330] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-17b67330] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-17b67330] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-17b67330] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-17b67330] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-17b67330] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-17b67330] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-17b67330] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-17b67330] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-17b67330] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-17b67330] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-17b67330] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-17b67330],
.mlm-selected-item[data-v-17b67330] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-17b67330] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-17b67330]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-17b67330] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-17b67330] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-17b67330] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .layout1.wrapper[data-v-17b67330] {
    display: flex;
    position: sticky;
    top: 0;
    z-index: 35;
    background: var(--ep-color-background-fill-surface-lowered, #101B3C)
}

html .layout2.wrapper[data-v-17b67330] {
    display: flex;
    position: sticky;
    padding-left: var(--padding-left);
    padding-right: var(--padding-right);
    top: 0;
    z-index: 35;
    background: var(--ep-color-background-fill-surface-lowered, #101B3C)
}

html .layout2.wrapper[data-v-17b67330]:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: var(--padding-left);
    right: var(--padding-right);
    background-image: var(--data-icon1);
    background-size: 100% 60%;
    background-position: center bottom;
    background-repeat: no-repeat
}

html .layout3.wrapper[data-v-17b67330] {
    display: flex;
    position: sticky;
    padding-left: var(--padding-left);
    padding-right: var(--padding-right);
    top: 0;
    z-index: 35;
    background: var(--ep-color-background-fill-surface-lowered, #101B3C)
}

html .layout3.wrapper[data-v-17b67330]:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: .5;
    background-image: var(--data-icon1)
}

#tabbar-tabs-inicio-components-Segment-index .layout1.wrapper[data-v-17b67330] {
    display: flex;
    position: sticky;
    top: 0;
    z-index: 35;
    background: var(--ep-color-background-fill-surface-lowered, #101B3C)
}

#tabbar-tabs-inicio-components-Segment-index .layout2.wrapper[data-v-17b67330] {
    display: flex;
    position: sticky;
    padding-left: var(--padding-left);
    padding-right: var(--padding-right);
    top: 0;
    z-index: 35;
    background: var(--ep-color-background-fill-surface-lowered, #101B3C)
}

#tabbar-tabs-inicio-components-Segment-index .layout2.wrapper[data-v-17b67330]:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: var(--padding-left);
    right: var(--padding-right);
    background-image: var(--data-icon1);
    background-size: 100% 60%;
    background-position: center bottom;
    background-repeat: no-repeat
}

#tabbar-tabs-inicio-components-Segment-index .layout3.wrapper[data-v-17b67330] {
    display: flex;
    position: sticky;
    padding-left: var(--padding-left);
    padding-right: var(--padding-right);
    top: 0;
    z-index: 35;
    background: var(--ep-color-background-fill-surface-lowered, #101B3C)
}

#tabbar-tabs-inicio-components-Segment-index .layout3.wrapper[data-v-17b67330]:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: .5;
    background-image: var(--data-icon1)
}

.color-primary-600[data-v-20fa3a73] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-20fa3a73] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-20fa3a73] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-20fa3a73] {
    color: var(--color-primary-900)
}

.bg-100[data-v-20fa3a73] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-20fa3a73] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-20fa3a73] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-20fa3a73] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-20fa3a73] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-20fa3a73] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-20fa3a73] {
    background-color: var(--color-warning)
}

.bg-link[data-v-20fa3a73] {
    background-color: var(--color-link)
}

.bg-danger[data-v-20fa3a73] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-20fa3a73] {
    color: var(--color-text-100)
}

.color-text-80[data-v-20fa3a73] {
    color: var(--color-text-80)
}

.color-text-50[data-v-20fa3a73] {
    color: var(--color-text-50)
}

.color-text-40[data-v-20fa3a73] {
    color: var(--color-text-40)
}

.color-text-20[data-v-20fa3a73] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-20fa3a73] {
    color: var(--color-currency)
}

.color-warning[data-v-20fa3a73] {
    color: var(--color-warning)
}

.color-danger[data-v-20fa3a73] {
    color: var(--color-danger)
}

.color-link[data-v-20fa3a73] {
    color: var(--color-link)
}

.color-line[data-v-20fa3a73] {
    color: var(--color-line)
}

.color-border[data-v-20fa3a73] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-20fa3a73] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-20fa3a73] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-20fa3a73] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-20fa3a73] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-20fa3a73] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-20fa3a73] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-20fa3a73] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-20fa3a73] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-20fa3a73] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-20fa3a73] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-20fa3a73] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-20fa3a73] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-20fa3a73] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-20fa3a73] {
    display: flex;
    align-items: center
}

.flex-start[data-v-20fa3a73] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-20fa3a73] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-20fa3a73] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-20fa3a73] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-20fa3a73] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-20fa3a73] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-20fa3a73] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-20fa3a73] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-20fa3a73] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-20fa3a73] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-20fa3a73] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-20fa3a73] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-20fa3a73] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-20fa3a73] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-20fa3a73] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-20fa3a73] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-20fa3a73] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-20fa3a73] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-20fa3a73] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-20fa3a73] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-20fa3a73] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-20fa3a73] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-20fa3a73] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-20fa3a73] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-20fa3a73],
.mlm-selected-item[data-v-20fa3a73] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-20fa3a73] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-20fa3a73]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-20fa3a73] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-20fa3a73] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-20fa3a73] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.swiper-wrap[data-v-20fa3a73] {
    background: var(--ep-color-background-fill-surface-raised-L1, #18254E)
}

.color-primary-600[data-v-711e4511] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-711e4511] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-711e4511] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-711e4511] {
    color: var(--color-primary-900)
}

.bg-100[data-v-711e4511] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-711e4511] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-711e4511] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-711e4511] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-711e4511] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-711e4511] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-711e4511] {
    background-color: var(--color-warning)
}

.bg-link[data-v-711e4511] {
    background-color: var(--color-link)
}

.bg-danger[data-v-711e4511] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-711e4511] {
    color: var(--color-text-100)
}

.color-text-80[data-v-711e4511] {
    color: var(--color-text-80)
}

.color-text-50[data-v-711e4511] {
    color: var(--color-text-50)
}

.color-text-40[data-v-711e4511] {
    color: var(--color-text-40)
}

.color-text-20[data-v-711e4511] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-711e4511] {
    color: var(--color-currency)
}

.color-warning[data-v-711e4511] {
    color: var(--color-warning)
}

.color-danger[data-v-711e4511] {
    color: var(--color-danger)
}

.color-link[data-v-711e4511] {
    color: var(--color-link)
}

.color-line[data-v-711e4511] {
    color: var(--color-line)
}

.color-border[data-v-711e4511] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-711e4511] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-711e4511] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-711e4511] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-711e4511] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-711e4511] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-711e4511] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-711e4511] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-711e4511] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-711e4511] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-711e4511] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-711e4511] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-711e4511] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-711e4511] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-711e4511] {
    display: flex;
    align-items: center
}

.flex-start[data-v-711e4511] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-711e4511] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-711e4511] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-711e4511] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-711e4511] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-711e4511] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-711e4511] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-711e4511] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-711e4511] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-711e4511] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-711e4511] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-711e4511] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-711e4511] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-711e4511] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-711e4511] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-711e4511] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-711e4511] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-711e4511] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-711e4511] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-711e4511] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-711e4511] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-711e4511] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-711e4511] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-711e4511] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-711e4511],
.mlm-selected-item[data-v-711e4511] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-711e4511] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-711e4511]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-711e4511] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-711e4511] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-711e4511] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

@keyframes scaleFade-711e4511 {
    0% {
        transform: scale(.5);
        opacity: 1
    }

    50% {
        transform: scale(2);
        opacity: .5
    }

    to {
        transform: scale(3.5);
        opacity: 0
    }
}

@keyframes scroll-up-711e4511 {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-100%)
    }
}

.new-skin-symbol .ranking-area[data-v-711e4511] {
    width: 100%;
    padding-bottom: 1.25rem
}

.color-primary-600[data-v-1b6ab43c] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-1b6ab43c] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-1b6ab43c] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-1b6ab43c] {
    color: var(--color-primary-900)
}

.bg-100[data-v-1b6ab43c] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-1b6ab43c] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-1b6ab43c] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-1b6ab43c] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-1b6ab43c] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-1b6ab43c] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-1b6ab43c] {
    background-color: var(--color-warning)
}

.bg-link[data-v-1b6ab43c] {
    background-color: var(--color-link)
}

.bg-danger[data-v-1b6ab43c] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-1b6ab43c] {
    color: var(--color-text-100)
}

.color-text-80[data-v-1b6ab43c] {
    color: var(--color-text-80)
}

.color-text-50[data-v-1b6ab43c] {
    color: var(--color-text-50)
}

.color-text-40[data-v-1b6ab43c] {
    color: var(--color-text-40)
}

.color-text-20[data-v-1b6ab43c] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-1b6ab43c] {
    color: var(--color-currency)
}

.color-warning[data-v-1b6ab43c] {
    color: var(--color-warning)
}

.color-danger[data-v-1b6ab43c] {
    color: var(--color-danger)
}

.color-link[data-v-1b6ab43c] {
    color: var(--color-link)
}

.color-line[data-v-1b6ab43c] {
    color: var(--color-line)
}

.color-border[data-v-1b6ab43c] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-1b6ab43c] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-1b6ab43c] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-1b6ab43c] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-1b6ab43c] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-1b6ab43c] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-1b6ab43c] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-1b6ab43c] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-1b6ab43c] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-1b6ab43c] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-1b6ab43c] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-1b6ab43c] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-1b6ab43c] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-1b6ab43c] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-1b6ab43c] {
    display: flex;
    align-items: center
}

.flex-start[data-v-1b6ab43c] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-1b6ab43c] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-1b6ab43c] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-1b6ab43c] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-1b6ab43c] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-1b6ab43c] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-1b6ab43c] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-1b6ab43c] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-1b6ab43c] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-1b6ab43c] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-1b6ab43c] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-1b6ab43c] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-1b6ab43c] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-1b6ab43c] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-1b6ab43c] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-1b6ab43c] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-1b6ab43c] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-1b6ab43c] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-1b6ab43c] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-1b6ab43c] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-1b6ab43c] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-1b6ab43c] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-1b6ab43c] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-1b6ab43c] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-1b6ab43c],
.mlm-selected-item[data-v-1b6ab43c] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-1b6ab43c] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-1b6ab43c]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-1b6ab43c] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-1b6ab43c] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-1b6ab43c] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-segment[data-v-1b6ab43c] {
    --background: transparent;
    overflow: auto;
    display: flex;
    flex-direction: column;
    gap: .625rem;
    position: sticky;
    top: 0;
    z-index: 10
}

.color-primary-600[data-v-4c8b2c4e] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-4c8b2c4e] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-4c8b2c4e] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-4c8b2c4e] {
    color: var(--color-primary-900)
}

.bg-100[data-v-4c8b2c4e] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-4c8b2c4e] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-4c8b2c4e] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-4c8b2c4e] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-4c8b2c4e] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-4c8b2c4e] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-4c8b2c4e] {
    background-color: var(--color-warning)
}

.bg-link[data-v-4c8b2c4e] {
    background-color: var(--color-link)
}

.bg-danger[data-v-4c8b2c4e] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-4c8b2c4e] {
    color: var(--color-text-100)
}

.color-text-80[data-v-4c8b2c4e] {
    color: var(--color-text-80)
}

.color-text-50[data-v-4c8b2c4e] {
    color: var(--color-text-50)
}

.color-text-40[data-v-4c8b2c4e] {
    color: var(--color-text-40)
}

.color-text-20[data-v-4c8b2c4e] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-4c8b2c4e] {
    color: var(--color-currency)
}

.color-warning[data-v-4c8b2c4e] {
    color: var(--color-warning)
}

.color-danger[data-v-4c8b2c4e] {
    color: var(--color-danger)
}

.color-link[data-v-4c8b2c4e] {
    color: var(--color-link)
}

.color-line[data-v-4c8b2c4e] {
    color: var(--color-line)
}

.color-border[data-v-4c8b2c4e] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-4c8b2c4e] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-4c8b2c4e] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-4c8b2c4e] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-4c8b2c4e] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-4c8b2c4e] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-4c8b2c4e] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-4c8b2c4e] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-4c8b2c4e] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-4c8b2c4e] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-4c8b2c4e] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-4c8b2c4e] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-4c8b2c4e] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-4c8b2c4e] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-4c8b2c4e] {
    display: flex;
    align-items: center
}

.flex-start[data-v-4c8b2c4e] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-4c8b2c4e] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-4c8b2c4e] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-4c8b2c4e] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-4c8b2c4e] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-4c8b2c4e] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-4c8b2c4e] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-4c8b2c4e] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-4c8b2c4e] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-4c8b2c4e] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-4c8b2c4e] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-4c8b2c4e] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-4c8b2c4e] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-4c8b2c4e] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-4c8b2c4e] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-4c8b2c4e] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-4c8b2c4e] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-4c8b2c4e] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-4c8b2c4e] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-4c8b2c4e] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-4c8b2c4e] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-4c8b2c4e] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-4c8b2c4e] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-4c8b2c4e] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-4c8b2c4e],
.mlm-selected-item[data-v-4c8b2c4e] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-4c8b2c4e] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-4c8b2c4e]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-4c8b2c4e] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-4c8b2c4e] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-4c8b2c4e] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html ion-segment[data-v-4c8b2c4e] {
    --background: transparent;
    width: 100%;
    display: flex;
    gap: .625rem
}

.color-primary-600[data-v-4c8d5766] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-4c8d5766] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-4c8d5766] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-4c8d5766] {
    color: var(--color-primary-900)
}

.bg-100[data-v-4c8d5766] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-4c8d5766] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-4c8d5766] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-4c8d5766] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-4c8d5766] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-4c8d5766] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-4c8d5766] {
    background-color: var(--color-warning)
}

.bg-link[data-v-4c8d5766] {
    background-color: var(--color-link)
}

.bg-danger[data-v-4c8d5766] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-4c8d5766] {
    color: var(--color-text-100)
}

.color-text-80[data-v-4c8d5766] {
    color: var(--color-text-80)
}

.color-text-50[data-v-4c8d5766] {
    color: var(--color-text-50)
}

.color-text-40[data-v-4c8d5766] {
    color: var(--color-text-40)
}

.color-text-20[data-v-4c8d5766] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-4c8d5766] {
    color: var(--color-currency)
}

.color-warning[data-v-4c8d5766] {
    color: var(--color-warning)
}

.color-danger[data-v-4c8d5766] {
    color: var(--color-danger)
}

.color-link[data-v-4c8d5766] {
    color: var(--color-link)
}

.color-line[data-v-4c8d5766] {
    color: var(--color-line)
}

.color-border[data-v-4c8d5766] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-4c8d5766] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-4c8d5766] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-4c8d5766] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-4c8d5766] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-4c8d5766] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-4c8d5766] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-4c8d5766] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-4c8d5766] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-4c8d5766] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-4c8d5766] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-4c8d5766] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-4c8d5766] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-4c8d5766] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-4c8d5766] {
    display: flex;
    align-items: center
}

.flex-start[data-v-4c8d5766] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-4c8d5766] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-4c8d5766] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-4c8d5766] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-4c8d5766] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-4c8d5766] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-4c8d5766] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-4c8d5766] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-4c8d5766] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-4c8d5766] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-4c8d5766] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-4c8d5766] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-4c8d5766] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-4c8d5766] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-4c8d5766] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-4c8d5766] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-4c8d5766] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-4c8d5766] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-4c8d5766] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-4c8d5766] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-4c8d5766] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-4c8d5766] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-4c8d5766] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-4c8d5766] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-4c8d5766],
.mlm-selected-item[data-v-4c8d5766] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-4c8d5766] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-4c8d5766]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-4c8d5766] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-4c8d5766] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-4c8d5766] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-segment[data-v-4c8d5766] {
    --background: transparent;
    overflow: auto;
    display: flex;
    flex-direction: column;
    gap: .625rem;
    position: sticky;
    top: 0;
    z-index: 10
}

.color-primary-600[data-v-ab66a8c1] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-ab66a8c1] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-ab66a8c1] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-ab66a8c1] {
    color: var(--color-primary-900)
}

.bg-100[data-v-ab66a8c1] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-ab66a8c1] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-ab66a8c1] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-ab66a8c1] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-ab66a8c1] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-ab66a8c1] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-ab66a8c1] {
    background-color: var(--color-warning)
}

.bg-link[data-v-ab66a8c1] {
    background-color: var(--color-link)
}

.bg-danger[data-v-ab66a8c1] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-ab66a8c1] {
    color: var(--color-text-100)
}

.color-text-80[data-v-ab66a8c1] {
    color: var(--color-text-80)
}

.color-text-50[data-v-ab66a8c1] {
    color: var(--color-text-50)
}

.color-text-40[data-v-ab66a8c1] {
    color: var(--color-text-40)
}

.color-text-20[data-v-ab66a8c1] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-ab66a8c1] {
    color: var(--color-currency)
}

.color-warning[data-v-ab66a8c1] {
    color: var(--color-warning)
}

.color-danger[data-v-ab66a8c1] {
    color: var(--color-danger)
}

.color-link[data-v-ab66a8c1] {
    color: var(--color-link)
}

.color-line[data-v-ab66a8c1] {
    color: var(--color-line)
}

.color-border[data-v-ab66a8c1] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-ab66a8c1] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-ab66a8c1] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-ab66a8c1] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-ab66a8c1] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-ab66a8c1] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-ab66a8c1] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-ab66a8c1] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-ab66a8c1] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-ab66a8c1] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-ab66a8c1] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-ab66a8c1] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-ab66a8c1] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-ab66a8c1] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-ab66a8c1] {
    display: flex;
    align-items: center
}

.flex-start[data-v-ab66a8c1] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-ab66a8c1] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-ab66a8c1] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-ab66a8c1] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-ab66a8c1] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-ab66a8c1] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-ab66a8c1] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-ab66a8c1] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-ab66a8c1] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-ab66a8c1] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-ab66a8c1] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-ab66a8c1] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-ab66a8c1] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-ab66a8c1] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-ab66a8c1] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-ab66a8c1] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-ab66a8c1] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-ab66a8c1] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-ab66a8c1] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-ab66a8c1] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-ab66a8c1] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-ab66a8c1] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-ab66a8c1] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-ab66a8c1] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-ab66a8c1],
.mlm-selected-item[data-v-ab66a8c1] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-ab66a8c1] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-ab66a8c1]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-ab66a8c1] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-ab66a8c1] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-ab66a8c1] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html ion-segment[data-v-ab66a8c1] {
    --background: transparent;
    width: 100%;
    display: flex;
    gap: .625rem
}

.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
}

.green-default ion-segment[data-v-ab66a8c1] {
    --background: #2b4f14
}

.green-default .home-type-Platform.v01 ion-segment[data-v-ab66a8c1],
.green-default .home-type-Platform.v02 ion-segment[data-v-ab66a8c1] {
    --background: transparent
}

.amber-purple ion-segment[data-v-ab66a8c1] {
    --background: #2C294D
}

.amber-purple .home-type-Platform.v01 ion-segment[data-v-ab66a8c1],
.amber-purple .home-type-Platform.v02 ion-segment[data-v-ab66a8c1] {
    --background: transparent
}

.color-primary-600[data-v-1f2c03c1] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-1f2c03c1] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-1f2c03c1] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-1f2c03c1] {
    color: var(--color-primary-900)
}

.bg-100[data-v-1f2c03c1] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-1f2c03c1] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-1f2c03c1] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-1f2c03c1] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-1f2c03c1] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-1f2c03c1] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-1f2c03c1] {
    background-color: var(--color-warning)
}

.bg-link[data-v-1f2c03c1] {
    background-color: var(--color-link)
}

.bg-danger[data-v-1f2c03c1] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-1f2c03c1] {
    color: var(--color-text-100)
}

.color-text-80[data-v-1f2c03c1] {
    color: var(--color-text-80)
}

.color-text-50[data-v-1f2c03c1] {
    color: var(--color-text-50)
}

.color-text-40[data-v-1f2c03c1] {
    color: var(--color-text-40)
}

.color-text-20[data-v-1f2c03c1] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-1f2c03c1] {
    color: var(--color-currency)
}

.color-warning[data-v-1f2c03c1] {
    color: var(--color-warning)
}

.color-danger[data-v-1f2c03c1] {
    color: var(--color-danger)
}

.color-link[data-v-1f2c03c1] {
    color: var(--color-link)
}

.color-line[data-v-1f2c03c1] {
    color: var(--color-line)
}

.color-border[data-v-1f2c03c1] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-1f2c03c1] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-1f2c03c1] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-1f2c03c1] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-1f2c03c1] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-1f2c03c1] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-1f2c03c1] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-1f2c03c1] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-1f2c03c1] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-1f2c03c1] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-1f2c03c1] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-1f2c03c1] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-1f2c03c1] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-1f2c03c1] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-1f2c03c1] {
    display: flex;
    align-items: center
}

.flex-start[data-v-1f2c03c1] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-1f2c03c1] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-1f2c03c1] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-1f2c03c1] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-1f2c03c1] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-1f2c03c1] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-1f2c03c1] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-1f2c03c1] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-1f2c03c1] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-1f2c03c1] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-1f2c03c1] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-1f2c03c1] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-1f2c03c1] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-1f2c03c1] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-1f2c03c1] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-1f2c03c1] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-1f2c03c1] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-1f2c03c1] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-1f2c03c1] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-1f2c03c1] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-1f2c03c1] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-1f2c03c1] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-1f2c03c1] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-1f2c03c1] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-1f2c03c1],
.mlm-selected-item[data-v-1f2c03c1] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-1f2c03c1] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-1f2c03c1]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-1f2c03c1] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-1f2c03c1] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-1f2c03c1] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .layout1 .nav-item.swiper-slide[data-v-1f2c03c1]:first-child {
    margin-left: .625rem
}

html .layout1 .nav-item .nav-item-content[data-v-1f2c03c1] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: .625rem
}

html .layout1 .nav-item .nav-item-content[data-v-1f2c03c1]:last-child {
    justify-content: flex-start
}

html .layout2 .nav-item .nav-item-content[data-v-1f2c03c1] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: .625rem
}

html .layout2 .nav-item .nav-item-content[data-v-1f2c03c1]:last-child {
    justify-content: flex-start
}

#tabbar-tabs-inicio-components-Segment-components-segmentLayout-swiper-platform-index .layout1 .nav-item.swiper-slide[data-v-1f2c03c1]:first-child {
    margin-left: .625rem
}

#tabbar-tabs-inicio-components-Segment-components-segmentLayout-swiper-platform-index .layout1 .nav-item .nav-item-content[data-v-1f2c03c1] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: .625rem
}

#tabbar-tabs-inicio-components-Segment-components-segmentLayout-swiper-platform-index .layout1 .nav-item .nav-item-content[data-v-1f2c03c1]:last-child {
    justify-content: flex-start
}

#tabbar-tabs-inicio-components-Segment-components-segmentLayout-swiper-platform-index .layout2 .nav-item .nav-item-content[data-v-1f2c03c1] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: .625rem
}

#tabbar-tabs-inicio-components-Segment-components-segmentLayout-swiper-platform-index .layout2 .nav-item .nav-item-content[data-v-1f2c03c1]:last-child {
    justify-content: flex-start
}

.color-primary-600[data-v-c907d42b] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-c907d42b] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-c907d42b] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-c907d42b] {
    color: var(--color-primary-900)
}

.bg-100[data-v-c907d42b] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-c907d42b] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-c907d42b] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-c907d42b] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-c907d42b] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-c907d42b] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-c907d42b] {
    background-color: var(--color-warning)
}

.bg-link[data-v-c907d42b] {
    background-color: var(--color-link)
}

.bg-danger[data-v-c907d42b] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-c907d42b] {
    color: var(--color-text-100)
}

.color-text-80[data-v-c907d42b] {
    color: var(--color-text-80)
}

.color-text-50[data-v-c907d42b] {
    color: var(--color-text-50)
}

.color-text-40[data-v-c907d42b] {
    color: var(--color-text-40)
}

.color-text-20[data-v-c907d42b] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-c907d42b] {
    color: var(--color-currency)
}

.color-warning[data-v-c907d42b] {
    color: var(--color-warning)
}

.color-danger[data-v-c907d42b] {
    color: var(--color-danger)
}

.color-link[data-v-c907d42b] {
    color: var(--color-link)
}

.color-line[data-v-c907d42b] {
    color: var(--color-line)
}

.color-border[data-v-c907d42b] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-c907d42b] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-c907d42b] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-c907d42b] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-c907d42b] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-c907d42b] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-c907d42b] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-c907d42b] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-c907d42b] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-c907d42b] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-c907d42b] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-c907d42b] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-c907d42b] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-c907d42b] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-c907d42b] {
    display: flex;
    align-items: center
}

.flex-start[data-v-c907d42b] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-c907d42b] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-c907d42b] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-c907d42b] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-c907d42b] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-c907d42b] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-c907d42b] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-c907d42b] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-c907d42b] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-c907d42b] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-c907d42b] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-c907d42b] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-c907d42b] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-c907d42b] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-c907d42b] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-c907d42b] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-c907d42b] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-c907d42b] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-c907d42b] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-c907d42b] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-c907d42b] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-c907d42b] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-c907d42b] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-c907d42b] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-c907d42b],
.mlm-selected-item[data-v-c907d42b] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-c907d42b] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-c907d42b]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-c907d42b] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-c907d42b] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-c907d42b] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .layout1 .nav-item.swiper-slide[data-v-c907d42b]:first-child {
    margin-left: .625rem
}

html .layout1 .nav-item .nav-item-content[data-v-c907d42b] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: .625rem
}

html .layout1 .nav-item .nav-item-content[data-v-c907d42b]:last-child {
    justify-content: flex-start
}

html .layout2 .nav-item .nav-item-content[data-v-c907d42b] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: .625rem
}

html .layout2 .nav-item .nav-item-content[data-v-c907d42b]:last-child {
    justify-content: flex-start
}

#tabbar-tabs-inicio-components-Segment-components-segmentLayout-swiper-category-index .layout1 .nav-item.swiper-slide[data-v-c907d42b]:first-child {
    margin-left: .625rem
}

#tabbar-tabs-inicio-components-Segment-components-segmentLayout-swiper-category-index .layout1 .nav-item .nav-item-content[data-v-c907d42b] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: .625rem
}

#tabbar-tabs-inicio-components-Segment-components-segmentLayout-swiper-category-index .layout1 .nav-item .nav-item-content[data-v-c907d42b]:last-child {
    justify-content: flex-start
}

#tabbar-tabs-inicio-components-Segment-components-segmentLayout-swiper-category-index .layout2 .nav-item .nav-item-content[data-v-c907d42b] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: .625rem
}

#tabbar-tabs-inicio-components-Segment-components-segmentLayout-swiper-category-index .layout2 .nav-item .nav-item-content[data-v-c907d42b]:last-child {
    justify-content: flex-start
}

.color-primary-600[data-v-5e29ae9b] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-5e29ae9b] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-5e29ae9b] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-5e29ae9b] {
    color: var(--color-primary-900)
}

.bg-100[data-v-5e29ae9b] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-5e29ae9b] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-5e29ae9b] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-5e29ae9b] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-5e29ae9b] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-5e29ae9b] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-5e29ae9b] {
    background-color: var(--color-warning)
}

.bg-link[data-v-5e29ae9b] {
    background-color: var(--color-link)
}

.bg-danger[data-v-5e29ae9b] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-5e29ae9b] {
    color: var(--color-text-100)
}

.color-text-80[data-v-5e29ae9b] {
    color: var(--color-text-80)
}

.color-text-50[data-v-5e29ae9b] {
    color: var(--color-text-50)
}

.color-text-40[data-v-5e29ae9b] {
    color: var(--color-text-40)
}

.color-text-20[data-v-5e29ae9b] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-5e29ae9b] {
    color: var(--color-currency)
}

.color-warning[data-v-5e29ae9b] {
    color: var(--color-warning)
}

.color-danger[data-v-5e29ae9b] {
    color: var(--color-danger)
}

.color-link[data-v-5e29ae9b] {
    color: var(--color-link)
}

.color-line[data-v-5e29ae9b] {
    color: var(--color-line)
}

.color-border[data-v-5e29ae9b] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-5e29ae9b] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-5e29ae9b] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-5e29ae9b] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-5e29ae9b] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-5e29ae9b] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-5e29ae9b] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-5e29ae9b] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-5e29ae9b] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-5e29ae9b] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-5e29ae9b] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-5e29ae9b] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-5e29ae9b] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-5e29ae9b] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-5e29ae9b] {
    display: flex;
    align-items: center
}

.flex-start[data-v-5e29ae9b] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-5e29ae9b] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-5e29ae9b] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-5e29ae9b] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-5e29ae9b] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-5e29ae9b] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-5e29ae9b] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-5e29ae9b] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-5e29ae9b] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-5e29ae9b] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-5e29ae9b] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-5e29ae9b] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-5e29ae9b] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-5e29ae9b] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-5e29ae9b] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-5e29ae9b] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-5e29ae9b] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-5e29ae9b] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-5e29ae9b] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-5e29ae9b] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-5e29ae9b] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-5e29ae9b] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-5e29ae9b] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-5e29ae9b] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-5e29ae9b],
.mlm-selected-item[data-v-5e29ae9b] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-5e29ae9b] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-5e29ae9b]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-5e29ae9b] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-5e29ae9b] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-5e29ae9b] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-segment-button.init-segment[data-v-5e29ae9b] {
    flex-shrink: 0;
    --padding-start: 0;
    --padding-end: 0;
    --padding-top: 0;
    --padding-bottom: 0;
    height: min-content;
    min-width: min-content;
    margin: 0;
    --background: transparent;
    --indicator-transition: none;
    --indicator-color: transparent;
    --indicator-box-shadow: none
}

ion-segment-button[data-v-5e29ae9b]:first-child {
    margin-left: auto
}

ion-segment-button[data-v-5e29ae9b]:last-of-type {
    margin-right: auto
}

.color-primary-600[data-v-2d6f8b9b] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-2d6f8b9b] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-2d6f8b9b] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-2d6f8b9b] {
    color: var(--color-primary-900)
}

.bg-100[data-v-2d6f8b9b] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-2d6f8b9b] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-2d6f8b9b] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-2d6f8b9b] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-2d6f8b9b] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-2d6f8b9b] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-2d6f8b9b] {
    background-color: var(--color-warning)
}

.bg-link[data-v-2d6f8b9b] {
    background-color: var(--color-link)
}

.bg-danger[data-v-2d6f8b9b] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-2d6f8b9b] {
    color: var(--color-text-100)
}

.color-text-80[data-v-2d6f8b9b] {
    color: var(--color-text-80)
}

.color-text-50[data-v-2d6f8b9b] {
    color: var(--color-text-50)
}

.color-text-40[data-v-2d6f8b9b] {
    color: var(--color-text-40)
}

.color-text-20[data-v-2d6f8b9b] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-2d6f8b9b] {
    color: var(--color-currency)
}

.color-warning[data-v-2d6f8b9b] {
    color: var(--color-warning)
}

.color-danger[data-v-2d6f8b9b] {
    color: var(--color-danger)
}

.color-link[data-v-2d6f8b9b] {
    color: var(--color-link)
}

.color-line[data-v-2d6f8b9b] {
    color: var(--color-line)
}

.color-border[data-v-2d6f8b9b] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-2d6f8b9b] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-2d6f8b9b] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-2d6f8b9b] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-2d6f8b9b] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-2d6f8b9b] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-2d6f8b9b] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-2d6f8b9b] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-2d6f8b9b] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-2d6f8b9b] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-2d6f8b9b] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-2d6f8b9b] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-2d6f8b9b] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-2d6f8b9b] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-2d6f8b9b] {
    display: flex;
    align-items: center
}

.flex-start[data-v-2d6f8b9b] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-2d6f8b9b] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-2d6f8b9b] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-2d6f8b9b] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-2d6f8b9b] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-2d6f8b9b] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-2d6f8b9b] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-2d6f8b9b] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-2d6f8b9b] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-2d6f8b9b] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-2d6f8b9b] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-2d6f8b9b] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-2d6f8b9b] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-2d6f8b9b] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-2d6f8b9b] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-2d6f8b9b] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-2d6f8b9b] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-2d6f8b9b] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-2d6f8b9b] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-2d6f8b9b] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-2d6f8b9b] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-2d6f8b9b] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-2d6f8b9b] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-2d6f8b9b] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-2d6f8b9b],
.mlm-selected-item[data-v-2d6f8b9b] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-2d6f8b9b] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-2d6f8b9b]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-2d6f8b9b] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-2d6f8b9b] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-2d6f8b9b] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .layout1.line[data-v-2d6f8b9b],
#tabbar-tabs-inicio-components-Segment-components-checked-1-index .layout1.line[data-v-2d6f8b9b] {
    width: .5rem;
    height: var(--height, .125rem);
    background: var(--ep-color-icon-selected, #94FF7F);
    position: absolute;
    bottom: .0938rem;
    left: 0;
    z-index: 10;
    transition: transform .3s ease-in-out;
    box-shadow: var(--box-shadow, 0 0 .25rem 0 var(--ep-color-icon-selected, #94FF7F));
    border-radius: .125rem
}

.color-primary-600[data-v-ed2d56e1] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-ed2d56e1] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-ed2d56e1] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-ed2d56e1] {
    color: var(--color-primary-900)
}

.bg-100[data-v-ed2d56e1] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-ed2d56e1] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-ed2d56e1] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-ed2d56e1] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-ed2d56e1] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-ed2d56e1] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-ed2d56e1] {
    background-color: var(--color-warning)
}

.bg-link[data-v-ed2d56e1] {
    background-color: var(--color-link)
}

.bg-danger[data-v-ed2d56e1] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-ed2d56e1] {
    color: var(--color-text-100)
}

.color-text-80[data-v-ed2d56e1] {
    color: var(--color-text-80)
}

.color-text-50[data-v-ed2d56e1] {
    color: var(--color-text-50)
}

.color-text-40[data-v-ed2d56e1] {
    color: var(--color-text-40)
}

.color-text-20[data-v-ed2d56e1] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-ed2d56e1] {
    color: var(--color-currency)
}

.color-warning[data-v-ed2d56e1] {
    color: var(--color-warning)
}

.color-danger[data-v-ed2d56e1] {
    color: var(--color-danger)
}

.color-link[data-v-ed2d56e1] {
    color: var(--color-link)
}

.color-line[data-v-ed2d56e1] {
    color: var(--color-line)
}

.color-border[data-v-ed2d56e1] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-ed2d56e1] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-ed2d56e1] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-ed2d56e1] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-ed2d56e1] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-ed2d56e1] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-ed2d56e1] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-ed2d56e1] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-ed2d56e1] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-ed2d56e1] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-ed2d56e1] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-ed2d56e1] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-ed2d56e1] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-ed2d56e1] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-ed2d56e1] {
    display: flex;
    align-items: center
}

.flex-start[data-v-ed2d56e1] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-ed2d56e1] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-ed2d56e1] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-ed2d56e1] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-ed2d56e1] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-ed2d56e1] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-ed2d56e1] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-ed2d56e1] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-ed2d56e1] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-ed2d56e1] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-ed2d56e1] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-ed2d56e1] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-ed2d56e1] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-ed2d56e1] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-ed2d56e1] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-ed2d56e1] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-ed2d56e1] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-ed2d56e1] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-ed2d56e1] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-ed2d56e1] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-ed2d56e1] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-ed2d56e1] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-ed2d56e1] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-ed2d56e1] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-ed2d56e1],
.mlm-selected-item[data-v-ed2d56e1] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-ed2d56e1] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-ed2d56e1]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-ed2d56e1] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-ed2d56e1] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-ed2d56e1] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .layout1.btn-wall .type-img[data-v-ed2d56e1] {
    display: block;
    background-size: 800% 400%;
    width: 7.5rem;
    height: 3.25rem
}

html .layout2.btn-wall[data-v-ed2d56e1] {
    min-width: 4.375rem;
    padding: .125rem .25rem .5rem;
    display: flex;
    flex-direction: column;
    align-items: center
}

html .layout2.btn-wall .type-img[data-v-ed2d56e1] {
    display: block;
    background-size: 700% 100%;
    width: 2.375rem;
    height: 2.375rem
}

html .layout2.btn-wall .label[data-v-ed2d56e1] {
    line-height: 1;
    font-size: var(--ep-font-size-s, .75rem);
    color: var(--ep-color-text-weaker)
}

html .active .layout2.btn-wall .label[data-v-ed2d56e1] {
    color: var(--ep-color-text-default)
}

html .layout3.btn-wall[data-v-ed2d56e1] {
    padding: .25rem .25rem .25rem .625rem;
    display: flex;
    align-items: center;
    gap: .375rem;
    border-radius: var(--ep-border-radius-m, .375rem);
    background: var(--ep-color-background-fill-surface-raised-L1, #252C32)
}

html .layout3.btn-wall .type-img[data-v-ed2d56e1] {
    flex-shrink: 0;
    display: block;
    background-size: 800% 400%;
    width: 2rem;
    height: 2rem
}

html .layout3.btn-wall .type-icon[data-v-ed2d56e1] {
    width: 2rem;
    height: 2rem;
    font-size: 2rem
}

html .layout3.btn-wall .label[data-v-ed2d56e1] {
    line-height: 1;
    font-size: var(--ep-font-size-s, .75rem);
    color: var(--ep-color-text-weaker)
}

html .layout4.btn-wall[data-v-ed2d56e1] {
    width: 4.375rem;
    margin: .0625rem;
    padding: .25rem;
    display: flex;
    flex-direction: column;
    align-items: center
}

html .layout4.btn-wall .type-icon[data-v-ed2d56e1],
html .layout4.btn-wall .type-img[data-v-ed2d56e1] {
    width: 2rem;
    height: 2rem;
    flex-shrink: 0
}

html .layout4.btn-wall .type-img[data-v-ed2d56e1] {
    display: block;
    background-size: 800% 400%
}

html .layout4.btn-wall .label[data-v-ed2d56e1] {
    width: 100%;
    margin-bottom: .3125rem;
    line-height: 1;
    font-size: var(--ep-font-size-xs, .625rem);
    font-weight: var(--ep-font-weight-regular, 400);
    color: var(--ep-color-text-weak, #fff)
}

html .active .layout4.btn-wall .label[data-v-ed2d56e1] {
    color: var(--ep-color-text-selected)
}

.blue-default[data-v-ed2d56e1] {
    --ep-color-text-default: #fff;
    --ep-color-text-weaker: #9ba7be
}

.green-default[data-v-ed2d56e1] {
    --ep-color-text-default: #AFC69F;
    --ep-color-text-weaker: #AFC69F
}

.amber-purple[data-v-ed2d56e1] {
    --ep-color-text-default: #bdb8e1;
    --ep-color-text-weaker: #bdb8e1
}

#tabbar-tabs-inicio-components-Segment-components-nav-1-index .layout1.btn-wall .type-img[data-v-ed2d56e1] {
    display: block;
    background-size: 800% 400%;
    width: 7.5rem;
    height: 3.25rem
}

#tabbar-tabs-inicio-components-Segment-components-nav-1-index .layout2.btn-wall[data-v-ed2d56e1] {
    min-width: 4.375rem;
    padding: .125rem .25rem .5rem;
    display: flex;
    flex-direction: column;
    align-items: center
}

#tabbar-tabs-inicio-components-Segment-components-nav-1-index .layout2.btn-wall .type-img[data-v-ed2d56e1] {
    display: block;
    background-size: 700% 100%;
    width: 2.375rem;
    height: 2.375rem
}

#tabbar-tabs-inicio-components-Segment-components-nav-1-index .layout2.btn-wall .label[data-v-ed2d56e1] {
    line-height: 1;
    font-size: var(--ep-font-size-s, .75rem);
    color: var(--ep-color-text-weaker)
}

#tabbar-tabs-inicio-components-Segment-components-nav-1-index .active .layout2.btn-wall .label[data-v-ed2d56e1] {
    color: var(--ep-color-text-default)
}

#tabbar-tabs-inicio-components-Segment-components-nav-1-index .layout3.btn-wall[data-v-ed2d56e1] {
    padding: .25rem .25rem .25rem .625rem;
    display: flex;
    align-items: center;
    gap: .375rem;
    border-radius: var(--ep-border-radius-m, .375rem);
    background: var(--ep-color-background-fill-surface-raised-L1, #252C32)
}

#tabbar-tabs-inicio-components-Segment-components-nav-1-index .layout3.btn-wall .type-img[data-v-ed2d56e1] {
    flex-shrink: 0;
    display: block;
    background-size: 800% 400%;
    width: 2rem;
    height: 2rem
}

#tabbar-tabs-inicio-components-Segment-components-nav-1-index .layout3.btn-wall .type-icon[data-v-ed2d56e1] {
    width: 2rem;
    height: 2rem;
    font-size: 2rem
}

#tabbar-tabs-inicio-components-Segment-components-nav-1-index .layout3.btn-wall .label[data-v-ed2d56e1] {
    line-height: 1;
    font-size: var(--ep-font-size-s, .75rem);
    color: var(--ep-color-text-weaker)
}

#tabbar-tabs-inicio-components-Segment-components-nav-1-index .layout4.btn-wall[data-v-ed2d56e1] {
    width: 4.375rem;
    margin: .0625rem;
    padding: .25rem;
    display: flex;
    flex-direction: column;
    align-items: center
}

#tabbar-tabs-inicio-components-Segment-components-nav-1-index .layout4.btn-wall .type-icon[data-v-ed2d56e1],
#tabbar-tabs-inicio-components-Segment-components-nav-1-index .layout4.btn-wall .type-img[data-v-ed2d56e1] {
    width: 2rem;
    height: 2rem;
    flex-shrink: 0
}

#tabbar-tabs-inicio-components-Segment-components-nav-1-index .layout4.btn-wall .type-img[data-v-ed2d56e1] {
    display: block;
    background-size: 800% 400%
}

#tabbar-tabs-inicio-components-Segment-components-nav-1-index .layout4.btn-wall .label[data-v-ed2d56e1] {
    width: 100%;
    margin-bottom: .3125rem;
    line-height: 1;
    font-size: var(--ep-font-size-xs, .625rem);
    font-weight: var(--ep-font-weight-regular, 400);
    color: var(--ep-color-text-weak, #fff)
}

#tabbar-tabs-inicio-components-Segment-components-nav-1-index .active .layout4.btn-wall .label[data-v-ed2d56e1] {
    color: var(--ep-color-text-selected)
}

.color-primary-600[data-v-28545413] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-28545413] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-28545413] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-28545413] {
    color: var(--color-primary-900)
}

.bg-100[data-v-28545413] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-28545413] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-28545413] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-28545413] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-28545413] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-28545413] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-28545413] {
    background-color: var(--color-warning)
}

.bg-link[data-v-28545413] {
    background-color: var(--color-link)
}

.bg-danger[data-v-28545413] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-28545413] {
    color: var(--color-text-100)
}

.color-text-80[data-v-28545413] {
    color: var(--color-text-80)
}

.color-text-50[data-v-28545413] {
    color: var(--color-text-50)
}

.color-text-40[data-v-28545413] {
    color: var(--color-text-40)
}

.color-text-20[data-v-28545413] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-28545413] {
    color: var(--color-currency)
}

.color-warning[data-v-28545413] {
    color: var(--color-warning)
}

.color-danger[data-v-28545413] {
    color: var(--color-danger)
}

.color-link[data-v-28545413] {
    color: var(--color-link)
}

.color-line[data-v-28545413] {
    color: var(--color-line)
}

.color-border[data-v-28545413] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-28545413] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-28545413] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-28545413] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-28545413] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-28545413] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-28545413] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-28545413] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-28545413] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-28545413] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-28545413] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-28545413] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-28545413] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-28545413] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-28545413] {
    display: flex;
    align-items: center
}

.flex-start[data-v-28545413] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-28545413] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-28545413] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-28545413] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-28545413] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-28545413] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-28545413] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-28545413] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-28545413] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-28545413] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-28545413] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-28545413] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-28545413] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-28545413] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-28545413] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-28545413] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-28545413] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-28545413] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-28545413] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-28545413] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-28545413] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-28545413] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-28545413] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-28545413] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-28545413],
.mlm-selected-item[data-v-28545413] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-28545413] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-28545413]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-28545413] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-28545413] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-28545413] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .layout1.btn-wall[data-v-28545413] {
    width: 3.75rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 .1875rem .5rem
}

html .layout1.btn-wall .type-icon[data-v-28545413],
html .layout1.btn-wall .type-img[data-v-28545413] {
    width: 2.25rem;
    height: 2.25rem;
    font-size: 2.25rem;
    opacity: .6
}

html .layout1.btn-wall .type-img[data-v-28545413] {
    display: block;
    background-size: 700% 100%
}

html .layout1.btn-wall .label-wall[data-v-28545413] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

html .layout1.btn-wall .label-wall .label-icon[data-v-28545413] {
    display: none
}

html .layout1.btn-wall .label-wall .label[data-v-28545413] {
    font-size: var(--ep-font-size-xs, .625rem);
    font-weight: var(--ep-font-weight-regular, 400);
    line-height: 1.5;
    text-align: center;
    color: var(--ep-color-text-default-secondary, #999999)
}

html .active .layout1.btn-wall .type-icon[data-v-28545413],
html .active .layout1.btn-wall .type-img[data-v-28545413] {
    opacity: 1
}

html .active .layout1.btn-wall .label-wall .label[data-v-28545413] {
    font-weight: 600;
    color: var(--ep-color-text-default, #FFFFFF)
}

html .layout2.btn-wall[data-v-28545413] {
    width: 3.75rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 .1875rem .5rem
}

html .layout2.btn-wall .type-icon[data-v-28545413],
html .layout2.btn-wall .type-img[data-v-28545413] {
    width: 2.25rem;
    height: 2.25rem;
    font-size: 2.25rem;
    opacity: .6
}

html .layout2.btn-wall .type-img[data-v-28545413] {
    display: block;
    background-size: 800% 400%
}

html .layout2.btn-wall .label-wall[data-v-28545413] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

html .layout2.btn-wall .label-wall .label-icon[data-v-28545413] {
    display: none
}

html .layout2.btn-wall .label-wall .label[data-v-28545413] {
    font-size: var(--ep-font-size-xs, .625rem);
    font-weight: var(--ep-font-weight-regular, 400);
    line-height: 1.5;
    text-align: center;
    color: var(--ep-color-text-default-secondary, #999999)
}

html .active .layout2.btn-wall .type-icon[data-v-28545413],
html .active .layout2.btn-wall .type-img[data-v-28545413] {
    opacity: 1
}

html .active .layout2.btn-wall .label-wall .label[data-v-28545413] {
    font-weight: 600;
    color: var(--ep-color-text-default, #FFFFFF)
}

html .layout3.btn-wall[data-v-28545413] {
    width: 4.125rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: .375rem;
    border: .0625rem solid #4C4943
}

html .layout3.btn-wall .type-icon[data-v-28545413],
html .layout3.btn-wall .type-img[data-v-28545413] {
    width: 3.125rem;
    height: 3.125rem;
    font-size: 3.125rem
}

html .layout3.btn-wall .type-img[data-v-28545413] {
    display: block;
    background-size: 800% 400%
}

html .layout3.btn-wall .label-wall[data-v-28545413] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

html .layout3.btn-wall .label-wall .label-icon[data-v-28545413] {
    display: none
}

html .layout3.btn-wall .label-wall .label[data-v-28545413] {
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-regular, 400);
    line-height: 1.34;
    text-align: center;
    color: var(--ep-color-text-default-secondary, #999999)
}

html .active .layout3.btn-wall[data-v-28545413] {
    background: linear-gradient(180deg, #38342e 4.76%, #24221f)
}

html .active .layout3.btn-wall .type-icon[data-v-28545413],
html .active .layout3.btn-wall .type-img[data-v-28545413] {
    opacity: 1
}

html .active .layout3.btn-wall .label-wall .label[data-v-28545413] {
    color: var(--ep-color-text-default, #FFFFFF)
}

html .layout4.btn-wall[data-v-28545413] {
    width: 4.125rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: .375rem;
    border: .0625rem solid #4C4943
}

html .layout4.btn-wall .type-icon[data-v-28545413],
html .layout4.btn-wall .type-img[data-v-28545413] {
    width: 3.125rem;
    height: 3.125rem;
    font-size: 3.125rem
}

html .layout4.btn-wall .type-img[data-v-28545413] {
    display: block;
    background-size: 700% 100%
}

html .layout4.btn-wall .label-wall[data-v-28545413] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

html .layout4.btn-wall .label-wall .label-icon[data-v-28545413] {
    display: none
}

html .layout4.btn-wall .label-wall .label[data-v-28545413] {
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-regular, 400);
    line-height: 1.34;
    text-align: center;
    color: var(--ep-color-text-default-secondary, #999999)
}

html .active .layout4.btn-wall[data-v-28545413] {
    background: linear-gradient(180deg, #38342e 4.76%, #24221f)
}

html .active .layout4.btn-wall .type-icon[data-v-28545413],
html .active .layout4.btn-wall .type-img[data-v-28545413] {
    opacity: 1
}

html .active .layout4.btn-wall .label-wall .label[data-v-28545413] {
    color: var(--ep-color-text-default, #FFFFFF)
}

html .layout5.btn-wall[data-v-28545413] {
    margin: .0625rem;
    min-width: 3.375rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: .25rem;
    padding-bottom: .375rem;
    position: relative;
    background: radial-gradient(88.81% 88.81% at 10.61% -7.95%, #254112, #254112)
}

html .layout5.btn-wall .bug[data-v-28545413] {
    display: none;
    position: absolute;
    top: .375rem;
    left: .3125rem;
    z-index: 10;
    width: .375rem;
    height: .125rem;
    border-radius: .125rem;
    box-shadow: 0 0 .25rem #94ff7f;
    background: #94ff7f
}

html .layout5.btn-wall .type-icon[data-v-28545413],
html .layout5.btn-wall .type-img[data-v-28545413] {
    filter: grayscale(1);
    width: 2.875rem;
    height: 2.875rem;
    font-size: 2.875rem
}

html .layout5.btn-wall .type-img[data-v-28545413] {
    display: block;
    background-size: 800% 400%
}

html .layout5.btn-wall .label-wall[data-v-28545413] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

html .layout5.btn-wall .label-wall .label-icon[data-v-28545413] {
    font-size: var(--ep-font-size-xs, .625rem);
    color: var(--ep-color-text-default-secondary, #7E9071)
}

html .layout5.btn-wall .label-wall .label[data-v-28545413] {
    margin-top: .125rem;
    font-size: var(--ep-font-size-xs, .625rem);
    font-weight: var(--ep-font-weight-regular, 400);
    line-height: 1;
    text-align: center;
    color: var(--ep-color-text-default-secondary, #7E9071)
}

html .active .layout5.btn-wall[data-v-28545413] {
    background: radial-gradient(88.81% 88.81% at 10.61% -7.95%, #5e7c24, #254112);
    outline: .0625rem solid #34571D
}

html .active .layout5.btn-wall .bug[data-v-28545413] {
    display: block
}

html .active .layout5.btn-wall .type-icon[data-v-28545413],
html .active .layout5.btn-wall .type-img[data-v-28545413] {
    filter: none
}

html .active .layout5.btn-wall .label-wall .label-icon[data-v-28545413],
html .active .layout5.btn-wall .label-wall .label[data-v-28545413] {
    color: var(--ep-color-text-default, #7E9071)
}

html .layout6.btn-wall[data-v-28545413] {
    margin: .0625rem;
    min-width: 3.375rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: .25rem;
    padding-bottom: .375rem;
    position: relative;
    background: radial-gradient(88.81% 88.81% at 10.61% -7.95%, #254112, #254112)
}

html .layout6.btn-wall .bug[data-v-28545413] {
    display: none;
    position: absolute;
    top: .375rem;
    left: .3125rem;
    z-index: 10;
    width: .375rem;
    height: .125rem;
    border-radius: .125rem;
    box-shadow: 0 0 .25rem #94ff7f;
    background: #94ff7f
}

html .layout6.btn-wall .type-icon[data-v-28545413],
html .layout6.btn-wall .type-img[data-v-28545413] {
    filter: grayscale(1);
    width: 2.875rem;
    height: 2.875rem;
    font-size: 2.875rem
}

html .layout6.btn-wall .type-img[data-v-28545413] {
    display: block;
    background-size: 700% 100%
}

html .layout6.btn-wall .label-wall[data-v-28545413] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

html .layout6.btn-wall .label-wall .label-icon[data-v-28545413] {
    display: none;
    font-size: var(--ep-font-size-xs, .625rem);
    color: var(--ep-color-text-default-secondary, #7E9071)
}

html .layout6.btn-wall .label-wall .label[data-v-28545413] {
    margin-top: .125rem;
    font-size: var(--ep-font-size-xs, .625rem);
    font-weight: var(--ep-font-weight-regular, 400);
    line-height: 1;
    text-align: center;
    color: var(--ep-color-text-default-secondary, #7E9071)
}

html .active .layout6.btn-wall[data-v-28545413] {
    background: radial-gradient(88.81% 88.81% at 10.61% -7.95%, #5e7c24, #254112);
    outline: .0625rem solid #34571D
}

html .active .layout6.btn-wall .bug[data-v-28545413] {
    display: block
}

html .active .layout6.btn-wall .type-icon[data-v-28545413],
html .active .layout6.btn-wall .type-img[data-v-28545413] {
    filter: none
}

html .active .layout6.btn-wall .label-wall .label[data-v-28545413] {
    color: var(--ep-color-text-default, #7E9071)
}

html .layout7.btn-wall[data-v-28545413] {
    margin: .0625rem;
    width: 4.75rem;
    height: 4.75rem;
    padding-top: .625rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: .375rem;
    position: relative;
    background: radial-gradient(92.73% 100.4% at 10.61% -7.95%, #254112, #254112)
}

html .layout7.btn-wall .bug[data-v-28545413] {
    display: none;
    position: absolute;
    top: .5rem;
    left: .5625rem;
    z-index: 10;
    width: .125rem;
    height: .375rem;
    border-radius: .125rem;
    box-shadow: 0 0 .25rem #94ff7f;
    background: #94ff7f
}

html .layout7.btn-wall .type-icon[data-v-28545413],
html .layout7.btn-wall .type-img[data-v-28545413] {
    width: 2.25rem;
    height: 2.25rem;
    font-size: 2.25rem
}

html .layout7.btn-wall .type-img[data-v-28545413] {
    display: block;
    background-size: 800% 400%
}

html .layout7.btn-wall .label-wall[data-v-28545413] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

html .layout7.btn-wall .label-wall .label-icon[data-v-28545413] {
    display: none;
    font-size: var(--ep-font-size-xs, .625rem);
    color: var(--ep-color-text-default-secondary, #7E9071)
}

html .layout7.btn-wall .label-wall .label[data-v-28545413] {
    margin-top: .125rem;
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-bold, 700);
    line-height: 1;
    text-align: center;
    color: var(--ep-color-text-default-secondary, #7E9071)
}

html .active .layout7.btn-wall[data-v-28545413] {
    background: radial-gradient(133.68% 133% at 10.61% -7.95%, #cfc959, #646e21 47.17%, #254112);
    outline: .0625rem solid #34571D
}

html .active .layout7.btn-wall .bug[data-v-28545413] {
    display: block
}

html .active .layout7.btn-wall .type-icon[data-v-28545413],
html .active .layout7.btn-wall .type-img[data-v-28545413] {
    filter: none
}

html .active .layout7.btn-wall .label-wall .label[data-v-28545413] {
    color: var(--ep-color-text-default, #fff)
}

html .layout8.btn-wall[data-v-28545413] {
    margin: .0625rem;
    width: 4.75rem;
    height: 4.75rem;
    padding-top: .625rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: .375rem;
    position: relative;
    background: radial-gradient(92.73% 100.4% at 10.61% -7.95%, #254112, #254112)
}

html .layout8.btn-wall .bug[data-v-28545413] {
    display: none;
    position: absolute;
    top: .5rem;
    left: .5625rem;
    z-index: 10;
    width: .125rem;
    height: .375rem;
    border-radius: .125rem;
    box-shadow: 0 0 .25rem #94ff7f;
    background: #94ff7f
}

html .layout8.btn-wall .type-icon[data-v-28545413],
html .layout8.btn-wall .type-img[data-v-28545413] {
    width: 2.25rem;
    height: 2.25rem;
    font-size: 2.25rem
}

html .layout8.btn-wall .type-img[data-v-28545413] {
    display: block;
    background-size: 700% 100%
}

html .layout8.btn-wall .label-wall[data-v-28545413] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

html .layout8.btn-wall .label-wall .label-icon[data-v-28545413] {
    display: none;
    font-size: var(--ep-font-size-xs, .625rem);
    color: var(--ep-color-text-default-secondary, #7E9071)
}

html .layout8.btn-wall .label-wall .label[data-v-28545413] {
    margin-top: .125rem;
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-bold, 700);
    line-height: 1;
    text-align: center;
    color: var(--ep-color-text-default-secondary, #7E9071)
}

html .active .layout8.btn-wall[data-v-28545413] {
    background: radial-gradient(133.68% 133% at 10.61% -7.95%, #cfc959, #646e21 47.17%, #254112);
    outline: .0625rem solid #34571D
}

html .active .layout8.btn-wall .bug[data-v-28545413] {
    display: block
}

html .active .layout8.btn-wall .type-icon[data-v-28545413],
html .active .layout8.btn-wall .type-img[data-v-28545413] {
    filter: none
}

html .active .layout8.btn-wall .label-wall .label[data-v-28545413] {
    color: var(--ep-color-text-default, #fff)
}

html .layout9.btn-wall[data-v-28545413] {
    width: 4.125rem;
    display: flex;
    flex-direction: column;
    align-items: center
}

html .layout9.btn-wall .type-icon[data-v-28545413],
html .layout9.btn-wall .type-img[data-v-28545413] {
    width: 2.875rem;
    height: 2.875rem;
    font-size: 2.875rem
}

html .layout9.btn-wall .type-img[data-v-28545413] {
    display: block;
    background-size: 700% 100%
}

html .layout9.btn-wall .label-wall[data-v-28545413] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

html .layout9.btn-wall .label-wall .label-icon[data-v-28545413] {
    display: none
}

html .layout9.btn-wall .label-wall .label[data-v-28545413] {
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-regular, 400);
    line-height: 1.34;
    text-align: center;
    color: var(--ep-color-text-default, #FFFFFF)
}

html .active .layout9.btn-wall .type-icon[data-v-28545413],
html .active .layout9.btn-wall .type-img[data-v-28545413] {
    opacity: 1
}

html .active .layout9.btn-wall .label-wall .label[data-v-28545413] {
    color: var(--ep-color-text-default, #FFFFFF)
}

html .layout10.btn-wall[data-v-28545413] {
    width: 4.125rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-image: url(/assets/tab-bg-category-26-ZB5BczhD.png);
    background-size: 100% 100%
}

html .layout10.btn-wall .type-icon[data-v-28545413],
html .layout10.btn-wall .type-img[data-v-28545413] {
    width: 2.625rem;
    height: 2.625rem;
    font-size: 2.625rem
}

html .layout10.btn-wall .type-img[data-v-28545413] {
    display: block;
    background-size: 700% 100%
}

html .layout10.btn-wall .label-wall[data-v-28545413] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

html .layout10.btn-wall .label-wall .label-icon[data-v-28545413] {
    display: none
}

html .layout10.btn-wall .label-wall .label[data-v-28545413] {
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-bold, 700);
    line-height: 1.34;
    text-align: center;
    color: var(--ep-color-text-default, #FFFFFF)
}

html .active .layout10.btn-wall .type-icon[data-v-28545413],
html .active .layout10.btn-wall .type-img[data-v-28545413] {
    opacity: 1
}

html .active .layout10.btn-wall .label-wall .label[data-v-28545413] {
    color: var(--ep-color-text-default, #FFFFFF)
}

.forest-green .layout5.btn-wall[data-v-28545413] {
    background: linear-gradient(90deg, #00694a, #00815d, #00694a)
}

.forest-green .layout5.btn-wall .bug[data-v-28545413] {
    box-shadow: 0 0 .25rem #94ff7f;
    background: #94ff7f
}

.forest-green .layout5.btn-wall .label-wall .label-icon[data-v-28545413],
.forest-green .layout5.btn-wall .label-wall .label[data-v-28545413] {
    color: var(--ep-color-text-default-secondary, #7E9071)
}

.forest-green .active .layout5.btn-wall[data-v-28545413] {
    background: linear-gradient(90deg, #ffe700, #fb0 96%);
    outline: .0625rem solid #34571D
}

.forest-green .active .layout5.btn-wall .label-wall .label-icon[data-v-28545413],
.forest-green .active .layout5.btn-wall .label-wall .label[data-v-28545413] {
    color: var(--ep-color-text-default, #183009)
}

.forest-green .layout7.btn-wall[data-v-28545413] {
    background: linear-gradient(90deg, #00694a, #00815d, #00694a)
}

.forest-green .layout7.btn-wall .bug[data-v-28545413] {
    box-shadow: 0 0 .25rem #94ff7f;
    background: #94ff7f
}

.forest-green .layout7.btn-wall .label-wall .label-icon[data-v-28545413],
.forest-green .layout7.btn-wall .label-wall .label[data-v-28545413] {
    color: var(--ep-color-text-default-secondary, #fff)
}

.forest-green .active .layout7.btn-wall[data-v-28545413] {
    background: linear-gradient(90deg, #ffe700, #fb0 96%);
    outline: .0625rem solid #34571D
}

.forest-green .active .layout7.btn-wall .label-wall .label[data-v-28545413] {
    color: var(--ep-color-text-default, #183009)
}

.forest-green .layout5.btn-wall .type-icon[data-v-28545413],
.forest-green .layout5.btn-wall .type-img[data-v-28545413] {
    filter: none
}

.blue-default .layout5.btn-wall[data-v-28545413] {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .06))
}

.blue-default .layout5.btn-wall .bug[data-v-28545413] {
    box-shadow: 0 0 .25rem #b7c9ff;
    background: #b7c9ff
}

.blue-default .layout5.btn-wall .label-wall .label-icon[data-v-28545413],
.blue-default .layout5.btn-wall .label-wall .label[data-v-28545413] {
    color: var(--ep-color-text-default-secondary, #e5e7eb)
}

.blue-default .active .layout5.btn-wall[data-v-28545413] {
    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-28545413],
.blue-default .active .layout5.btn-wall .label-wall .label[data-v-28545413] {
    color: var(--ep-color-text-default, #e5e7eb)
}

.blue-default .layout6.btn-wall[data-v-28545413] {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .06))
}

.blue-default .layout6.btn-wall .bug[data-v-28545413] {
    box-shadow: 0 0 .25rem #b7c9ff;
    background: #b7c9ff
}

.blue-default .layout6.btn-wall .label-wall .label-icon[data-v-28545413],
.blue-default .layout6.btn-wall .label-wall .label[data-v-28545413] {
    color: var(--ep-color-text-default-secondary, #e5e7eb)
}

.blue-default .active .layout6.btn-wall[data-v-28545413] {
    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-28545413] {
    color: var(--ep-color-text-default, #e5e7eb)
}

.blue-default .layout5.btn-wall .label-wall[data-v-28545413],
.blue-default .layout6.btn-wall .label-wall[data-v-28545413] {
    opacity: .6
}

.blue-default .active .layout5.btn-wall[data-v-28545413]: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
}

.amber-purple .layout5.btn-wall[data-v-28545413] {
    background: #3c3467
}

.amber-purple .layout5.btn-wall .bug[data-v-28545413] {
    box-shadow: 0 0 .25rem #b7c9ff;
    background: #b7c9ff
}

.amber-purple .layout5.btn-wall .label-wall .label-icon[data-v-28545413],
.amber-purple .layout5.btn-wall .label-wall .label[data-v-28545413] {
    color: var(--ep-color-text-default-secondary, #BDB8E1)
}

.amber-purple .active .layout5.btn-wall[data-v-28545413] {
    background: radial-gradient(108% 100.4% at 10.61% -7.95%, #a779ae, #262346);
    outline: .0625rem solid transparent
}

.amber-purple .active .layout5.btn-wall .label-wall .label-icon[data-v-28545413],
.amber-purple .active .layout5.btn-wall .label-wall .label[data-v-28545413] {
    color: var(--ep-color-text-default, #BDB8E1)
}

.amber-purple .layout6.btn-wall[data-v-28545413] {
    background: #3c3467
}

.amber-purple .layout6.btn-wall .bug[data-v-28545413] {
    box-shadow: 0 0 .25rem #b7c9ff;
    background: #b7c9ff
}

.amber-purple .layout6.btn-wall .label-wall .label-icon[data-v-28545413],
.amber-purple .layout6.btn-wall .label-wall .label[data-v-28545413] {
    color: var(--ep-color-text-default-secondary, #BDB8E1)
}

.amber-purple .active .layout6.btn-wall[data-v-28545413] {
    background: radial-gradient(108% 100.4% at 10.61% -7.95%, #a779ae, #262346);
    outline: .0625rem solid transparent
}

.amber-purple .active .layout6.btn-wall .label-wall .label[data-v-28545413] {
    color: var(--ep-color-text-default, #BDB8E1)
}

.amber-purple .active .layout5.btn-wall[data-v-28545413]:before,
.amber-purple .active .layout6.btn-wall[data-v-28545413]:before {
    content: "";
    position: absolute;
    top: -.0625rem;
    left: -.0625rem;
    right: -.0625rem;
    bottom: -.0625rem;
    background: radial-gradient(circle at 0% 0%, #f5c84c, #7041f3);
    z-index: -1;
    border-radius: .2594rem
}

.amber-purple .layout5.btn-wall .type-icon[data-v-28545413],
.amber-purple .layout5.btn-wall .type-img[data-v-28545413] {
    filter: saturate(0) brightness(1.8)
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout1.btn-wall[data-v-28545413] {
    width: 3.75rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 .1875rem .5rem
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout1.btn-wall .type-icon[data-v-28545413],
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout1.btn-wall .type-img[data-v-28545413] {
    width: 2.25rem;
    height: 2.25rem;
    font-size: 2.25rem;
    opacity: .6
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout1.btn-wall .type-img[data-v-28545413] {
    display: block;
    background-size: 700% 100%
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout1.btn-wall .label-wall[data-v-28545413] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout1.btn-wall .label-wall .label-icon[data-v-28545413] {
    display: none
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout1.btn-wall .label-wall .label[data-v-28545413] {
    font-size: var(--ep-font-size-xs, .625rem);
    font-weight: var(--ep-font-weight-regular, 400);
    line-height: 1.5;
    text-align: center;
    color: var(--ep-color-text-default-secondary, #999999)
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout1.btn-wall .type-icon[data-v-28545413],
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout1.btn-wall .type-img[data-v-28545413] {
    opacity: 1
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout1.btn-wall .label-wall .label[data-v-28545413] {
    font-weight: 600;
    color: var(--ep-color-text-default, #FFFFFF)
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout2.btn-wall[data-v-28545413] {
    width: 3.75rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 .1875rem .5rem
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout2.btn-wall .type-icon[data-v-28545413],
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout2.btn-wall .type-img[data-v-28545413] {
    width: 2.25rem;
    height: 2.25rem;
    font-size: 2.25rem;
    opacity: .6
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout2.btn-wall .type-img[data-v-28545413] {
    display: block;
    background-size: 800% 400%
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout2.btn-wall .label-wall[data-v-28545413] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout2.btn-wall .label-wall .label-icon[data-v-28545413] {
    display: none
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout2.btn-wall .label-wall .label[data-v-28545413] {
    font-size: var(--ep-font-size-xs, .625rem);
    font-weight: var(--ep-font-weight-regular, 400);
    line-height: 1.5;
    text-align: center;
    color: var(--ep-color-text-default-secondary, #999999)
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout2.btn-wall .type-icon[data-v-28545413],
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout2.btn-wall .type-img[data-v-28545413] {
    opacity: 1
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout2.btn-wall .label-wall .label[data-v-28545413] {
    font-weight: 600;
    color: var(--ep-color-text-default, #FFFFFF)
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout3.btn-wall[data-v-28545413] {
    width: 4.125rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: .375rem;
    border: .0625rem solid #4C4943
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout3.btn-wall .type-icon[data-v-28545413],
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout3.btn-wall .type-img[data-v-28545413] {
    width: 3.125rem;
    height: 3.125rem;
    font-size: 3.125rem
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout3.btn-wall .type-img[data-v-28545413] {
    display: block;
    background-size: 800% 400%
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout3.btn-wall .label-wall[data-v-28545413] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout3.btn-wall .label-wall .label-icon[data-v-28545413] {
    display: none
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout3.btn-wall .label-wall .label[data-v-28545413] {
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-regular, 400);
    line-height: 1.34;
    text-align: center;
    color: var(--ep-color-text-default-secondary, #999999)
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout3.btn-wall[data-v-28545413] {
    background: linear-gradient(180deg, #38342e 4.76%, #24221f)
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout3.btn-wall .type-icon[data-v-28545413],
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout3.btn-wall .type-img[data-v-28545413] {
    opacity: 1
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout3.btn-wall .label-wall .label[data-v-28545413] {
    color: var(--ep-color-text-default, #FFFFFF)
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout4.btn-wall[data-v-28545413] {
    width: 4.125rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: .375rem;
    border: .0625rem solid #4C4943
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout4.btn-wall .type-icon[data-v-28545413],
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout4.btn-wall .type-img[data-v-28545413] {
    width: 3.125rem;
    height: 3.125rem;
    font-size: 3.125rem
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout4.btn-wall .type-img[data-v-28545413] {
    display: block;
    background-size: 700% 100%
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout4.btn-wall .label-wall[data-v-28545413] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout4.btn-wall .label-wall .label-icon[data-v-28545413] {
    display: none
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout4.btn-wall .label-wall .label[data-v-28545413] {
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-regular, 400);
    line-height: 1.34;
    text-align: center;
    color: var(--ep-color-text-default-secondary, #999999)
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout4.btn-wall[data-v-28545413] {
    background: linear-gradient(180deg, #38342e 4.76%, #24221f)
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout4.btn-wall .type-icon[data-v-28545413],
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout4.btn-wall .type-img[data-v-28545413] {
    opacity: 1
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout4.btn-wall .label-wall .label[data-v-28545413] {
    color: var(--ep-color-text-default, #FFFFFF)
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout5.btn-wall[data-v-28545413] {
    margin: .0625rem;
    min-width: 3.375rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: .25rem;
    padding-bottom: .375rem;
    position: relative;
    background: radial-gradient(88.81% 88.81% at 10.61% -7.95%, #254112, #254112)
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout5.btn-wall .bug[data-v-28545413] {
    display: none;
    position: absolute;
    top: .375rem;
    left: .3125rem;
    z-index: 10;
    width: .375rem;
    height: .125rem;
    border-radius: .125rem;
    box-shadow: 0 0 .25rem #94ff7f;
    background: #94ff7f
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout5.btn-wall .type-icon[data-v-28545413],
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout5.btn-wall .type-img[data-v-28545413] {
    filter: grayscale(1);
    width: 2.875rem;
    height: 2.875rem;
    font-size: 2.875rem
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout5.btn-wall .type-img[data-v-28545413] {
    display: block;
    background-size: 800% 400%
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout5.btn-wall .label-wall[data-v-28545413] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout5.btn-wall .label-wall .label-icon[data-v-28545413] {
    font-size: var(--ep-font-size-xs, .625rem);
    color: var(--ep-color-text-default-secondary, #7E9071)
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout5.btn-wall .label-wall .label[data-v-28545413] {
    margin-top: .125rem;
    font-size: var(--ep-font-size-xs, .625rem);
    font-weight: var(--ep-font-weight-regular, 400);
    line-height: 1;
    text-align: center;
    color: var(--ep-color-text-default-secondary, #7E9071)
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout5.btn-wall[data-v-28545413] {
    background: radial-gradient(88.81% 88.81% at 10.61% -7.95%, #5e7c24, #254112);
    outline: .0625rem solid #34571D
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout5.btn-wall .bug[data-v-28545413] {
    display: block
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout5.btn-wall .type-icon[data-v-28545413],
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout5.btn-wall .type-img[data-v-28545413] {
    filter: none
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout5.btn-wall .label-wall .label-icon[data-v-28545413],
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout5.btn-wall .label-wall .label[data-v-28545413] {
    color: var(--ep-color-text-default, #7E9071)
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout6.btn-wall[data-v-28545413] {
    margin: .0625rem;
    min-width: 3.375rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: .25rem;
    padding-bottom: .375rem;
    position: relative;
    background: radial-gradient(88.81% 88.81% at 10.61% -7.95%, #254112, #254112)
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout6.btn-wall .bug[data-v-28545413] {
    display: none;
    position: absolute;
    top: .375rem;
    left: .3125rem;
    z-index: 10;
    width: .375rem;
    height: .125rem;
    border-radius: .125rem;
    box-shadow: 0 0 .25rem #94ff7f;
    background: #94ff7f
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout6.btn-wall .type-icon[data-v-28545413],
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout6.btn-wall .type-img[data-v-28545413] {
    filter: grayscale(1);
    width: 2.875rem;
    height: 2.875rem;
    font-size: 2.875rem
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout6.btn-wall .type-img[data-v-28545413] {
    display: block;
    background-size: 700% 100%
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout6.btn-wall .label-wall[data-v-28545413] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout6.btn-wall .label-wall .label-icon[data-v-28545413] {
    display: none;
    font-size: var(--ep-font-size-xs, .625rem);
    color: var(--ep-color-text-default-secondary, #7E9071)
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout6.btn-wall .label-wall .label[data-v-28545413] {
    margin-top: .125rem;
    font-size: var(--ep-font-size-xs, .625rem);
    font-weight: var(--ep-font-weight-regular, 400);
    line-height: 1;
    text-align: center;
    color: var(--ep-color-text-default-secondary, #7E9071)
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout6.btn-wall[data-v-28545413] {
    background: radial-gradient(88.81% 88.81% at 10.61% -7.95%, #5e7c24, #254112);
    outline: .0625rem solid #34571D
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout6.btn-wall .bug[data-v-28545413] {
    display: block
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout6.btn-wall .type-icon[data-v-28545413],
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout6.btn-wall .type-img[data-v-28545413] {
    filter: none
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout6.btn-wall .label-wall .label[data-v-28545413] {
    color: var(--ep-color-text-default, #7E9071)
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout7.btn-wall[data-v-28545413] {
    margin: .0625rem;
    width: 4.75rem;
    height: 4.75rem;
    padding-top: .625rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: .375rem;
    position: relative;
    background: radial-gradient(92.73% 100.4% at 10.61% -7.95%, #254112, #254112)
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout7.btn-wall .bug[data-v-28545413] {
    display: none;
    position: absolute;
    top: .5rem;
    left: .5625rem;
    z-index: 10;
    width: .125rem;
    height: .375rem;
    border-radius: .125rem;
    box-shadow: 0 0 .25rem #94ff7f;
    background: #94ff7f
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout7.btn-wall .type-icon[data-v-28545413],
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout7.btn-wall .type-img[data-v-28545413] {
    width: 2.25rem;
    height: 2.25rem;
    font-size: 2.25rem
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout7.btn-wall .type-img[data-v-28545413] {
    display: block;
    background-size: 800% 400%
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout7.btn-wall .label-wall[data-v-28545413] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout7.btn-wall .label-wall .label-icon[data-v-28545413] {
    display: none;
    font-size: var(--ep-font-size-xs, .625rem);
    color: var(--ep-color-text-default-secondary, #7E9071)
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout7.btn-wall .label-wall .label[data-v-28545413] {
    margin-top: .125rem;
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-bold, 700);
    line-height: 1;
    text-align: center;
    color: var(--ep-color-text-default-secondary, #7E9071)
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout7.btn-wall[data-v-28545413] {
    background: radial-gradient(133.68% 133% at 10.61% -7.95%, #cfc959, #646e21 47.17%, #254112);
    outline: .0625rem solid #34571D
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout7.btn-wall .bug[data-v-28545413] {
    display: block
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout7.btn-wall .type-icon[data-v-28545413],
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout7.btn-wall .type-img[data-v-28545413] {
    filter: none
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout7.btn-wall .label-wall .label[data-v-28545413] {
    color: var(--ep-color-text-default, #fff)
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout8.btn-wall[data-v-28545413] {
    margin: .0625rem;
    width: 4.75rem;
    height: 4.75rem;
    padding-top: .625rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: .375rem;
    position: relative;
    background: radial-gradient(92.73% 100.4% at 10.61% -7.95%, #254112, #254112)
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout8.btn-wall .bug[data-v-28545413] {
    display: none;
    position: absolute;
    top: .5rem;
    left: .5625rem;
    z-index: 10;
    width: .125rem;
    height: .375rem;
    border-radius: .125rem;
    box-shadow: 0 0 .25rem #94ff7f;
    background: #94ff7f
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout8.btn-wall .type-icon[data-v-28545413],
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout8.btn-wall .type-img[data-v-28545413] {
    width: 2.25rem;
    height: 2.25rem;
    font-size: 2.25rem
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout8.btn-wall .type-img[data-v-28545413] {
    display: block;
    background-size: 700% 100%
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout8.btn-wall .label-wall[data-v-28545413] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout8.btn-wall .label-wall .label-icon[data-v-28545413] {
    display: none;
    font-size: var(--ep-font-size-xs, .625rem);
    color: var(--ep-color-text-default-secondary, #7E9071)
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout8.btn-wall .label-wall .label[data-v-28545413] {
    margin-top: .125rem;
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-bold, 700);
    line-height: 1;
    text-align: center;
    color: var(--ep-color-text-default-secondary, #7E9071)
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout8.btn-wall[data-v-28545413] {
    background: radial-gradient(133.68% 133% at 10.61% -7.95%, #cfc959, #646e21 47.17%, #254112);
    outline: .0625rem solid #34571D
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout8.btn-wall .bug[data-v-28545413] {
    display: block
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout8.btn-wall .type-icon[data-v-28545413],
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout8.btn-wall .type-img[data-v-28545413] {
    filter: none
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout8.btn-wall .label-wall .label[data-v-28545413] {
    color: var(--ep-color-text-default, #fff)
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout9.btn-wall[data-v-28545413] {
    width: 4.125rem;
    display: flex;
    flex-direction: column;
    align-items: center
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout9.btn-wall .type-icon[data-v-28545413],
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout9.btn-wall .type-img[data-v-28545413] {
    width: 2.875rem;
    height: 2.875rem;
    font-size: 2.875rem
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout9.btn-wall .type-img[data-v-28545413] {
    display: block;
    background-size: 700% 100%
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout9.btn-wall .label-wall[data-v-28545413] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout9.btn-wall .label-wall .label-icon[data-v-28545413] {
    display: none
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout9.btn-wall .label-wall .label[data-v-28545413] {
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-regular, 400);
    line-height: 1.34;
    text-align: center;
    color: var(--ep-color-text-default, #FFFFFF)
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout9.btn-wall .type-icon[data-v-28545413],
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout9.btn-wall .type-img[data-v-28545413] {
    opacity: 1
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout9.btn-wall .label-wall .label[data-v-28545413] {
    color: var(--ep-color-text-default, #FFFFFF)
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout10.btn-wall[data-v-28545413] {
    width: 4.125rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-image: url(/assets/tab-bg-category-26-ZB5BczhD.png);
    background-size: 100% 100%
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout10.btn-wall .type-icon[data-v-28545413],
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout10.btn-wall .type-img[data-v-28545413] {
    width: 2.625rem;
    height: 2.625rem;
    font-size: 2.625rem
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout10.btn-wall .type-img[data-v-28545413] {
    display: block;
    background-size: 700% 100%
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout10.btn-wall .label-wall[data-v-28545413] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout10.btn-wall .label-wall .label-icon[data-v-28545413] {
    display: none
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout10.btn-wall .label-wall .label[data-v-28545413] {
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-bold, 700);
    line-height: 1.34;
    text-align: center;
    color: var(--ep-color-text-default, #FFFFFF)
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout10.btn-wall .type-icon[data-v-28545413],
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout10.btn-wall .type-img[data-v-28545413] {
    opacity: 1
}

#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout10.btn-wall .label-wall .label[data-v-28545413] {
    color: var(--ep-color-text-default, #FFFFFF)
}

.color-primary-600[data-v-1e3669db] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-1e3669db] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-1e3669db] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-1e3669db] {
    color: var(--color-primary-900)
}

.bg-100[data-v-1e3669db] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-1e3669db] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-1e3669db] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-1e3669db] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-1e3669db] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-1e3669db] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-1e3669db] {
    background-color: var(--color-warning)
}

.bg-link[data-v-1e3669db] {
    background-color: var(--color-link)
}

.bg-danger[data-v-1e3669db] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-1e3669db] {
    color: var(--color-text-100)
}

.color-text-80[data-v-1e3669db] {
    color: var(--color-text-80)
}

.color-text-50[data-v-1e3669db] {
    color: var(--color-text-50)
}

.color-text-40[data-v-1e3669db] {
    color: var(--color-text-40)
}

.color-text-20[data-v-1e3669db] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-1e3669db] {
    color: var(--color-currency)
}

.color-warning[data-v-1e3669db] {
    color: var(--color-warning)
}

.color-danger[data-v-1e3669db] {
    color: var(--color-danger)
}

.color-link[data-v-1e3669db] {
    color: var(--color-link)
}

.color-line[data-v-1e3669db] {
    color: var(--color-line)
}

.color-border[data-v-1e3669db] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-1e3669db] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-1e3669db] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-1e3669db] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-1e3669db] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-1e3669db] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-1e3669db] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-1e3669db] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-1e3669db] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-1e3669db] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-1e3669db] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-1e3669db] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-1e3669db] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-1e3669db] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-1e3669db] {
    display: flex;
    align-items: center
}

.flex-start[data-v-1e3669db] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-1e3669db] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-1e3669db] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-1e3669db] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-1e3669db] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-1e3669db] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-1e3669db] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-1e3669db] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-1e3669db] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-1e3669db] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-1e3669db] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-1e3669db] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-1e3669db] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-1e3669db] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-1e3669db] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-1e3669db] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-1e3669db] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-1e3669db] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-1e3669db] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-1e3669db] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-1e3669db] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-1e3669db] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-1e3669db] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-1e3669db] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-1e3669db],
.mlm-selected-item[data-v-1e3669db] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-1e3669db] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-1e3669db]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-1e3669db] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-1e3669db] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-1e3669db] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .layout1.btn-wall[data-v-1e3669db] {
    margin: .0625rem;
    min-width: 3.375rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: .25rem;
    padding-top: .75rem;
    padding-bottom: .5rem;
    position: relative;
    background: linear-gradient(90deg, #00694a, #00815d, #00694a)
}

html .layout1.btn-wall .bug[data-v-1e3669db] {
    display: none;
    position: absolute;
    top: .375rem;
    left: .3125rem;
    z-index: 10;
    width: .375rem;
    height: .125rem;
    border-radius: .125rem;
    box-shadow: 0 0 .25rem #94ff7f;
    background: #94ff7f
}

html .layout1.btn-wall .type-icon[data-v-1e3669db] {
    filter: grayscale(1);
    width: 1.875rem;
    height: 1.875rem;
    font-size: 1.875rem
}

html .layout1.btn-wall .label-wall[data-v-1e3669db] {
    margin-top: .25rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

html .layout1.btn-wall .label-wall .label-icon[data-v-1e3669db] {
    display: none
}

html .layout1.btn-wall .label-wall .label[data-v-1e3669db] {
    margin-top: .125rem;
    font-size: var(--ep-font-size-xs, .625rem);
    font-weight: var(--ep-font-weight-regular, 400);
    line-height: 1;
    text-align: center;
    color: var(--ep-color-text-default-secondary, #7E9071)
}

html .active .layout1.btn-wall[data-v-1e3669db] {
    background: linear-gradient(90deg, #ffe700, #fb0 96%);
    outline: .0625rem solid #34571D
}

html .active .layout1.btn-wall .bug[data-v-1e3669db] {
    display: block
}

html .active .layout1.btn-wall .type-icon[data-v-1e3669db],
html .active .layout1.btn-wall .type-img[data-v-1e3669db] {
    filter: none
}

html .active .layout1.btn-wall .label-wall .label-icon[data-v-1e3669db],
html .active .layout1.btn-wall .label-wall .label[data-v-1e3669db] {
    color: var(--ep-color-text-default, #183009)
}

html .layout2.btn-wall[data-v-1e3669db] {
    margin: .0625rem;
    width: 4.75rem;
    height: 4.75rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: .375rem;
    position: relative;
    background: linear-gradient(90deg, #00694a, #00815d, #00694a)
}

html .layout2.btn-wall .bug[data-v-1e3669db] {
    display: none;
    position: absolute;
    top: .5rem;
    left: .5625rem;
    z-index: 10;
    width: .125rem;
    height: .375rem;
    border-radius: .125rem;
    box-shadow: 0 0 .25rem #94ff7f;
    background: #94ff7f
}

html .layout2.btn-wall .type-icon[data-v-1e3669db] {
    width: 3.125rem;
    height: 3.125rem;
    font-size: 3.125rem
}

html .layout2.btn-wall .label-wall[data-v-1e3669db] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

html .layout2.btn-wall .label-wall .label-icon[data-v-1e3669db] {
    display: none;
    font-size: var(--ep-font-size-xs, .625rem);
    color: var(--ep-color-text-default-secondary, #fff)
}

html .layout2.btn-wall .label-wall .label[data-v-1e3669db] {
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-bold, 700);
    line-height: 1;
    text-align: center;
    color: var(--ep-color-text-default-secondary, #fff)
}

html .active .layout2.btn-wall[data-v-1e3669db] {
    background: linear-gradient(90deg, #ffe700, #fb0 96%);
    outline: .0625rem solid #34571D
}

html .active .layout2.btn-wall .bug[data-v-1e3669db] {
    display: block
}

html .active .layout2.btn-wall .type-icon[data-v-1e3669db] {
    filter: none
}

html .active .layout2.btn-wall .label-wall .label[data-v-1e3669db] {
    color: var(--ep-color-text-default, #183009)
}

.forest-green .layout1.btn-wall .type-icon[data-v-1e3669db],
.forest-green .layout1.btn-wall .type-img[data-v-1e3669db] {
    filter: none
}

#tabbar-tabs-inicio-components-Segment-components-nav-3-index .layout1.btn-wall[data-v-1e3669db] {
    margin: .0625rem;
    min-width: 3.375rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: .25rem;
    padding-top: .75rem;
    padding-bottom: .5rem;
    position: relative;
    background: linear-gradient(90deg, #00694a, #00815d, #00694a)
}

#tabbar-tabs-inicio-components-Segment-components-nav-3-index .layout1.btn-wall .bug[data-v-1e3669db] {
    display: none;
    position: absolute;
    top: .375rem;
    left: .3125rem;
    z-index: 10;
    width: .375rem;
    height: .125rem;
    border-radius: .125rem;
    box-shadow: 0 0 .25rem #94ff7f;
    background: #94ff7f
}

#tabbar-tabs-inicio-components-Segment-components-nav-3-index .layout1.btn-wall .type-icon[data-v-1e3669db] {
    filter: grayscale(1);
    width: 1.875rem;
    height: 1.875rem;
    font-size: 1.875rem
}

#tabbar-tabs-inicio-components-Segment-components-nav-3-index .layout1.btn-wall .label-wall[data-v-1e3669db] {
    margin-top: .25rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

#tabbar-tabs-inicio-components-Segment-components-nav-3-index .layout1.btn-wall .label-wall .label-icon[data-v-1e3669db] {
    display: none
}

#tabbar-tabs-inicio-components-Segment-components-nav-3-index .layout1.btn-wall .label-wall .label[data-v-1e3669db] {
    margin-top: .125rem;
    font-size: var(--ep-font-size-xs, .625rem);
    font-weight: var(--ep-font-weight-regular, 400);
    line-height: 1;
    text-align: center;
    color: var(--ep-color-text-default-secondary, #7E9071)
}

#tabbar-tabs-inicio-components-Segment-components-nav-3-index .active .layout1.btn-wall[data-v-1e3669db] {
    background: linear-gradient(90deg, #ffe700, #fb0 96%);
    outline: .0625rem solid #34571D
}

#tabbar-tabs-inicio-components-Segment-components-nav-3-index .active .layout1.btn-wall .bug[data-v-1e3669db] {
    display: block
}

#tabbar-tabs-inicio-components-Segment-components-nav-3-index .active .layout1.btn-wall .type-icon[data-v-1e3669db],
#tabbar-tabs-inicio-components-Segment-components-nav-3-index .active .layout1.btn-wall .type-img[data-v-1e3669db] {
    filter: none
}

#tabbar-tabs-inicio-components-Segment-components-nav-3-index .active .layout1.btn-wall .label-wall .label-icon[data-v-1e3669db],
#tabbar-tabs-inicio-components-Segment-components-nav-3-index .active .layout1.btn-wall .label-wall .label[data-v-1e3669db] {
    color: var(--ep-color-text-default, #183009)
}

#tabbar-tabs-inicio-components-Segment-components-nav-3-index .layout2.btn-wall[data-v-1e3669db] {
    margin: .0625rem;
    width: 4.75rem;
    height: 4.75rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: .375rem;
    position: relative;
    background: linear-gradient(90deg, #00694a, #00815d, #00694a)
}

#tabbar-tabs-inicio-components-Segment-components-nav-3-index .layout2.btn-wall .bug[data-v-1e3669db] {
    display: none;
    position: absolute;
    top: .5rem;
    left: .5625rem;
    z-index: 10;
    width: .125rem;
    height: .375rem;
    border-radius: .125rem;
    box-shadow: 0 0 .25rem #94ff7f;
    background: #94ff7f
}

#tabbar-tabs-inicio-components-Segment-components-nav-3-index .layout2.btn-wall .type-icon[data-v-1e3669db] {
    width: 3.125rem;
    height: 3.125rem;
    font-size: 3.125rem
}

#tabbar-tabs-inicio-components-Segment-components-nav-3-index .layout2.btn-wall .label-wall[data-v-1e3669db] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

#tabbar-tabs-inicio-components-Segment-components-nav-3-index .layout2.btn-wall .label-wall .label-icon[data-v-1e3669db] {
    display: none;
    font-size: var(--ep-font-size-xs, .625rem);
    color: var(--ep-color-text-default-secondary, #fff)
}

#tabbar-tabs-inicio-components-Segment-components-nav-3-index .layout2.btn-wall .label-wall .label[data-v-1e3669db] {
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-bold, 700);
    line-height: 1;
    text-align: center;
    color: var(--ep-color-text-default-secondary, #fff)
}

#tabbar-tabs-inicio-components-Segment-components-nav-3-index .active .layout2.btn-wall[data-v-1e3669db] {
    background: linear-gradient(90deg, #ffe700, #fb0 96%);
    outline: .0625rem solid #34571D
}

#tabbar-tabs-inicio-components-Segment-components-nav-3-index .active .layout2.btn-wall .bug[data-v-1e3669db] {
    display: block
}

#tabbar-tabs-inicio-components-Segment-components-nav-3-index .active .layout2.btn-wall .type-icon[data-v-1e3669db] {
    filter: none
}

#tabbar-tabs-inicio-components-Segment-components-nav-3-index .active .layout2.btn-wall .label-wall .label[data-v-1e3669db] {
    color: var(--ep-color-text-default, #183009)
}

.color-primary-600[data-v-8f3deba8] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-8f3deba8] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-8f3deba8] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-8f3deba8] {
    color: var(--color-primary-900)
}

.bg-100[data-v-8f3deba8] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-8f3deba8] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-8f3deba8] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-8f3deba8] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-8f3deba8] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-8f3deba8] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-8f3deba8] {
    background-color: var(--color-warning)
}

.bg-link[data-v-8f3deba8] {
    background-color: var(--color-link)
}

.bg-danger[data-v-8f3deba8] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-8f3deba8] {
    color: var(--color-text-100)
}

.color-text-80[data-v-8f3deba8] {
    color: var(--color-text-80)
}

.color-text-50[data-v-8f3deba8] {
    color: var(--color-text-50)
}

.color-text-40[data-v-8f3deba8] {
    color: var(--color-text-40)
}

.color-text-20[data-v-8f3deba8] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-8f3deba8] {
    color: var(--color-currency)
}

.color-warning[data-v-8f3deba8] {
    color: var(--color-warning)
}

.color-danger[data-v-8f3deba8] {
    color: var(--color-danger)
}

.color-link[data-v-8f3deba8] {
    color: var(--color-link)
}

.color-line[data-v-8f3deba8] {
    color: var(--color-line)
}

.color-border[data-v-8f3deba8] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-8f3deba8] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-8f3deba8] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-8f3deba8] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-8f3deba8] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-8f3deba8] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-8f3deba8] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-8f3deba8] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-8f3deba8] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-8f3deba8] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-8f3deba8] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-8f3deba8] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-8f3deba8] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-8f3deba8] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-8f3deba8] {
    display: flex;
    align-items: center
}

.flex-start[data-v-8f3deba8] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-8f3deba8] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-8f3deba8] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-8f3deba8] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-8f3deba8] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-8f3deba8] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-8f3deba8] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-8f3deba8] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-8f3deba8] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-8f3deba8] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-8f3deba8] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-8f3deba8] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-8f3deba8] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-8f3deba8] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-8f3deba8] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-8f3deba8] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-8f3deba8] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-8f3deba8] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-8f3deba8] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-8f3deba8] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-8f3deba8] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-8f3deba8] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-8f3deba8] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-8f3deba8] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-8f3deba8],
.mlm-selected-item[data-v-8f3deba8] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-8f3deba8] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-8f3deba8]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-8f3deba8] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-8f3deba8] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-8f3deba8] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .layout1.btn-wall[data-v-8f3deba8] {
    width: 4.25rem;
    height: 5.375rem;
    padding-top: .4375rem;
    padding-inline: .25rem;
    display: flex;
    flex-direction: column;
    border-width: .0625rem;
    border-style: solid;
    border-radius: var(--border-radius-surface-default, .875rem);
    border-color: var(--ep-color-border-brand);
    background: var(--ep-color-background-fill-surface-raised-L2)
}

html .layout1.btn-wall.hot-btn[data-v-8f3deba8] {
    border: none;
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat
}

html .layout1.btn-wall.hot-btn .img-box[data-v-8f3deba8] {
    background: transparent
}

html .layout1.btn-wall .img-box[data-v-8f3deba8] {
    flex-shrink: 0;
    width: 2.25rem;
    height: 2.25rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--ep-border-radius-infinity, 9999px);
    position: relative;
    background: var(--ep-color-background-fill-surface-raised-L1)
}

html .layout1.btn-wall .img-box .type-img[data-v-8f3deba8] {
    display: block;
    background-size: 800% 400%;
    width: 1.5rem;
    height: 1.5rem
}

html .layout1.btn-wall .img-box .hot-img[data-v-8f3deba8] {
    width: 1.5rem;
    height: 1.5rem
}

html .layout1.btn-wall .img-box .hot-img-1[data-v-8f3deba8] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -55%);
    z-index: 10
}

html .layout1.btn-wall .img-box .hot-img-2[data-v-8f3deba8] {
    position: relative;
    z-index: 1
}

html .layout1.btn-wall .label-box[data-v-8f3deba8] {
    display: flex;
    flex-direction: column
}

html .layout1.btn-wall .label-box .label[data-v-8f3deba8] {
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--ep-color-text-default)
}

html .layout1.btn-wall .label-box .sub-label[data-v-8f3deba8] {
    font-size: var(--ep-font-size-xs, .625rem);
    font-weight: var(--ep-font-weight-regular, 400);
    color: var(--ep-color-text-weaker)
}

html .layout2.btn-wall[data-v-8f3deba8] {
    width: 4.25rem;
    height: 5.375rem;
    padding-top: .4375rem;
    padding-inline: .25rem;
    display: flex;
    flex-direction: column;
    border-width: .0625rem;
    border-style: solid;
    border-radius: var(--border-radius-surface-default, .875rem);
    border-color: var(--ep-color-border-brand);
    background: var(--ep-color-background-fill-surface-raised-L2)
}

html .layout2.btn-wall.hot-btn[data-v-8f3deba8] {
    border: none;
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat
}

html .layout2.btn-wall.hot-btn .img-box[data-v-8f3deba8] {
    background: transparent
}

html .layout2.btn-wall .img-box[data-v-8f3deba8] {
    flex-shrink: 0;
    width: 2.25rem;
    height: 2.25rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--ep-border-radius-infinity, 9999px);
    position: relative;
    background: var(--ep-color-background-fill-surface-raised-L1)
}

html .layout2.btn-wall .img-box .type-img[data-v-8f3deba8] {
    display: block;
    background-size: 700% 100%;
    width: 1.5rem;
    height: 1.5rem
}

html .layout2.btn-wall .img-box .hot-img[data-v-8f3deba8] {
    width: 1.5rem;
    height: 1.5rem
}

html .layout2.btn-wall .img-box .hot-img-1[data-v-8f3deba8] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -55%);
    z-index: 10
}

html .layout2.btn-wall .img-box .hot-img-2[data-v-8f3deba8] {
    position: relative;
    z-index: 1
}

html .layout2.btn-wall .label-box[data-v-8f3deba8] {
    display: flex;
    flex-direction: column
}

html .layout2.btn-wall .label-box .label[data-v-8f3deba8] {
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--ep-color-text-default)
}

html .layout2.btn-wall .label-box .sub-label[data-v-8f3deba8] {
    font-size: var(--ep-font-size-xs, .625rem);
    font-weight: var(--ep-font-weight-regular, 400);
    color: var(--ep-color-text-weaker)
}

#tabbar-tabs-inicio-components-Segment-components-nav-4-index .layout1.btn-wall[data-v-8f3deba8] {
    width: 4.25rem;
    height: 5.375rem;
    padding-top: .4375rem;
    padding-inline: .25rem;
    display: flex;
    flex-direction: column;
    border-width: .0625rem;
    border-style: solid;
    border-radius: var(--border-radius-surface-default, .875rem);
    border-color: var(--ep-color-border-brand);
    background: var(--ep-color-background-fill-surface-raised-L2)
}

#tabbar-tabs-inicio-components-Segment-components-nav-4-index .layout1.btn-wall.hot-btn[data-v-8f3deba8] {
    border: none;
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat
}

#tabbar-tabs-inicio-components-Segment-components-nav-4-index .layout1.btn-wall.hot-btn .img-box[data-v-8f3deba8] {
    background: transparent
}

#tabbar-tabs-inicio-components-Segment-components-nav-4-index .layout1.btn-wall .img-box[data-v-8f3deba8] {
    flex-shrink: 0;
    width: 2.25rem;
    height: 2.25rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--ep-border-radius-infinity, 9999px);
    position: relative;
    background: var(--ep-color-background-fill-surface-raised-L1)
}

#tabbar-tabs-inicio-components-Segment-components-nav-4-index .layout1.btn-wall .img-box .type-img[data-v-8f3deba8] {
    display: block;
    background-size: 800% 400%;
    width: 1.5rem;
    height: 1.5rem
}

#tabbar-tabs-inicio-components-Segment-components-nav-4-index .layout1.btn-wall .img-box .hot-img[data-v-8f3deba8] {
    width: 1.5rem;
    height: 1.5rem
}

#tabbar-tabs-inicio-components-Segment-components-nav-4-index .layout1.btn-wall .img-box .hot-img-1[data-v-8f3deba8] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -55%);
    z-index: 10
}

#tabbar-tabs-inicio-components-Segment-components-nav-4-index .layout1.btn-wall .img-box .hot-img-2[data-v-8f3deba8] {
    position: relative;
    z-index: 1
}

#tabbar-tabs-inicio-components-Segment-components-nav-4-index .layout1.btn-wall .label-box[data-v-8f3deba8] {
    display: flex;
    flex-direction: column
}

#tabbar-tabs-inicio-components-Segment-components-nav-4-index .layout1.btn-wall .label-box .label[data-v-8f3deba8] {
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--ep-color-text-default)
}

#tabbar-tabs-inicio-components-Segment-components-nav-4-index .layout1.btn-wall .label-box .sub-label[data-v-8f3deba8] {
    font-size: var(--ep-font-size-xs, .625rem);
    font-weight: var(--ep-font-weight-regular, 400);
    color: var(--ep-color-text-weaker)
}

#tabbar-tabs-inicio-components-Segment-components-nav-4-index .layout2.btn-wall[data-v-8f3deba8] {
    width: 4.25rem;
    height: 5.375rem;
    padding-top: .4375rem;
    padding-inline: .25rem;
    display: flex;
    flex-direction: column;
    border-width: .0625rem;
    border-style: solid;
    border-radius: var(--border-radius-surface-default, .875rem);
    border-color: var(--ep-color-border-brand);
    background: var(--ep-color-background-fill-surface-raised-L2)
}

#tabbar-tabs-inicio-components-Segment-components-nav-4-index .layout2.btn-wall.hot-btn[data-v-8f3deba8] {
    border: none;
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat
}

#tabbar-tabs-inicio-components-Segment-components-nav-4-index .layout2.btn-wall.hot-btn .img-box[data-v-8f3deba8] {
    background: transparent
}

#tabbar-tabs-inicio-components-Segment-components-nav-4-index .layout2.btn-wall .img-box[data-v-8f3deba8] {
    flex-shrink: 0;
    width: 2.25rem;
    height: 2.25rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--ep-border-radius-infinity, 9999px);
    position: relative;
    background: var(--ep-color-background-fill-surface-raised-L1)
}

#tabbar-tabs-inicio-components-Segment-components-nav-4-index .layout2.btn-wall .img-box .type-img[data-v-8f3deba8] {
    display: block;
    background-size: 700% 100%;
    width: 1.5rem;
    height: 1.5rem
}

#tabbar-tabs-inicio-components-Segment-components-nav-4-index .layout2.btn-wall .img-box .hot-img[data-v-8f3deba8] {
    width: 1.5rem;
    height: 1.5rem
}

#tabbar-tabs-inicio-components-Segment-components-nav-4-index .layout2.btn-wall .img-box .hot-img-1[data-v-8f3deba8] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -55%);
    z-index: 10
}

#tabbar-tabs-inicio-components-Segment-components-nav-4-index .layout2.btn-wall .img-box .hot-img-2[data-v-8f3deba8] {
    position: relative;
    z-index: 1
}

#tabbar-tabs-inicio-components-Segment-components-nav-4-index .layout2.btn-wall .label-box[data-v-8f3deba8] {
    display: flex;
    flex-direction: column
}

#tabbar-tabs-inicio-components-Segment-components-nav-4-index .layout2.btn-wall .label-box .label[data-v-8f3deba8] {
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--ep-color-text-default)
}

#tabbar-tabs-inicio-components-Segment-components-nav-4-index .layout2.btn-wall .label-box .sub-label[data-v-8f3deba8] {
    font-size: var(--ep-font-size-xs, .625rem);
    font-weight: var(--ep-font-weight-regular, 400);
    color: var(--ep-color-text-weaker)
}

.color-primary-600[data-v-3e4e2632] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-3e4e2632] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-3e4e2632] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-3e4e2632] {
    color: var(--color-primary-900)
}

.bg-100[data-v-3e4e2632] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-3e4e2632] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-3e4e2632] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-3e4e2632] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-3e4e2632] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-3e4e2632] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-3e4e2632] {
    background-color: var(--color-warning)
}

.bg-link[data-v-3e4e2632] {
    background-color: var(--color-link)
}

.bg-danger[data-v-3e4e2632] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-3e4e2632] {
    color: var(--color-text-100)
}

.color-text-80[data-v-3e4e2632] {
    color: var(--color-text-80)
}

.color-text-50[data-v-3e4e2632] {
    color: var(--color-text-50)
}

.color-text-40[data-v-3e4e2632] {
    color: var(--color-text-40)
}

.color-text-20[data-v-3e4e2632] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-3e4e2632] {
    color: var(--color-currency)
}

.color-warning[data-v-3e4e2632] {
    color: var(--color-warning)
}

.color-danger[data-v-3e4e2632] {
    color: var(--color-danger)
}

.color-link[data-v-3e4e2632] {
    color: var(--color-link)
}

.color-line[data-v-3e4e2632] {
    color: var(--color-line)
}

.color-border[data-v-3e4e2632] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-3e4e2632] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-3e4e2632] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-3e4e2632] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-3e4e2632] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-3e4e2632] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-3e4e2632] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-3e4e2632] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-3e4e2632] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-3e4e2632] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-3e4e2632] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-3e4e2632] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-3e4e2632] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-3e4e2632] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-3e4e2632] {
    display: flex;
    align-items: center
}

.flex-start[data-v-3e4e2632] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-3e4e2632] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-3e4e2632] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-3e4e2632] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-3e4e2632] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-3e4e2632] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-3e4e2632] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-3e4e2632] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-3e4e2632] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-3e4e2632] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-3e4e2632] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-3e4e2632] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-3e4e2632] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-3e4e2632] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-3e4e2632] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-3e4e2632] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-3e4e2632] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-3e4e2632] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-3e4e2632] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-3e4e2632] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-3e4e2632] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-3e4e2632] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-3e4e2632] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-3e4e2632] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-3e4e2632],
.mlm-selected-item[data-v-3e4e2632] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-3e4e2632] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-3e4e2632]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-3e4e2632] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-3e4e2632] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-3e4e2632] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .btn-wall[data-v-3e4e2632] {
    width: 6.25rem;
    height: 2.625rem;
    display: flex;
    align-items: center;
    justify-content: center
}

html .btn-wall .btn-bg[data-v-3e4e2632] {
    width: 5.625rem;
    height: 100%;
    overflow: hidden;
    transform: skew(-18deg);
    border-radius: var(--ep-border-radius-m);
    position: absolute;
    z-index: 1
}

html .btn-wall .btn-bg[data-v-3e4e2632]:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: -.3125rem;
    z-index: -1;
    width: 6.25rem;
    height: 100%;
    transform: skew(18deg);
    background: url(/assets/tab-bg3-CMzbtAZf.png) no-repeat center center / 100% 100%;
    opacity: .4;
    mix-blend-mode: color-burn
}

html .btn-wall .label[data-v-3e4e2632] {
    flex: 1;
    position: relative;
    z-index: 10;
    margin-left: 1rem;
    text-align: left;
    white-space: wrap;
    text-wrap: wrap;
    line-height: 1;
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-bold, 700);
    justify-self: flex-start;
    color: var(--ep-color-text-default)
}

html .btn-wall .type-img[data-v-3e4e2632] {
    position: absolute;
    right: 0;
    z-index: 10;
    display: block;
    background-size: 700% 100%;
    width: 2.5rem;
    height: 2.5rem
}

html ion-segment-button:first-child .btn-wall[data-v-3e4e2632],
html .swiper-slide:first-child .btn-wall[data-v-3e4e2632] {
    background: url(/assets/tab-bg-3-Cqb8c-5I.png) no-repeat left center / 100% 100%
}

html ion-segment-button:first-child .btn-wall .btn-bg[data-v-3e4e2632],
html .swiper-slide:first-child .btn-wall .btn-bg[data-v-3e4e2632] {
    background: transparent
}

html ion-segment-button:first-child .btn-wall .btn-bg[data-v-3e4e2632]:after,
html .swiper-slide:first-child .btn-wall .btn-bg[data-v-3e4e2632]:after {
    display: none
}

html ion-segment-button:first-child .btn-wall .label[data-v-3e4e2632],
html .swiper-slide:first-child .btn-wall .label[data-v-3e4e2632] {
    margin-left: .5rem
}

html ion-segment-button:nth-child(4n+1) .btn-bg[data-v-3e4e2632],
html .swiper-slide:nth-child(4n+1) .btn-bg[data-v-3e4e2632] {
    background: linear-gradient(102deg, #dc544c, #9f242d 89.4%)
}

html ion-segment-button:nth-child(4n+2) .btn-bg[data-v-3e4e2632],
html .swiper-slide:nth-child(4n+2) .btn-bg[data-v-3e4e2632] {
    background: linear-gradient(111deg, #eeb635 26.94%, #dd7029 91.27%)
}

html ion-segment-button:nth-child(4n+3) .btn-bg[data-v-3e4e2632],
html .swiper-slide:nth-child(4n+3) .btn-bg[data-v-3e4e2632] {
    background: linear-gradient(111deg, #7bb631 26.94%, #41842c 91.27%)
}

html ion-segment-button:nth-child(4n+4) .btn-bg[data-v-3e4e2632],
html .swiper-slide:nth-child(4n+4) .btn-bg[data-v-3e4e2632] {
    background: linear-gradient(111deg, #186ec9 26.94%, #183fc9 91.27%)
}

.color-primary-600[data-v-75dd1eab] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-75dd1eab] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-75dd1eab] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-75dd1eab] {
    color: var(--color-primary-900)
}

.bg-100[data-v-75dd1eab] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-75dd1eab] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-75dd1eab] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-75dd1eab] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-75dd1eab] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-75dd1eab] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-75dd1eab] {
    background-color: var(--color-warning)
}

.bg-link[data-v-75dd1eab] {
    background-color: var(--color-link)
}

.bg-danger[data-v-75dd1eab] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-75dd1eab] {
    color: var(--color-text-100)
}

.color-text-80[data-v-75dd1eab] {
    color: var(--color-text-80)
}

.color-text-50[data-v-75dd1eab] {
    color: var(--color-text-50)
}

.color-text-40[data-v-75dd1eab] {
    color: var(--color-text-40)
}

.color-text-20[data-v-75dd1eab] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-75dd1eab] {
    color: var(--color-currency)
}

.color-warning[data-v-75dd1eab] {
    color: var(--color-warning)
}

.color-danger[data-v-75dd1eab] {
    color: var(--color-danger)
}

.color-link[data-v-75dd1eab] {
    color: var(--color-link)
}

.color-line[data-v-75dd1eab] {
    color: var(--color-line)
}

.color-border[data-v-75dd1eab] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-75dd1eab] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-75dd1eab] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-75dd1eab] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-75dd1eab] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-75dd1eab] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-75dd1eab] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-75dd1eab] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-75dd1eab] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-75dd1eab] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-75dd1eab] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-75dd1eab] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-75dd1eab] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-75dd1eab] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-75dd1eab] {
    display: flex;
    align-items: center
}

.flex-start[data-v-75dd1eab] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-75dd1eab] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-75dd1eab] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-75dd1eab] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-75dd1eab] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-75dd1eab] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-75dd1eab] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-75dd1eab] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-75dd1eab] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-75dd1eab] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-75dd1eab] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-75dd1eab] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-75dd1eab] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-75dd1eab] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-75dd1eab] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-75dd1eab] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-75dd1eab] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-75dd1eab] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-75dd1eab] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-75dd1eab] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-75dd1eab] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-75dd1eab] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-75dd1eab] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-75dd1eab] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-75dd1eab],
.mlm-selected-item[data-v-75dd1eab] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-75dd1eab] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-75dd1eab]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-75dd1eab] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-75dd1eab] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-75dd1eab] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .btn-wall[data-v-75dd1eab] {
    width: 7.5rem;
    height: 3.25rem
}

html .btn-wall .type-img[data-v-75dd1eab] {
    width: 100%;
    height: 100%;
    display: block;
    background-size: 800% 400%
}

.color-primary-600[data-v-cd34d919] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-cd34d919] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-cd34d919] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-cd34d919] {
    color: var(--color-primary-900)
}

.bg-100[data-v-cd34d919] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-cd34d919] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-cd34d919] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-cd34d919] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-cd34d919] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-cd34d919] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-cd34d919] {
    background-color: var(--color-warning)
}

.bg-link[data-v-cd34d919] {
    background-color: var(--color-link)
}

.bg-danger[data-v-cd34d919] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-cd34d919] {
    color: var(--color-text-100)
}

.color-text-80[data-v-cd34d919] {
    color: var(--color-text-80)
}

.color-text-50[data-v-cd34d919] {
    color: var(--color-text-50)
}

.color-text-40[data-v-cd34d919] {
    color: var(--color-text-40)
}

.color-text-20[data-v-cd34d919] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-cd34d919] {
    color: var(--color-currency)
}

.color-warning[data-v-cd34d919] {
    color: var(--color-warning)
}

.color-danger[data-v-cd34d919] {
    color: var(--color-danger)
}

.color-link[data-v-cd34d919] {
    color: var(--color-link)
}

.color-line[data-v-cd34d919] {
    color: var(--color-line)
}

.color-border[data-v-cd34d919] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-cd34d919] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-cd34d919] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-cd34d919] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-cd34d919] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-cd34d919] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-cd34d919] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-cd34d919] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-cd34d919] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-cd34d919] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-cd34d919] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-cd34d919] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-cd34d919] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-cd34d919] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-cd34d919] {
    display: flex;
    align-items: center
}

.flex-start[data-v-cd34d919] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-cd34d919] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-cd34d919] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-cd34d919] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-cd34d919] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-cd34d919] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-cd34d919] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-cd34d919] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-cd34d919] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-cd34d919] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-cd34d919] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-cd34d919] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-cd34d919] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-cd34d919] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-cd34d919] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-cd34d919] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-cd34d919] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-cd34d919] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-cd34d919] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-cd34d919] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-cd34d919] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-cd34d919] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-cd34d919] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-cd34d919] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-cd34d919],
.mlm-selected-item[data-v-cd34d919] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-cd34d919] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-cd34d919]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-cd34d919] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-cd34d919] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-cd34d919] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .layout1.btn-wall[data-v-cd34d919] {
    margin: .0625rem;
    padding: .25rem .625rem;
    display: flex;
    align-items: center;
    gap: .3125rem;
    border-radius: 1.25rem;
    position: relative;
    background: rgba(188, 188, 188, .05)
}

html .layout1.btn-wall .type-icon[data-v-cd34d919] {
    width: 1rem;
    height: 1rem;
    font-size: 1rem;
    color: #bcbcbc
}

html .layout1.btn-wall .label[data-v-cd34d919] {
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-regular, 400);
    line-height: 1;
    text-align: center;
    color: var(--ep-color-text-default-secondary, #BCBCBC)
}

html .active .layout1.btn-wall[data-v-cd34d919] {
    background: linear-gradient(0deg, #0167ca -13.77%, #38a8fa 102.34%);
    outline: .0625rem solid transparent
}

html .active .layout1.btn-wall .type-icon[data-v-cd34d919] {
    color: #fff
}

html .active .layout1.btn-wall .label[data-v-cd34d919] {
    font-weight: var(--ep-font-weight-bold, 700);
    color: var(--ep-color-text-default, #fff)
}

html .layout2.btn-wall[data-v-cd34d919] {
    width: 4.375rem;
    margin: .0625rem;
    padding: .25rem;
    display: flex;
    flex-direction: column;
    align-items: center
}

html .layout2.btn-wall .type-icon[data-v-cd34d919] {
    width: 2rem;
    height: 2rem;
    font-size: 2rem;
    color: var(--ep-color-icon-brand-primary);
    filter: grayscale(1)
}

html .layout2.btn-wall .label[data-v-cd34d919] {
    width: 100%;
    margin-bottom: .3125rem;
    line-height: 1;
    font-size: var(--ep-font-size-xs, .625rem);
    font-weight: var(--ep-font-weight-regular, 400);
    color: var(--ep-color-text-weak, #fff)
}

html .active .layout2.btn-wall .type-icon[data-v-cd34d919] {
    filter: grayscale(0)
}

html .active .layout2.btn-wall .label[data-v-cd34d919] {
    color: var(--ep-color-text-selected)
}

html .layout3.btn-wall[data-v-cd34d919] {
    padding: .25rem .25rem .25rem .625rem;
    display: flex;
    align-items: center;
    gap: .3125rem;
    position: relative;
    border-radius: var(--ep-border-radius-m, .375rem);
    background: var(--ep-color-background-fill-surface-raised-L1, #252C32)
}

html .layout3.btn-wall .type-icon[data-v-cd34d919] {
    width: 2rem;
    height: 2rem;
    font-size: 2rem;
    color: #bcbcbc
}

html .layout3.btn-wall .label[data-v-cd34d919] {
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-regular, 400);
    line-height: 1;
    text-align: center;
    color: var(--ep-color-text-weak, #BCBCBC)
}

#tabbar-tabs-inicio-components-Segment-components-nav-7-index .layout1.btn-wall[data-v-cd34d919] {
    margin: .0625rem;
    padding: .25rem .625rem;
    display: flex;
    align-items: center;
    gap: .3125rem;
    border-radius: 1.25rem;
    position: relative;
    background: rgba(188, 188, 188, .05)
}

#tabbar-tabs-inicio-components-Segment-components-nav-7-index .layout1.btn-wall .type-icon[data-v-cd34d919] {
    width: 1rem;
    height: 1rem;
    font-size: 1rem;
    color: #bcbcbc
}

#tabbar-tabs-inicio-components-Segment-components-nav-7-index .layout1.btn-wall .label[data-v-cd34d919] {
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-regular, 400);
    line-height: 1;
    text-align: center;
    color: var(--ep-color-text-default-secondary, #BCBCBC)
}

#tabbar-tabs-inicio-components-Segment-components-nav-7-index .active .layout1.btn-wall[data-v-cd34d919] {
    background: linear-gradient(0deg, #0167ca -13.77%, #38a8fa 102.34%);
    outline: .0625rem solid transparent
}

#tabbar-tabs-inicio-components-Segment-components-nav-7-index .active .layout1.btn-wall .type-icon[data-v-cd34d919] {
    color: #fff
}

#tabbar-tabs-inicio-components-Segment-components-nav-7-index .active .layout1.btn-wall .label[data-v-cd34d919] {
    font-weight: var(--ep-font-weight-bold, 700);
    color: var(--ep-color-text-default, #fff)
}

#tabbar-tabs-inicio-components-Segment-components-nav-7-index .layout2.btn-wall[data-v-cd34d919] {
    width: 4.375rem;
    margin: .0625rem;
    padding: .25rem;
    display: flex;
    flex-direction: column;
    align-items: center
}

#tabbar-tabs-inicio-components-Segment-components-nav-7-index .layout2.btn-wall .type-icon[data-v-cd34d919] {
    width: 2rem;
    height: 2rem;
    font-size: 2rem;
    color: var(--ep-color-icon-brand-primary);
    filter: grayscale(1)
}

#tabbar-tabs-inicio-components-Segment-components-nav-7-index .layout2.btn-wall .label[data-v-cd34d919] {
    width: 100%;
    margin-bottom: .3125rem;
    line-height: 1;
    font-size: var(--ep-font-size-xs, .625rem);
    font-weight: var(--ep-font-weight-regular, 400);
    color: var(--ep-color-text-weak, #fff)
}

#tabbar-tabs-inicio-components-Segment-components-nav-7-index .active .layout2.btn-wall .type-icon[data-v-cd34d919] {
    filter: grayscale(0)
}

#tabbar-tabs-inicio-components-Segment-components-nav-7-index .active .layout2.btn-wall .label[data-v-cd34d919] {
    color: var(--ep-color-text-selected)
}

#tabbar-tabs-inicio-components-Segment-components-nav-7-index .layout3.btn-wall[data-v-cd34d919] {
    padding: .25rem .25rem .25rem .625rem;
    display: flex;
    align-items: center;
    gap: .3125rem;
    position: relative;
    border-radius: var(--ep-border-radius-m, .375rem);
    background: var(--ep-color-background-fill-surface-raised-L1, #252C32)
}

#tabbar-tabs-inicio-components-Segment-components-nav-7-index .layout3.btn-wall .type-icon[data-v-cd34d919] {
    width: 2rem;
    height: 2rem;
    font-size: 2rem;
    color: #bcbcbc
}

#tabbar-tabs-inicio-components-Segment-components-nav-7-index .layout3.btn-wall .label[data-v-cd34d919] {
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-regular, 400);
    line-height: 1;
    text-align: center;
    color: var(--ep-color-text-weak, #BCBCBC)
}

.color-primary-600[data-v-04094e05] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-04094e05] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-04094e05] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-04094e05] {
    color: var(--color-primary-900)
}

.bg-100[data-v-04094e05] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-04094e05] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-04094e05] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-04094e05] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-04094e05] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-04094e05] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-04094e05] {
    background-color: var(--color-warning)
}

.bg-link[data-v-04094e05] {
    background-color: var(--color-link)
}

.bg-danger[data-v-04094e05] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-04094e05] {
    color: var(--color-text-100)
}

.color-text-80[data-v-04094e05] {
    color: var(--color-text-80)
}

.color-text-50[data-v-04094e05] {
    color: var(--color-text-50)
}

.color-text-40[data-v-04094e05] {
    color: var(--color-text-40)
}

.color-text-20[data-v-04094e05] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-04094e05] {
    color: var(--color-currency)
}

.color-warning[data-v-04094e05] {
    color: var(--color-warning)
}

.color-danger[data-v-04094e05] {
    color: var(--color-danger)
}

.color-link[data-v-04094e05] {
    color: var(--color-link)
}

.color-line[data-v-04094e05] {
    color: var(--color-line)
}

.color-border[data-v-04094e05] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-04094e05] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-04094e05] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-04094e05] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-04094e05] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-04094e05] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-04094e05] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-04094e05] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-04094e05] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-04094e05] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-04094e05] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-04094e05] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-04094e05] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-04094e05] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-04094e05] {
    display: flex;
    align-items: center
}

.flex-start[data-v-04094e05] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-04094e05] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-04094e05] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-04094e05] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-04094e05] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-04094e05] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-04094e05] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-04094e05] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-04094e05] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-04094e05] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-04094e05] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-04094e05] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-04094e05] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-04094e05] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-04094e05] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-04094e05] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-04094e05] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-04094e05] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-04094e05] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-04094e05] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-04094e05] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-04094e05] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-04094e05] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-04094e05] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-04094e05],
.mlm-selected-item[data-v-04094e05] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-04094e05] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-04094e05]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-04094e05] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-04094e05] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-04094e05] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .layout1.btn-wall[data-v-04094e05] {
    gap: .375rem;
    width: 4.5rem;
    height: 7.5rem;
    padding-top: 1.5rem;
    padding-inline: .25rem;
    display: flex;
    flex-direction: column;
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    margin-left: .75rem
}

html .layout1.btn-wall .img-box[data-v-04094e05] {
    flex-shrink: 0;
    width: 2.625rem;
    height: 2.65rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--ep-border-radius-infinity, 9999px);
    position: relative;
    background: var(--ep-color-background-fill-surface-raised-L1)
}

html .layout1.btn-wall .img-box .type-img[data-v-04094e05] {
    display: block;
    background-size: 800% 400%;
    width: 1.5rem;
    height: 1.5rem
}

html .layout1.btn-wall .img-box .hot-img[data-v-04094e05] {
    width: 1.5rem;
    height: 1.5rem
}

html .layout1.btn-wall .img-box .hot-img-1[data-v-04094e05] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -55%);
    z-index: 10
}

html .layout1.btn-wall .img-box .hot-img-2[data-v-04094e05] {
    position: relative;
    z-index: 1
}

html .layout1.btn-wall .label-box[data-v-04094e05] {
    display: flex;
    flex-direction: column
}

html .layout1.btn-wall .label-box .label[data-v-04094e05] {
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--ep-color-text-default)
}

html .layout1.btn-wall .label-box .sub-label[data-v-04094e05] {
    font-size: var(--ep-font-size-xs, .625rem);
    font-weight: var(--ep-font-weight-regular, 400);
    color: var(--ep-color-text-weaker)
}

html .layout26.btn-wall[data-v-04094e05] {
    gap: .3125rem;
    width: 3.75rem;
    height: 4.375rem;
    padding-top: .5rem;
    padding-inline: .25rem;
    display: flex;
    flex-direction: column;
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    margin-left: .5625rem;
    justify-content: space-between
}

html .layout26.btn-wall .img-box[data-v-04094e05] {
    flex-shrink: 0;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--ep-border-radius-infinity, 9999px);
    position: relative;
    background: var(--ep-color-background-fill-surface-raised-L1)
}

html .layout26.btn-wall .img-box .type-img[data-v-04094e05] {
    display: block;
    background-size: 800% 400%;
    width: 2.5rem;
    height: 2.5rem
}

html .layout26.btn-wall .img-box .hot-img[data-v-04094e05] {
    width: 2rem;
    height: 2.5rem
}

html .layout26.btn-wall .img-box .hot-img-1[data-v-04094e05] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -55%);
    z-index: 10
}

html .layout26.btn-wall .img-box .hot-img-2[data-v-04094e05] {
    position: relative;
    z-index: 1
}

html .layout26.btn-wall .label-box[data-v-04094e05] {
    display: flex;
    flex-direction: column
}

html .layout26.btn-wall .label-box .label[data-v-04094e05] {
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-bold, 700);
    color: var(--ep-color-text-default)
}

html .layout26.btn-wall .label-box .sub-label[data-v-04094e05] {
    font-size: var(--ep-font-size-xs, .625rem);
    font-weight: var(--ep-font-weight-regular, 400);
    color: var(--ep-color-text-weaker)
}

#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout1.btn-wall[data-v-04094e05] {
    gap: .375rem;
    width: 4.5rem;
    height: 7.5rem;
    padding-top: 1.5rem;
    padding-inline: .25rem;
    display: flex;
    flex-direction: column;
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    margin-left: .75rem
}

#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout1.btn-wall .img-box[data-v-04094e05] {
    flex-shrink: 0;
    width: 2.625rem;
    height: 2.65rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--ep-border-radius-infinity, 9999px);
    position: relative;
    background: var(--ep-color-background-fill-surface-raised-L1)
}

#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout1.btn-wall .img-box .type-img[data-v-04094e05] {
    display: block;
    background-size: 800% 400%;
    width: 1.5rem;
    height: 1.5rem
}

#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout1.btn-wall .img-box .hot-img[data-v-04094e05] {
    width: 1.5rem;
    height: 1.5rem
}

#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout1.btn-wall .img-box .hot-img-1[data-v-04094e05] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -55%);
    z-index: 10
}

#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout1.btn-wall .img-box .hot-img-2[data-v-04094e05] {
    position: relative;
    z-index: 1
}

#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout1.btn-wall .label-box[data-v-04094e05] {
    display: flex;
    flex-direction: column
}

#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout1.btn-wall .label-box .label[data-v-04094e05] {
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--ep-color-text-default)
}

#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout1.btn-wall .label-box .sub-label[data-v-04094e05] {
    font-size: var(--ep-font-size-xs, .625rem);
    font-weight: var(--ep-font-weight-regular, 400);
    color: var(--ep-color-text-weaker)
}

#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout26.btn-wall[data-v-04094e05] {
    gap: .3125rem;
    width: 3.75rem;
    height: 4.375rem;
    padding-top: .5rem;
    padding-inline: .25rem;
    display: flex;
    flex-direction: column;
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    margin-left: .5625rem;
    justify-content: space-between
}

#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout26.btn-wall .img-box[data-v-04094e05] {
    flex-shrink: 0;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--ep-border-radius-infinity, 9999px);
    position: relative;
    background: var(--ep-color-background-fill-surface-raised-L1)
}

#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout26.btn-wall .img-box .type-img[data-v-04094e05] {
    display: block;
    background-size: 800% 400%;
    width: 2.5rem;
    height: 2.5rem
}

#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout26.btn-wall .img-box .hot-img[data-v-04094e05] {
    width: 2rem;
    height: 2.5rem
}

#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout26.btn-wall .img-box .hot-img-1[data-v-04094e05] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -55%);
    z-index: 10
}

#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout26.btn-wall .img-box .hot-img-2[data-v-04094e05] {
    position: relative;
    z-index: 1
}

#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout26.btn-wall .label-box[data-v-04094e05] {
    display: flex;
    flex-direction: column
}

#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout26.btn-wall .label-box .label[data-v-04094e05] {
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-bold, 700);
    color: var(--ep-color-text-default)
}

#tabbar-tabs-inicio-components-Segment-components-nav-8-index .layout26.btn-wall .label-box .sub-label[data-v-04094e05] {
    font-size: var(--ep-font-size-xs, .625rem);
    font-weight: var(--ep-font-weight-regular, 400);
    color: var(--ep-color-text-weaker)
}

.color-primary-600[data-v-cb2c556a] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-cb2c556a] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-cb2c556a] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-cb2c556a] {
    color: var(--color-primary-900)
}

.bg-100[data-v-cb2c556a] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-cb2c556a] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-cb2c556a] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-cb2c556a] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-cb2c556a] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-cb2c556a] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-cb2c556a] {
    background-color: var(--color-warning)
}

.bg-link[data-v-cb2c556a] {
    background-color: var(--color-link)
}

.bg-danger[data-v-cb2c556a] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-cb2c556a] {
    color: var(--color-text-100)
}

.color-text-80[data-v-cb2c556a] {
    color: var(--color-text-80)
}

.color-text-50[data-v-cb2c556a] {
    color: var(--color-text-50)
}

.color-text-40[data-v-cb2c556a] {
    color: var(--color-text-40)
}

.color-text-20[data-v-cb2c556a] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-cb2c556a] {
    color: var(--color-currency)
}

.color-warning[data-v-cb2c556a] {
    color: var(--color-warning)
}

.color-danger[data-v-cb2c556a] {
    color: var(--color-danger)
}

.color-link[data-v-cb2c556a] {
    color: var(--color-link)
}

.color-line[data-v-cb2c556a] {
    color: var(--color-line)
}

.color-border[data-v-cb2c556a] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-cb2c556a] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-cb2c556a] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-cb2c556a] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-cb2c556a] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-cb2c556a] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-cb2c556a] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-cb2c556a] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-cb2c556a] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-cb2c556a] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-cb2c556a] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-cb2c556a] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-cb2c556a] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-cb2c556a] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-cb2c556a] {
    display: flex;
    align-items: center
}

.flex-start[data-v-cb2c556a] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-cb2c556a] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-cb2c556a] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-cb2c556a] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-cb2c556a] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-cb2c556a] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-cb2c556a] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-cb2c556a] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-cb2c556a] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-cb2c556a] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-cb2c556a] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-cb2c556a] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-cb2c556a] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-cb2c556a] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-cb2c556a] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-cb2c556a] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-cb2c556a] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-cb2c556a] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-cb2c556a] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-cb2c556a] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-cb2c556a] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-cb2c556a] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-cb2c556a] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-cb2c556a] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-cb2c556a],
.mlm-selected-item[data-v-cb2c556a] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-cb2c556a] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-cb2c556a]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-cb2c556a] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-cb2c556a] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-cb2c556a] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.game-wrapper[data-v-cb2c556a] {
    display: flex;
    flex-direction: column;
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent
}

.color-primary-600[data-v-11787e4a] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-11787e4a] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-11787e4a] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-11787e4a] {
    color: var(--color-primary-900)
}

.bg-100[data-v-11787e4a] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-11787e4a] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-11787e4a] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-11787e4a] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-11787e4a] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-11787e4a] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-11787e4a] {
    background-color: var(--color-warning)
}

.bg-link[data-v-11787e4a] {
    background-color: var(--color-link)
}

.bg-danger[data-v-11787e4a] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-11787e4a] {
    color: var(--color-text-100)
}

.color-text-80[data-v-11787e4a] {
    color: var(--color-text-80)
}

.color-text-50[data-v-11787e4a] {
    color: var(--color-text-50)
}

.color-text-40[data-v-11787e4a] {
    color: var(--color-text-40)
}

.color-text-20[data-v-11787e4a] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-11787e4a] {
    color: var(--color-currency)
}

.color-warning[data-v-11787e4a] {
    color: var(--color-warning)
}

.color-danger[data-v-11787e4a] {
    color: var(--color-danger)
}

.color-link[data-v-11787e4a] {
    color: var(--color-link)
}

.color-line[data-v-11787e4a] {
    color: var(--color-line)
}

.color-border[data-v-11787e4a] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-11787e4a] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-11787e4a] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-11787e4a] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-11787e4a] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-11787e4a] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-11787e4a] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-11787e4a] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-11787e4a] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-11787e4a] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-11787e4a] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-11787e4a] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-11787e4a] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-11787e4a] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-11787e4a] {
    display: flex;
    align-items: center
}

.flex-start[data-v-11787e4a] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-11787e4a] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-11787e4a] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-11787e4a] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-11787e4a] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-11787e4a] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-11787e4a] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-11787e4a] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-11787e4a] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-11787e4a] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-11787e4a] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-11787e4a] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-11787e4a] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-11787e4a] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-11787e4a] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-11787e4a] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-11787e4a] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-11787e4a] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-11787e4a] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-11787e4a] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-11787e4a] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-11787e4a] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-11787e4a] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-11787e4a] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-11787e4a],
.mlm-selected-item[data-v-11787e4a] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-11787e4a] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-11787e4a]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-11787e4a] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-11787e4a] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-11787e4a] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .tabbar-tabs-inicio-components-GameWrapper-index[data-v-11787e4a] {
    padding-inline: .9375rem;
    margin-bottom: .5rem;
    background: transparent
}

html .tabbar-tabs-inicio-components-GameWrapper-index .aspect-ratio-card[data-v-11787e4a] {
    width: 100%;
    aspect-ratio: 100 / 32.786;
    border-radius: var(--ep-border-radius-surface-default, .875rem);
    overflow: hidden
}

html .tabbar-tabs-inicio-components-GameWrapper-index[data-v-11787e4a]:has(.aspect-ratio-card) {
    padding-bottom: .3125rem
}

html .tabbar-tabs-inicio-components-GameWrapper-index .card-container[data-v-11787e4a] {
    display: flex;
    flex-flow: wrap;
    padding: var(--swiper-padding, null);
    gap: .75rem
}

html .tabbar-tabs-inicio-components-GameWrapper-index .card-container .loading-spinner[data-v-11787e4a] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10
}

html .tabbar-tabs-inicio-components-GameWrapper-index .layout1.bonus-pool-container[data-v-11787e4a] {
    display: flex;
    flex-flow: wrap;
    gap: .75rem
}

html .tabbar-tabs-inicio-components-GameWrapper-index .layout1.bonus-pool-container .bonus-pool-container-top[data-v-11787e4a] {
    width: 100%;
    display: flex;
    gap: .75rem
}

html .tabbar-tabs-inicio-components-GameWrapper-index .layout1.bonus-pool-container .bonus-pool-container-top .bonus-pool-container-top-bonus-pool[data-v-11787e4a] {
    flex: 1
}

html .tabbar-tabs-inicio-components-GameWrapper-index .layout1.bonus-pool-container .bonus-pool-container-top .bonus-pool-container-card-container[data-v-11787e4a] {
    flex: 1;
    display: flex;
    flex-flow: wrap;
    gap: .75rem
}

html .tabbar-tabs-inicio-components-GameWrapper-index .layout1.bonus-pool-container .bonus-pool-container-top .bonus-pool-container-card-container .bonus-pool-container-card[data-v-11787e4a] {
    flex: 0 0 46.5%
}

.color-primary-600[data-v-a36f3d34] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-a36f3d34] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-a36f3d34] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-a36f3d34] {
    color: var(--color-primary-900)
}

.bg-100[data-v-a36f3d34] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-a36f3d34] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-a36f3d34] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-a36f3d34] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-a36f3d34] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-a36f3d34] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-a36f3d34] {
    background-color: var(--color-warning)
}

.bg-link[data-v-a36f3d34] {
    background-color: var(--color-link)
}

.bg-danger[data-v-a36f3d34] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-a36f3d34] {
    color: var(--color-text-100)
}

.color-text-80[data-v-a36f3d34] {
    color: var(--color-text-80)
}

.color-text-50[data-v-a36f3d34] {
    color: var(--color-text-50)
}

.color-text-40[data-v-a36f3d34] {
    color: var(--color-text-40)
}

.color-text-20[data-v-a36f3d34] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-a36f3d34] {
    color: var(--color-currency)
}

.color-warning[data-v-a36f3d34] {
    color: var(--color-warning)
}

.color-danger[data-v-a36f3d34] {
    color: var(--color-danger)
}

.color-link[data-v-a36f3d34] {
    color: var(--color-link)
}

.color-line[data-v-a36f3d34] {
    color: var(--color-line)
}

.color-border[data-v-a36f3d34] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-a36f3d34] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-a36f3d34] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-a36f3d34] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-a36f3d34] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-a36f3d34] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-a36f3d34] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-a36f3d34] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-a36f3d34] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-a36f3d34] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-a36f3d34] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-a36f3d34] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-a36f3d34] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-a36f3d34] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-a36f3d34] {
    display: flex;
    align-items: center
}

.flex-start[data-v-a36f3d34] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-a36f3d34] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-a36f3d34] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-a36f3d34] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-a36f3d34] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-a36f3d34] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-a36f3d34] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-a36f3d34] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-a36f3d34] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-a36f3d34] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-a36f3d34] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-a36f3d34] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-a36f3d34] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-a36f3d34] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-a36f3d34] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-a36f3d34] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-a36f3d34] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-a36f3d34] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-a36f3d34] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-a36f3d34] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-a36f3d34] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-a36f3d34] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-a36f3d34] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-a36f3d34] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-a36f3d34],
.mlm-selected-item[data-v-a36f3d34] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-a36f3d34] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-a36f3d34]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-a36f3d34] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-a36f3d34] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-a36f3d34] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .layout1.more[data-v-a36f3d34] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-block-start: .9375rem;
    padding-block-end: 1.625rem;
    text-transform: capitalize;
    font-size: .75rem;
    line-height: 1.5
}

html .layout1.more .label[data-v-a36f3d34] {
    color: #566488;
    font-weight: 400
}

html .layout1.more .btn[data-v-a36f3d34] {
    color: #1680dc
}

html .layout1.more .btn .btn-label[data-v-a36f3d34] {
    font-weight: 600
}

html .layout1.more .btn .btn-icon[data-v-a36f3d34] {
    margin-inline-start: .1875rem;
    vertical-align: middle;
    transform: rotateX(0);
    transition: transform .3s ease
}

html .layout1.more .btn .active[data-v-a36f3d34] {
    transform: rotateX(180deg)
}

.auroral-yellow .more[data-v-a36f3d34] {
    background: #24221f;
    padding-block: 1.25rem .75rem;
    border-radius: 0 0 .625rem .625rem
}

#tabbar-tabs-inicio-components-GameWrapper-components-showAll-1-index .layout1.more[data-v-a36f3d34] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-block-start: .9375rem;
    padding-block-end: 1.625rem;
    text-transform: capitalize;
    font-size: .75rem;
    line-height: 1.5
}

#tabbar-tabs-inicio-components-GameWrapper-components-showAll-1-index .layout1.more .label[data-v-a36f3d34] {
    color: #566488;
    font-weight: 400
}

#tabbar-tabs-inicio-components-GameWrapper-components-showAll-1-index .layout1.more .btn[data-v-a36f3d34] {
    color: #1680dc
}

#tabbar-tabs-inicio-components-GameWrapper-components-showAll-1-index .layout1.more .btn .btn-label[data-v-a36f3d34] {
    font-weight: 600
}

#tabbar-tabs-inicio-components-GameWrapper-components-showAll-1-index .layout1.more .btn .btn-icon[data-v-a36f3d34] {
    margin-inline-start: .1875rem;
    vertical-align: middle;
    transform: rotateX(0);
    transition: transform .3s ease
}

#tabbar-tabs-inicio-components-GameWrapper-components-showAll-1-index .layout1.more .btn .active[data-v-a36f3d34] {
    transform: rotateX(180deg)
}

.color-primary-600[data-v-e8fb5a7a] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-e8fb5a7a] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-e8fb5a7a] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-e8fb5a7a] {
    color: var(--color-primary-900)
}

.bg-100[data-v-e8fb5a7a] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-e8fb5a7a] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-e8fb5a7a] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-e8fb5a7a] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-e8fb5a7a] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-e8fb5a7a] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-e8fb5a7a] {
    background-color: var(--color-warning)
}

.bg-link[data-v-e8fb5a7a] {
    background-color: var(--color-link)
}

.bg-danger[data-v-e8fb5a7a] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-e8fb5a7a] {
    color: var(--color-text-100)
}

.color-text-80[data-v-e8fb5a7a] {
    color: var(--color-text-80)
}

.color-text-50[data-v-e8fb5a7a] {
    color: var(--color-text-50)
}

.color-text-40[data-v-e8fb5a7a] {
    color: var(--color-text-40)
}

.color-text-20[data-v-e8fb5a7a] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-e8fb5a7a] {
    color: var(--color-currency)
}

.color-warning[data-v-e8fb5a7a] {
    color: var(--color-warning)
}

.color-danger[data-v-e8fb5a7a] {
    color: var(--color-danger)
}

.color-link[data-v-e8fb5a7a] {
    color: var(--color-link)
}

.color-line[data-v-e8fb5a7a] {
    color: var(--color-line)
}

.color-border[data-v-e8fb5a7a] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-e8fb5a7a] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-e8fb5a7a] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-e8fb5a7a] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-e8fb5a7a] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-e8fb5a7a] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-e8fb5a7a] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-e8fb5a7a] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-e8fb5a7a] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-e8fb5a7a] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-e8fb5a7a] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-e8fb5a7a] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-e8fb5a7a] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-e8fb5a7a] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-e8fb5a7a] {
    display: flex;
    align-items: center
}

.flex-start[data-v-e8fb5a7a] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-e8fb5a7a] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-e8fb5a7a] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-e8fb5a7a] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-e8fb5a7a] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-e8fb5a7a] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-e8fb5a7a] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-e8fb5a7a] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-e8fb5a7a] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-e8fb5a7a] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-e8fb5a7a] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-e8fb5a7a] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-e8fb5a7a] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-e8fb5a7a] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-e8fb5a7a] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-e8fb5a7a] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-e8fb5a7a] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-e8fb5a7a] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-e8fb5a7a] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-e8fb5a7a] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-e8fb5a7a] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-e8fb5a7a] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-e8fb5a7a] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-e8fb5a7a] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-e8fb5a7a],
.mlm-selected-item[data-v-e8fb5a7a] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-e8fb5a7a] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-e8fb5a7a]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-e8fb5a7a] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-e8fb5a7a] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-e8fb5a7a] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .layout1.more[data-v-e8fb5a7a] {
    padding: .6875rem 0 .75rem;
    display: flex;
    justify-content: center;
    border-top: .0625rem solid var(--ep-color-border-default)
}

html .layout1.more .btn[data-v-e8fb5a7a] {
    display: flex;
    align-items: center;
    gap: .375rem
}

html .layout1.more .btn .btn-label[data-v-e8fb5a7a] {
    text-align: center;
    font-size: var(--ep-font-size-s);
    text-transform: capitalize;
    font-weight: var(--ep-font-weight-medium);
    color: var(--ep-color-text-default)
}

html .layout1.more .btn .btn-icon[data-v-e8fb5a7a] {
    font-size: var(--ep-font-size-s);
    transform: rotateX(0);
    transition: transform .3s ease;
    color: var(--ep-color-icon-brand-secondary)
}

html .layout1.more .btn .active[data-v-e8fb5a7a] {
    transform: rotateX(180deg)
}

html .layout26.more[data-v-e8fb5a7a] {
    padding: .6875rem 0 .75rem;
    display: flex;
    position: relative;
    justify-content: center
}

html .layout26.more[data-v-e8fb5a7a]:before {
    content: "";
    position: absolute;
    top: -.0625rem;
    height: .0625rem;
    width: 95%;
    background: var(--ep-color-border-brand)
}

html .layout26.more .btn[data-v-e8fb5a7a] {
    display: flex;
    align-items: center;
    gap: .375rem
}

html .layout26.more .btn .btn-label[data-v-e8fb5a7a] {
    text-align: center;
    font-size: var(--ep-font-size-s);
    text-transform: capitalize;
    font-weight: var(--ep-font-weight-medium);
    color: var(--ep-color-text-default)
}

html .layout26.more .btn .btn-icon[data-v-e8fb5a7a] {
    font-size: var(--ep-font-size-m, .875rem);
    transform: rotateX(0);
    transition: transform .3s ease;
    color: var(--ep-color-icon-brand-secondary)
}

html .layout26.more .btn .active[data-v-e8fb5a7a] {
    transform: rotateX(180deg)
}

#tabbar-tabs-inicio-components-GameWrapper-components-showAll-2-index .layout1.more[data-v-e8fb5a7a] {
    padding: .6875rem 0 .75rem;
    display: flex;
    justify-content: center;
    border-top: .0625rem solid var(--ep-color-border-default)
}

#tabbar-tabs-inicio-components-GameWrapper-components-showAll-2-index .layout1.more .btn[data-v-e8fb5a7a] {
    display: flex;
    align-items: center;
    gap: .375rem
}

#tabbar-tabs-inicio-components-GameWrapper-components-showAll-2-index .layout1.more .btn .btn-label[data-v-e8fb5a7a] {
    text-align: center;
    font-size: var(--ep-font-size-s);
    text-transform: capitalize;
    font-weight: var(--ep-font-weight-medium);
    color: var(--ep-color-text-default)
}

#tabbar-tabs-inicio-components-GameWrapper-components-showAll-2-index .layout1.more .btn .btn-icon[data-v-e8fb5a7a] {
    font-size: var(--ep-font-size-s);
    transform: rotateX(0);
    transition: transform .3s ease;
    color: var(--ep-color-icon-brand-secondary)
}

#tabbar-tabs-inicio-components-GameWrapper-components-showAll-2-index .layout1.more .btn .active[data-v-e8fb5a7a] {
    transform: rotateX(180deg)
}

#tabbar-tabs-inicio-components-GameWrapper-components-showAll-2-index .layout26.more[data-v-e8fb5a7a] {
    padding: .6875rem 0 .75rem;
    display: flex;
    position: relative;
    justify-content: center
}

#tabbar-tabs-inicio-components-GameWrapper-components-showAll-2-index .layout26.more[data-v-e8fb5a7a]:before {
    content: "";
    position: absolute;
    top: -.0625rem;
    height: .0625rem;
    width: 95%;
    background: var(--ep-color-border-brand)
}

#tabbar-tabs-inicio-components-GameWrapper-components-showAll-2-index .layout26.more .btn[data-v-e8fb5a7a] {
    display: flex;
    align-items: center;
    gap: .375rem
}

#tabbar-tabs-inicio-components-GameWrapper-components-showAll-2-index .layout26.more .btn .btn-label[data-v-e8fb5a7a] {
    text-align: center;
    font-size: var(--ep-font-size-s);
    text-transform: capitalize;
    font-weight: var(--ep-font-weight-medium);
    color: var(--ep-color-text-default)
}

#tabbar-tabs-inicio-components-GameWrapper-components-showAll-2-index .layout26.more .btn .btn-icon[data-v-e8fb5a7a] {
    font-size: var(--ep-font-size-m, .875rem);
    transform: rotateX(0);
    transition: transform .3s ease;
    color: var(--ep-color-icon-brand-secondary)
}

#tabbar-tabs-inicio-components-GameWrapper-components-showAll-2-index .layout26.more .btn .active[data-v-e8fb5a7a] {
    transform: rotateX(180deg)
}

.color-primary-600[data-v-c4994926] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-c4994926] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-c4994926] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-c4994926] {
    color: var(--color-primary-900)
}

.bg-100[data-v-c4994926] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-c4994926] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-c4994926] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-c4994926] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-c4994926] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-c4994926] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-c4994926] {
    background-color: var(--color-warning)
}

.bg-link[data-v-c4994926] {
    background-color: var(--color-link)
}

.bg-danger[data-v-c4994926] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-c4994926] {
    color: var(--color-text-100)
}

.color-text-80[data-v-c4994926] {
    color: var(--color-text-80)
}

.color-text-50[data-v-c4994926] {
    color: var(--color-text-50)
}

.color-text-40[data-v-c4994926] {
    color: var(--color-text-40)
}

.color-text-20[data-v-c4994926] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-c4994926] {
    color: var(--color-currency)
}

.color-warning[data-v-c4994926] {
    color: var(--color-warning)
}

.color-danger[data-v-c4994926] {
    color: var(--color-danger)
}

.color-link[data-v-c4994926] {
    color: var(--color-link)
}

.color-line[data-v-c4994926] {
    color: var(--color-line)
}

.color-border[data-v-c4994926] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-c4994926] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-c4994926] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-c4994926] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-c4994926] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-c4994926] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-c4994926] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-c4994926] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-c4994926] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-c4994926] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-c4994926] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-c4994926] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-c4994926] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-c4994926] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-c4994926] {
    display: flex;
    align-items: center
}

.flex-start[data-v-c4994926] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-c4994926] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-c4994926] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-c4994926] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-c4994926] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-c4994926] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-c4994926] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-c4994926] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-c4994926] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-c4994926] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-c4994926] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-c4994926] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-c4994926] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-c4994926] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-c4994926] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-c4994926] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-c4994926] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-c4994926] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-c4994926] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-c4994926] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-c4994926] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-c4994926] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-c4994926] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-c4994926] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-c4994926],
.mlm-selected-item[data-v-c4994926] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-c4994926] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-c4994926]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-c4994926] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-c4994926] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-c4994926] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.game-head[data-v-c4994926] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.border-top[data-v-c4994926] {
    position: relative
}

.border-top[data-v-c4994926]:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: .0625rem;
    background: var(--border-color1)
}

.border-bottom[data-v-c4994926] {
    position: relative
}

.border-bottom[data-v-c4994926]:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .0625rem;
    background: var(--border-color2)
}

.layout26.game-head[data-v-c4994926] {
    position: relative
}

.layout26.game-head[data-v-c4994926]:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    width: 100%;
    height: 3.75rem;
    border-radius: .375rem;
    background: var(--ep-color-background-fill-surface-raised-L1)
}

.layout26.game-head[data-v-c4994926]:after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 23.125rem;
    height: .625rem;
    left: .625rem;
    bottom: -.875rem;
    border-radius: 1rem;
    background: var(--ep-color-background-fill-body-default)
}

.color-primary-600[data-v-a0152963] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-a0152963] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-a0152963] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-a0152963] {
    color: var(--color-primary-900)
}

.bg-100[data-v-a0152963] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-a0152963] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-a0152963] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-a0152963] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-a0152963] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-a0152963] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-a0152963] {
    background-color: var(--color-warning)
}

.bg-link[data-v-a0152963] {
    background-color: var(--color-link)
}

.bg-danger[data-v-a0152963] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-a0152963] {
    color: var(--color-text-100)
}

.color-text-80[data-v-a0152963] {
    color: var(--color-text-80)
}

.color-text-50[data-v-a0152963] {
    color: var(--color-text-50)
}

.color-text-40[data-v-a0152963] {
    color: var(--color-text-40)
}

.color-text-20[data-v-a0152963] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-a0152963] {
    color: var(--color-currency)
}

.color-warning[data-v-a0152963] {
    color: var(--color-warning)
}

.color-danger[data-v-a0152963] {
    color: var(--color-danger)
}

.color-link[data-v-a0152963] {
    color: var(--color-link)
}

.color-line[data-v-a0152963] {
    color: var(--color-line)
}

.color-border[data-v-a0152963] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-a0152963] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-a0152963] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-a0152963] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-a0152963] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-a0152963] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-a0152963] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-a0152963] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-a0152963] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-a0152963] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-a0152963] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-a0152963] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-a0152963] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-a0152963] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-a0152963] {
    display: flex;
    align-items: center
}

.flex-start[data-v-a0152963] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-a0152963] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-a0152963] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-a0152963] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-a0152963] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-a0152963] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-a0152963] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-a0152963] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-a0152963] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-a0152963] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-a0152963] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-a0152963] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-a0152963] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-a0152963] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-a0152963] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-a0152963] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-a0152963] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-a0152963] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-a0152963] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-a0152963] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-a0152963] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-a0152963] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-a0152963] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-a0152963] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-a0152963],
.mlm-selected-item[data-v-a0152963] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-a0152963] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-a0152963]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-a0152963] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-a0152963] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-a0152963] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.game-head[data-v-a0152963] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.border-top[data-v-a0152963] {
    position: relative
}

.border-top[data-v-a0152963]:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: .0625rem;
    background: var(--border-color1)
}

.border-bottom[data-v-a0152963] {
    position: relative
}

.border-bottom[data-v-a0152963]:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .0625rem;
    background: var(--border-color2)
}

.color-primary-600[data-v-2b5d690e] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-2b5d690e] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-2b5d690e] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-2b5d690e] {
    color: var(--color-primary-900)
}

.bg-100[data-v-2b5d690e] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-2b5d690e] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-2b5d690e] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-2b5d690e] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-2b5d690e] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-2b5d690e] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-2b5d690e] {
    background-color: var(--color-warning)
}

.bg-link[data-v-2b5d690e] {
    background-color: var(--color-link)
}

.bg-danger[data-v-2b5d690e] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-2b5d690e] {
    color: var(--color-text-100)
}

.color-text-80[data-v-2b5d690e] {
    color: var(--color-text-80)
}

.color-text-50[data-v-2b5d690e] {
    color: var(--color-text-50)
}

.color-text-40[data-v-2b5d690e] {
    color: var(--color-text-40)
}

.color-text-20[data-v-2b5d690e] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-2b5d690e] {
    color: var(--color-currency)
}

.color-warning[data-v-2b5d690e] {
    color: var(--color-warning)
}

.color-danger[data-v-2b5d690e] {
    color: var(--color-danger)
}

.color-link[data-v-2b5d690e] {
    color: var(--color-link)
}

.color-line[data-v-2b5d690e] {
    color: var(--color-line)
}

.color-border[data-v-2b5d690e] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-2b5d690e] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-2b5d690e] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-2b5d690e] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-2b5d690e] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-2b5d690e] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-2b5d690e] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-2b5d690e] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-2b5d690e] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-2b5d690e] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-2b5d690e] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-2b5d690e] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-2b5d690e] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-2b5d690e] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-2b5d690e] {
    display: flex;
    align-items: center
}

.flex-start[data-v-2b5d690e] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-2b5d690e] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-2b5d690e] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-2b5d690e] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-2b5d690e] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-2b5d690e] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-2b5d690e] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-2b5d690e] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-2b5d690e] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-2b5d690e] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-2b5d690e] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-2b5d690e] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-2b5d690e] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-2b5d690e] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-2b5d690e] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-2b5d690e] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-2b5d690e] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-2b5d690e] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-2b5d690e] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-2b5d690e] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-2b5d690e] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-2b5d690e] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-2b5d690e] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-2b5d690e] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-2b5d690e],
.mlm-selected-item[data-v-2b5d690e] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-2b5d690e] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-2b5d690e]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-2b5d690e] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-2b5d690e] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-2b5d690e] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .logo-c[data-v-2b5d690e] {
    flex: 1;
    display: flex;
    align-items: center;
    flex-flow: wrap
}

html .logo-c .logo[data-v-2b5d690e] {
    font-size: 2rem;
    width: 2rem;
    height: 2rem;
    margin-right: .3125rem;
    color: var(--ep-color-icon-highlight)
}

html .logo-c .hot-logo[data-v-2b5d690e] {
    color: var(--ep-color-icon-danger)
}

html .logo-c .title-c[data-v-2b5d690e] {
    display: flex;
    gap: .375rem
}

html .logo-c .title-c .label[data-v-2b5d690e] {
    font-size: var(--ep-font-size-xl, 1.125rem);
    font-weight: var(--ep-font-weight-bold, 700);
    color: var(--ep-color-text-default)
}

.color-primary-600[data-v-66b0d7f8] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-66b0d7f8] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-66b0d7f8] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-66b0d7f8] {
    color: var(--color-primary-900)
}

.bg-100[data-v-66b0d7f8] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-66b0d7f8] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-66b0d7f8] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-66b0d7f8] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-66b0d7f8] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-66b0d7f8] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-66b0d7f8] {
    background-color: var(--color-warning)
}

.bg-link[data-v-66b0d7f8] {
    background-color: var(--color-link)
}

.bg-danger[data-v-66b0d7f8] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-66b0d7f8] {
    color: var(--color-text-100)
}

.color-text-80[data-v-66b0d7f8] {
    color: var(--color-text-80)
}

.color-text-50[data-v-66b0d7f8] {
    color: var(--color-text-50)
}

.color-text-40[data-v-66b0d7f8] {
    color: var(--color-text-40)
}

.color-text-20[data-v-66b0d7f8] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-66b0d7f8] {
    color: var(--color-currency)
}

.color-warning[data-v-66b0d7f8] {
    color: var(--color-warning)
}

.color-danger[data-v-66b0d7f8] {
    color: var(--color-danger)
}

.color-link[data-v-66b0d7f8] {
    color: var(--color-link)
}

.color-line[data-v-66b0d7f8] {
    color: var(--color-line)
}

.color-border[data-v-66b0d7f8] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-66b0d7f8] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-66b0d7f8] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-66b0d7f8] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-66b0d7f8] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-66b0d7f8] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-66b0d7f8] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-66b0d7f8] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-66b0d7f8] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-66b0d7f8] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-66b0d7f8] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-66b0d7f8] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-66b0d7f8] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-66b0d7f8] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-66b0d7f8] {
    display: flex;
    align-items: center
}

.flex-start[data-v-66b0d7f8] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-66b0d7f8] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-66b0d7f8] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-66b0d7f8] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-66b0d7f8] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-66b0d7f8] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-66b0d7f8] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-66b0d7f8] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-66b0d7f8] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-66b0d7f8] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-66b0d7f8] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-66b0d7f8] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-66b0d7f8] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-66b0d7f8] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-66b0d7f8] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-66b0d7f8] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-66b0d7f8] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-66b0d7f8] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-66b0d7f8] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-66b0d7f8] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-66b0d7f8] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-66b0d7f8] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-66b0d7f8] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-66b0d7f8] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-66b0d7f8],
.mlm-selected-item[data-v-66b0d7f8] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-66b0d7f8] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-66b0d7f8]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-66b0d7f8] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-66b0d7f8] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-66b0d7f8] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .logo-c[data-v-66b0d7f8] {
    display: flex;
    align-items: center
}

html .logo-c .logo[data-v-66b0d7f8] {
    font-size: 2rem;
    margin-right: .5rem;
    color: var(--ep-color-icon-brand-primary, #FEB805)
}

html .logo-c .hot-logo[data-v-66b0d7f8] {
    color: var(--ep-color-icon-danger, #E64021)
}

html .logo-c .title-c[data-v-66b0d7f8] {
    display: flex;
    gap: .375rem
}

html .logo-c .title-c .label[data-v-66b0d7f8] {
    font-size: var(--ep-font-size-xl, 1.125rem);
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--ep-color-text-default)
}

.green-dark .logo-c[data-v-66b0d7f8] {
    --ep-color-icon-brand-primary: #3E9B2F
}

.purple-light .logo-c[data-v-66b0d7f8] {
    --ep-color-text-default: rgba(0, 0, 0, .8);
    --ep-color-icon-brand-primary: #6526DB
}

#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-2-index .logo-c[data-v-66b0d7f8] {
    display: flex;
    align-items: center
}

#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-2-index .logo-c .logo[data-v-66b0d7f8] {
    font-size: 2rem;
    margin-right: .5rem;
    color: var(--ep-color-icon-brand-primary, #FEB805)
}

#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-2-index .logo-c .hot-logo[data-v-66b0d7f8] {
    color: var(--ep-color-icon-danger, #E64021)
}

#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-2-index .logo-c .title-c[data-v-66b0d7f8] {
    display: flex;
    gap: .375rem
}

#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-2-index .logo-c .title-c .label[data-v-66b0d7f8] {
    font-size: var(--ep-font-size-xl, 1.125rem);
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--ep-color-text-default)
}

.color-primary-600[data-v-b5c45561] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-b5c45561] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-b5c45561] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-b5c45561] {
    color: var(--color-primary-900)
}

.bg-100[data-v-b5c45561] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-b5c45561] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-b5c45561] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-b5c45561] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-b5c45561] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-b5c45561] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-b5c45561] {
    background-color: var(--color-warning)
}

.bg-link[data-v-b5c45561] {
    background-color: var(--color-link)
}

.bg-danger[data-v-b5c45561] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-b5c45561] {
    color: var(--color-text-100)
}

.color-text-80[data-v-b5c45561] {
    color: var(--color-text-80)
}

.color-text-50[data-v-b5c45561] {
    color: var(--color-text-50)
}

.color-text-40[data-v-b5c45561] {
    color: var(--color-text-40)
}

.color-text-20[data-v-b5c45561] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-b5c45561] {
    color: var(--color-currency)
}

.color-warning[data-v-b5c45561] {
    color: var(--color-warning)
}

.color-danger[data-v-b5c45561] {
    color: var(--color-danger)
}

.color-link[data-v-b5c45561] {
    color: var(--color-link)
}

.color-line[data-v-b5c45561] {
    color: var(--color-line)
}

.color-border[data-v-b5c45561] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-b5c45561] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-b5c45561] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-b5c45561] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-b5c45561] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-b5c45561] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-b5c45561] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-b5c45561] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-b5c45561] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-b5c45561] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-b5c45561] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-b5c45561] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-b5c45561] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-b5c45561] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-b5c45561] {
    display: flex;
    align-items: center
}

.flex-start[data-v-b5c45561] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-b5c45561] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-b5c45561] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-b5c45561] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-b5c45561] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-b5c45561] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-b5c45561] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-b5c45561] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-b5c45561] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-b5c45561] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-b5c45561] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-b5c45561] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-b5c45561] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-b5c45561] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-b5c45561] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-b5c45561] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-b5c45561] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-b5c45561] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-b5c45561] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-b5c45561] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-b5c45561] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-b5c45561] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-b5c45561] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-b5c45561] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-b5c45561],
.mlm-selected-item[data-v-b5c45561] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-b5c45561] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-b5c45561]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-b5c45561] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-b5c45561] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-b5c45561] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .logo-c[data-v-b5c45561] {
    display: flex;
    align-items: center
}

html .logo-c .logo[data-v-b5c45561] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: .375rem;
    width: 1.875rem;
    height: 1.875rem;
    font-size: 1.5rem;
    border-width: .0625rem;
    border-radius: .375rem;
    color: var(--ep-light-accent-color-orange, #E4AE55)
}

html .logo-c .border-gradient[data-v-b5c45561] {
    background: "linear-gradient(to right, #3b3466, #3b3466), linear-gradient(317deg, #7041F3 2.45%, #F5C84C 105.89%)";
    border-style: solid;
    border-color: transparent;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box
}

html .logo-c .hot-logo[data-v-b5c45561] {
    color: var(--ep-light-accent-color-red, #E4AE55)
}

html .logo-c .title-c[data-v-b5c45561] {
    display: flex;
    gap: .375rem
}

html .logo-c .title-c .label[data-v-b5c45561] {
    text-transform: uppercase;
    font-size: var(--ep-font-size-xl, 1.125rem);
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--ep-color-text-default, #BDB8E1)
}

#tabbar-tabs-inicio-components-GameWrapper-components-header-components-start-3-index .logo-c[data-v-b5c45561] {
    display: flex;
    align-items: center
}

#tabbar-tabs-inicio-components-GameWrapper-components-header-components-start-3-index .logo-c .logo[data-v-b5c45561] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: .375rem;
    width: 1.875rem;
    height: 1.875rem;
    font-size: 1.5rem;
    border-width: .0625rem;
    border-radius: .375rem;
    color: var(--ep-light-accent-color-orange, #E4AE55)
}

#tabbar-tabs-inicio-components-GameWrapper-components-header-components-start-3-index .logo-c .border-gradient[data-v-b5c45561] {
    background: "linear-gradient(to right, #3b3466, #3b3466), linear-gradient(317deg, #7041F3 2.45%, #F5C84C 105.89%)";
    border-style: solid;
    border-color: transparent;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box
}

#tabbar-tabs-inicio-components-GameWrapper-components-header-components-start-3-index .logo-c .hot-logo[data-v-b5c45561] {
    color: var(--ep-light-accent-color-red, #E4AE55)
}

#tabbar-tabs-inicio-components-GameWrapper-components-header-components-start-3-index .logo-c .title-c[data-v-b5c45561] {
    display: flex;
    gap: .375rem
}

#tabbar-tabs-inicio-components-GameWrapper-components-header-components-start-3-index .logo-c .title-c .label[data-v-b5c45561] {
    text-transform: uppercase;
    font-size: var(--ep-font-size-xl, 1.125rem);
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--ep-color-text-default, #BDB8E1)
}

.color-primary-600[data-v-791c9c04] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-791c9c04] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-791c9c04] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-791c9c04] {
    color: var(--color-primary-900)
}

.bg-100[data-v-791c9c04] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-791c9c04] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-791c9c04] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-791c9c04] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-791c9c04] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-791c9c04] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-791c9c04] {
    background-color: var(--color-warning)
}

.bg-link[data-v-791c9c04] {
    background-color: var(--color-link)
}

.bg-danger[data-v-791c9c04] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-791c9c04] {
    color: var(--color-text-100)
}

.color-text-80[data-v-791c9c04] {
    color: var(--color-text-80)
}

.color-text-50[data-v-791c9c04] {
    color: var(--color-text-50)
}

.color-text-40[data-v-791c9c04] {
    color: var(--color-text-40)
}

.color-text-20[data-v-791c9c04] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-791c9c04] {
    color: var(--color-currency)
}

.color-warning[data-v-791c9c04] {
    color: var(--color-warning)
}

.color-danger[data-v-791c9c04] {
    color: var(--color-danger)
}

.color-link[data-v-791c9c04] {
    color: var(--color-link)
}

.color-line[data-v-791c9c04] {
    color: var(--color-line)
}

.color-border[data-v-791c9c04] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-791c9c04] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-791c9c04] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-791c9c04] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-791c9c04] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-791c9c04] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-791c9c04] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-791c9c04] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-791c9c04] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-791c9c04] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-791c9c04] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-791c9c04] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-791c9c04] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-791c9c04] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-791c9c04] {
    display: flex;
    align-items: center
}

.flex-start[data-v-791c9c04] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-791c9c04] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-791c9c04] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-791c9c04] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-791c9c04] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-791c9c04] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-791c9c04] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-791c9c04] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-791c9c04] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-791c9c04] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-791c9c04] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-791c9c04] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-791c9c04] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-791c9c04] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-791c9c04] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-791c9c04] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-791c9c04] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-791c9c04] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-791c9c04] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-791c9c04] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-791c9c04] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-791c9c04] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-791c9c04] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-791c9c04] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-791c9c04],
.mlm-selected-item[data-v-791c9c04] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-791c9c04] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-791c9c04]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-791c9c04] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-791c9c04] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-791c9c04] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .logo-c[data-v-791c9c04] {
    display: flex;
    align-items: center;
    gap: .25rem
}

html .logo-c .logo[data-v-791c9c04] {
    font-size: 2rem;
    color: var(--ep-color-icon-brand-primary, #FEB805)
}

html .logo-c .hot-logo[data-v-791c9c04] {
    color: var(--ep-color-icon-danger, #E64021)
}

html .logo-c .title-c[data-v-791c9c04] {
    display: flex;
    gap: .375rem
}

html .logo-c .title-c .label[data-v-791c9c04] {
    font-size: var(--ep-font-size-xl, 1.125rem);
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--ep-color-text-default)
}

html .logo-c .number[data-v-791c9c04] {
    padding: .0625rem .25rem;
    border-radius: .25rem;
    font-size: var(--font-size-total, .5rem);
    background-color: var(--ep-color-background-fill-body-default, var(--ep-compat-color-background-fill-body-default));
    color: var(--ep-color-text-warning, var(--ep-compat-color-text-warning))
}

html .logo-c.layout26[data-v-791c9c04] {
    display: flex;
    align-items: center;
    gap: .5rem
}

html .logo-c.layout26 .logo[data-v-791c9c04] {
    font-size: 2rem;
    color: var(--ep-color-icon-brand-primary, #FEB805)
}

html .logo-c.layout26 .hot-logo[data-v-791c9c04] {
    color: var(--ep-color-icon-danger, #E64021)
}

html .logo-c.layout26 .title-c[data-v-791c9c04] {
    display: flex;
    gap: .375rem
}

html .logo-c.layout26 .title-c .label[data-v-791c9c04] {
    font-size: var(--ep-font-size-xl, 1.125rem);
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--ep-color-text-default)
}

html .logo-c.layout26 .number[data-v-791c9c04] {
    padding: .25rem .5rem;
    border-radius: .375rem;
    font-size: var(--font-size-s, .75rem);
    background-color: var(--ep-color-background-fill-surface-raised-L1);
    color: var(--ep-color-text-brand-primary)
}

.green-dark[data-v-791c9c04] {
    --ep-color-icon-brand-primary: #3E9B2F
}

.purple-light[data-v-791c9c04] {
    --ep-color-text-default: rgba(0, 0, 0, .8);
    --ep-color-icon-brand-primary: #6526DB
}

#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-4-index .logo-c[data-v-791c9c04] {
    display: flex;
    align-items: center;
    gap: .25rem
}

#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-4-index .logo-c .logo[data-v-791c9c04] {
    font-size: 2rem;
    color: var(--ep-color-icon-brand-primary, #FEB805)
}

#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-4-index .logo-c .hot-logo[data-v-791c9c04] {
    color: var(--ep-color-icon-danger, #E64021)
}

#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-4-index .logo-c .title-c[data-v-791c9c04] {
    display: flex;
    gap: .375rem
}

#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-4-index .logo-c .title-c .label[data-v-791c9c04] {
    font-size: var(--ep-font-size-xl, 1.125rem);
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--ep-color-text-default)
}

#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-4-index .logo-c .number[data-v-791c9c04] {
    padding: .0625rem .25rem;
    border-radius: .25rem;
    font-size: var(--font-size-total, .5rem);
    background-color: var(--ep-color-background-fill-body-default, var(--ep-compat-color-background-fill-body-default));
    color: var(--ep-color-text-warning, var(--ep-compat-color-text-warning))
}

#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-4-index .logo-c.layout26[data-v-791c9c04] {
    display: flex;
    align-items: center;
    gap: .5rem
}

#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-4-index .logo-c.layout26 .logo[data-v-791c9c04] {
    font-size: 2rem;
    color: var(--ep-color-icon-brand-primary, #FEB805)
}

#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-4-index .logo-c.layout26 .hot-logo[data-v-791c9c04] {
    color: var(--ep-color-icon-danger, #E64021)
}

#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-4-index .logo-c.layout26 .title-c[data-v-791c9c04] {
    display: flex;
    gap: .375rem
}

#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-4-index .logo-c.layout26 .title-c .label[data-v-791c9c04] {
    font-size: var(--ep-font-size-xl, 1.125rem);
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--ep-color-text-default)
}

#tabbar-tabs-inicio-components-GameWrapper-components-head-components-start-4-index .logo-c.layout26 .number[data-v-791c9c04] {
    padding: .25rem .5rem;
    border-radius: .375rem;
    font-size: var(--font-size-s, .75rem);
    background-color: var(--ep-color-background-fill-surface-raised-L1);
    color: var(--ep-color-text-brand-primary)
}

.color-primary-600[data-v-8f256012] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-8f256012] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-8f256012] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-8f256012] {
    color: var(--color-primary-900)
}

.bg-100[data-v-8f256012] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-8f256012] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-8f256012] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-8f256012] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-8f256012] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-8f256012] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-8f256012] {
    background-color: var(--color-warning)
}

.bg-link[data-v-8f256012] {
    background-color: var(--color-link)
}

.bg-danger[data-v-8f256012] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-8f256012] {
    color: var(--color-text-100)
}

.color-text-80[data-v-8f256012] {
    color: var(--color-text-80)
}

.color-text-50[data-v-8f256012] {
    color: var(--color-text-50)
}

.color-text-40[data-v-8f256012] {
    color: var(--color-text-40)
}

.color-text-20[data-v-8f256012] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-8f256012] {
    color: var(--color-currency)
}

.color-warning[data-v-8f256012] {
    color: var(--color-warning)
}

.color-danger[data-v-8f256012] {
    color: var(--color-danger)
}

.color-link[data-v-8f256012] {
    color: var(--color-link)
}

.color-line[data-v-8f256012] {
    color: var(--color-line)
}

.color-border[data-v-8f256012] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-8f256012] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-8f256012] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-8f256012] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-8f256012] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-8f256012] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-8f256012] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-8f256012] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-8f256012] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-8f256012] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-8f256012] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-8f256012] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-8f256012] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-8f256012] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-8f256012] {
    display: flex;
    align-items: center
}

.flex-start[data-v-8f256012] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-8f256012] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-8f256012] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-8f256012] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-8f256012] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-8f256012] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-8f256012] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-8f256012] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-8f256012] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-8f256012] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-8f256012] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-8f256012] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-8f256012] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-8f256012] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-8f256012] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-8f256012] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-8f256012] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-8f256012] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-8f256012] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-8f256012] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-8f256012] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-8f256012] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-8f256012] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-8f256012] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-8f256012],
.mlm-selected-item[data-v-8f256012] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-8f256012] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-8f256012]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-8f256012] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-8f256012] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-8f256012] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .layout1.total[data-v-8f256012] {
    margin-left: auto;
    padding: .25rem .6875rem;
    border-radius: var(--ep-border-radius-m, .375rem);
    background: var(--ep-color-background-fill-surface-raised-L1, #22201B)
}

html .layout1.total .label[data-v-8f256012] {
    font-size: var(--ep-font-size-m, .875rem);
    margin-right: .25rem;
    color: var(--ep-color-text-weaker, rgba(255, 255, 255, .4))
}

html .layout1.total .number[data-v-8f256012] {
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--ep-color-text-brand-primary, #FEB805)
}

html .layout2.total[data-v-8f256012] {
    display: flex;
    align-items: center;
    justify-content: center
}

html .layout2.total .label[data-v-8f256012] {
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--ep-color-text-default)
}

html .layout2.total .number[data-v-8f256012] {
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-bold, 700);
    padding: .125rem .625rem;
    border-radius: var(--ep-border-radius-infinity, .625rem);
    margin-left: .375rem;
    background: linear-gradient(90deg, var(--ep-color-background-fill-surface-raised-L2) 0%, var(--ep-color-background-fill-active-disabled) 100%);
    color: var(--ep-color-text-brand-primary);
    box-shadow: .0625rem 0 0 0 var(--ep-color-background-fill-glow-primary-opacity-100) inset
}

html .layout3.total[data-v-8f256012] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .375rem;
    padding: .0625rem .625rem;
    border-radius: var(--ep-border-radius-infinity, 9999px);
    background: var(--ep-color-icon-brand-secondary, #66BA20)
}

html .layout3.total .label[data-v-8f256012] {
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--ep-color-text-inverse)
}

html .layout3.total .number[data-v-8f256012] {
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-medium, 600);
    border-radius: var(--ep-border-radius-infinity, .625rem);
    color: var(--ep-color-text-inverse)
}

html .layout4.total[data-v-8f256012] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .375rem;
    padding: .25rem .625rem;
    border-radius: var(--ep-border-radius-s, .25rem);
    background: var(--color-background-fill-surface-raised-L2, #2C333B)
}

html .layout4.total .label[data-v-8f256012],
html .layout4.total .number[data-v-8f256012] {
    font-size: var(--ep-font-size-xs, .625rem);
    font-weight: var(--ep-font-weight-regular, 400);
    color: var(--ep-color-text-default)
}

.green-dark .total[data-v-8f256012] {
    --ep-color-background-fill-surface-raised-L1: #21252C;
    --ep-color-text-brand-primary: #3E9B2F
}

.purple-light .total[data-v-8f256012] {
    --ep-color-background-fill-surface-raised-L1: #DBCEFD;
    --ep-color-text-weaker: rgba(0, 0, 0, .5);
    --ep-color-text-brand-primary: #6526DB
}

.amber-purple .total[data-v-8f256012] {
    --ep-color-background-fill-surface-raised-L1: #2C294D;
    --ep-color-text-weaker: #686299;
    --ep-color-text-brand-primary: #BDB8E1
}

#tabbar-tabs-inicio-components-GameWrapper-components-header-components-center-2-index .layout1.total[data-v-8f256012] {
    margin-left: auto;
    padding: .25rem .6875rem;
    border-radius: var(--ep-border-radius-m, .375rem);
    background: var(--ep-color-background-fill-surface-raised-L1, #22201B)
}

#tabbar-tabs-inicio-components-GameWrapper-components-header-components-center-2-index .layout1.total .label[data-v-8f256012] {
    font-size: var(--ep-font-size-m, .875rem);
    margin-right: .25rem;
    color: var(--ep-color-text-weaker, rgba(255, 255, 255, .4))
}

#tabbar-tabs-inicio-components-GameWrapper-components-header-components-center-2-index .layout1.total .number[data-v-8f256012] {
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--ep-color-text-brand-primary, #FEB805)
}

#tabbar-tabs-inicio-components-GameWrapper-components-header-components-center-2-index .layout2.total[data-v-8f256012] {
    display: flex;
    align-items: center;
    justify-content: center
}

#tabbar-tabs-inicio-components-GameWrapper-components-header-components-center-2-index .layout2.total .label[data-v-8f256012] {
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--ep-color-text-default)
}

#tabbar-tabs-inicio-components-GameWrapper-components-header-components-center-2-index .layout2.total .number[data-v-8f256012] {
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-bold, 700);
    padding: .125rem .625rem;
    border-radius: var(--ep-border-radius-infinity, .625rem);
    margin-left: .375rem;
    background: linear-gradient(90deg, var(--ep-color-background-fill-surface-raised-L2) 0%, var(--ep-color-background-fill-active-disabled) 100%);
    color: var(--ep-color-text-brand-primary);
    box-shadow: .0625rem 0 0 0 var(--ep-color-background-fill-glow-primary-opacity-100) inset
}

#tabbar-tabs-inicio-components-GameWrapper-components-header-components-center-2-index .layout3.total[data-v-8f256012] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .375rem;
    padding: .0625rem .625rem;
    border-radius: var(--ep-border-radius-infinity, 9999px);
    background: var(--ep-color-icon-brand-secondary, #66BA20)
}

#tabbar-tabs-inicio-components-GameWrapper-components-header-components-center-2-index .layout3.total .label[data-v-8f256012] {
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--ep-color-text-inverse)
}

#tabbar-tabs-inicio-components-GameWrapper-components-header-components-center-2-index .layout3.total .number[data-v-8f256012] {
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-medium, 600);
    border-radius: var(--ep-border-radius-infinity, .625rem);
    color: var(--ep-color-text-inverse)
}

#tabbar-tabs-inicio-components-GameWrapper-components-header-components-center-2-index .layout4.total[data-v-8f256012] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .375rem;
    padding: .25rem .625rem;
    border-radius: var(--ep-border-radius-s, .25rem);
    background: var(--color-background-fill-surface-raised-L2, #2C333B)
}

#tabbar-tabs-inicio-components-GameWrapper-components-header-components-center-2-index .layout4.total .label[data-v-8f256012],
#tabbar-tabs-inicio-components-GameWrapper-components-header-components-center-2-index .layout4.total .number[data-v-8f256012] {
    font-size: var(--ep-font-size-xs, .625rem);
    font-weight: var(--ep-font-weight-regular, 400);
    color: var(--ep-color-text-default)
}

.color-primary-600[data-v-fffa20cc] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-fffa20cc] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-fffa20cc] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-fffa20cc] {
    color: var(--color-primary-900)
}

.bg-100[data-v-fffa20cc] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-fffa20cc] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-fffa20cc] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-fffa20cc] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-fffa20cc] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-fffa20cc] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-fffa20cc] {
    background-color: var(--color-warning)
}

.bg-link[data-v-fffa20cc] {
    background-color: var(--color-link)
}

.bg-danger[data-v-fffa20cc] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-fffa20cc] {
    color: var(--color-text-100)
}

.color-text-80[data-v-fffa20cc] {
    color: var(--color-text-80)
}

.color-text-50[data-v-fffa20cc] {
    color: var(--color-text-50)
}

.color-text-40[data-v-fffa20cc] {
    color: var(--color-text-40)
}

.color-text-20[data-v-fffa20cc] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-fffa20cc] {
    color: var(--color-currency)
}

.color-warning[data-v-fffa20cc] {
    color: var(--color-warning)
}

.color-danger[data-v-fffa20cc] {
    color: var(--color-danger)
}

.color-link[data-v-fffa20cc] {
    color: var(--color-link)
}

.color-line[data-v-fffa20cc] {
    color: var(--color-line)
}

.color-border[data-v-fffa20cc] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-fffa20cc] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-fffa20cc] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-fffa20cc] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-fffa20cc] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-fffa20cc] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-fffa20cc] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-fffa20cc] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-fffa20cc] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-fffa20cc] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-fffa20cc] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-fffa20cc] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-fffa20cc] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-fffa20cc] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-fffa20cc] {
    display: flex;
    align-items: center
}

.flex-start[data-v-fffa20cc] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-fffa20cc] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-fffa20cc] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-fffa20cc] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-fffa20cc] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-fffa20cc] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-fffa20cc] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-fffa20cc] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-fffa20cc] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-fffa20cc] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-fffa20cc] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-fffa20cc] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-fffa20cc] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-fffa20cc] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-fffa20cc] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-fffa20cc] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-fffa20cc] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-fffa20cc] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-fffa20cc] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-fffa20cc] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-fffa20cc] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-fffa20cc] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-fffa20cc] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-fffa20cc] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-fffa20cc],
.mlm-selected-item[data-v-fffa20cc] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-fffa20cc] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-fffa20cc]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-fffa20cc] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-fffa20cc] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-fffa20cc] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .total[data-v-fffa20cc] {
    display: inline-block;
    margin-left: auto;
    padding: .25rem .6875rem;
    border: 1px solid var(--ep-color-border-default, var(--ep-compat-color-border-default, #1D291E));
    border-radius: var(--ep-border-radius-m, .375rem);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--ep-compat-color-background-fill-surface-raised-L2, #172117))
}

html .total .label[data-v-fffa20cc] {
    font-size: var(--ep-font-size-m, .875rem);
    margin-right: .25rem;
    color: var(--ep-color-text-selected, var(--ep-compat-color-text-selected, #19CC10))
}

.color-primary-600[data-v-1e9af957] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-1e9af957] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-1e9af957] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-1e9af957] {
    color: var(--color-primary-900)
}

.bg-100[data-v-1e9af957] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-1e9af957] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-1e9af957] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-1e9af957] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-1e9af957] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-1e9af957] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-1e9af957] {
    background-color: var(--color-warning)
}

.bg-link[data-v-1e9af957] {
    background-color: var(--color-link)
}

.bg-danger[data-v-1e9af957] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-1e9af957] {
    color: var(--color-text-100)
}

.color-text-80[data-v-1e9af957] {
    color: var(--color-text-80)
}

.color-text-50[data-v-1e9af957] {
    color: var(--color-text-50)
}

.color-text-40[data-v-1e9af957] {
    color: var(--color-text-40)
}

.color-text-20[data-v-1e9af957] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-1e9af957] {
    color: var(--color-currency)
}

.color-warning[data-v-1e9af957] {
    color: var(--color-warning)
}

.color-danger[data-v-1e9af957] {
    color: var(--color-danger)
}

.color-link[data-v-1e9af957] {
    color: var(--color-link)
}

.color-line[data-v-1e9af957] {
    color: var(--color-line)
}

.color-border[data-v-1e9af957] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-1e9af957] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-1e9af957] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-1e9af957] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-1e9af957] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-1e9af957] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-1e9af957] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-1e9af957] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-1e9af957] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-1e9af957] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-1e9af957] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-1e9af957] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-1e9af957] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-1e9af957] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-1e9af957] {
    display: flex;
    align-items: center
}

.flex-start[data-v-1e9af957] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-1e9af957] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-1e9af957] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-1e9af957] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-1e9af957] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-1e9af957] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-1e9af957] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-1e9af957] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-1e9af957] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-1e9af957] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-1e9af957] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-1e9af957] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-1e9af957] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-1e9af957] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-1e9af957] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-1e9af957] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-1e9af957] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-1e9af957] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-1e9af957] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-1e9af957] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-1e9af957] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-1e9af957] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-1e9af957] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-1e9af957] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-1e9af957],
.mlm-selected-item[data-v-1e9af957] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-1e9af957] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-1e9af957]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-1e9af957] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-1e9af957] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-1e9af957] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .layout1.arrow-container[data-v-1e9af957] {
    margin-left: .5rem;
    display: flex;
    align-items: center;
    gap: .25rem
}

html .layout1.arrow-container .left[data-v-1e9af957],
html .layout1.arrow-container .right[data-v-1e9af957] {
    width: 1.4375rem;
    height: 2rem;
    border-radius: .25rem;
    stroke-width: 2;
    background: var(--ep-color-background-fill-surface-raised-L1, #22201B);
    color: var(--ep-color-icon-default, #fff)
}

html .layout1.arrow-container .left.invalid[data-v-1e9af957],
html .layout1.arrow-container .right.invalid[data-v-1e9af957] {
    pointer-events: none;
    opacity: .4
}

html .layout1.arrow-container .right[data-v-1e9af957] {
    transform: rotate(180deg)
}

html .layout2.arrow-container[data-v-1e9af957] {
    margin-left: .5rem;
    display: flex;
    align-items: center;
    gap: .625rem
}

html .layout2.arrow-container .left[data-v-1e9af957],
html .layout2.arrow-container .right[data-v-1e9af957] {
    width: 2.125rem;
    height: 1.25rem;
    border-radius: var(--ep-border-radius-infinity, 9999px);
    stroke-width: 2;
    background: var(--ep-color-icon-brand-secondary, #66BA20);
    color: var(--ep-color-icon-inverse, #fff)
}

html .layout2.arrow-container .left.invalid[data-v-1e9af957],
html .layout2.arrow-container .right.invalid[data-v-1e9af957] {
    opacity: .4;
    pointer-events: none
}

html .layout2.arrow-container .right[data-v-1e9af957] {
    transform: rotate(180deg)
}

html .layout3.arrow-container[data-v-1e9af957] {
    margin-left: .5rem;
    display: flex;
    align-items: center;
    gap: .25rem
}

html .layout3.arrow-container .left[data-v-1e9af957],
html .layout3.arrow-container .right[data-v-1e9af957] {
    width: 2.125rem;
    height: 1.25rem;
    stroke-width: 2;
    color: var(--ep-color-icon-default, #fff);
    border-radius: var(--ep-border-radius-s, .25rem);
    background: var(--ep-color-background-fill-surface-raised-L2, #2C333B)
}

html .layout3.arrow-container .left.invalid[data-v-1e9af957],
html .layout3.arrow-container .right.invalid[data-v-1e9af957] {
    pointer-events: none;
    opacity: .4
}

html .layout3.arrow-container .right[data-v-1e9af957] {
    transform: rotate(180deg)
}

html .layout4.arrow-container[data-v-1e9af957] {
    margin-left: .5rem;
    display: flex;
    align-items: center;
    gap: .25rem
}

html .layout4.arrow-container .left[data-v-1e9af957],
html .layout4.arrow-container .right[data-v-1e9af957] {
    width: 1.4375rem;
    height: 2rem;
    border-radius: .25rem;
    stroke-width: 2;
    background: var(--ep-color-background-fill-surface-raised-L1, #22201B);
    color: var(--ep-color-icon-default, #fff)
}

html .layout4.arrow-container .left.invalid[data-v-1e9af957],
html .layout4.arrow-container .right.invalid[data-v-1e9af957] {
    pointer-events: none;
    color: var(--ep-color-icon-weaker, rgba(255, 255, 255, .4))
}

html .layout4.arrow-container .right[data-v-1e9af957] {
    transform: rotate(180deg)
}

html .layout26.arrow-container[data-v-1e9af957] {
    display: flex;
    align-items: center;
    gap: .25rem
}

html .layout26.arrow-container .left[data-v-1e9af957],
html .layout26.arrow-container .right[data-v-1e9af957] {
    width: 1.375rem;
    height: 1.5rem;
    border-radius: .375rem;
    background: var(--ep-color-background-fill-surface-raised-L1);
    color: var(--ep-color-icon-default, #fff)
}

html .layout26.arrow-container .left.invalid[data-v-1e9af957],
html .layout26.arrow-container .right.invalid[data-v-1e9af957] {
    pointer-events: none;
    color: var(--ep-color-icon-weaker, rgba(255, 255, 255, .4))
}

html .layout26.arrow-container .right[data-v-1e9af957] {
    transform: rotate(180deg)
}

html .layout26.arrow-container .label[data-v-1e9af957] {
    height: 1.5rem;
    display: block;
    padding: 0 .5rem;
    line-height: 1.5rem;
    border-radius: .375rem;
    font-size: var(--ep-font-size-s, .75rem);
    color: var(--ep-color-text-brand-primary);
    font-weight: var(--ep-font-weight-medium, 600);
    background: var(--ep-color-background-fill-surface-raised-L1)
}

.green-dark .arrow-container[data-v-1e9af957] {
    --ep-color-background-fill-surface-raised-L1: #21252C
}

.purple-light .arrow-container[data-v-1e9af957] {
    --ep-color-background-fill-surface-raised-L1: #DBCEFD;
    --ep-color-icon-default: #403D4F;
    --ep-color-icon-weaker: #7E68B7
}

.amber-purple .arrow-container[data-v-1e9af957] {
    --ep-color-icon-brand-secondary: #2C294D;
    --ep-color-background-fill-surface-raised-L1: #2C294D;
    --ep-color-icon-default: #686299;
    --ep-color-icon-weaker: #3B3466
}

#tabbar-tabs-inicio-components-GameWrapper-components-wrapperHead-components-end-1-index .layout1.arrow-container[data-v-1e9af957] {
    margin-left: .5rem;
    display: flex;
    align-items: center;
    gap: .25rem
}

#tabbar-tabs-inicio-components-GameWrapper-components-wrapperHead-components-end-1-index .layout1.arrow-container .left[data-v-1e9af957],
#tabbar-tabs-inicio-components-GameWrapper-components-wrapperHead-components-end-1-index .layout1.arrow-container .right[data-v-1e9af957] {
    width: 1.4375rem;
    height: 2rem;
    border-radius: .25rem;
    stroke-width: 2;
    background: var(--ep-color-background-fill-surface-raised-L1, #22201B);
    color: var(--ep-color-icon-default, #fff)
}

#tabbar-tabs-inicio-components-GameWrapper-components-wrapperHead-components-end-1-index .layout1.arrow-container .left.invalid[data-v-1e9af957],
#tabbar-tabs-inicio-components-GameWrapper-components-wrapperHead-components-end-1-index .layout1.arrow-container .right.invalid[data-v-1e9af957] {
    pointer-events: none;
    opacity: .4
}

#tabbar-tabs-inicio-components-GameWrapper-components-wrapperHead-components-end-1-index .layout1.arrow-container .right[data-v-1e9af957] {
    transform: rotate(180deg)
}

#tabbar-tabs-inicio-components-GameWrapper-components-wrapperHead-components-end-1-index .layout2.arrow-container[data-v-1e9af957] {
    margin-left: .5rem;
    display: flex;
    align-items: center;
    gap: .625rem
}

#tabbar-tabs-inicio-components-GameWrapper-components-wrapperHead-components-end-1-index .layout2.arrow-container .left[data-v-1e9af957],
#tabbar-tabs-inicio-components-GameWrapper-components-wrapperHead-components-end-1-index .layout2.arrow-container .right[data-v-1e9af957] {
    width: 2.125rem;
    height: 1.25rem;
    border-radius: var(--ep-border-radius-infinity, 9999px);
    stroke-width: 2;
    background: var(--ep-color-icon-brand-secondary, #66BA20);
    color: var(--ep-color-icon-inverse, #fff)
}

#tabbar-tabs-inicio-components-GameWrapper-components-wrapperHead-components-end-1-index .layout2.arrow-container .left.invalid[data-v-1e9af957],
#tabbar-tabs-inicio-components-GameWrapper-components-wrapperHead-components-end-1-index .layout2.arrow-container .right.invalid[data-v-1e9af957] {
    opacity: .4;
    pointer-events: none
}

#tabbar-tabs-inicio-components-GameWrapper-components-wrapperHead-components-end-1-index .layout2.arrow-container .right[data-v-1e9af957] {
    transform: rotate(180deg)
}

#tabbar-tabs-inicio-components-GameWrapper-components-wrapperHead-components-end-1-index .layout3.arrow-container[data-v-1e9af957] {
    margin-left: .5rem;
    display: flex;
    align-items: center;
    gap: .25rem
}

#tabbar-tabs-inicio-components-GameWrapper-components-wrapperHead-components-end-1-index .layout3.arrow-container .left[data-v-1e9af957],
#tabbar-tabs-inicio-components-GameWrapper-components-wrapperHead-components-end-1-index .layout3.arrow-container .right[data-v-1e9af957] {
    width: 2.125rem;
    height: 1.25rem;
    stroke-width: 2;
    color: var(--ep-color-icon-default, #fff);
    border-radius: var(--ep-border-radius-s, .25rem);
    background: var(--ep-color-background-fill-surface-raised-L2, #2C333B)
}

#tabbar-tabs-inicio-components-GameWrapper-components-wrapperHead-components-end-1-index .layout3.arrow-container .left.invalid[data-v-1e9af957],
#tabbar-tabs-inicio-components-GameWrapper-components-wrapperHead-components-end-1-index .layout3.arrow-container .right.invalid[data-v-1e9af957] {
    pointer-events: none;
    opacity: .4
}

#tabbar-tabs-inicio-components-GameWrapper-components-wrapperHead-components-end-1-index .layout3.arrow-container .right[data-v-1e9af957] {
    transform: rotate(180deg)
}

#tabbar-tabs-inicio-components-GameWrapper-components-wrapperHead-components-end-1-index .layout4.arrow-container[data-v-1e9af957] {
    margin-left: .5rem;
    display: flex;
    align-items: center;
    gap: .25rem
}

#tabbar-tabs-inicio-components-GameWrapper-components-wrapperHead-components-end-1-index .layout4.arrow-container .left[data-v-1e9af957],
#tabbar-tabs-inicio-components-GameWrapper-components-wrapperHead-components-end-1-index .layout4.arrow-container .right[data-v-1e9af957] {
    width: 1.4375rem;
    height: 2rem;
    border-radius: .25rem;
    stroke-width: 2;
    background: var(--ep-color-background-fill-surface-raised-L1, #22201B);
    color: var(--ep-color-icon-default, #fff)
}

#tabbar-tabs-inicio-components-GameWrapper-components-wrapperHead-components-end-1-index .layout4.arrow-container .left.invalid[data-v-1e9af957],
#tabbar-tabs-inicio-components-GameWrapper-components-wrapperHead-components-end-1-index .layout4.arrow-container .right.invalid[data-v-1e9af957] {
    pointer-events: none;
    color: var(--ep-color-icon-weaker, rgba(255, 255, 255, .4))
}

#tabbar-tabs-inicio-components-GameWrapper-components-wrapperHead-components-end-1-index .layout4.arrow-container .right[data-v-1e9af957] {
    transform: rotate(180deg)
}

#tabbar-tabs-inicio-components-GameWrapper-components-wrapperHead-components-end-1-index .layout26.arrow-container[data-v-1e9af957] {
    display: flex;
    align-items: center;
    gap: .25rem
}

#tabbar-tabs-inicio-components-GameWrapper-components-wrapperHead-components-end-1-index .layout26.arrow-container .left[data-v-1e9af957],
#tabbar-tabs-inicio-components-GameWrapper-components-wrapperHead-components-end-1-index .layout26.arrow-container .right[data-v-1e9af957] {
    width: 1.375rem;
    height: 1.5rem;
    border-radius: .375rem;
    background: var(--ep-color-background-fill-surface-raised-L1);
    color: var(--ep-color-icon-default, #fff)
}

#tabbar-tabs-inicio-components-GameWrapper-components-wrapperHead-components-end-1-index .layout26.arrow-container .left.invalid[data-v-1e9af957],
#tabbar-tabs-inicio-components-GameWrapper-components-wrapperHead-components-end-1-index .layout26.arrow-container .right.invalid[data-v-1e9af957] {
    pointer-events: none;
    color: var(--ep-color-icon-weaker, rgba(255, 255, 255, .4))
}

#tabbar-tabs-inicio-components-GameWrapper-components-wrapperHead-components-end-1-index .layout26.arrow-container .right[data-v-1e9af957] {
    transform: rotate(180deg)
}

#tabbar-tabs-inicio-components-GameWrapper-components-wrapperHead-components-end-1-index .layout26.arrow-container .label[data-v-1e9af957] {
    height: 1.5rem;
    display: block;
    padding: 0 .5rem;
    line-height: 1.5rem;
    border-radius: .375rem;
    font-size: var(--ep-font-size-s, .75rem);
    color: var(--ep-color-text-brand-primary);
    font-weight: var(--ep-font-weight-medium, 600);
    background: var(--ep-color-background-fill-surface-raised-L1)
}

.label[data-v-1e9af957] {
    display: none
}

.color-primary-600[data-v-774b8958] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-774b8958] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-774b8958] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-774b8958] {
    color: var(--color-primary-900)
}

.bg-100[data-v-774b8958] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-774b8958] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-774b8958] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-774b8958] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-774b8958] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-774b8958] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-774b8958] {
    background-color: var(--color-warning)
}

.bg-link[data-v-774b8958] {
    background-color: var(--color-link)
}

.bg-danger[data-v-774b8958] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-774b8958] {
    color: var(--color-text-100)
}

.color-text-80[data-v-774b8958] {
    color: var(--color-text-80)
}

.color-text-50[data-v-774b8958] {
    color: var(--color-text-50)
}

.color-text-40[data-v-774b8958] {
    color: var(--color-text-40)
}

.color-text-20[data-v-774b8958] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-774b8958] {
    color: var(--color-currency)
}

.color-warning[data-v-774b8958] {
    color: var(--color-warning)
}

.color-danger[data-v-774b8958] {
    color: var(--color-danger)
}

.color-link[data-v-774b8958] {
    color: var(--color-link)
}

.color-line[data-v-774b8958] {
    color: var(--color-line)
}

.color-border[data-v-774b8958] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-774b8958] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-774b8958] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-774b8958] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-774b8958] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-774b8958] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-774b8958] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-774b8958] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-774b8958] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-774b8958] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-774b8958] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-774b8958] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-774b8958] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-774b8958] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-774b8958] {
    display: flex;
    align-items: center
}

.flex-start[data-v-774b8958] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-774b8958] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-774b8958] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-774b8958] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-774b8958] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-774b8958] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-774b8958] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-774b8958] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-774b8958] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-774b8958] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-774b8958] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-774b8958] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-774b8958] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-774b8958] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-774b8958] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-774b8958] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-774b8958] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-774b8958] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-774b8958] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-774b8958] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-774b8958] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-774b8958] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-774b8958] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-774b8958] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-774b8958],
.mlm-selected-item[data-v-774b8958] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-774b8958] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-774b8958]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-774b8958] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-774b8958] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-774b8958] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .layout1.video-wrap[data-v-774b8958] {
    max-width: 22.875rem;
    height: 12.875rem;
    margin: 0 auto;
    padding: .9375rem;
    position: relative
}

html .layout1.video-wrap[data-v-774b8958]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    background: url(/assets/video-bg1-Dj8cREnj.png) no-repeat center center / 100% 100%
}

html .layout1.video-wrap[data-v-774b8958]:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .0625rem;
    z-index: 10;
    box-shadow: 0 .3125rem .9375rem .3125rem #2e033b
}

html .layout1.video-wrap .video-player[data-v-774b8958] {
    width: 100%;
    height: 100%;
    display: block
}

html .layout1.video-wrap .custom-controls[data-v-774b8958] {
    padding: .625rem;
    position: absolute;
    bottom: .9375rem;
    left: .9375rem;
    right: .9375rem;
    z-index: 15;
    line-height: 1;
    opacity: 0;
    transition: opacity .5s ease;
    background: rgba(0, 0, 0, .1)
}

html .layout1.video-wrap .custom-controls.active[data-v-774b8958] {
    opacity: 1
}

html .layout1.video-wrap .custom-controls .progress-bar[data-v-774b8958] {
    width: 100%
}

html .layout1.video-wrap .custom-controls .play-pause-btn-wrap[data-v-774b8958] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

html .layout1.video-wrap .custom-controls .play-pause-btn-wrap .play-pause-btn[data-v-774b8958] {
    display: flex;
    align-items: center;
    gap: .25rem;
    font-size: .875rem
}

html .layout1.video-wrap .custom-controls .play-pause-btn-wrap .play-pause-btn .play-pause[data-v-774b8958] {
    all: unset;
    display: inline-flex;
    margin-left: .25rem;
    font-size: 1.25rem
}

html .layout1.video-wrap .loading[data-v-774b8958],
html .layout1.video-wrap .error[data-v-774b8958] {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, .8);
    color: #fff;
    padding: .625rem;
    border-radius: .3125rem
}

html .layout2.video-wrap[data-v-774b8958] {
    max-width: 22.875rem;
    height: 12.875rem;
    margin: 0 auto;
    position: relative
}

html .layout2.video-wrap .video-player[data-v-774b8958] {
    width: 100%;
    height: 100%;
    display: block;
    background: #000
}

html .layout2.video-wrap .custom-controls[data-v-774b8958] {
    padding: .625rem;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 15;
    line-height: 1;
    opacity: 0;
    transition: opacity .5s ease;
    background: rgba(0, 0, 0, .1)
}

html .layout2.video-wrap .custom-controls.active[data-v-774b8958] {
    opacity: 1
}

html .layout2.video-wrap .custom-controls .progress-bar[data-v-774b8958] {
    width: 100%
}

html .layout2.video-wrap .custom-controls .play-pause-btn-wrap[data-v-774b8958] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

html .layout2.video-wrap .custom-controls .play-pause-btn-wrap .play-pause-btn[data-v-774b8958] {
    display: flex;
    align-items: center;
    gap: .25rem;
    font-size: .875rem
}

html .layout2.video-wrap .custom-controls .play-pause-btn-wrap .play-pause-btn .play-pause[data-v-774b8958] {
    all: unset;
    display: inline-flex;
    margin-left: .25rem;
    font-size: 1.25rem
}

html .layout2.video-wrap .loading[data-v-774b8958],
html .layout2.video-wrap .error[data-v-774b8958] {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, .8);
    color: #fff;
    padding: .625rem;
    border-radius: .3125rem
}

html .layout26.video-wrap[data-v-774b8958] {
    height: 14.375rem;
    position: relative;
    background: #000
}

html .layout26.video-wrap .video-player[data-v-774b8958] {
    width: 100%;
    height: 100%;
    background: #000
}

html .layout26.video-wrap .custom-controls[data-v-774b8958] {
    padding: .625rem;
    position: absolute;
    bottom: .9375rem;
    left: .9375rem;
    right: .9375rem;
    z-index: 15;
    line-height: 1;
    opacity: 0;
    transition: opacity .5s ease;
    background: rgba(0, 0, 0, .1)
}

html .layout26.video-wrap .custom-controls.active[data-v-774b8958] {
    opacity: 1
}

html .layout26.video-wrap .custom-controls .progress-bar[data-v-774b8958] {
    width: 100%
}

html .layout26.video-wrap .custom-controls .play-pause-btn-wrap[data-v-774b8958] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

html .layout26.video-wrap .custom-controls .play-pause-btn-wrap .play-pause-btn[data-v-774b8958] {
    display: flex;
    align-items: center;
    gap: .25rem;
    font-size: .875rem
}

html .layout26.video-wrap .custom-controls .play-pause-btn-wrap .play-pause-btn .play-pause[data-v-774b8958] {
    all: unset;
    display: inline-flex;
    margin-left: .25rem;
    font-size: 1.25rem
}

html .layout26.video-wrap .loading[data-v-774b8958] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

#tabbar-tabs-inicio-components-video-index .layout1.video-wrap[data-v-774b8958] {
    max-width: 22.875rem;
    height: 12.875rem;
    margin: 0 auto;
    padding: .9375rem;
    position: relative
}

#tabbar-tabs-inicio-components-video-index .layout1.video-wrap[data-v-774b8958]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    background: url(/assets/video-bg1-Dj8cREnj.png) no-repeat center center / 100% 100%
}

#tabbar-tabs-inicio-components-video-index .layout1.video-wrap[data-v-774b8958]:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .0625rem;
    z-index: 10;
    box-shadow: 0 .3125rem .9375rem .3125rem #2e033b
}

#tabbar-tabs-inicio-components-video-index .layout1.video-wrap .video-player[data-v-774b8958] {
    width: 100%;
    height: 100%;
    display: block
}

#tabbar-tabs-inicio-components-video-index .layout1.video-wrap .custom-controls[data-v-774b8958] {
    padding: .625rem;
    position: absolute;
    bottom: .9375rem;
    left: .9375rem;
    right: .9375rem;
    z-index: 15;
    line-height: 1;
    opacity: 0;
    transition: opacity .5s ease;
    background: rgba(0, 0, 0, .1)
}

#tabbar-tabs-inicio-components-video-index .layout1.video-wrap .custom-controls.active[data-v-774b8958] {
    opacity: 1
}

#tabbar-tabs-inicio-components-video-index .layout1.video-wrap .custom-controls .progress-bar[data-v-774b8958] {
    width: 100%
}

#tabbar-tabs-inicio-components-video-index .layout1.video-wrap .custom-controls .play-pause-btn-wrap[data-v-774b8958] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

#tabbar-tabs-inicio-components-video-index .layout1.video-wrap .custom-controls .play-pause-btn-wrap .play-pause-btn[data-v-774b8958] {
    display: flex;
    align-items: center;
    gap: .25rem;
    font-size: .875rem
}

#tabbar-tabs-inicio-components-video-index .layout1.video-wrap .custom-controls .play-pause-btn-wrap .play-pause-btn .play-pause[data-v-774b8958] {
    all: unset;
    display: inline-flex;
    margin-left: .25rem;
    font-size: 1.25rem
}

#tabbar-tabs-inicio-components-video-index .layout1.video-wrap .loading[data-v-774b8958],
#tabbar-tabs-inicio-components-video-index .layout1.video-wrap .error[data-v-774b8958] {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, .8);
    color: #fff;
    padding: .625rem;
    border-radius: .3125rem
}

#tabbar-tabs-inicio-components-video-index .layout2.video-wrap[data-v-774b8958] {
    max-width: 22.875rem;
    height: 12.875rem;
    margin: 0 auto;
    position: relative
}

#tabbar-tabs-inicio-components-video-index .layout2.video-wrap .video-player[data-v-774b8958] {
    width: 100%;
    height: 100%;
    display: block;
    background: #000
}

#tabbar-tabs-inicio-components-video-index .layout2.video-wrap .custom-controls[data-v-774b8958] {
    padding: .625rem;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 15;
    line-height: 1;
    opacity: 0;
    transition: opacity .5s ease;
    background: rgba(0, 0, 0, .1)
}

#tabbar-tabs-inicio-components-video-index .layout2.video-wrap .custom-controls.active[data-v-774b8958] {
    opacity: 1
}

#tabbar-tabs-inicio-components-video-index .layout2.video-wrap .custom-controls .progress-bar[data-v-774b8958] {
    width: 100%
}

#tabbar-tabs-inicio-components-video-index .layout2.video-wrap .custom-controls .play-pause-btn-wrap[data-v-774b8958] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

#tabbar-tabs-inicio-components-video-index .layout2.video-wrap .custom-controls .play-pause-btn-wrap .play-pause-btn[data-v-774b8958] {
    display: flex;
    align-items: center;
    gap: .25rem;
    font-size: .875rem
}

#tabbar-tabs-inicio-components-video-index .layout2.video-wrap .custom-controls .play-pause-btn-wrap .play-pause-btn .play-pause[data-v-774b8958] {
    all: unset;
    display: inline-flex;
    margin-left: .25rem;
    font-size: 1.25rem
}

#tabbar-tabs-inicio-components-video-index .layout2.video-wrap .loading[data-v-774b8958],
#tabbar-tabs-inicio-components-video-index .layout2.video-wrap .error[data-v-774b8958] {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, .8);
    color: #fff;
    padding: .625rem;
    border-radius: .3125rem
}

#tabbar-tabs-inicio-components-video-index .layout26.video-wrap[data-v-774b8958] {
    height: 14.375rem;
    position: relative;
    background: #000
}

#tabbar-tabs-inicio-components-video-index .layout26.video-wrap .video-player[data-v-774b8958] {
    width: 100%;
    height: 100%;
    background: #000
}

#tabbar-tabs-inicio-components-video-index .layout26.video-wrap .custom-controls[data-v-774b8958] {
    padding: .625rem;
    position: absolute;
    bottom: .9375rem;
    left: .9375rem;
    right: .9375rem;
    z-index: 15;
    line-height: 1;
    opacity: 0;
    transition: opacity .5s ease;
    background: rgba(0, 0, 0, .1)
}

#tabbar-tabs-inicio-components-video-index .layout26.video-wrap .custom-controls.active[data-v-774b8958] {
    opacity: 1
}

#tabbar-tabs-inicio-components-video-index .layout26.video-wrap .custom-controls .progress-bar[data-v-774b8958] {
    width: 100%
}

#tabbar-tabs-inicio-components-video-index .layout26.video-wrap .custom-controls .play-pause-btn-wrap[data-v-774b8958] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

#tabbar-tabs-inicio-components-video-index .layout26.video-wrap .custom-controls .play-pause-btn-wrap .play-pause-btn[data-v-774b8958] {
    display: flex;
    align-items: center;
    gap: .25rem;
    font-size: .875rem
}

#tabbar-tabs-inicio-components-video-index .layout26.video-wrap .custom-controls .play-pause-btn-wrap .play-pause-btn .play-pause[data-v-774b8958] {
    all: unset;
    display: inline-flex;
    margin-left: .25rem;
    font-size: 1.25rem
}

#tabbar-tabs-inicio-components-video-index .layout26.video-wrap .loading[data-v-774b8958] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.color-primary-600[data-v-bd8896f4] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-bd8896f4] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-bd8896f4] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-bd8896f4] {
    color: var(--color-primary-900)
}

.bg-100[data-v-bd8896f4] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-bd8896f4] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-bd8896f4] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-bd8896f4] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-bd8896f4] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-bd8896f4] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-bd8896f4] {
    background-color: var(--color-warning)
}

.bg-link[data-v-bd8896f4] {
    background-color: var(--color-link)
}

.bg-danger[data-v-bd8896f4] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-bd8896f4] {
    color: var(--color-text-100)
}

.color-text-80[data-v-bd8896f4] {
    color: var(--color-text-80)
}

.color-text-50[data-v-bd8896f4] {
    color: var(--color-text-50)
}

.color-text-40[data-v-bd8896f4] {
    color: var(--color-text-40)
}

.color-text-20[data-v-bd8896f4] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-bd8896f4] {
    color: var(--color-currency)
}

.color-warning[data-v-bd8896f4] {
    color: var(--color-warning)
}

.color-danger[data-v-bd8896f4] {
    color: var(--color-danger)
}

.color-link[data-v-bd8896f4] {
    color: var(--color-link)
}

.color-line[data-v-bd8896f4] {
    color: var(--color-line)
}

.color-border[data-v-bd8896f4] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-bd8896f4] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-bd8896f4] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-bd8896f4] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-bd8896f4] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-bd8896f4] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-bd8896f4] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-bd8896f4] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-bd8896f4] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-bd8896f4] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-bd8896f4] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-bd8896f4] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-bd8896f4] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-bd8896f4] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-bd8896f4] {
    display: flex;
    align-items: center
}

.flex-start[data-v-bd8896f4] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-bd8896f4] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-bd8896f4] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-bd8896f4] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-bd8896f4] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-bd8896f4] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-bd8896f4] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-bd8896f4] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-bd8896f4] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-bd8896f4] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-bd8896f4] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-bd8896f4] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-bd8896f4] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-bd8896f4] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-bd8896f4] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-bd8896f4] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-bd8896f4] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-bd8896f4] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-bd8896f4] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-bd8896f4] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-bd8896f4] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-bd8896f4] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-bd8896f4] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-bd8896f4] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-bd8896f4],
.mlm-selected-item[data-v-bd8896f4] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-bd8896f4] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-bd8896f4]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-bd8896f4] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-bd8896f4] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-bd8896f4] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.margin-top-27[data-v-bd8896f4] {
    margin-top: 1.6875rem
}

.margin-bottom-23[data-v-bd8896f4] {
    margin-bottom: 1.4375rem
}

.color-primary-600[data-v-1f22e2ef] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-1f22e2ef] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-1f22e2ef] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-1f22e2ef] {
    color: var(--color-primary-900)
}

.bg-100[data-v-1f22e2ef] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-1f22e2ef] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-1f22e2ef] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-1f22e2ef] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-1f22e2ef] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-1f22e2ef] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-1f22e2ef] {
    background-color: var(--color-warning)
}

.bg-link[data-v-1f22e2ef] {
    background-color: var(--color-link)
}

.bg-danger[data-v-1f22e2ef] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-1f22e2ef] {
    color: var(--color-text-100)
}

.color-text-80[data-v-1f22e2ef] {
    color: var(--color-text-80)
}

.color-text-50[data-v-1f22e2ef] {
    color: var(--color-text-50)
}

.color-text-40[data-v-1f22e2ef] {
    color: var(--color-text-40)
}

.color-text-20[data-v-1f22e2ef] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-1f22e2ef] {
    color: var(--color-currency)
}

.color-warning[data-v-1f22e2ef] {
    color: var(--color-warning)
}

.color-danger[data-v-1f22e2ef] {
    color: var(--color-danger)
}

.color-link[data-v-1f22e2ef] {
    color: var(--color-link)
}

.color-line[data-v-1f22e2ef] {
    color: var(--color-line)
}

.color-border[data-v-1f22e2ef] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-1f22e2ef] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-1f22e2ef] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-1f22e2ef] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-1f22e2ef] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-1f22e2ef] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-1f22e2ef] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-1f22e2ef] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-1f22e2ef] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-1f22e2ef] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-1f22e2ef] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-1f22e2ef] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-1f22e2ef] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-1f22e2ef] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-1f22e2ef] {
    display: flex;
    align-items: center
}

.flex-start[data-v-1f22e2ef] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-1f22e2ef] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-1f22e2ef] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-1f22e2ef] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-1f22e2ef] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-1f22e2ef] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-1f22e2ef] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-1f22e2ef] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-1f22e2ef] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-1f22e2ef] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-1f22e2ef] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-1f22e2ef] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-1f22e2ef] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-1f22e2ef] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-1f22e2ef] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-1f22e2ef] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-1f22e2ef] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-1f22e2ef] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-1f22e2ef] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-1f22e2ef] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-1f22e2ef] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-1f22e2ef] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-1f22e2ef] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-1f22e2ef] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-1f22e2ef],
.mlm-selected-item[data-v-1f22e2ef] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-1f22e2ef] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-1f22e2ef]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-1f22e2ef] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-1f22e2ef] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-1f22e2ef] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .logo-box[data-v-1f22e2ef] {
    width: 9.625rem;
    height: 4.125rem;
    margin: 3.5rem auto 0;
    position: relative
}

html .logo-box .logo[data-v-1f22e2ef] {
    width: 100%;
    height: 100%;
    display: block;
    color: var(--ep-color-icon-brand-primary)
}

html .logo-box .sub-logo[data-v-1f22e2ef] {
    font-size: .5625rem;
    position: absolute;
    color: var(--ep-color-icon-brand-secondary);
    filter: drop-shadow(.0313rem .0313rem 0 rgba(0, 0, 0, .25))
}

html .logo-box .sub-logo-1[data-v-1f22e2ef] {
    bottom: .375rem;
    left: 2.0625rem
}

html .logo-box .sub-logo-2[data-v-1f22e2ef] {
    bottom: .375rem;
    right: 1.875rem
}

html .partner-img[data-v-1f22e2ef] {
    margin-top: 1.9375rem;
    width: 0
}

html .partner-img.good-img[data-v-1f22e2ef] {
    width: 100%
}

.color-primary-600[data-v-3e28d23a] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-3e28d23a] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-3e28d23a] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-3e28d23a] {
    color: var(--color-primary-900)
}

.bg-100[data-v-3e28d23a] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-3e28d23a] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-3e28d23a] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-3e28d23a] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-3e28d23a] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-3e28d23a] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-3e28d23a] {
    background-color: var(--color-warning)
}

.bg-link[data-v-3e28d23a] {
    background-color: var(--color-link)
}

.bg-danger[data-v-3e28d23a] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-3e28d23a] {
    color: var(--color-text-100)
}

.color-text-80[data-v-3e28d23a] {
    color: var(--color-text-80)
}

.color-text-50[data-v-3e28d23a] {
    color: var(--color-text-50)
}

.color-text-40[data-v-3e28d23a] {
    color: var(--color-text-40)
}

.color-text-20[data-v-3e28d23a] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-3e28d23a] {
    color: var(--color-currency)
}

.color-warning[data-v-3e28d23a] {
    color: var(--color-warning)
}

.color-danger[data-v-3e28d23a] {
    color: var(--color-danger)
}

.color-link[data-v-3e28d23a] {
    color: var(--color-link)
}

.color-line[data-v-3e28d23a] {
    color: var(--color-line)
}

.color-border[data-v-3e28d23a] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-3e28d23a] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-3e28d23a] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-3e28d23a] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-3e28d23a] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-3e28d23a] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-3e28d23a] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-3e28d23a] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-3e28d23a] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-3e28d23a] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-3e28d23a] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-3e28d23a] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-3e28d23a] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-3e28d23a] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-3e28d23a] {
    display: flex;
    align-items: center
}

.flex-start[data-v-3e28d23a] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-3e28d23a] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-3e28d23a] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-3e28d23a] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-3e28d23a] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-3e28d23a] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-3e28d23a] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-3e28d23a] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-3e28d23a] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-3e28d23a] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-3e28d23a] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-3e28d23a] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-3e28d23a] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-3e28d23a] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-3e28d23a] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-3e28d23a] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-3e28d23a] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-3e28d23a] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-3e28d23a] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-3e28d23a] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-3e28d23a] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-3e28d23a] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-3e28d23a] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-3e28d23a] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-3e28d23a],
.mlm-selected-item[data-v-3e28d23a] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-3e28d23a] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-3e28d23a]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-3e28d23a] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-3e28d23a] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-3e28d23a] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .partner-wrap[data-v-3e28d23a] {
    position: relative
}

html .partner-wrap .partner-img-bg[data-v-3e28d23a] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

html .partner-wrap .logo-box[data-v-3e28d23a] {
    gap: .5rem;
    display: flex;
    width: 100%;
    position: relative;
    align-items: center;
    padding: var(--title-padding, 0);
    height: var(--title-height, 4.125rem);
    border-radius: var(--title-radius, 0);
    border-top: var(--title-border-top, none);
    background: var(--title-background, transparent)
}

html .partner-wrap .logo-box .logo[data-v-3e28d23a] {
    width: 2rem;
    height: 2rem
}

html .partner-wrap .logo-box .logo-text[data-v-3e28d23a] {
    font-size: var(--font-size, 1rem);
    font-weight: var(--font-weight, 700);
    color: var(--ep-color-text-default, var(--ep-compat-color-text-default))
}

html .partner-wrap .partner-img[data-v-3e28d23a] {
    width: 0;
    padding: var(--img-padding, 0)
}

html .partner-wrap .partner-img.good-img[data-v-3e28d23a] {
    width: 100%
}

.color-primary-600[data-v-ba34672e] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-ba34672e] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-ba34672e] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-ba34672e] {
    color: var(--color-primary-900)
}

.bg-100[data-v-ba34672e] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-ba34672e] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-ba34672e] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-ba34672e] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-ba34672e] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-ba34672e] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-ba34672e] {
    background-color: var(--color-warning)
}

.bg-link[data-v-ba34672e] {
    background-color: var(--color-link)
}

.bg-danger[data-v-ba34672e] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-ba34672e] {
    color: var(--color-text-100)
}

.color-text-80[data-v-ba34672e] {
    color: var(--color-text-80)
}

.color-text-50[data-v-ba34672e] {
    color: var(--color-text-50)
}

.color-text-40[data-v-ba34672e] {
    color: var(--color-text-40)
}

.color-text-20[data-v-ba34672e] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-ba34672e] {
    color: var(--color-currency)
}

.color-warning[data-v-ba34672e] {
    color: var(--color-warning)
}

.color-danger[data-v-ba34672e] {
    color: var(--color-danger)
}

.color-link[data-v-ba34672e] {
    color: var(--color-link)
}

.color-line[data-v-ba34672e] {
    color: var(--color-line)
}

.color-border[data-v-ba34672e] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-ba34672e] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-ba34672e] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-ba34672e] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-ba34672e] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-ba34672e] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-ba34672e] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-ba34672e] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-ba34672e] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-ba34672e] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-ba34672e] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-ba34672e] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-ba34672e] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-ba34672e] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-ba34672e] {
    display: flex;
    align-items: center
}

.flex-start[data-v-ba34672e] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-ba34672e] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-ba34672e] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-ba34672e] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-ba34672e] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-ba34672e] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-ba34672e] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-ba34672e] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-ba34672e] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-ba34672e] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-ba34672e] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-ba34672e] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-ba34672e] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-ba34672e] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-ba34672e] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-ba34672e] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-ba34672e] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-ba34672e] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-ba34672e] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-ba34672e] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-ba34672e] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-ba34672e] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-ba34672e] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-ba34672e] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-ba34672e],
.mlm-selected-item[data-v-ba34672e] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-ba34672e] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-ba34672e]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-ba34672e] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-ba34672e] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-ba34672e] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .social-media[data-v-ba34672e] {
    display: flex;
    flex-direction: column;
    align-items: center
}

html .social-media .title[data-v-ba34672e] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #fff
}

html .social-media .subtitle[data-v-ba34672e] {
    margin-top: .625rem;
    font-size: .75rem;
    font-weight: 400;
    color: #fff
}

html .social-media .social-box[data-v-ba34672e] {
    margin-top: 1.6875rem;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-flow: wrap;
    gap: .75rem
}

html .social-media .social-box .social-img[data-v-ba34672e] {
    flex-shrink: 0
}

html .social-media .social-box .social-img.good-img[data-v-ba34672e] {
    width: 2.5rem;
    height: 2.5rem;
    padding: .5rem;
    background: rgba(42, 171, 238, .2);
    border-radius: 50%;
    overflow: hidden;
    object-fit: cover
}

.color-primary-600[data-v-2f3dde10] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-2f3dde10] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-2f3dde10] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-2f3dde10] {
    color: var(--color-primary-900)
}

.bg-100[data-v-2f3dde10] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-2f3dde10] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-2f3dde10] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-2f3dde10] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-2f3dde10] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-2f3dde10] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-2f3dde10] {
    background-color: var(--color-warning)
}

.bg-link[data-v-2f3dde10] {
    background-color: var(--color-link)
}

.bg-danger[data-v-2f3dde10] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-2f3dde10] {
    color: var(--color-text-100)
}

.color-text-80[data-v-2f3dde10] {
    color: var(--color-text-80)
}

.color-text-50[data-v-2f3dde10] {
    color: var(--color-text-50)
}

.color-text-40[data-v-2f3dde10] {
    color: var(--color-text-40)
}

.color-text-20[data-v-2f3dde10] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-2f3dde10] {
    color: var(--color-currency)
}

.color-warning[data-v-2f3dde10] {
    color: var(--color-warning)
}

.color-danger[data-v-2f3dde10] {
    color: var(--color-danger)
}

.color-link[data-v-2f3dde10] {
    color: var(--color-link)
}

.color-line[data-v-2f3dde10] {
    color: var(--color-line)
}

.color-border[data-v-2f3dde10] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-2f3dde10] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-2f3dde10] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-2f3dde10] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-2f3dde10] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-2f3dde10] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-2f3dde10] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-2f3dde10] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-2f3dde10] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-2f3dde10] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-2f3dde10] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-2f3dde10] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-2f3dde10] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-2f3dde10] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-2f3dde10] {
    display: flex;
    align-items: center
}

.flex-start[data-v-2f3dde10] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-2f3dde10] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-2f3dde10] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-2f3dde10] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-2f3dde10] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-2f3dde10] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-2f3dde10] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-2f3dde10] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-2f3dde10] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-2f3dde10] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-2f3dde10] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-2f3dde10] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-2f3dde10] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-2f3dde10] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-2f3dde10] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-2f3dde10] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-2f3dde10] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-2f3dde10] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-2f3dde10] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-2f3dde10] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-2f3dde10] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-2f3dde10] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-2f3dde10] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-2f3dde10] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-2f3dde10],
.mlm-selected-item[data-v-2f3dde10] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-2f3dde10] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-2f3dde10]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-2f3dde10] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-2f3dde10] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-2f3dde10] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .title[data-v-2f3dde10] {
    text-align: center;
    margin-top: .625rem;
    padding-top: .625rem;
    border-top: .0625rem solid #005655;
    color: var(--ep-color-text-default);
    font-size: var(--ep-font-size-l, .75rem);
    font-weight: var(--ep-font-weight-medium, 600)
}

html .social-box[data-v-2f3dde10] {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-flow: wrap;
    gap: .75rem
}

html .social-box .social-img[data-v-2f3dde10] {
    flex-shrink: 0;
    background: rgba(42, 171, 238, .2);
    border-radius: 50%;
    overflow: hidden;
    object-fit: cover
}

html .social-box .social-img[data-v-2f3dde10]::part(image) {
    border-radius: 50%
}

html .social-box .social-img.good-img[data-v-2f3dde10] {
    width: 1.75rem;
    height: 1.75rem
}

.color-primary-600[data-v-8a54cbcb] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-8a54cbcb] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-8a54cbcb] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-8a54cbcb] {
    color: var(--color-primary-900)
}

.bg-100[data-v-8a54cbcb] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-8a54cbcb] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-8a54cbcb] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-8a54cbcb] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-8a54cbcb] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-8a54cbcb] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-8a54cbcb] {
    background-color: var(--color-warning)
}

.bg-link[data-v-8a54cbcb] {
    background-color: var(--color-link)
}

.bg-danger[data-v-8a54cbcb] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-8a54cbcb] {
    color: var(--color-text-100)
}

.color-text-80[data-v-8a54cbcb] {
    color: var(--color-text-80)
}

.color-text-50[data-v-8a54cbcb] {
    color: var(--color-text-50)
}

.color-text-40[data-v-8a54cbcb] {
    color: var(--color-text-40)
}

.color-text-20[data-v-8a54cbcb] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-8a54cbcb] {
    color: var(--color-currency)
}

.color-warning[data-v-8a54cbcb] {
    color: var(--color-warning)
}

.color-danger[data-v-8a54cbcb] {
    color: var(--color-danger)
}

.color-link[data-v-8a54cbcb] {
    color: var(--color-link)
}

.color-line[data-v-8a54cbcb] {
    color: var(--color-line)
}

.color-border[data-v-8a54cbcb] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-8a54cbcb] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-8a54cbcb] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-8a54cbcb] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-8a54cbcb] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-8a54cbcb] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-8a54cbcb] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-8a54cbcb] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-8a54cbcb] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-8a54cbcb] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-8a54cbcb] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-8a54cbcb] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-8a54cbcb] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-8a54cbcb] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-8a54cbcb] {
    display: flex;
    align-items: center
}

.flex-start[data-v-8a54cbcb] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-8a54cbcb] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-8a54cbcb] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-8a54cbcb] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-8a54cbcb] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-8a54cbcb] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-8a54cbcb] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-8a54cbcb] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-8a54cbcb] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-8a54cbcb] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-8a54cbcb] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-8a54cbcb] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-8a54cbcb] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-8a54cbcb] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-8a54cbcb] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-8a54cbcb] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-8a54cbcb] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-8a54cbcb] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-8a54cbcb] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-8a54cbcb] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-8a54cbcb] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-8a54cbcb] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-8a54cbcb] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-8a54cbcb] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-8a54cbcb],
.mlm-selected-item[data-v-8a54cbcb] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-8a54cbcb] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-8a54cbcb]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-8a54cbcb] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-8a54cbcb] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-8a54cbcb] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .layout1.image-wrapper[data-v-8a54cbcb] {
    position: relative
}

html .layout1.image-wrapper[data-v-8a54cbcb]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, var(--ep-color-background-fill-body-default) 0%, transparent 40%, transparent 60%, var(--ep-color-background-fill-body-default) 100%)
}

html .layout1.image-wrapper .payment-img[data-v-8a54cbcb] {
    display: block;
    width: 8.125rem;
    height: 3.375rem
}

#tabbar-tabs-inicio-components-PartView-components-paymentPartner-2-index .layout1.image-wrapper[data-v-8a54cbcb] {
    position: relative
}

#tabbar-tabs-inicio-components-PartView-components-paymentPartner-2-index .layout1.image-wrapper[data-v-8a54cbcb]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, var(--ep-color-background-fill-body-default) 0%, transparent 40%, transparent 60%, var(--ep-color-background-fill-body-default) 100%)
}

#tabbar-tabs-inicio-components-PartView-components-paymentPartner-2-index .layout1.image-wrapper .payment-img[data-v-8a54cbcb] {
    display: block;
    width: 8.125rem;
    height: 3.375rem
}

.color-primary-600[data-v-7e63e26b] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-7e63e26b] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-7e63e26b] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-7e63e26b] {
    color: var(--color-primary-900)
}

.bg-100[data-v-7e63e26b] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-7e63e26b] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-7e63e26b] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-7e63e26b] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-7e63e26b] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-7e63e26b] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-7e63e26b] {
    background-color: var(--color-warning)
}

.bg-link[data-v-7e63e26b] {
    background-color: var(--color-link)
}

.bg-danger[data-v-7e63e26b] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-7e63e26b] {
    color: var(--color-text-100)
}

.color-text-80[data-v-7e63e26b] {
    color: var(--color-text-80)
}

.color-text-50[data-v-7e63e26b] {
    color: var(--color-text-50)
}

.color-text-40[data-v-7e63e26b] {
    color: var(--color-text-40)
}

.color-text-20[data-v-7e63e26b] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-7e63e26b] {
    color: var(--color-currency)
}

.color-warning[data-v-7e63e26b] {
    color: var(--color-warning)
}

.color-danger[data-v-7e63e26b] {
    color: var(--color-danger)
}

.color-link[data-v-7e63e26b] {
    color: var(--color-link)
}

.color-line[data-v-7e63e26b] {
    color: var(--color-line)
}

.color-border[data-v-7e63e26b] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-7e63e26b] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-7e63e26b] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-7e63e26b] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-7e63e26b] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-7e63e26b] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-7e63e26b] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-7e63e26b] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-7e63e26b] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-7e63e26b] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-7e63e26b] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-7e63e26b] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-7e63e26b] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-7e63e26b] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-7e63e26b] {
    display: flex;
    align-items: center
}

.flex-start[data-v-7e63e26b] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-7e63e26b] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-7e63e26b] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-7e63e26b] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-7e63e26b] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-7e63e26b] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-7e63e26b] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-7e63e26b] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-7e63e26b] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-7e63e26b] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-7e63e26b] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-7e63e26b] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-7e63e26b] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-7e63e26b] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-7e63e26b] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-7e63e26b] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-7e63e26b] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-7e63e26b] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-7e63e26b] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-7e63e26b] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-7e63e26b] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-7e63e26b] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-7e63e26b] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-7e63e26b] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-7e63e26b],
.mlm-selected-item[data-v-7e63e26b] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-7e63e26b] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-7e63e26b]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-7e63e26b] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-7e63e26b] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-7e63e26b] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .btn-container[data-v-7e63e26b] {
    display: flex;
    flex-flow: column wrap;
    gap: 1.1875rem
}

html .btn-container .logo-container[data-v-7e63e26b] {
    display: flex;
    align-items: center;
    gap: .375rem
}

html .btn-container .ios-btn[data-v-7e63e26b],
html .btn-container .android-btn[data-v-7e63e26b] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--ep-font-size-xs, .625rem);
    font-weight: var(--ep-font-weight-bold, 700);
    padding: .5625rem 0;
    border-radius: var(--ep-border-radius-infinity, 1.75rem);
    border: .0625rem solid var(--ep-color-border-brand);
    background: var(--ep-dynamic-tertiary-weak);
    color: var(--ep-color-text-inverse)
}

html .btn-container .ios-btn .logo[data-v-7e63e26b],
html .btn-container .android-btn .logo[data-v-7e63e26b] {
    font-size: 1.375rem
}

.neo-blue .btn-container .ios-btn[data-v-7e63e26b],
.neo-blue .btn-container .android-btn[data-v-7e63e26b] {
    border: .0625rem solid var(--ep-color-border-brand);
    background: var(--ep-dynamic-secondary);
    color: var(--ep-color-text-inverse)
}

#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-1-index .btn-container[data-v-7e63e26b] {
    display: flex;
    flex-flow: column wrap;
    gap: 1.1875rem
}

#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-1-index .btn-container .logo-container[data-v-7e63e26b] {
    display: flex;
    align-items: center;
    gap: .375rem
}

#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-1-index .btn-container .ios-btn[data-v-7e63e26b],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-1-index .btn-container .android-btn[data-v-7e63e26b] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--ep-font-size-xs, .625rem);
    font-weight: var(--ep-font-weight-bold, 700);
    padding: .5625rem 0;
    border-radius: var(--ep-border-radius-infinity, 1.75rem);
    border: .0625rem solid var(--ep-color-border-brand);
    background: var(--ep-dynamic-tertiary-weak);
    color: var(--ep-color-text-inverse)
}

#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-1-index .btn-container .ios-btn .logo[data-v-7e63e26b],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-1-index .btn-container .android-btn .logo[data-v-7e63e26b] {
    font-size: 1.375rem
}

.color-primary-600[data-v-2a59bbb4] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-2a59bbb4] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-2a59bbb4] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-2a59bbb4] {
    color: var(--color-primary-900)
}

.bg-100[data-v-2a59bbb4] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-2a59bbb4] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-2a59bbb4] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-2a59bbb4] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-2a59bbb4] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-2a59bbb4] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-2a59bbb4] {
    background-color: var(--color-warning)
}

.bg-link[data-v-2a59bbb4] {
    background-color: var(--color-link)
}

.bg-danger[data-v-2a59bbb4] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-2a59bbb4] {
    color: var(--color-text-100)
}

.color-text-80[data-v-2a59bbb4] {
    color: var(--color-text-80)
}

.color-text-50[data-v-2a59bbb4] {
    color: var(--color-text-50)
}

.color-text-40[data-v-2a59bbb4] {
    color: var(--color-text-40)
}

.color-text-20[data-v-2a59bbb4] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-2a59bbb4] {
    color: var(--color-currency)
}

.color-warning[data-v-2a59bbb4] {
    color: var(--color-warning)
}

.color-danger[data-v-2a59bbb4] {
    color: var(--color-danger)
}

.color-link[data-v-2a59bbb4] {
    color: var(--color-link)
}

.color-line[data-v-2a59bbb4] {
    color: var(--color-line)
}

.color-border[data-v-2a59bbb4] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-2a59bbb4] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-2a59bbb4] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-2a59bbb4] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-2a59bbb4] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-2a59bbb4] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-2a59bbb4] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-2a59bbb4] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-2a59bbb4] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-2a59bbb4] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-2a59bbb4] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-2a59bbb4] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-2a59bbb4] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-2a59bbb4] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-2a59bbb4] {
    display: flex;
    align-items: center
}

.flex-start[data-v-2a59bbb4] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-2a59bbb4] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-2a59bbb4] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-2a59bbb4] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-2a59bbb4] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-2a59bbb4] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-2a59bbb4] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-2a59bbb4] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-2a59bbb4] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-2a59bbb4] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-2a59bbb4] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-2a59bbb4] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-2a59bbb4] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-2a59bbb4] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-2a59bbb4] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-2a59bbb4] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-2a59bbb4] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-2a59bbb4] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-2a59bbb4] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-2a59bbb4] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-2a59bbb4] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-2a59bbb4] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-2a59bbb4] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-2a59bbb4] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-2a59bbb4],
.mlm-selected-item[data-v-2a59bbb4] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-2a59bbb4] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-2a59bbb4]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-2a59bbb4] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-2a59bbb4] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-2a59bbb4] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .layout1.btn-container[data-v-2a59bbb4] {
    display: flex;
    gap: 1.1875rem
}

html .layout1.btn-container .ios-btn[data-v-2a59bbb4],
html .layout1.btn-container .android-btn[data-v-2a59bbb4] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .25rem;
    font-size: var(--ep-font-size-xs, .625rem);
    font-weight: var(--ep-font-weight-bold, 700);
    padding: .5313rem 0;
    border-radius: var(--ep-border-radius-m, .375rem);
    background: var(--ep-color-background-fill-surface-lowered, #101B3C)
}

html .layout1.btn-container .ios-btn .logo[data-v-2a59bbb4],
html .layout1.btn-container .android-btn .logo[data-v-2a59bbb4] {
    font-size: 1.875rem
}

html .layout1.btn-container .ios-btn .label-container[data-v-2a59bbb4],
html .layout1.btn-container .android-btn .label-container[data-v-2a59bbb4] {
    display: flex;
    flex-direction: column
}

html .layout1.btn-container .ios-btn .label-container .label[data-v-2a59bbb4]:nth-child(1),
html .layout1.btn-container .android-btn .label-container .label[data-v-2a59bbb4]:nth-child(1) {
    font-size: var(--ep-font-size-xs, .625rem);
    font-weight: var(--ep-font-weight-regular, 400);
    color: var(--ep-color-text-weaker)
}

html .layout1.btn-container .ios-btn .label-container .label[data-v-2a59bbb4]:nth-child(2),
html .layout1.btn-container .android-btn .label-container .label[data-v-2a59bbb4]:nth-child(2) {
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-bold, 700);
    color: var(--ep-color-text-default)
}

#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout1.btn-container[data-v-2a59bbb4] {
    display: flex;
    gap: 1.1875rem
}

#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout1.btn-container .ios-btn[data-v-2a59bbb4],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout1.btn-container .android-btn[data-v-2a59bbb4] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .25rem;
    font-size: var(--ep-font-size-xs, .625rem);
    font-weight: var(--ep-font-weight-bold, 700);
    padding: .5313rem 0;
    border-radius: var(--ep-border-radius-m, .375rem);
    background: var(--ep-color-background-fill-surface-lowered, #101B3C)
}

#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout1.btn-container .ios-btn .logo[data-v-2a59bbb4],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout1.btn-container .android-btn .logo[data-v-2a59bbb4] {
    font-size: 1.875rem
}

#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout1.btn-container .ios-btn .label-container[data-v-2a59bbb4],
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout1.btn-container .android-btn .label-container[data-v-2a59bbb4] {
    display: flex;
    flex-direction: column
}

#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout1.btn-container .ios-btn .label-container .label[data-v-2a59bbb4]:nth-child(1),
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout1.btn-container .android-btn .label-container .label[data-v-2a59bbb4]:nth-child(1) {
    font-size: var(--ep-font-size-xs, .625rem);
    font-weight: var(--ep-font-weight-regular, 400);
    color: var(--ep-color-text-weaker)
}

#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout1.btn-container .ios-btn .label-container .label[data-v-2a59bbb4]:nth-child(2),
#tabbar-tabs-inicio-components-AppInstall-components-buttonBox-2-index .layout1.btn-container .android-btn .label-container .label[data-v-2a59bbb4]:nth-child(2) {
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-bold, 700);
    color: var(--ep-color-text-default)
}

.color-primary-600[data-v-369d8afc] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-369d8afc] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-369d8afc] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-369d8afc] {
    color: var(--color-primary-900)
}

.bg-100[data-v-369d8afc] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-369d8afc] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-369d8afc] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-369d8afc] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-369d8afc] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-369d8afc] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-369d8afc] {
    background-color: var(--color-warning)
}

.bg-link[data-v-369d8afc] {
    background-color: var(--color-link)
}

.bg-danger[data-v-369d8afc] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-369d8afc] {
    color: var(--color-text-100)
}

.color-text-80[data-v-369d8afc] {
    color: var(--color-text-80)
}

.color-text-50[data-v-369d8afc] {
    color: var(--color-text-50)
}

.color-text-40[data-v-369d8afc] {
    color: var(--color-text-40)
}

.color-text-20[data-v-369d8afc] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-369d8afc] {
    color: var(--color-currency)
}

.color-warning[data-v-369d8afc] {
    color: var(--color-warning)
}

.color-danger[data-v-369d8afc] {
    color: var(--color-danger)
}

.color-link[data-v-369d8afc] {
    color: var(--color-link)
}

.color-line[data-v-369d8afc] {
    color: var(--color-line)
}

.color-border[data-v-369d8afc] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-369d8afc] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-369d8afc] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-369d8afc] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-369d8afc] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-369d8afc] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-369d8afc] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-369d8afc] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-369d8afc] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-369d8afc] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-369d8afc] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-369d8afc] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-369d8afc] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-369d8afc] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-369d8afc] {
    display: flex;
    align-items: center
}

.flex-start[data-v-369d8afc] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-369d8afc] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-369d8afc] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-369d8afc] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-369d8afc] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-369d8afc] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-369d8afc] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-369d8afc] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-369d8afc] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-369d8afc] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-369d8afc] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-369d8afc] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-369d8afc] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-369d8afc] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-369d8afc] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-369d8afc] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-369d8afc] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-369d8afc] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-369d8afc] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-369d8afc] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-369d8afc] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-369d8afc] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-369d8afc] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-369d8afc] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-369d8afc],
.mlm-selected-item[data-v-369d8afc] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-369d8afc] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-369d8afc]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-369d8afc] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-369d8afc] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-369d8afc] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .layout1.badge-box[data-v-369d8afc] {
    margin-right: auto;
    padding: .125rem .3125rem;
    display: inline-flex;
    align-items: center;
    gap: .125rem;
    background: var(--ep-color-bg-brand-secondary);
    border-radius: var(--ep-border-radius-xs, .125rem);
    background: rgba(102, 186, 32, .3)
}

html .layout1.badge-box .icon[data-v-369d8afc] {
    font-size: 1rem;
    color: var(--ep-color-icon-brand-secondary)
}

html .layout1.badge-box .label[data-v-369d8afc] {
    font-size: var(--ep-font-size-xs, .625rem);
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--ep-color-icon-brand-secondary)
}

#tabbar-tabs-inicio-components-AppInstall-components-badge-1-index .layout1.badge-box[data-v-369d8afc] {
    margin-right: auto;
    padding: .125rem .3125rem;
    display: inline-flex;
    align-items: center;
    gap: .125rem;
    background: var(--ep-color-bg-brand-secondary);
    border-radius: var(--ep-border-radius-xs, .125rem);
    background: rgba(102, 186, 32, .3)
}

#tabbar-tabs-inicio-components-AppInstall-components-badge-1-index .layout1.badge-box .icon[data-v-369d8afc] {
    font-size: 1rem;
    color: var(--ep-color-icon-brand-secondary)
}

#tabbar-tabs-inicio-components-AppInstall-components-badge-1-index .layout1.badge-box .label[data-v-369d8afc] {
    font-size: var(--ep-font-size-xs, .625rem);
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--ep-color-icon-brand-secondary)
}

.color-primary-600[data-v-7fc7e5ef] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-7fc7e5ef] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-7fc7e5ef] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-7fc7e5ef] {
    color: var(--color-primary-900)
}

.bg-100[data-v-7fc7e5ef] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-7fc7e5ef] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-7fc7e5ef] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-7fc7e5ef] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-7fc7e5ef] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-7fc7e5ef] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-7fc7e5ef] {
    background-color: var(--color-warning)
}

.bg-link[data-v-7fc7e5ef] {
    background-color: var(--color-link)
}

.bg-danger[data-v-7fc7e5ef] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-7fc7e5ef] {
    color: var(--color-text-100)
}

.color-text-80[data-v-7fc7e5ef] {
    color: var(--color-text-80)
}

.color-text-50[data-v-7fc7e5ef] {
    color: var(--color-text-50)
}

.color-text-40[data-v-7fc7e5ef] {
    color: var(--color-text-40)
}

.color-text-20[data-v-7fc7e5ef] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-7fc7e5ef] {
    color: var(--color-currency)
}

.color-warning[data-v-7fc7e5ef] {
    color: var(--color-warning)
}

.color-danger[data-v-7fc7e5ef] {
    color: var(--color-danger)
}

.color-link[data-v-7fc7e5ef] {
    color: var(--color-link)
}

.color-line[data-v-7fc7e5ef] {
    color: var(--color-line)
}

.color-border[data-v-7fc7e5ef] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-7fc7e5ef] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-7fc7e5ef] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-7fc7e5ef] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-7fc7e5ef] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-7fc7e5ef] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-7fc7e5ef] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-7fc7e5ef] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-7fc7e5ef] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-7fc7e5ef] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-7fc7e5ef] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-7fc7e5ef] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-7fc7e5ef] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-7fc7e5ef] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-7fc7e5ef] {
    display: flex;
    align-items: center
}

.flex-start[data-v-7fc7e5ef] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-7fc7e5ef] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-7fc7e5ef] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-7fc7e5ef] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-7fc7e5ef] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-7fc7e5ef] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-7fc7e5ef] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-7fc7e5ef] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-7fc7e5ef] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-7fc7e5ef] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-7fc7e5ef] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-7fc7e5ef] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-7fc7e5ef] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-7fc7e5ef] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-7fc7e5ef] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-7fc7e5ef] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-7fc7e5ef] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-7fc7e5ef] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-7fc7e5ef] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-7fc7e5ef] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-7fc7e5ef] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-7fc7e5ef] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-7fc7e5ef] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-7fc7e5ef] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-7fc7e5ef],
.mlm-selected-item[data-v-7fc7e5ef] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-7fc7e5ef] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-7fc7e5ef]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-7fc7e5ef] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-7fc7e5ef] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-7fc7e5ef] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .layout1.introduction-box[data-v-7fc7e5ef] {
    width: 12.625rem;
    display: flex;
    flex-direction: column;
    gap: .375rem
}

html .layout1.introduction-box .title[data-v-7fc7e5ef] {
    font-size: var(--ep-font-size-l, 1.375rem);
    font-weight: var(--ep-font-weight-bold, 700);
    color: var(--ep-color-icon-default)
}

html .layout1.introduction-box .introduce[data-v-7fc7e5ef] {
    margin-top: var(--introduce-margin-top, 1.6875rem);
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-regular, 400);
    color: var(--ep-color-text-default)
}

#tabbar-tabs-inicio-components-AppInstall-components-introduction-1-index .layout1.introduction-box[data-v-7fc7e5ef] {
    width: 12.625rem;
    display: flex;
    flex-direction: column;
    gap: .375rem
}

#tabbar-tabs-inicio-components-AppInstall-components-introduction-1-index .layout1.introduction-box .title[data-v-7fc7e5ef] {
    font-size: var(--ep-font-size-l, 1.375rem);
    font-weight: var(--ep-font-weight-bold, 700);
    color: var(--ep-color-icon-default)
}

#tabbar-tabs-inicio-components-AppInstall-components-introduction-1-index .layout1.introduction-box .introduce[data-v-7fc7e5ef] {
    margin-top: var(--introduce-margin-top, 1.6875rem);
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-regular, 400);
    color: var(--ep-color-text-default)
}

.color-primary-600[data-v-6f29cf27] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-6f29cf27] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-6f29cf27] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-6f29cf27] {
    color: var(--color-primary-900)
}

.bg-100[data-v-6f29cf27] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-6f29cf27] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-6f29cf27] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-6f29cf27] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-6f29cf27] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-6f29cf27] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-6f29cf27] {
    background-color: var(--color-warning)
}

.bg-link[data-v-6f29cf27] {
    background-color: var(--color-link)
}

.bg-danger[data-v-6f29cf27] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-6f29cf27] {
    color: var(--color-text-100)
}

.color-text-80[data-v-6f29cf27] {
    color: var(--color-text-80)
}

.color-text-50[data-v-6f29cf27] {
    color: var(--color-text-50)
}

.color-text-40[data-v-6f29cf27] {
    color: var(--color-text-40)
}

.color-text-20[data-v-6f29cf27] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-6f29cf27] {
    color: var(--color-currency)
}

.color-warning[data-v-6f29cf27] {
    color: var(--color-warning)
}

.color-danger[data-v-6f29cf27] {
    color: var(--color-danger)
}

.color-link[data-v-6f29cf27] {
    color: var(--color-link)
}

.color-line[data-v-6f29cf27] {
    color: var(--color-line)
}

.color-border[data-v-6f29cf27] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-6f29cf27] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-6f29cf27] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-6f29cf27] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-6f29cf27] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-6f29cf27] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-6f29cf27] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-6f29cf27] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-6f29cf27] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-6f29cf27] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-6f29cf27] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-6f29cf27] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-6f29cf27] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-6f29cf27] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-6f29cf27] {
    display: flex;
    align-items: center
}

.flex-start[data-v-6f29cf27] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-6f29cf27] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-6f29cf27] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-6f29cf27] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-6f29cf27] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-6f29cf27] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-6f29cf27] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-6f29cf27] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-6f29cf27] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-6f29cf27] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-6f29cf27] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-6f29cf27] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-6f29cf27] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-6f29cf27] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-6f29cf27] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-6f29cf27] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-6f29cf27] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-6f29cf27] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-6f29cf27] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-6f29cf27] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-6f29cf27] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-6f29cf27] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-6f29cf27] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-6f29cf27] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-6f29cf27],
.mlm-selected-item[data-v-6f29cf27] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-6f29cf27] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-6f29cf27]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-6f29cf27] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-6f29cf27] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-6f29cf27] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .layout1.introduction-box[data-v-6f29cf27] {
    position: relative;
    display: flex;
    font-size: var(--ep-font-size-s, .75rem);
    gap: .375rem;
    border-radius: .375rem;
    border: 1px solid var(--ep-color-border-default);
    margin-top: 2rem;
    padding: 1rem 1.5rem 0 .5rem;
    background: var(--ep-dynamic-tertiary-weak)
}

html .layout1.introduction-box .explain[data-v-6f29cf27] {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding-bottom: 1rem
}

html .layout1.introduction-box .explain .title[data-v-6f29cf27] {
    font-weight: var(--ep-font-weight-bold, 700);
    color: var(--ep-color-text-default)
}

html .layout1.introduction-box .explain .introduce[data-v-6f29cf27] {
    color: var(--ep-color-text-weaker)
}

html .layout1.introduction-box img[data-v-6f29cf27] {
    width: 4.5rem;
    aspect-ratio: 36/51;
    margin-top: -2rem
}

#tabbar-tabs-inicio-components-AppInstall-components-introduction-1-index .layout1.introduction-box[data-v-6f29cf27] {
    position: relative;
    display: flex;
    font-size: var(--ep-font-size-s, .75rem);
    gap: .375rem;
    border-radius: .375rem;
    border: 1px solid var(--ep-color-border-default);
    margin-top: 2rem;
    padding: 1rem 1.5rem 0 .5rem;
    background: var(--ep-dynamic-tertiary-weak)
}

#tabbar-tabs-inicio-components-AppInstall-components-introduction-1-index .layout1.introduction-box .explain[data-v-6f29cf27] {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding-bottom: 1rem
}

#tabbar-tabs-inicio-components-AppInstall-components-introduction-1-index .layout1.introduction-box .explain .title[data-v-6f29cf27] {
    font-weight: var(--ep-font-weight-bold, 700);
    color: var(--ep-color-text-default)
}

#tabbar-tabs-inicio-components-AppInstall-components-introduction-1-index .layout1.introduction-box .explain .introduce[data-v-6f29cf27] {
    color: var(--ep-color-text-weaker)
}

#tabbar-tabs-inicio-components-AppInstall-components-introduction-1-index .layout1.introduction-box img[data-v-6f29cf27] {
    width: 4.5rem;
    aspect-ratio: 36/51;
    margin-top: -2rem
}

.color-primary-600[data-v-7d3fac66] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-7d3fac66] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-7d3fac66] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-7d3fac66] {
    color: var(--color-primary-900)
}

.bg-100[data-v-7d3fac66] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-7d3fac66] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-7d3fac66] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-7d3fac66] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-7d3fac66] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-7d3fac66] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-7d3fac66] {
    background-color: var(--color-warning)
}

.bg-link[data-v-7d3fac66] {
    background-color: var(--color-link)
}

.bg-danger[data-v-7d3fac66] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-7d3fac66] {
    color: var(--color-text-100)
}

.color-text-80[data-v-7d3fac66] {
    color: var(--color-text-80)
}

.color-text-50[data-v-7d3fac66] {
    color: var(--color-text-50)
}

.color-text-40[data-v-7d3fac66] {
    color: var(--color-text-40)
}

.color-text-20[data-v-7d3fac66] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-7d3fac66] {
    color: var(--color-currency)
}

.color-warning[data-v-7d3fac66] {
    color: var(--color-warning)
}

.color-danger[data-v-7d3fac66] {
    color: var(--color-danger)
}

.color-link[data-v-7d3fac66] {
    color: var(--color-link)
}

.color-line[data-v-7d3fac66] {
    color: var(--color-line)
}

.color-border[data-v-7d3fac66] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-7d3fac66] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-7d3fac66] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-7d3fac66] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-7d3fac66] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-7d3fac66] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-7d3fac66] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-7d3fac66] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-7d3fac66] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-7d3fac66] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-7d3fac66] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-7d3fac66] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-7d3fac66] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-7d3fac66] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-7d3fac66] {
    display: flex;
    align-items: center
}

.flex-start[data-v-7d3fac66] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-7d3fac66] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-7d3fac66] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-7d3fac66] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-7d3fac66] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-7d3fac66] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-7d3fac66] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-7d3fac66] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-7d3fac66] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-7d3fac66] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-7d3fac66] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-7d3fac66] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-7d3fac66] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-7d3fac66] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-7d3fac66] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-7d3fac66] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-7d3fac66] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-7d3fac66] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-7d3fac66] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-7d3fac66] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-7d3fac66] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-7d3fac66] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-7d3fac66] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-7d3fac66] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-7d3fac66],
.mlm-selected-item[data-v-7d3fac66] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-7d3fac66] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-7d3fac66]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-7d3fac66] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-7d3fac66] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-7d3fac66] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .layout26.introduction-box[data-v-7d3fac66] {
    width: 12.625rem;
    display: flex;
    flex-direction: column;
    gap: .375rem;
    background: var(--ep-color-background-fill-surface-raised-L2, #005655);
    padding: .25rem .5rem;
    border-radius: .375rem .375rem .375rem 0;
    position: relative
}

html .layout26.introduction-box[data-v-7d3fac66]:before {
    content: "";
    position: absolute;
    left: -.6rem;
    bottom: 0;
    width: 0;
    height: 0;
    border-bottom: .6rem solid var(--ep-color-background-fill-surface-raised-L2, #005655);
    border-right: .6rem solid var(--ep-color-background-fill-surface-raised-L2, #005655);
    border-top: .6rem solid transparent;
    border-left: .6rem solid transparent
}

html .layout26.introduction-box .title[data-v-7d3fac66] {
    font-size: var(--ep-font-size-l, 1.375rem);
    font-weight: var(--ep-font-weight-bold, 700);
    color: var(--ep-color-icon-default)
}

html .layout26.introduction-box .introduce[data-v-7d3fac66] {
    margin-top: var(--introduce-margin-top, 0);
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-regular, 400);
    color: var(--ep-color-text-default)
}

#tabbar-tabs-inicio-components-AppInstall-components-introduction-26-index .layout26.introduction-box[data-v-7d3fac66] {
    width: 12.625rem;
    display: flex;
    flex-direction: column;
    gap: .375rem;
    background: var(--ep-color-background-fill-surface-raised-L2, #005655);
    padding: .25rem .5rem;
    border-radius: .375rem .375rem .375rem 0;
    position: relative
}

#tabbar-tabs-inicio-components-AppInstall-components-introduction-26-index .layout26.introduction-box[data-v-7d3fac66]:before {
    content: "";
    position: absolute;
    left: -.6rem;
    bottom: 0;
    width: 0;
    height: 0;
    border-bottom: .6rem solid var(--ep-color-background-fill-surface-raised-L2, #005655);
    border-right: .6rem solid var(--ep-color-background-fill-surface-raised-L2, #005655);
    border-top: .6rem solid transparent;
    border-left: .6rem solid transparent
}

#tabbar-tabs-inicio-components-AppInstall-components-introduction-26-index .layout26.introduction-box .title[data-v-7d3fac66] {
    font-size: var(--ep-font-size-l, 1.375rem);
    font-weight: var(--ep-font-weight-bold, 700);
    color: var(--ep-color-icon-default)
}

#tabbar-tabs-inicio-components-AppInstall-components-introduction-26-index .layout26.introduction-box .introduce[data-v-7d3fac66] {
    margin-top: var(--introduce-margin-top, 0);
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-regular, 400);
    color: var(--ep-color-text-default)
}

.color-primary-600[data-v-cbc5c14e] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-cbc5c14e] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-cbc5c14e] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-cbc5c14e] {
    color: var(--color-primary-900)
}

.bg-100[data-v-cbc5c14e] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-cbc5c14e] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-cbc5c14e] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-cbc5c14e] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-cbc5c14e] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-cbc5c14e] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-cbc5c14e] {
    background-color: var(--color-warning)
}

.bg-link[data-v-cbc5c14e] {
    background-color: var(--color-link)
}

.bg-danger[data-v-cbc5c14e] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-cbc5c14e] {
    color: var(--color-text-100)
}

.color-text-80[data-v-cbc5c14e] {
    color: var(--color-text-80)
}

.color-text-50[data-v-cbc5c14e] {
    color: var(--color-text-50)
}

.color-text-40[data-v-cbc5c14e] {
    color: var(--color-text-40)
}

.color-text-20[data-v-cbc5c14e] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-cbc5c14e] {
    color: var(--color-currency)
}

.color-warning[data-v-cbc5c14e] {
    color: var(--color-warning)
}

.color-danger[data-v-cbc5c14e] {
    color: var(--color-danger)
}

.color-link[data-v-cbc5c14e] {
    color: var(--color-link)
}

.color-line[data-v-cbc5c14e] {
    color: var(--color-line)
}

.color-border[data-v-cbc5c14e] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-cbc5c14e] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-cbc5c14e] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-cbc5c14e] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-cbc5c14e] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-cbc5c14e] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-cbc5c14e] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-cbc5c14e] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-cbc5c14e] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-cbc5c14e] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-cbc5c14e] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-cbc5c14e] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-cbc5c14e] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-cbc5c14e] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-cbc5c14e] {
    display: flex;
    align-items: center
}

.flex-start[data-v-cbc5c14e] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-cbc5c14e] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-cbc5c14e] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-cbc5c14e] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-cbc5c14e] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-cbc5c14e] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-cbc5c14e] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-cbc5c14e] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-cbc5c14e] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-cbc5c14e] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-cbc5c14e] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-cbc5c14e] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-cbc5c14e] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-cbc5c14e] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-cbc5c14e] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-cbc5c14e] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-cbc5c14e] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-cbc5c14e] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-cbc5c14e] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-cbc5c14e] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-cbc5c14e] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-cbc5c14e] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-cbc5c14e] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-cbc5c14e] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-cbc5c14e],
.mlm-selected-item[data-v-cbc5c14e] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-cbc5c14e] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-cbc5c14e]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-cbc5c14e] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-cbc5c14e] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-cbc5c14e] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .layout1.footer-container[data-v-cbc5c14e] {
    border-top: .0625rem solid var(--ep-color-border-default);
    background: var(--ep-color-background-fill-surface-raised-L1)
}

html .layout2.footer-container[data-v-cbc5c14e] {
    width: 100%;
    background: var(--ep-color-background-fill-surface-raised-L1);
    border-top: .0625rem solid var(--ep-color-border-default);
    position: relative;
    z-index: 1
}

html .layout2.footer-container[data-v-cbc5c14e]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 21.4375rem;
    z-index: -2;
    background: url(/assets/footer-bg-BU1sGlnq.png) top right / cover no-repeat;
    mix-blend-mode: overlay
}

#tabbar-tabs-inicio-components-FooterContent-index .layout1.footer-container[data-v-cbc5c14e] {
    border-top: .0625rem solid var(--ep-color-border-default);
    background: var(--ep-color-background-fill-surface-raised-L1)
}

#tabbar-tabs-inicio-components-FooterContent-index .layout2.footer-container[data-v-cbc5c14e] {
    width: 100%;
    background: var(--ep-color-background-fill-surface-raised-L1);
    border-top: .0625rem solid var(--ep-color-border-default);
    position: relative;
    z-index: 1
}

#tabbar-tabs-inicio-components-FooterContent-index .layout2.footer-container[data-v-cbc5c14e]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 21.4375rem;
    z-index: -2;
    background: url(/assets/footer-bg-BU1sGlnq.png) top right / cover no-repeat;
    mix-blend-mode: overlay
}

.color-primary-600[data-v-a4c9d0fd] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-a4c9d0fd] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-a4c9d0fd] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-a4c9d0fd] {
    color: var(--color-primary-900)
}

.bg-100[data-v-a4c9d0fd] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-a4c9d0fd] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-a4c9d0fd] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-a4c9d0fd] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-a4c9d0fd] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-a4c9d0fd] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-a4c9d0fd] {
    background-color: var(--color-warning)
}

.bg-link[data-v-a4c9d0fd] {
    background-color: var(--color-link)
}

.bg-danger[data-v-a4c9d0fd] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-a4c9d0fd] {
    color: var(--color-text-100)
}

.color-text-80[data-v-a4c9d0fd] {
    color: var(--color-text-80)
}

.color-text-50[data-v-a4c9d0fd] {
    color: var(--color-text-50)
}

.color-text-40[data-v-a4c9d0fd] {
    color: var(--color-text-40)
}

.color-text-20[data-v-a4c9d0fd] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-a4c9d0fd] {
    color: var(--color-currency)
}

.color-warning[data-v-a4c9d0fd] {
    color: var(--color-warning)
}

.color-danger[data-v-a4c9d0fd] {
    color: var(--color-danger)
}

.color-link[data-v-a4c9d0fd] {
    color: var(--color-link)
}

.color-line[data-v-a4c9d0fd] {
    color: var(--color-line)
}

.color-border[data-v-a4c9d0fd] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-a4c9d0fd] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-a4c9d0fd] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-a4c9d0fd] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-a4c9d0fd] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-a4c9d0fd] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-a4c9d0fd] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-a4c9d0fd] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-a4c9d0fd] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-a4c9d0fd] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-a4c9d0fd] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-a4c9d0fd] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-a4c9d0fd] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-a4c9d0fd] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-a4c9d0fd] {
    display: flex;
    align-items: center
}

.flex-start[data-v-a4c9d0fd] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-a4c9d0fd] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-a4c9d0fd] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-a4c9d0fd] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-a4c9d0fd] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-a4c9d0fd] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-a4c9d0fd] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-a4c9d0fd] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-a4c9d0fd] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-a4c9d0fd] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-a4c9d0fd] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-a4c9d0fd] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-a4c9d0fd] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-a4c9d0fd] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-a4c9d0fd] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-a4c9d0fd] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-a4c9d0fd] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-a4c9d0fd] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-a4c9d0fd] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-a4c9d0fd] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-a4c9d0fd] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-a4c9d0fd] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-a4c9d0fd] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-a4c9d0fd] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-a4c9d0fd],
.mlm-selected-item[data-v-a4c9d0fd] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-a4c9d0fd] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-a4c9d0fd]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-a4c9d0fd] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-a4c9d0fd] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-a4c9d0fd] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .layout1.content[data-v-a4c9d0fd] {
    display: flex;
    flex-direction: column;
    text-align: start
}

html .layout1.content .content-item[data-v-a4c9d0fd] {
    font-size: var(--ep-font-size-s, .75rem);
    line-height: 1.5;
    font-weight: var(--ep-font-weight-regular, 400);
    color: var(--ep-color-text-weaker)
}

html.neo-blue .content .content-item[data-v-a4c9d0fd] {
    color: var(--ep-color-text-weak)
}

#tabbar-tabs-inicio-components-FooterContent-components-introduction-1-index .layout1.content[data-v-a4c9d0fd] {
    display: flex;
    flex-direction: column;
    text-align: start
}

#tabbar-tabs-inicio-components-FooterContent-components-introduction-1-index .layout1.content .content-item[data-v-a4c9d0fd] {
    font-size: var(--ep-font-size-s, .75rem);
    line-height: 1.5;
    font-weight: var(--ep-font-weight-regular, 400);
    color: var(--ep-color-text-weaker)
}

.color-primary-600[data-v-7366dfce] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-7366dfce] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-7366dfce] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-7366dfce] {
    color: var(--color-primary-900)
}

.bg-100[data-v-7366dfce] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-7366dfce] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-7366dfce] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-7366dfce] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-7366dfce] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-7366dfce] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-7366dfce] {
    background-color: var(--color-warning)
}

.bg-link[data-v-7366dfce] {
    background-color: var(--color-link)
}

.bg-danger[data-v-7366dfce] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-7366dfce] {
    color: var(--color-text-100)
}

.color-text-80[data-v-7366dfce] {
    color: var(--color-text-80)
}

.color-text-50[data-v-7366dfce] {
    color: var(--color-text-50)
}

.color-text-40[data-v-7366dfce] {
    color: var(--color-text-40)
}

.color-text-20[data-v-7366dfce] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-7366dfce] {
    color: var(--color-currency)
}

.color-warning[data-v-7366dfce] {
    color: var(--color-warning)
}

.color-danger[data-v-7366dfce] {
    color: var(--color-danger)
}

.color-link[data-v-7366dfce] {
    color: var(--color-link)
}

.color-line[data-v-7366dfce] {
    color: var(--color-line)
}

.color-border[data-v-7366dfce] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-7366dfce] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-7366dfce] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-7366dfce] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-7366dfce] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-7366dfce] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-7366dfce] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-7366dfce] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-7366dfce] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-7366dfce] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-7366dfce] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-7366dfce] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-7366dfce] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-7366dfce] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-7366dfce] {
    display: flex;
    align-items: center
}

.flex-start[data-v-7366dfce] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-7366dfce] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-7366dfce] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-7366dfce] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-7366dfce] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-7366dfce] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-7366dfce] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-7366dfce] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-7366dfce] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-7366dfce] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-7366dfce] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-7366dfce] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-7366dfce] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-7366dfce] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-7366dfce] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-7366dfce] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-7366dfce] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-7366dfce] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-7366dfce] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-7366dfce] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-7366dfce] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-7366dfce] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-7366dfce] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-7366dfce] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-7366dfce],
.mlm-selected-item[data-v-7366dfce] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-7366dfce] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-7366dfce]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-7366dfce] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-7366dfce] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-7366dfce] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .layout1.version-box[data-v-7366dfce] {
    display: flex;
    align-items: center;
    flex-direction: column
}

html .layout1.version-box .subtitle[data-v-7366dfce] {
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-regular, 400);
    color: var(--ep-color-text-default)
}

html .layout1.version-box .equipment-info[data-v-7366dfce] {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-regular, 400);
    color: var(--ep-color-text-weaker)
}

.neo-blue[data-v-7366dfce] {
    --ep-color-text-default: var(--ep-color-text-weaker)
}

#tabbar-tabs-inicio-components-FooterContent-components-version-1-index .layout1.version-box[data-v-7366dfce] {
    display: flex;
    align-items: center;
    flex-direction: column
}

#tabbar-tabs-inicio-components-FooterContent-components-version-1-index .layout1.version-box .subtitle[data-v-7366dfce] {
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-regular, 400);
    color: var(--ep-color-text-default)
}

#tabbar-tabs-inicio-components-FooterContent-components-version-1-index .layout1.version-box .equipment-info[data-v-7366dfce] {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-regular, 400);
    color: var(--ep-color-text-weaker)
}

.color-primary-600[data-v-8634eac5] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-8634eac5] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-8634eac5] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-8634eac5] {
    color: var(--color-primary-900)
}

.bg-100[data-v-8634eac5] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-8634eac5] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-8634eac5] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-8634eac5] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-8634eac5] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-8634eac5] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-8634eac5] {
    background-color: var(--color-warning)
}

.bg-link[data-v-8634eac5] {
    background-color: var(--color-link)
}

.bg-danger[data-v-8634eac5] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-8634eac5] {
    color: var(--color-text-100)
}

.color-text-80[data-v-8634eac5] {
    color: var(--color-text-80)
}

.color-text-50[data-v-8634eac5] {
    color: var(--color-text-50)
}

.color-text-40[data-v-8634eac5] {
    color: var(--color-text-40)
}

.color-text-20[data-v-8634eac5] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-8634eac5] {
    color: var(--color-currency)
}

.color-warning[data-v-8634eac5] {
    color: var(--color-warning)
}

.color-danger[data-v-8634eac5] {
    color: var(--color-danger)
}

.color-link[data-v-8634eac5] {
    color: var(--color-link)
}

.color-line[data-v-8634eac5] {
    color: var(--color-line)
}

.color-border[data-v-8634eac5] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-8634eac5] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-8634eac5] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-8634eac5] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-8634eac5] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-8634eac5] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-8634eac5] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-8634eac5] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-8634eac5] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-8634eac5] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-8634eac5] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-8634eac5] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-8634eac5] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-8634eac5] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-8634eac5] {
    display: flex;
    align-items: center
}

.flex-start[data-v-8634eac5] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-8634eac5] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-8634eac5] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-8634eac5] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-8634eac5] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-8634eac5] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-8634eac5] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-8634eac5] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-8634eac5] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-8634eac5] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-8634eac5] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-8634eac5] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-8634eac5] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-8634eac5] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-8634eac5] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-8634eac5] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-8634eac5] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-8634eac5] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-8634eac5] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-8634eac5] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-8634eac5] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-8634eac5] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-8634eac5] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-8634eac5] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-8634eac5],
.mlm-selected-item[data-v-8634eac5] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-8634eac5] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-8634eac5]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-8634eac5] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-8634eac5] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-8634eac5] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .layout1.logo-container .logo[data-v-8634eac5] {
    display: inline-block
}

html .layout1.logo-container .logo.good-img[data-v-8634eac5] {
    width: auto;
    height: 100%
}

html .layout2.logo-container[data-v-8634eac5] {
    position: relative
}

html .layout2.logo-container[data-v-8634eac5]:before {
    content: "";
    display: block;
    width: 7.75rem;
    height: .125rem;
    position: absolute;
    bottom: -1.5rem;
    left: 0;
    background: linear-gradient(to right, var(--ep-color-border-highlight-white) 0%, var(--ep-color-border-highlight-white) 55%, transparent 55%, transparent 60%, var(--ep-color-border-highlight-white) 60%, var(--ep-color-border-highlight-white) 80%, transparent 80%, transparent 85%, var(--ep-color-border-highlight-white) 85%, var(--ep-color-border-highlight-white) 100%);
    border-radius: .125rem;
    opacity: .2
}

html .layout2.logo-container .logo[data-v-8634eac5] {
    display: block
}

html .layout2.logo-container .logo.good-img[data-v-8634eac5] {
    width: auto;
    height: 100%
}

#tabbar-tabs-inicio-components-FooterContent-components-logo-1-index .layout1.logo-container .logo[data-v-8634eac5] {
    display: inline-block
}

#tabbar-tabs-inicio-components-FooterContent-components-logo-1-index .layout1.logo-container .logo.good-img[data-v-8634eac5] {
    width: auto;
    height: 100%
}

#tabbar-tabs-inicio-components-FooterContent-components-logo-1-index .layout2.logo-container[data-v-8634eac5] {
    position: relative
}

#tabbar-tabs-inicio-components-FooterContent-components-logo-1-index .layout2.logo-container[data-v-8634eac5]:before {
    content: "";
    display: block;
    width: 7.75rem;
    height: .125rem;
    position: absolute;
    bottom: -1.5rem;
    left: 0;
    background: linear-gradient(to right, var(--ep-color-border-highlight-white) 0%, var(--ep-color-border-highlight-white) 55%, transparent 55%, transparent 60%, var(--ep-color-border-highlight-white) 60%, var(--ep-color-border-highlight-white) 80%, transparent 80%, transparent 85%, var(--ep-color-border-highlight-white) 85%, var(--ep-color-border-highlight-white) 100%);
    border-radius: .125rem;
    opacity: .2
}

#tabbar-tabs-inicio-components-FooterContent-components-logo-1-index .layout2.logo-container .logo[data-v-8634eac5] {
    display: block
}

#tabbar-tabs-inicio-components-FooterContent-components-logo-1-index .layout2.logo-container .logo.good-img[data-v-8634eac5] {
    width: auto;
    height: 100%
}

.color-primary-600[data-v-7be6f7a3] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-7be6f7a3] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-7be6f7a3] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-7be6f7a3] {
    color: var(--color-primary-900)
}

.bg-100[data-v-7be6f7a3] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-7be6f7a3] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-7be6f7a3] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-7be6f7a3] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-7be6f7a3] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-7be6f7a3] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-7be6f7a3] {
    background-color: var(--color-warning)
}

.bg-link[data-v-7be6f7a3] {
    background-color: var(--color-link)
}

.bg-danger[data-v-7be6f7a3] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-7be6f7a3] {
    color: var(--color-text-100)
}

.color-text-80[data-v-7be6f7a3] {
    color: var(--color-text-80)
}

.color-text-50[data-v-7be6f7a3] {
    color: var(--color-text-50)
}

.color-text-40[data-v-7be6f7a3] {
    color: var(--color-text-40)
}

.color-text-20[data-v-7be6f7a3] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-7be6f7a3] {
    color: var(--color-currency)
}

.color-warning[data-v-7be6f7a3] {
    color: var(--color-warning)
}

.color-danger[data-v-7be6f7a3] {
    color: var(--color-danger)
}

.color-link[data-v-7be6f7a3] {
    color: var(--color-link)
}

.color-line[data-v-7be6f7a3] {
    color: var(--color-line)
}

.color-border[data-v-7be6f7a3] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-7be6f7a3] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-7be6f7a3] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-7be6f7a3] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-7be6f7a3] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-7be6f7a3] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-7be6f7a3] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-7be6f7a3] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-7be6f7a3] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-7be6f7a3] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-7be6f7a3] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-7be6f7a3] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-7be6f7a3] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-7be6f7a3] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-7be6f7a3] {
    display: flex;
    align-items: center
}

.flex-start[data-v-7be6f7a3] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-7be6f7a3] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-7be6f7a3] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-7be6f7a3] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-7be6f7a3] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-7be6f7a3] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-7be6f7a3] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-7be6f7a3] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-7be6f7a3] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-7be6f7a3] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-7be6f7a3] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-7be6f7a3] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-7be6f7a3] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-7be6f7a3] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-7be6f7a3] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-7be6f7a3] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-7be6f7a3] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-7be6f7a3] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-7be6f7a3] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-7be6f7a3] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-7be6f7a3] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-7be6f7a3] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-7be6f7a3] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-7be6f7a3] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-7be6f7a3],
.mlm-selected-item[data-v-7be6f7a3] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-7be6f7a3] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-7be6f7a3]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-7be6f7a3] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-7be6f7a3] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-7be6f7a3] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .icon-age[data-v-7be6f7a3] {
    position: relative;
    font-size: 1.5rem;
    color: var(--ep-color-icon-highlight)
}

.neo-blue .icon-age[data-v-7be6f7a3] {
    color: var(--ep-color-icon-weaker);
    font-size: 1.5rem
}

.color-primary-600[data-v-18c56428] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-18c56428] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-18c56428] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-18c56428] {
    color: var(--color-primary-900)
}

.bg-100[data-v-18c56428] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-18c56428] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-18c56428] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-18c56428] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-18c56428] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-18c56428] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-18c56428] {
    background-color: var(--color-warning)
}

.bg-link[data-v-18c56428] {
    background-color: var(--color-link)
}

.bg-danger[data-v-18c56428] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-18c56428] {
    color: var(--color-text-100)
}

.color-text-80[data-v-18c56428] {
    color: var(--color-text-80)
}

.color-text-50[data-v-18c56428] {
    color: var(--color-text-50)
}

.color-text-40[data-v-18c56428] {
    color: var(--color-text-40)
}

.color-text-20[data-v-18c56428] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-18c56428] {
    color: var(--color-currency)
}

.color-warning[data-v-18c56428] {
    color: var(--color-warning)
}

.color-danger[data-v-18c56428] {
    color: var(--color-danger)
}

.color-link[data-v-18c56428] {
    color: var(--color-link)
}

.color-line[data-v-18c56428] {
    color: var(--color-line)
}

.color-border[data-v-18c56428] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-18c56428] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-18c56428] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-18c56428] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-18c56428] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-18c56428] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-18c56428] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-18c56428] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-18c56428] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-18c56428] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-18c56428] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-18c56428] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-18c56428] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-18c56428] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-18c56428] {
    display: flex;
    align-items: center
}

.flex-start[data-v-18c56428] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-18c56428] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-18c56428] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-18c56428] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-18c56428] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-18c56428] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-18c56428] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-18c56428] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-18c56428] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-18c56428] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-18c56428] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-18c56428] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-18c56428] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-18c56428] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-18c56428] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-18c56428] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-18c56428] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-18c56428] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-18c56428] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-18c56428] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-18c56428] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-18c56428] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-18c56428] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-18c56428] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-18c56428],
.mlm-selected-item[data-v-18c56428] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-18c56428] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-18c56428]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-18c56428] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-18c56428] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-18c56428] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .badge-box[data-v-18c56428] {
    display: flex;
    gap: 1.25rem
}

html .badge-box .badge-item[data-v-18c56428] {
    text-align: start;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .5rem
}

html .badge-box .badge-item[data-v-18c56428]:first-child {
    flex: 1;
    max-width: 60%
}

html .badge-box .badge-item .label[data-v-18c56428] {
    font-weight: var(--ep-font-weight-regular, 400);
    font-size: var(--ep-font-size-m, .875rem);
    color: var(--ep-color-text-brand-primary)
}

html .badge-box .badge-item .icon-box[data-v-18c56428] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem
}

html .badge-box .badge-item .icon-box .icon-img[data-v-18c56428] {
    width: 0;
    height: 0
}

html .badge-box .badge-item .icon-box .icon-img.good-img[data-v-18c56428] {
    width: 1.5rem;
    height: 1.5rem
}

html .badge-box .badge-item[data-v-18c56428] .social-box {
    justify-content: flex-start
}

html .badge-box .badge-item[data-v-18c56428] .social-box .good-img {
    width: 1.75rem;
    height: 1.75rem;
    padding: var(--padding, .25rem)
}

.color-primary-600[data-v-36aaba62] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-36aaba62] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-36aaba62] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-36aaba62] {
    color: var(--color-primary-900)
}

.bg-100[data-v-36aaba62] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-36aaba62] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-36aaba62] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-36aaba62] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-36aaba62] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-36aaba62] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-36aaba62] {
    background-color: var(--color-warning)
}

.bg-link[data-v-36aaba62] {
    background-color: var(--color-link)
}

.bg-danger[data-v-36aaba62] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-36aaba62] {
    color: var(--color-text-100)
}

.color-text-80[data-v-36aaba62] {
    color: var(--color-text-80)
}

.color-text-50[data-v-36aaba62] {
    color: var(--color-text-50)
}

.color-text-40[data-v-36aaba62] {
    color: var(--color-text-40)
}

.color-text-20[data-v-36aaba62] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-36aaba62] {
    color: var(--color-currency)
}

.color-warning[data-v-36aaba62] {
    color: var(--color-warning)
}

.color-danger[data-v-36aaba62] {
    color: var(--color-danger)
}

.color-link[data-v-36aaba62] {
    color: var(--color-link)
}

.color-line[data-v-36aaba62] {
    color: var(--color-line)
}

.color-border[data-v-36aaba62] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-36aaba62] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-36aaba62] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-36aaba62] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-36aaba62] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-36aaba62] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-36aaba62] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-36aaba62] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-36aaba62] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-36aaba62] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-36aaba62] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-36aaba62] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-36aaba62] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-36aaba62] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-36aaba62] {
    display: flex;
    align-items: center
}

.flex-start[data-v-36aaba62] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-36aaba62] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-36aaba62] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-36aaba62] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-36aaba62] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-36aaba62] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-36aaba62] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-36aaba62] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-36aaba62] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-36aaba62] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-36aaba62] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-36aaba62] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-36aaba62] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-36aaba62] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-36aaba62] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-36aaba62] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-36aaba62] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-36aaba62] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-36aaba62] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-36aaba62] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-36aaba62] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-36aaba62] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-36aaba62] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-36aaba62] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-36aaba62],
.mlm-selected-item[data-v-36aaba62] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-36aaba62] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-36aaba62]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-36aaba62] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-36aaba62] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-36aaba62] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .badge-box[data-v-36aaba62] {
    display: flex;
    gap: 1.25rem
}

html .badge-box .badge-item[data-v-36aaba62] {
    text-align: start;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .5rem
}

html .badge-box .badge-item[data-v-36aaba62]:last-child {
    flex: 1
}

html .badge-box .badge-item .label[data-v-36aaba62] {
    font-weight: var(--ep-font-weight-regular, 400);
    font-size: var(--ep-font-size-m, .875rem);
    color: var(--ep-color-text-brand-primary)
}

html .badge-box .badge-item .icon-box[data-v-36aaba62] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem
}

html .badge-box .badge-item .icon-box .icon-img[data-v-36aaba62] {
    width: 0;
    height: 0
}

html .badge-box .badge-item .icon-box .icon-img.good-img[data-v-36aaba62] {
    color: var(--ep-color-icon-weaker);
    width: 1.5rem;
    height: 1.5rem
}

html .badge-box .badge-item[data-v-36aaba62] .social-box {
    justify-content: flex-end
}

html .badge-box .badge-item[data-v-36aaba62] .social-box .good-img {
    width: 1.75rem;
    height: 1.75rem;
    padding: var(--padding, .25rem)
}

.color-primary-600[data-v-ad181b16] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-ad181b16] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-ad181b16] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-ad181b16] {
    color: var(--color-primary-900)
}

.bg-100[data-v-ad181b16] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-ad181b16] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-ad181b16] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-ad181b16] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-ad181b16] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-ad181b16] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-ad181b16] {
    background-color: var(--color-warning)
}

.bg-link[data-v-ad181b16] {
    background-color: var(--color-link)
}

.bg-danger[data-v-ad181b16] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-ad181b16] {
    color: var(--color-text-100)
}

.color-text-80[data-v-ad181b16] {
    color: var(--color-text-80)
}

.color-text-50[data-v-ad181b16] {
    color: var(--color-text-50)
}

.color-text-40[data-v-ad181b16] {
    color: var(--color-text-40)
}

.color-text-20[data-v-ad181b16] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-ad181b16] {
    color: var(--color-currency)
}

.color-warning[data-v-ad181b16] {
    color: var(--color-warning)
}

.color-danger[data-v-ad181b16] {
    color: var(--color-danger)
}

.color-link[data-v-ad181b16] {
    color: var(--color-link)
}

.color-line[data-v-ad181b16] {
    color: var(--color-line)
}

.color-border[data-v-ad181b16] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-ad181b16] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-ad181b16] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-ad181b16] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-ad181b16] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-ad181b16] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-ad181b16] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-ad181b16] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-ad181b16] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-ad181b16] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-ad181b16] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-ad181b16] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-ad181b16] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-ad181b16] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-ad181b16] {
    display: flex;
    align-items: center
}

.flex-start[data-v-ad181b16] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-ad181b16] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-ad181b16] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-ad181b16] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-ad181b16] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-ad181b16] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-ad181b16] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-ad181b16] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-ad181b16] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-ad181b16] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-ad181b16] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-ad181b16] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-ad181b16] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-ad181b16] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-ad181b16] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-ad181b16] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-ad181b16] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-ad181b16] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-ad181b16] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-ad181b16] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-ad181b16] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-ad181b16] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-ad181b16] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-ad181b16] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-ad181b16],
.mlm-selected-item[data-v-ad181b16] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-ad181b16] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-ad181b16]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-ad181b16] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-ad181b16] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-ad181b16] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .layout1.support[data-v-ad181b16] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    left: 1rem;
    z-index: 50;
    animation: supportFloat-ad181b16 4s ease-in-out infinite;
    background: var(--ep-dynamic-primary)
}

html .layout1.support .support-icon[data-v-ad181b16] {
    font-size: 2rem;
    animation: iconBounce-ad181b16 2s ease-in-out infinite;
    color: var(--ep-color-icon-inverse)
}

html .layout1.support .dot[data-v-ad181b16] {
    position: absolute;
    top: .5rem;
    left: 1.5625rem;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background: red
}

html .layout2.support[data-v-ad181b16] {
    width: 2.25rem;
    height: 2.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    left: 1rem;
    z-index: 50;
    border-radius: .625rem;
    animation: supportFloat-ad181b16 4s ease-in-out infinite;
    background: var(--ep-dynamic-primary);
    box-shadow: 0 -.125rem #006af9 inset
}

html .layout2.support .support-icon[data-v-ad181b16] {
    font-size: 1.5rem;
    animation: iconBounce-ad181b16 2s ease-in-out infinite;
    color: var(--ep-color-icon-inverse)
}

html .layout2.support .dot[data-v-ad181b16] {
    position: absolute;
    top: .5rem;
    left: 1.5625rem;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background: red
}

html .layout3.support[data-v-ad181b16] {
    width: 3.375rem;
    height: 3.375rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    left: 1rem;
    z-index: 50;
    border-radius: 50%;
    animation: supportFloat-ad181b16 4s ease-in-out infinite;
    background: var(--ep-dynamic-primary)
}

html .layout3.support .support-img[data-v-ad181b16] {
    width: 100%;
    height: 100%
}

html .layout3.support .support-icon[data-v-ad181b16] {
    width: 80%;
    height: 80%;
    animation: iconBounce-ad181b16 2s ease-in-out infinite;
    color: var(--ep-color-icon-inverse)
}

html .layout3.support .dot[data-v-ad181b16] {
    position: absolute;
    top: .1rem;
    right: .3rem;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background: red;
    outline: .1563rem solid rgba(255, 255, 255, .4)
}

@keyframes iconBounce-ad181b16 {

    0%,
    to {
        transform: scale(1) rotate(0)
    }

    25% {
        transform: scale(1.1) rotate(-5deg)
    }

    50% {
        transform: scale(1.05) rotate(0)
    }

    75% {
        transform: scale(1.1) rotate(5deg)
    }
}

@keyframes supportFloat-ad181b16 {

    0%,
    to {
        transform: translateY(0) scale(1)
    }

    50% {
        transform: translateY(-8px) scale(1.02)
    }
}

#tabbar-tabs-inicio-components-CustomerServiceButton-index .layout1.support[data-v-ad181b16] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    left: 1rem;
    z-index: 50;
    animation: supportFloat-ad181b16 4s ease-in-out infinite;
    background: var(--ep-dynamic-primary)
}

#tabbar-tabs-inicio-components-CustomerServiceButton-index .layout1.support .support-icon[data-v-ad181b16] {
    font-size: 2rem;
    animation: iconBounce-ad181b16 2s ease-in-out infinite;
    color: var(--ep-color-icon-inverse)
}

#tabbar-tabs-inicio-components-CustomerServiceButton-index .layout1.support .dot[data-v-ad181b16] {
    position: absolute;
    top: .5rem;
    left: 1.5625rem;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background: red
}

#tabbar-tabs-inicio-components-CustomerServiceButton-index .layout2.support[data-v-ad181b16] {
    width: 2.25rem;
    height: 2.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    left: 1rem;
    z-index: 50;
    border-radius: .625rem;
    animation: supportFloat-ad181b16 4s ease-in-out infinite;
    background: var(--ep-dynamic-primary);
    box-shadow: 0 -.125rem #006af9 inset
}

#tabbar-tabs-inicio-components-CustomerServiceButton-index .layout2.support .support-icon[data-v-ad181b16] {
    font-size: 1.5rem;
    animation: iconBounce-ad181b16 2s ease-in-out infinite;
    color: var(--ep-color-icon-inverse)
}

#tabbar-tabs-inicio-components-CustomerServiceButton-index .layout2.support .dot[data-v-ad181b16] {
    position: absolute;
    top: .5rem;
    left: 1.5625rem;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background: red
}

#tabbar-tabs-inicio-components-CustomerServiceButton-index .layout3.support[data-v-ad181b16] {
    width: 3.375rem;
    height: 3.375rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    left: 1rem;
    z-index: 50;
    border-radius: 50%;
    animation: supportFloat-ad181b16 4s ease-in-out infinite;
    background: var(--ep-dynamic-primary)
}

#tabbar-tabs-inicio-components-CustomerServiceButton-index .layout3.support .support-img[data-v-ad181b16] {
    width: 100%;
    height: 100%
}

#tabbar-tabs-inicio-components-CustomerServiceButton-index .layout3.support .support-icon[data-v-ad181b16] {
    width: 80%;
    height: 80%;
    animation: iconBounce-ad181b16 2s ease-in-out infinite;
    color: var(--ep-color-icon-inverse)
}

#tabbar-tabs-inicio-components-CustomerServiceButton-index .layout3.support .dot[data-v-ad181b16] {
    position: absolute;
    top: .1rem;
    right: .3rem;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background: red;
    outline: .1563rem solid rgba(255, 255, 255, .4)
}

.color-primary-600[data-v-d73e6e43] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-d73e6e43] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-d73e6e43] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-d73e6e43] {
    color: var(--color-primary-900)
}

.bg-100[data-v-d73e6e43] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-d73e6e43] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-d73e6e43] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-d73e6e43] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-d73e6e43] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-d73e6e43] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-d73e6e43] {
    background-color: var(--color-warning)
}

.bg-link[data-v-d73e6e43] {
    background-color: var(--color-link)
}

.bg-danger[data-v-d73e6e43] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-d73e6e43] {
    color: var(--color-text-100)
}

.color-text-80[data-v-d73e6e43] {
    color: var(--color-text-80)
}

.color-text-50[data-v-d73e6e43] {
    color: var(--color-text-50)
}

.color-text-40[data-v-d73e6e43] {
    color: var(--color-text-40)
}

.color-text-20[data-v-d73e6e43] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-d73e6e43] {
    color: var(--color-currency)
}

.color-warning[data-v-d73e6e43] {
    color: var(--color-warning)
}

.color-danger[data-v-d73e6e43] {
    color: var(--color-danger)
}

.color-link[data-v-d73e6e43] {
    color: var(--color-link)
}

.color-line[data-v-d73e6e43] {
    color: var(--color-line)
}

.color-border[data-v-d73e6e43] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-d73e6e43] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-d73e6e43] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-d73e6e43] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-d73e6e43] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-d73e6e43] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-d73e6e43] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-d73e6e43] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-d73e6e43] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-d73e6e43] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-d73e6e43] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-d73e6e43] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-d73e6e43] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-d73e6e43] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-d73e6e43] {
    display: flex;
    align-items: center
}

.flex-start[data-v-d73e6e43] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-d73e6e43] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-d73e6e43] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-d73e6e43] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-d73e6e43] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-d73e6e43] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-d73e6e43] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-d73e6e43] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-d73e6e43] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-d73e6e43] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-d73e6e43] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-d73e6e43] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-d73e6e43] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-d73e6e43] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-d73e6e43] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-d73e6e43] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-d73e6e43] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-d73e6e43] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-d73e6e43] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-d73e6e43] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-d73e6e43] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-d73e6e43] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-d73e6e43] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-d73e6e43] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-d73e6e43],
.mlm-selected-item[data-v-d73e6e43] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-d73e6e43] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-d73e6e43]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-d73e6e43] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-d73e6e43] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-d73e6e43] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .layout1.to-top-box[data-v-d73e6e43] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    position: fixed;
    z-index: 50;
    right: 1.25rem;
    display: flex;
    flex-flow: column;
    align-items: center;
    background: var(--ep-color-background-fill-surface-raised-L2)
}

html .layout1.to-top-box .icon-wall[data-v-d73e6e43] {
    width: 1.375rem;
    height: 1.375rem;
    font-size: 1.375rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 1rem
}

html .layout1.to-top-box .icon-wall .to-top[data-v-d73e6e43] {
    color: var(--ep-color-icon-brand-primary)
}

html .layout1.to-top-box .to-top-text[data-v-d73e6e43] {
    font-size: .75rem;
    font-weight: 500;
    margin-bottom: .125rem;
    color: var(--ep-color-text-inverse)
}

html .layout2.to-top-box[data-v-d73e6e43] {
    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;
    align-items: center;
    justify-content: center;
    background: var(--ep-color-background-fill-surface-raised-L2)
}

html .layout2.to-top-box .icon-wall[data-v-d73e6e43] {
    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
}

html .layout2.to-top-box .icon-wall .icon[data-v-d73e6e43] {
    color: var(--ep-color-icon-brand-primary)
}

html .layout2.to-top-box .to-top-text[data-v-d73e6e43] {
    color: var(--ep-color-text-inverse)
}

html .layout3.to-top-box[data-v-d73e6e43] {
    width: 3.25rem;
    height: 3.25rem;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    border-radius: .375rem;
    position: fixed;
    right: 1.25rem;
    z-index: 50;
    background: var(--ep-color-background-fill-surface-raised-L2);
    border: .0625rem solid #4C4943;
    box-shadow: 0 .125rem .4562rem -.25rem rgba(238, 255, 0, .15) inset
}

html .layout3.to-top-box .to-top[data-v-d73e6e43] {
    font-size: 2.5rem;
    color: var(--ep-color-icon-brand-primary)
}

html .layout3.to-top-box .to-top-text[data-v-d73e6e43] {
    font-size: .75rem;
    font-weight: 500;
    color: var(--ep-color-text-inverse)
}

html .layout4.to-top-box[data-v-d73e6e43] {
    width: 2.75rem;
    height: 2.75rem;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    border-radius: var(--ep-border-radius-xl, .25rem);
    position: fixed;
    right: 1.25rem;
    z-index: 50;
    background: var(--ep-color-background-fill-surface-raised-L2);
    border: .0625rem solid #4C4943
}

html .layout4.to-top-box .to-top[data-v-d73e6e43] {
    font-size: 1.5rem;
    margin-bottom: -.3125rem;
    color: var(--ep-color-icon-brand-primary)
}

html .layout4.to-top-box .to-top-text[data-v-d73e6e43] {
    font-size: var(--ep-font-size-xs, .75rem);
    font-weight: var(--ep-font-weight-bold, 500);
    color: var(--ep-color-text-inverse)
}

#tabbar-tabs-inicio-components-ToTopButton-index .layout1.to-top-box[data-v-d73e6e43] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    position: fixed;
    z-index: 50;
    right: 1.25rem;
    display: flex;
    flex-flow: column;
    align-items: center;
    background: var(--ep-color-background-fill-surface-raised-L2)
}

#tabbar-tabs-inicio-components-ToTopButton-index .layout1.to-top-box .icon-wall[data-v-d73e6e43] {
    width: 1.375rem;
    height: 1.375rem;
    font-size: 1.375rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 1rem
}

#tabbar-tabs-inicio-components-ToTopButton-index .layout1.to-top-box .icon-wall .to-top[data-v-d73e6e43] {
    color: var(--ep-color-icon-brand-primary)
}

#tabbar-tabs-inicio-components-ToTopButton-index .layout1.to-top-box .to-top-text[data-v-d73e6e43] {
    font-size: .75rem;
    font-weight: 500;
    margin-bottom: .125rem;
    color: var(--ep-color-text-inverse)
}

#tabbar-tabs-inicio-components-ToTopButton-index .layout2.to-top-box[data-v-d73e6e43] {
    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;
    align-items: center;
    justify-content: center;
    background: var(--ep-color-background-fill-surface-raised-L2)
}

#tabbar-tabs-inicio-components-ToTopButton-index .layout2.to-top-box .icon-wall[data-v-d73e6e43] {
    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
}

#tabbar-tabs-inicio-components-ToTopButton-index .layout2.to-top-box .icon-wall .icon[data-v-d73e6e43] {
    color: var(--ep-color-icon-brand-primary)
}

#tabbar-tabs-inicio-components-ToTopButton-index .layout2.to-top-box .to-top-text[data-v-d73e6e43] {
    color: var(--ep-color-text-inverse)
}

#tabbar-tabs-inicio-components-ToTopButton-index .layout3.to-top-box[data-v-d73e6e43] {
    width: 3.25rem;
    height: 3.25rem;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    border-radius: .375rem;
    position: fixed;
    right: 1.25rem;
    z-index: 50;
    background: var(--ep-color-background-fill-surface-raised-L2);
    border: .0625rem solid #4C4943;
    box-shadow: 0 .125rem .4562rem -.25rem rgba(238, 255, 0, .15) inset
}

#tabbar-tabs-inicio-components-ToTopButton-index .layout3.to-top-box .to-top[data-v-d73e6e43] {
    font-size: 2.5rem;
    color: var(--ep-color-icon-brand-primary)
}

#tabbar-tabs-inicio-components-ToTopButton-index .layout3.to-top-box .to-top-text[data-v-d73e6e43] {
    font-size: .75rem;
    font-weight: 500;
    color: var(--ep-color-text-inverse)
}

#tabbar-tabs-inicio-components-ToTopButton-index .layout4.to-top-box[data-v-d73e6e43] {
    width: 2.75rem;
    height: 2.75rem;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    border-radius: var(--ep-border-radius-xl, .25rem);
    position: fixed;
    right: 1.25rem;
    z-index: 50;
    background: var(--ep-color-background-fill-surface-raised-L2);
    border: .0625rem solid #4C4943
}

#tabbar-tabs-inicio-components-ToTopButton-index .layout4.to-top-box .to-top[data-v-d73e6e43] {
    font-size: 1.5rem;
    margin-bottom: -.3125rem;
    color: var(--ep-color-icon-brand-primary)
}

#tabbar-tabs-inicio-components-ToTopButton-index .layout4.to-top-box .to-top-text[data-v-d73e6e43] {
    font-size: var(--ep-font-size-xs, .75rem);
    font-weight: var(--ep-font-weight-bold, 500);
    color: var(--ep-color-text-inverse)
}

.amber-purple body div#app {
    --theme-color-400: #7a3fe8;
    --theme-color-500: #7a3fe8;
    --theme-color-700: #7041f3;
    --theme-color-800: #7041f3;
    --theme-color-900: #7041f3;
    --theme-color-gradient-100: linear-gradient(270deg, #7041F3 0%, #F5C84C 130.92%);
    --theme-color-gradient-200: linear-gradient(180deg, #6A853A 0%, #98C24F 100%);
    --theme-color-gradient-300: linear-gradient(180deg, #BA8737 0%, #E4AE55 100%);
    --accent-orange: #df8644;
    --accent-color-blue: #4570d8;
    --accent-color-red-1: #d1695d;
    --accent-color-orange: #e4ae55;
    --accent-color-blue: #356ef1;
    --accent-color-red: #e64021;
    --accent-color-orange-1: #ff9400;
    --accent-color-orange-2: #EF6E3E;
    --accent-color-orange-3: #FBA531;
    --accent-color-yellow: #f5c84c;
    --accent-color-yellow-1: #FBC63D;
    --accent-color-green: #3ee48a;
    --accent-color-green-1: #98C24F;
    --accent-color-green-2: #27D48B;
    --accent-color-white: #fff;
    --gradients-purple-1: linear-gradient(180deg, #5414C9 0%, #9462F2 100%);
    --gradients-purple-2: linear-gradient(180deg, #5A25E9 0%, #7E45D2 100%);
    --gradients-red: linear-gradient(180deg, #A13A2D 0%, #D1695D 100%);
    --gradients-orange: linear-gradient(180deg, #BA8737 0%, #E4AE55 100%);
    --gradients-green: linear-gradient(180deg, #6A853A 0%, #98C24F 100%);
    --Gradients-orange-purple: linear-gradient(317deg, #7041F3 2.45%, #F5C84C 105.89%);
    --gradients-orange-purple: linear-gradient(317deg, #7041F3 2.45%, #F5C84C 105.89%);
    --gradients-btn-orange-purple: linear-gradient(350.74deg, #7041F3 23.01%, #F5C84C 131.39%);
    --gradients-selectedBorder: linear-gradient(160deg, #EABD5B 15%, #7041F3 50%, #7041F3 80%, #F5C84C 100%);
    --gradients-indicatorLine: linear-gradient(90deg, #EABD5B 2.63%, #7546EE 100%);
    --segment-gradients-purple: linear-gradient(270deg, #7041F3 0%, #F5C84C 130.92%);
    --gradients-disabled-btn-bg: linear-gradient(92.07deg, #74604F -4.86%, #442F8C 96.93%);
    --color-primary-btn-disable: linear-gradient(92.07deg, #74604F -4.86%, #442F8C 96.93%);
    --color-btn-gradient-footer: var(--segment-gradients-purple);
    --color-btn-gradient-mineral: var(--segment-gradients-purple);
    --background-progress-gradient: linear-gradient(359.19deg, #FA9A21 1.02%, #F8DA9D 89.77%);
    --color-button-bg-basic: linear-gradient(0deg, #7041f3 23.01%, #f5c84c 131.39%);
    --color-button-bg-disable: linear-gradient(0deg, #7041f3 23.01%, #f5c84c 131.39%);
    --color-button-shadow-basic: 0px -4.8px 0px 0px rgba(0, 0, 0, .1) inset;
    --color-bar-bg-pwa: linear-gradient(91deg, #895ad5 -.34%, #267da3 100%);
    --text-color-black-100: rgba(64, 61, 79, 1);
    --text-color-black-80: rgba(64, 61, 79, .8);
    --text-color-white-100: rgba(255, 255, 255, 1);
    --text-color-white-80: rgba(255, 255, 255, .8);
    --text-color-white-60: rgba(255, 255, 255, .6);
    --text-color-white-40: rgba(255, 255, 255, .4);
    --text-color-light-purple-1-100: rgba(189, 184, 225, 1);
    --text-color-light-purple-2-100: rgba(104, 98, 153, 1);
    --color-bg-50: #544D80;
    --color-bg-100: #3b3466;
    --color-bg-200: #2c294d;
    --color-bg-300: #262346;
    --color-bg-400: #292547;
    --color-bg-500: #252141;
    --color-text-white-100: #fff;
    --color-text-white-80: #FFFFFFCC;
    --color-text-gray-100: #BDB8E1;
    --color-text-gray-200: #686299;
    --color-text-gray-300: #6D788E;
    --line-color: #5f588c;
    --color-text-href: #3083E4;
    --ion-default-font: "Open Sans", "Saira", sans-serif;
    --text-color1: var(--color-text-gray-100);
    --text-color2: var(--color-text-gray-200);
    --ion-color-primary: var(--theme-color-700);
    --ion-background-color: var(--color-bg-300);
    --ion-color-tertiary: var(--theme-color-800);
    --ion-color-tertiary-contrast: #fff;
    --ion-color-tertiary-shade: var(--theme-color-700);
    --ion-color-tertiary-tint: var(--theme-color-900);
    --ion-item-background: var(--color-bg-300);
    --color-primary-700: var(--theme-color-700);
    --color-primary-800: var(--theme-color-800);
    --color-primary-900: var(--theme-color-900);
    --color-svg-500: var(--theme-color-800);
    --color-svg-icon-primary: var(--text-color-light-purple-1-100);
    --color-svg-popular: var(--text-color-light-purple-1-100);
    --color-btn-bg-active-r: linear-gradient(270deg, #56017D .14%, #300F3F 99.86%);
    --color-bg-mask: rgba(0, 0, 0, .6);
    --color-bg-tab-on: var(--theme-color-800);
    --color-bg-payment-item: var(--color-bg-200);
    --color-text-100: var(--text-color-light-purple-1-100);
    --color-text-80: var(--text-color-light-purple-2-100);
    --color-text-40: var(--text-color-light-purple-2-100);
    --color-text-tab-main: var(--text-color-white-100);
    --color-text-secondary-1: var(--text-color-white-100);
    --color-text-secondary-2: var(--text-color-white-60);
    --color-text-tag: #fff;
    --color-currency: var(--accent-color-yellow);
    --color-text-dark-30: rgba(0, 0, 0, .3);
    --color-footer-title: #fff;
    --color-warning: var(--accent-color-orange);
    --color-danger: var(--accent-color-red);
    --color-danger-depositRecordDanger: var(--accent-color-red-1);
    --color-link: var(--accent-color-blue);
    --color-success: var(--accent-color-green);
    --color-success-depositRecordSuccess: var(--accent-color-green-1);
    --color-focus: var(--theme-color-900);
    --color-line: var(--line-color);
    --color-border: var(--line-color);
    --color-line-200: #3b424e;
    --color-primary-btn-active: var(--theme-color-800);
    --color-button-bg-gray: var(--color-bg-100);
    --color-disable: #7b79d9;
    --color-load: #4a21be;
    --rounded-small: .375rem;
    --rounded-middle: .625rem;
    --rounded-large: .875rem;
    --rounded-button-tab: .25rem;
    --rounded-segment: .375rem;
    --rounded-card-game: .375rem;
    --font-weight-bold: 700;
    --font-weight-semibold: 600;
    --font-weight-medium: 500;
    --font-weight-regular: 400;
    --font-size-24: 1.5rem;
    --font-size-20: 1.25rem;
    --font-size-18: 1.125rem;
    --font-size-16: 1rem;
    --font-size-14: .875rem;
    --font-size-12: .75rem;
    --font-size-10: .625rem;
    --font-size-8: .5rem;
    --color-bar-bg: var(--color-bg-100);
    --color-text-emphasis: var(--accent-color-yellow);
    --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, .15) 118.45%);
    --mlm-level-tips-text-color: var(--color-text-80);
    --mlm-agent-history-bgc: var(--theme-color-gradient-100);
    --mlmagent-history-hover-bgc: var(--theme-color-gradient-100);
    --mlmagent-history-focused-bgc: var(--theme-color-gradient-100);
    --mlm-agent-claim-hover-bgc: var(--theme-color-gradient-200);
    --mlm-agent-claim-focused-bgc: var(--theme-color-gradient-200);
    --mlm-agent-claim-bg-color: var(--theme-color-gradient-200);
    --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-100);
    --mlm-agent-direct-icon-text-color: #3083E4;
    --mlm-agent-direct-text-color: #3083E4;
    --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-gray-100);
    --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(--color-text-100);
    --mlm-select-icon-text-color: var(--color-text-40);
    --mlm-searchbar-placeholder-color: var(--text-color-white-40);
    --mlm-searchbar-icon-color: var(--color-text-40);
    --mlm-subdetail-top-bgc: var(--theme-color-400);
    --mlm-subdetail-border-color: var(--color-line);
    --mlm-subdetail-box-bgc: var(--color-bg-400);
    --mlm-subdetail-box-border-color: var(--color-line);
    --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-100);
    --mlm-commission-detail-tips-tc: var(--color-text-gray-100);
    --mlm-commission-detail-money-tc: var(--accent-color-yellow);
    --mlm-commission-detail-account-money-tc: var(--accent-color-orange-1);
    --mlm-leader-bord-top-bgc: rgba(254, 229, 5, .15);
    --mlm-bord-tab-item-border-color: var(--line-color);
    --mlm-bord-tab-item-selected-bgc: var(--theme-color-gradient-100);
    --mlm-bord-tab-item-selected-tc: var(--text-color-white-100);
    --mlm-bord-tab-item-select-tc: var(--color-text-80);
    --mlm-bord-tab-item-select-bgc: transparent;
    --mlm-bord-userid-text-color: var(--color-text-gray-100);
    --mlm-bord-item-bgc: var(--color-bg-200);
    --mlm-agent-bord-currency-tc: var(--accent-color-orange);
    --mlm-agent-home-invite-btn-color: var(--theme-color-gradient-100);
    --mlm-segment-select-text-color: #7E9071;
    --mlm-segment-selected-text-color: #AFC69F;
    --mlm-segment-indicator-bg-color: #17B663;
    --mlm-rate-item-right-text-color: var(--accent-color-yellow);
    --mlm-board-tab-border-color: var(--color-line);
    --mlm-leader-bord-money-text-color: var(--accent-color-yellow);
    --mlm-invitation-footer-bg-color: var(--color-bg-100);
    --mlm-invitation-cust-btn-text-color: var(--text-color-white-80);
    --mlm-rate-level-agent-segment-select-color: var(--color-text-gray-100);
    --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: #AFC69F;
    --mlm-description-content-title-color: var(--text-color-light-purple-1-100);
    --mlm-rules-content-text-color: var(--color-text-gray-100);
    --mlm-subordinate-money-text-color: var(--accent-color-yellow);
    --mlm-subordinate-id-text-color: var(--color-text-100);
    --mlm-invitation-qr-code-bg: var(--color-text-white-100);
    --mlm-commission-rate-game-type-bg: var(--color-bg-400);
    --empty-icon-color: var(--theme-color-400);
    --color-text-empty: var(--text-color-white-40);
    --mlm-receive-rule-text-color: #6691D5;
    --mlm-searchbar-enter-color: var(--text-color-light-purple-1-100);
    --color-text-title-basic: var(--color-text-gray-100);
    --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: var(--color-bg-400);
    --color-text-basic: var(--color-text-gray-100);
    --color-text-second: var(--color-text-40);
    --color-text-third: var(--color-text-gray-100);
    --color-text-orange-emphasis: var(--accent-color-orange);
    --color-text-yellow-emphasis: var(--theme-color-800);
    --color-bg-yellow-btn-emphasis: var(--theme-color-gradient-100);
    --color-text-yellowBtn-active: var(--color-text-white-100);
    --color-bg-modal-logout: var(--color-bg-50);
    --color-border-btn-marked: var(--theme-color-800);
    --service-customer-btn-focused-bgc: #785aed;
    --service-customer-btn-hover-bgc: #6b49eb;
    --notice-read-all-btn-focused-bgc: #aa97dd;
    --notice-read-all-btn-hover-bgc: #c5b1fa;
    --color-text-unThemeWhite: var(--color-text-white-100);
    --ion-item-border-color: var(--line-color);
    --ion-text-color: var(--color-text-gray-100);
    --ion-toolbar-color: var(--color-text-gray-100);
    --ion-color-step-150: var(--color-line);
    --ion-color-step-300: var(--text-color-light-purple-2-100);
    --ion-color-step-500: var(--text-color-light-purple-2-100);
    --agent-ion-color-primary: var(--text-color-light-purple-1-100);
    --wheel-highlight-border-radius: var(--rounded-small);
    --wheel-fade-background-rgb: var(--color-bg-200);
    --money-text-color: var(--accent-color-yellow);
    --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);
    --color-bd-button-update1: transparent;
    --color-button-bg-update1: linear-gradient(351deg, #7041F3 23.01%, #F5C84C 131.39%);
    --color-text-button-update1: var(--color-text-white-100);
    --color-bg-first: var(--color-bg-300);
    --color-checkbox-bg: var(--theme-color-gradient-100);
    --color-activity-footer-bg: var(--color-bg-200);
    --color-bg-modal-footer-pwa: var(--color-bg-500);
    --color-text-modal-footer-pwa: var(--color-text-white-80);
    --color-bg-btn-popup-cancel: var(--theme-color-gradient-100);
    --color-border-popup-confirm: var(--theme-color-800);
    --color-text-btn-basic: var(--color-text-white-100);
    --invite-cpf-record-icon: #BDB8E1;
    --invite-cpf-reward-amount-text-color: var(--color-text-gray-100);
    --invite-cpf-footer-top-line: var(--line-color);
    --default-invite-share-text: #53C154;
    --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-footer-btn-bg: var(--theme-color-gradient-100);
    --sign-default-unmetReceiveModal-bg: #000000;
    --sign-default-unmetReceiveModal-btn-focused: #785aed;
    --sign-default-unmetReceiveModal-btn-hover: #6b49eb;
    --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: var(--color-bg-400);
    --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: var(--text-color-white-60);
    --ep-compat-color-text-weaker: var(--text-color-white-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: var(--accent-color-yellow);
    --ep-compat-color-text-warning: var(--accent-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);
    --ep-agent-color-progress-indicator: #FFF
}

.auroral-yellow body div#app {
    --theme-color-500: #fbc63d;
    --theme-color-600: #fbc63d;
    --theme-color-700: #fbc63d;
    --theme-color-800: #F7FB43;
    --theme-color-800-2: #F7FB43;
    --theme-color-900: #d69a02;
    --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%);
    --theme-color-gradient-500: linear-gradient(180deg, #FA9A21 0%, #F8DA9D 100%);
    --color-bg-50: #1a223a;
    --color-bg-100: #38342E;
    --color-bg-200: #24221F;
    --color-bg-300: #171616;
    --color-bg-400: #131313;
    --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);
    --text-color-white-20: rgba(255, 255, 255, .2);
    --color-text-gray-100: #fff;
    --color-text-gray-200: #8A867C;
    --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-black-100: #191919;
    --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: #23DB8C;
    --color-warning: #EDC921;
    --color-link: #3083E4;
    --color-primary-btn-active: var(--theme-color-500);
    --color-primary-btn-disable: rgba(247, 251, 67, .6);
    --color-primary-btn-load: var(--theme-color-700);
    --color-primary-btn-text-disable: var(--color-text-40);
    --color-primary-btn-text-active: var(--color-text-black-100);
    --color-danger: #E64021;
    --color-button-bg-gray: var(--color-bg-100);
    --color-border-input-prefix: rgba(255, 255, 255, .2);
    --rounded-large: .625rem;
    --tab-bg-color: var(--theme-color-gradient-100);
    --accent-color-red: #e64021;
    --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: #4C4943;
    --line-color: #4C4943;
    --color-border: #4C4943;
    --color-border-400: #566381;
    --color-border-500: #404040;
    --color-border-600: #2A324E;
    --drop-shadow-submit: 0 4px 15px rgba(244, 247, 40, .25);
    --text-color1: #F7FB43;
    --text-color2: #8A867C;
    --accent-color-yellow: #FBA531;
    --accent-color-yellow-1: #F5C84C;
    --accent-color-green: #23DB8C;
    --accent-color-white: #fff;
    --accent-color-blue: #3083E4;
    --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-black-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, #6C5502 .14%, #433503 99.86%);
    --pwa-dialog-bg: var(--color-text-white-100);
    --color-bar-bg: var(--color-bg-100);
    --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-200);
    --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-1);
    --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-800);
    --color-btn-gradient-history: var(--theme-color-gradient-400);
    --color-btn-gradient-footerUnable: rgba(247, 251, 67, .6);
    --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(--line-color);
    --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);
    --button-left-bg-color-tint: none;
    --button-left-bg-color-shade: none;
    --button-right-bg-color-tint: none;
    --button-right-bg-color-shade: none;
    --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: #38342E;
    --mlmagent-history-hover-bgc: #38342E;
    --mlmagent-history-focused-bgc: #38342E;
    --mlm-agent-claim-hover-bgc: #F7FB43;
    --mlm-agent-claim-focused-bgc: #F7FB43;
    --mlm-agent-claim-bg-color: #F7FB43;
    --mlm-agent-claim-text-color: #191919;
    --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-white-100);
    --mlm-agent-report-icon-color: var(--color-text-gray-200);
    --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: var(--color-text-gray-200);
    --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-gray-200);
    --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-800);
    --mlm-bord-tab-item-select-tc: var(--color-text-gray-200);
    --mlm-bord-tab-item-select-bgc: transparent;
    --mlm-bord-userid-text-color: var(--color-text-100);
    --mlm-bord-item-bgc: var(--color-bg-200);
    --mlm-agent-bord-currency-tc: var(--accent-color-orange);
    --mlm-agent-home-invite-btn-color: #F7FB43;
    --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: var(--color-text-gray-200);
    --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-gray-200);
    --color-mlm-btn-bg-disable: #F7FB43;
    --color-mlm-btn-text-disable: #191919;
    --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(--theme-color-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-white-100);
    --mlm-invitation-qr-code-bg: var(--color-text-100);
    --mlm-commission-rate-game-type-bg: var(--color-bg-400);
    --mlm-searchbar-enter-color: var(--color-text-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-day-bg-color: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, .19) 100%), #262624;
    --sign-default-day-shadow-color: #FFFFFF2E;
    --sign-default-date-item-shadow: #FFFFFF26;
    --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: var(--color-bg-400);
    --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(--text-color-white-40);
    --ep-compat-color-text-weakest: var(--text-color-white-20);
    --ep-compat-color-text-success: var(--accent-color-green);
    --ep-compat-color-text-info: var(--accent-color-blue);
    --ep-compat-color-text-highlight: var(--accent-color-yellow-1);
    --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);
    --ep-report-color-text-value: #8A867C
}

.auroral-yellow body {
    background: #24221f
}

.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)
}

.forest-green body div#app {
    --theme-color-500: #004D37;
    --theme-color-600: #004D37;
    --theme-color-700: #004D37;
    --theme-color-800: #17B663;
    --theme-color-800-2: #17B663;
    --theme-color-900: #004D37;
    --theme-color-gradient-100: linear-gradient(180deg, #13c96a 0%, #1d9554 100%);
    --theme-color-gradient-200: linear-gradient(180deg, #ffc271 0%, #f2910d 100%);
    --theme-color-gradient-300: linear-gradient(90deg, #04952f 0%, #0049a0 100%);
    --theme-color-gradient-400: linear-gradient(180deg, #7F7B35 0%, #7C6E1A 100%);
    --theme-color-gradient-500: linear-gradient(180deg, #227F36 0%, #256C2E 100%);
    --gradient-green1: linear-gradient(90deg, rgba(54, 103, 24, 1) 46.36%, rgba(54, 103, 24, .4) 100%);
    --gradient-green2: linear-gradient(270deg, rgba(54, 103, 24, 1) 46.36%, rgba(54, 103, 24, .4) 100%);
    --color-bg-50: #006849;
    --color-bg-100: #006849;
    --color-bg-200: #00563A;
    --color-bg-300: #004D37;
    --color-bg-400: #00422F;
    --color-bg-gradient-100: linear-gradient(0deg, #213b10 85%, #366718 100%);
    --color-text-white-100: #fff;
    --color-text-white-40: rgba(255, 255, 255, .4);
    --color-text-white-80: rgba(255, 255, 255, .8);
    --color-text-gray-100: #fff;
    --color-text-gray-200: #50B388;
    --color-text-gray-300: #6D6D6D;
    --color-text-gray-700: #50B388;
    --color-text-80: var(--color-text-gray-100);
    --color-text-100: var(--color-text-gray-100);
    --color-text-40: var(--color-text-gray-200);
    --color-border-input-prefix: rgba(255, 255, 255, .2);
    --rounded-small: .25rem;
    --rounded-middle: .375rem;
    --rounded-large: .625rem;
    --font-weight-medium: 500;
    --font-weight-regular: 400;
    --tab-bg-color: var(--theme-color-gradient-100);
    --color-link: #009F76;
    --color-primary-btn-active: var(--theme-color-800);
    --color-primary-btn-disable: var(--theme-color-gradient-500);
    --color-primary-btn-text-disable: var(--color-text-40);
    --color-button-bg-gray: rgba(255, 255, 255, .2);
    --color-danger: #E64021;
    --color-primary-800: var(--theme-color-gradient-100);
    --accent-color-orange: #DF8644;
    --accent-color-orange-1: #FBA531;
    --text-color-white-100: rgba(255, 255, 255, 1);
    --text-color-white-80: rgba(255, 255, 255, .8);
    --text-color-white-40: rgba(255, 255, 255, .4);
    --color-warning: var(--accent-color-orange-1);
    --color-success: #27D48B;
    --color-warning: #fbed3c;
    --color-currency: var(--accent-color-orange-1);
    --color-line: #009F76;
    --line-color: #009F76;
    --color-border: #009F76;
    --color-border-600: #009F76;
    --drop-shadow-submit: 0 4px 15px rgba(71, 229, 32, .25);
    --accent-color-yellow: #fbed3c;
    --accent-color-blue: #1680DC;
    --accent-color-white: #fff;
    --accent-color-red: #e64021;
    --accent-color-green: #53c154;
    --text-color1: #fff;
    --text-color2: #50B388;
    --color-btn-bg-active-r: linear-gradient(270deg, #04615E .14%, #113C3F 99.86%);
    --pwa-dialog-bg: var(--color-text-white-100);
    --ion-text-color: var(--color-text-gray-100);
    --ion-color-primary: var(--color-line);
    --ion-background-color: var(--color-bg-300);
    --ion-tab-bar-background: var(--color-bg-100);
    --ion-item-border-color: var(--color-line);
    --ion-item-background: var(--color-bg-200);
    --ion-toolbar-color: var(--color-text-gray-100);
    --ion-color-tertiary: var(--theme-color-800);
    --ion-color-tertiary-contrast: var(--color-text-white-100);
    --ion-color-tertiary-shade: #3ea147;
    --ion-color-tertiary-tint: var(--theme-color-900);
    --color-bar-bg: var(--color-bg-100);
    --color-bg-card: var(--color-bg-400);
    --color-bg-option-basic: var(--color-bg-200);
    --color-bg-option-amount: var(--color-bg-100);
    --color-bg-option-active: var(--color-bg-400);
    --color-bg-option-gradient: var(--theme-color-gradient-100);
    --color-bg-input: var(--color-bg-400);
    --color-bg-payment-item: var(--color-bg-200);
    --color-bg-modal-login: var(--color-bg-gradient-100);
    --color-bg-modal-logout: var(--color-bg-300);
    --color-bg-modal-payment: var(--color-bg-400);
    --color-bg-btn-popup-cancel: var(--theme-color-gradient-100);
    --color-bg-modal-footer-pwa: var(--accent-color-white);
    --color-checkbox-bg: var(--theme-color-gradient-100);
    --color-text-title-basic: var(--color-text-gray-100);
    --color-text-title-label-agency: var(--color-text-gray-100);
    --color-text-tips: var(--color-text-gray-200);
    --color-text-tips-marked: var(--accent-color-blue);
    --color-text-amount-marked: var(--accent-color-yellow);
    --color-text-href: var(--accent-color-blue);
    --color-text-href-agency-detail: var(--color-text-gray-100);
    --color-text-label-basic: var(--color-text-gray-100);
    --color-text-basic: var(--color-text-gray-100);
    --color-text-second: var(--color-text-gray-200);
    --color-text-rule: var(--color-text-second);
    --color-text-wheelBottomUnchecked: var(--color-text-gray-100);
    --color-text-rewardThead: var(--color-text-basic);
    --color-text-todaySecond: var(--color-text-second);
    --color-text-checked: var(--color-text-gray-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-modal-footer-pwa: var(--color-text-gray-300);
    --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-200);
    --color-btn-gradient-vip: var(--color-btn-gradient-second);
    --color-btn-gradient-footer: var(--color-btn-gradient-second);
    --color-btn-gradient-history: var(--color-btn-gradient-basic);
    --color-btn-gradient-footerUnable: var(--theme-color-gradient-400);
    --color-btn-gradient-claimUnable: var(--theme-color-gradient-400);
    --color-btn-gradient-claim: var(--theme-color-gradient-200);
    --color-text-footerUnable: var(--color-text-white-40);
    --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-200);
    --color-text-label-value-agency: var(--accent-color-yellow);
    --color-text-link-agency: var(--color-text-gray-200);
    --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-gray-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-line);
    --color-border-btn-basic: var(--color-line);
    --color-border-btn-marked: var(--color-line);
    --color-border-option-basic: var(--color-line);
    --color-border-option-active: var(--theme-color-500);
    --color-border-select: var(--color-text-gray-100);
    --color-border-popup-confirm: var(--theme-color-800);
    --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-gray-100);
    --color-bg-tab-on: var(--color-bg-100);
    --color-bg-segment-ios: var(--color-bg-100);
    --color-bg-segment-ios-indicator: var(--theme-color-gradient-100);
    --color-bg-progressier-operation: var(--color-text-white-100);
    --color-button-bg-update: var(--theme-color-gradient-200);
    --color-button-bg-update1: var(--theme-color-gradient-200);
    --color-bd-button-update1: transparent;
    --color-text-button-update1: var(--color-text-white-100);
    --color-card-bg-300: var(--color-bg-300);
    --color-card-title: var(--color-text-gray-100);
    --color-card-text: var(--color-text-gray-200);
    --color-language-text: var(--color-text-gray-100);
    --color-language-text1: var(--color-text-gray-100);
    --color-tab-tab-active: var(--accent-color-yellow);
    --color-tab-tab-blur: var(--color-text-gray-200);
    --color-icon-copy-agency-link: var(--color-text-gray-200);
    --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-mystery-item-bg: var(--color-bg-400);
    --color-activity-footer-bg: var(--color-bg-200);
    --my-chevron-forward-color: var(--color-text-gray-200);
    --my-enter-withdraw-text-color: var(--color-text-white-100);
    --service-customer-btn-hover-bgc: #58aa67;
    --service-customer-btn-focused-bgc: #68b374;
    --notice-read-all-btn-hover-bgc: #496831;
    --notice-read-all-btn-focused-bgc: #4c6b32;
    --report-select-border-color: var(--color-line);
    --report-selected-border-color: var(--color-line);
    --report-selected-text-color: var(--color-text-gray-100);
    --report-select-icon-color: var(--color-text-gray-200);
    --report-recond-item-bg-color: var(--color-bg-200);
    --verify-input-bg-color: var(--color-bg-400);
    --verify-input-bg-color-old: var(--color-bg-400);
    --verift-input-placeholder-color: var(--color-text-gray-200);
    --verify-eye-icon-text-color: var(--color-text-gray-200);
    --verify-submit-btn-bg-color: var(--theme-color-gradient-100);
    --color-redeem-input-bg: var(--theme-color-500);
    --ion-color-step-150: var(--color-line);
    --agent-datetime-select-text-color: var(--color-text-gray-100);
    --agent-ion-datetime-calendar-day-bgc: var(--color-bg-50);
    --ion-color-light-rgb: var(--color-bg-200);
    --ion-color-step-300: var(--color-text-gray-200);
    --agent-ion-color-primary: var(--color-text-gray-100);
    --agent-history-bgc: linear-gradient(180deg, #FFC271 0%, #F2910D 100%);
    --agent-claim-bgc: linear-gradient(180deg, #13C96A 0%, #1D9554 100%);
    --agent-disabled-btn-bgc: linear-gradient(180deg, #227F36 0%, #256C2E 100%);
    --agent-performance-detail-toolbar-bgc: var(--color-bg-100);
    --agent-performance-detail-item-bgc: var(--color-bg-200);
    --money-text-color: var(--accent-color-yellow);
    --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, .15) 118.45%);
    --mlm-level-tips-text-color: var(--color-text-80);
    --mlm-agent-history-bgc: linear-gradient(180deg, #13C96A 0%, #1D9554 100%);
    --mlmagent-history-hover-bgc: #5aab68;
    --mlmagent-history-focused-bgc: #69b475;
    --mlm-agent-claim-hover-bgc: #dfa44f;
    --mlm-agent-claim-focused-bgc: #edb36b;
    --mlm-agent-claim-bg-color: linear-gradient(180deg, #FFC271 0%, #F2910D 100%);
    --mlm-agent-claim-text-color: var(--text-color-white-100);
    --mlm-agent-claim-commisson-textc: var(--accent-color-orange-1);
    --mlm-direct-team-btn-bgc: var(--color-bg-100);
    --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-gray-100);
    --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(--color-text-100);
    --mlm-select-icon-text-color: var(--color-text-40);
    --mlm-searchbar-placeholder-color: var(--text-color-white-40);
    --mlm-searchbar-icon-color: var(--color-text-40);
    --mlm-subdetail-top-bgc: rgba(189, 254, 5, .4);
    --mlm-subdetail-border-color: var(--color-line);
    --mlm-subdetail-box-bgc: var(--color-bg-200);
    --mlm-subdetail-box-border-color: var(--color-line);
    --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-100);
    --mlm-commission-detail-tips-tc: var(--color-text-80);
    --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(254, 229, 5, .15);
    --mlm-bord-tab-item-border-color: var(--line-color);
    --mlm-bord-tab-item-selected-bgc: linear-gradient(180deg, #13C96A 0%, #1D9554 100%);
    --mlm-bord-tab-item-selected-tc: var(--text-color-white-100);
    --mlm-bord-tab-item-select-tc: var(--color-text-80);
    --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(180deg, #13C96A 0%, #1D9554 100%);
    --mlm-segment-select-text-color: var(--color-text-gray-200);
    --mlm-segment-selected-text-color: var(--color-text-gray-100);
    --mlm-segment-indicator-bg-color: #17B663;
    --mlm-rate-item-right-text-color: var(--accent-color-orange-1);
    --mlm-board-tab-border-color: var(--color-line);
    --mlm-leader-bord-money-text-color: var(--accent-color-orange-1);
    --mlm-invitation-footer-bg-color: var(--color-bg-100);
    --mlm-invitation-cust-btn-text-color: var(--text-color-white-80);
    --mlm-rate-level-agent-segment-select-color: var(--color-text-gray-200);
    --color-mlm-btn-bg-disable: linear-gradient(180deg, #7F7B35 0%, #7C6E1A 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-gray-200);
    --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-white-100);
    --mlm-commission-rate-game-type-bg: var(--color-bg-300);
    --mlm-searchbar-enter-color: var(--color-text-white-100);
    --my-card-detail-color: var(--color-text-40);
    --activity-record-selected-item-bg: var(--color-bg-100);
    --activity-record-select-item-bg: var(--color-bg-200);
    --activity-record-select-item-color: var(--color-text-40);
    --empty-icon-color: var(--color-bg-100);
    --color-text-empty: var(--color-text-gray-200);
    --agent-btn-color: #FFF;
    --color-line-default: var(--line-color);
    --color-bg-commission-first: var(--color-bg-200);
    --color-bg-commission-second: var(--color-bg-200);
    --color-bg-commission-third: var(--color-bg-300);
    --color-bg-commission-fourth: var(--color-bg-200);
    --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(180deg, #13C96A 0%, #1D9554 100%);
    --color-text-yellowBtn-active: var(--color-text-white-100);
    --font-weight-bold: 700;
    --border-width-option-action: 0px;
    --game-searchbar-bg-color: var(--color-bg-400);
    --game-searchbar-placeholder-color: var(--color-text-gray-200);
    --game-searchbar-border-color: 0 0 0 1px var(--line-color), 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);
    --home-fadeToTransparent-form-color: var(--color-bg-50);
    --home-fadeToTransparent-to-color: var(--color-bg-200);
    --home-currency-text-color: var(--accent-color-yellow);
    --activity-unclaim-tint-bg-color: #eaa958;
    --activity-unclaim-shade-bg-color: #ecb167;
    --input-highlight-color: #17B663;
    --mineral-style1-toobar-bg: #0E1420;
    --invite-cpf-reward-amount-text-color: var(--color-text-white-80);
    --invite-cpf-footer-top-line: var(--color-link);
    --sign-default-day-text-color: #FEB805;
    --sign-default-extra-reward: #47DD2F;
    --sing-default-available-before: #35CD1E;
    --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: var(--color-bg-400);
    --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: var(--text-color-white-60);
    --ep-compat-color-text-weaker: var(--text-color-white-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: var(--accent-color-yellow);
    --ep-compat-color-text-warning: var(--accent-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);
    --ep-agent-color-highlight-primary: #F7FB43;
    --ep-report-color-text-value: #50B388
}

.green-default body div#app {
    --theme-color-500: #17b663;
    --theme-color-600: #28b812;
    --theme-color-700: #28b812;
    --theme-color-800: #3e9b2f;
    --theme-color-900: #188707;
    --theme-color-gradient-100: linear-gradient(180deg, #13c96a 0%, #1d9554 100%);
    --theme-color-gradient-200: linear-gradient(180deg, #ffc271 0%, #f2910d 100%);
    --theme-color-gradient-300: linear-gradient(90deg, #04952f 0%, #0049a0 100%);
    --theme-color-gradient-400: linear-gradient(180deg, #7F7B35 0%, #7C6E1A 100%);
    --theme-color-gradient-500: linear-gradient(180deg, #227F36 0%, #256C2E 100%);
    --gradient-green1: linear-gradient(90deg, rgba(54, 103, 24, 1) 46.36%, rgba(54, 103, 24, .4) 100%);
    --gradient-green2: linear-gradient(270deg, rgba(54, 103, 24, 1) 46.36%, rgba(54, 103, 24, .4) 100%);
    --color-bg-50: #366718;
    --color-bg-100: #2b4f14;
    --color-bg-200: #274116;
    --color-bg-300: #213b10;
    --color-bg-400: #183009;
    --color-bg-gradient-100: linear-gradient(0deg, #213b10 85%, #366718 100%);
    --color-text-white-100: #fff;
    --color-text-white-40: rgba(255, 255, 255, .4);
    --color-text-white-80: rgba(255, 255, 255, .8);
    --color-text-gray-100: #afc69f;
    --color-text-gray-200: #7e9071;
    --color-text-gray-300: #6D6D6D;
    --color-text-80: var(--color-text-gray-100);
    --color-text-100: var(--color-text-gray-100);
    --color-text-40: var(--color-text-gray-200);
    --color-border-input-prefix: rgba(255, 255, 255, .2);
    --rounded-small: .25rem;
    --rounded-middle: .375rem;
    --rounded-large: .625rem;
    --font-weight-medium: 500;
    --font-weight-regular: 400;
    --tab-bg-color: var(--theme-color-gradient-100);
    --color-link: #1680DC;
    --color-primary-btn-active: var(--theme-color-800);
    --color-primary-btn-disable: var(--theme-color-gradient-500);
    --color-primary-btn-text-disable: var(--color-text-40);
    --color-button-bg-gray: rgba(255, 255, 255, .2);
    --color-danger: #E64021;
    --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-80: rgba(255, 255, 255, .8);
    --text-color-white-40: rgba(255, 255, 255, .4);
    --color-success: #27D48B;
    --color-warning: #fbed3c;
    --color-currency: var(--accent-color-orange-1);
    --color-line: #34571d;
    --line-color: #34571d;
    --color-border: #1A233E;
    --drop-shadow-submit: 0 4px 15px rgba(71, 229, 32, .25);
    --text-color1: var(--color-text-gray-100);
    --text-color2: var(--color-text-gray-200);
    --accent-color-yellow: #fbed3c;
    --accent-color-blue: #1680DC;
    --accent-color-white: #fff;
    --accent-color-red: #e64021;
    --accent-color-green: #53c154;
    --color-btn-bg-active-r: linear-gradient(270deg, #04615E .14%, #113C3F 99.86%);
    --pwa-dialog-bg: var(--color-text-white-100);
    --ion-text-color: var(--color-text-gray-100);
    --ion-color-primary: var(--theme-color-700);
    --ion-background-color: var(--color-bg-300);
    --ion-tab-bar-background: var(--color-bg-100);
    --ion-item-border-color: var(--color-line);
    --ion-item-background: var(--color-bg-300);
    --ion-toolbar-color: var(--color-text-gray-100);
    --ion-color-tertiary: var(--theme-color-800);
    --ion-color-tertiary-contrast: var(--color-text-white-100);
    --ion-color-tertiary-shade: #3ea147;
    --ion-color-tertiary-tint: var(--theme-color-900);
    --color-bar-bg: var(--color-bg-100);
    --color-bg-card: var(--color-bg-400);
    --color-bg-option-basic: var(--color-bg-200);
    --color-bg-option-amount: var(--color-bg-100);
    --color-bg-option-active: var(--color-bg-400);
    --color-bg-option-gradient: var(--theme-color-gradient-100);
    --color-bg-input: var(--color-bg-400);
    --color-bg-payment-item: var(--color-bg-200);
    --color-bg-modal-login: var(--color-bg-gradient-100);
    --color-bg-modal-logout: var(--color-bg-50);
    --color-bg-modal-payment: var(--color-bg-400);
    --color-bg-btn-popup-cancel: var(--theme-color-gradient-100);
    --color-bg-modal-footer-pwa: var(--accent-color-white);
    --color-checkbox-bg: var(--theme-color-gradient-100);
    --color-text-title-basic: var(--color-text-gray-100);
    --color-text-title-label-agency: var(--color-text-gray-100);
    --color-text-tips: var(--color-text-gray-200);
    --color-text-tips-marked: var(--accent-color-blue);
    --color-text-amount-marked: var(--accent-color-yellow);
    --color-text-href: var(--accent-color-blue);
    --color-text-href-agency-detail: var(--accent-color-yellow);
    --color-text-label-basic: var(--color-text-gray-100);
    --color-text-basic: var(--color-text-gray-100);
    --color-text-second: var(--color-text-gray-200);
    --color-text-rule: var(--color-text-second);
    --color-text-wheelBottomUnchecked: var(--color-text-second);
    --color-text-rewardThead: var(--color-text-basic);
    --color-text-todaySecond: var(--color-text-second);
    --color-text-checked: var(--color-text-gray-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-modal-footer-pwa: var(--color-text-gray-300);
    --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-200);
    --color-btn-gradient-vip: var(--color-btn-gradient-second);
    --color-btn-gradient-footer: var(--color-btn-gradient-second);
    --color-btn-gradient-history: var(--color-btn-gradient-basic);
    --color-btn-gradient-footerUnable: var(--theme-color-gradient-400);
    --color-btn-gradient-claimUnable: var(--theme-color-gradient-400);
    --color-btn-gradient-claim: var(--theme-color-gradient-200);
    --color-text-footerUnable: var(--color-text-white-40);
    --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-200);
    --color-text-label-value-agency: var(--accent-color-yellow);
    --color-text-link-agency: var(--color-text-gray-200);
    --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-gray-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-line);
    --color-border-btn-basic: var(--color-line);
    --color-border-btn-marked: var(--theme-color-800);
    --color-border-option-basic: var(--color-line);
    --color-border-option-active: var(--theme-color-500);
    --color-border-select: var(--color-text-gray-100);
    --color-border-popup-confirm: var(--theme-color-800);
    --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-gray-100);
    --color-bg-tab-on: var(--color-bg-100);
    --color-bg-segment-ios: var(--color-bg-100);
    --color-bg-segment-ios-indicator: var(--theme-color-gradient-100);
    --color-bg-progressier-operation: var(--color-text-white-100);
    --color-button-bg-update: var(--theme-color-gradient-200);
    --color-button-bg-update1: var(--theme-color-gradient-200);
    --color-bd-button-update1: transparent;
    --color-text-button-update1: var(--color-text-white-100);
    --color-card-bg-300: var(--color-bg-300);
    --color-card-title: var(--color-text-gray-100);
    --color-card-text: var(--color-text-gray-200);
    --color-language-text: var(--color-text-gray-100);
    --color-language-text1: var(--color-text-gray-100);
    --color-tab-tab-active: var(--accent-color-yellow);
    --color-tab-tab-blur: var(--color-text-gray-200);
    --color-icon-copy-agency-link: var(--color-text-gray-200);
    --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-mystery-item-bg: var(--color-bg-400);
    --color-activity-footer-bg: var(--color-bg-200);
    --my-chevron-forward-color: var(--color-text-gray-200);
    --my-enter-withdraw-text-color: var(--color-text-white-100);
    --service-customer-btn-hover-bgc: #58aa67;
    --service-customer-btn-focused-bgc: #68b374;
    --notice-read-all-btn-hover-bgc: #496831;
    --notice-read-all-btn-focused-bgc: #4c6b32;
    --report-select-border-color: var(--color-line);
    --report-selected-border-color: var(--color-line);
    --report-selected-text-color: var(--color-text-gray-100);
    --report-select-icon-color: var(--color-text-gray-200);
    --report-recond-item-bg-color: var(--color-bg-200);
    --verify-input-bg-color: var(--color-bg-400);
    --verify-input-bg-color-old: var(--color-bg-400);
    --verift-input-placeholder-color: var(--color-text-gray-200);
    --verify-eye-icon-text-color: var(--color-text-gray-200);
    --verify-submit-btn-bg-color: var(--theme-color-gradient-100);
    --ion-color-step-150: var(--color-line);
    --agent-datetime-select-text-color: var(--color-text-gray-100);
    --agent-ion-datetime-calendar-day-bgc: var(--color-bg-50);
    --ion-color-light-rgb: var(--color-bg-200);
    --ion-color-step-300: var(--color-text-gray-200);
    --agent-ion-color-primary: var(--color-text-gray-100);
    --agent-history-bgc: linear-gradient(180deg, #FFC271 0%, #F2910D 100%);
    --agent-claim-bgc: linear-gradient(180deg, #13C96A 0%, #1D9554 100%);
    --agent-disabled-btn-bgc: linear-gradient(180deg, #227F36 0%, #256C2E 100%);
    --agent-performance-detail-toolbar-bgc: var(--color-bg-100);
    --agent-performance-detail-item-bgc: var(--color-bg-200);
    --money-text-color: var(--accent-color-yellow);
    --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, .15) 118.45%);
    --mlm-level-tips-text-color: var(--color-text-80);
    --mlm-agent-history-bgc: linear-gradient(180deg, #13C96A 0%, #1D9554 100%);
    --mlmagent-history-hover-bgc: #5aab68;
    --mlmagent-history-focused-bgc: #69b475;
    --mlm-agent-claim-hover-bgc: #dfa44f;
    --mlm-agent-claim-focused-bgc: #edb36b;
    --mlm-agent-claim-bg-color: linear-gradient(180deg, #FFC271 0%, #F2910D 100%);
    --mlm-agent-claim-text-color: var(--text-color-white-100);
    --mlm-agent-claim-commisson-textc: var(--accent-color-orange-1);
    --mlm-direct-team-btn-bgc: var(--color-bg-100);
    --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: #AFC69F;
    --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(--color-text-100);
    --mlm-select-icon-text-color: var(--color-text-40);
    --mlm-searchbar-placeholder-color: var(--text-color-white-40);
    --mlm-searchbar-icon-color: var(--color-text-40);
    --mlm-subdetail-top-bgc: rgba(189, 254, 5, .4);
    --mlm-subdetail-border-color: var(--color-line);
    --mlm-subdetail-box-bgc: var(--color-bg-400);
    --mlm-subdetail-box-border-color: var(--color-line);
    --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-100);
    --mlm-commission-detail-tips-tc: var(--color-text-80);
    --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(254, 229, 5, .15);
    --mlm-bord-tab-item-border-color: var(--line-color);
    --mlm-bord-tab-item-selected-bgc: linear-gradient(180deg, #13C96A 0%, #1D9554 100%);
    --mlm-bord-tab-item-selected-tc: var(--text-color-white-100);
    --mlm-bord-tab-item-select-tc: var(--color-text-80);
    --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(180deg, #13C96A 0%, #1D9554 100%);
    --mlm-segment-select-text-color: #7E9071;
    --mlm-segment-selected-text-color: #AFC69F;
    --mlm-segment-indicator-bg-color: #17B663;
    --mlm-rate-item-right-text-color: var(--accent-color-orange-1);
    --mlm-board-tab-border-color: var(--color-line);
    --mlm-leader-bord-money-text-color: var(--accent-color-orange-1);
    --mlm-invitation-footer-bg-color: var(--color-bg-100);
    --mlm-invitation-cust-btn-text-color: var(--text-color-white-80);
    --mlm-rate-level-agent-segment-select-color: #AFC69F;
    --color-mlm-btn-bg-disable: linear-gradient(180deg, #7F7B35 0%, #7C6E1A 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: #AFC69F;
    --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-white-100);
    --mlm-commission-rate-game-type-bg: var(--color-bg-400);
    --mlm-searchbar-enter-color: var(--color-text-gray-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: #274116;
    --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: var(--color-bg-400);
    --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(180deg, #13C96A 0%, #1D9554 100%);
    --color-text-yellowBtn-active: var(--color-text-white-100);
    --font-weight-bold: 700;
    --border-width-option-action: 0px;
    --game-searchbar-bg-color: var(--color-bg-400);
    --game-searchbar-placeholder-color: var(--color-text-gray-200);
    --game-searchbar-border-color: 0 0 0 1px var(--line-color), 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);
    --home-fadeToTransparent-form-color: var(--color-bg-50);
    --home-fadeToTransparent-to-color: var(--color-bg-200);
    --home-currency-text-color: var(--accent-color-yellow);
    --activity-unclaim-tint-bg-color: #eaa958;
    --activity-unclaim-shade-bg-color: #ecb167;
    --invite-cpf-record-icon: #AFC69F;
    --invite-cpf-reward-amount-text-color: var(--color-text-white-80);
    --invite-cpf-footer-top-line: var(--color-line);
    --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-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: var(--color-bg-400);
    --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-500);
    --ep-compat-color-text-weak: rgba(255, 255, 255, .6);
    --ep-compat-color-text-weaker: var(--text-color-white-40);
    --ep-compat-color-text-weakest: var(--color-button-bg-gray);
    --ep-compat-color-text-success: var(--accent-color-green);
    --ep-compat-color-text-info: #6691D5;
    --ep-compat-color-text-highlight: #F5C84C;
    --ep-compat-color-text-warning: var(--accent-color-orange);
    --ep-compat-color-border-default: var(--color-line);
    --ep-compat-color-icon-brand-primary: var(--theme-color-900);
    --ep-compat-color-icon-selected: var(--theme-color-800);
    --ep-color-progress-bar-pivot: var(--theme-color-500);
    --ep-agent-color-highlight-primary: #FEB805;
    --ep-agent-color-progress-indicator: var(--color-text-white-100)
}

.deep-sea-teal {
    --ep-accent-blue: rgb(92, 130, 245);
    --ep-accent-red: rgb(230, 64, 33);
    --ep-accent-orange: rgb(252, 151, 76);
    --ep-accent-green: rgb(83, 193, 84);
    --ep-accent-yellow: rgb(245, 200, 76);
    --ep-neutral-white-white-100: rgb(255, 255, 255);
    --ep-neutral-white-white-90: rgba(255, 255, 255, .9);
    --ep-neutral-white-white-80: rgba(255, 255, 255, .8);
    --ep-neutral-white-white-70: rgba(255, 255, 255, .7);
    --ep-neutral-white-white-60: rgba(255, 255, 255, .6);
    --ep-neutral-white-white-50: rgba(255, 255, 255, .5);
    --ep-neutral-white-white-40: rgba(255, 255, 255, .4);
    --ep-neutral-white-white-30: rgba(255, 255, 255, .3);
    --ep-neutral-white-white-20: rgba(255, 255, 255, .2);
    --ep-neutral-white-white-10: rgba(255, 255, 255, .1);
    --ep-neutral-black-black-100: rgb(0, 0, 0);
    --ep-neutral-black-black-90: rgba(0, 0, 0, .9);
    --ep-neutral-black-black-80: rgba(0, 0, 0, .8);
    --ep-neutral-black-black-70: rgba(0, 0, 0, .7);
    --ep-neutral-black-black-60: rgba(0, 0, 0, .6);
    --ep-neutral-black-black-50: rgba(0, 0, 0, .5);
    --ep-neutral-black-black-40: rgba(0, 0, 0, .4);
    --ep-neutral-black-black-30: rgba(0, 0, 0, .3);
    --ep-neutral-black-black-20: rgba(0, 0, 0, .2);
    --ep-neutral-black-black-10: rgba(0, 0, 0, .1);
    --ep-values-2: .125rem;
    --ep-values-4: .25rem;
    --ep-values-6: .375rem;
    --ep-values-8: .5rem;
    --ep-values-10: .625rem;
    --ep-values-12: .75rem;
    --ep-values-14: .875rem;
    --ep-values-16: 1rem;
    --ep-values-18: 1.125rem;
    --ep-values-20: 1.25rem;
    --ep-values-24: 1.5rem;
    --ep-values-32: 2rem;
    --ep-values-36: 2.25rem;
    --ep-values-70: 4.375rem;
    --ep-values-200: 200;
    --ep-values-400: 400;
    --ep-values-600: 600;
    --ep-values-700: 700;
    --ep-values-900: 900;
    --ep-values-infinity: 9999px;
    --ep-primary-primary-900: rgb(0, 20, 20);
    --ep-primary-primary-800: rgb(1, 53, 52);
    --ep-primary-primary-700: rgb(2, 74, 73);
    --ep-primary-primary-600: rgb(3, 97, 95);
    --ep-primary-primary-500: rgb(13, 176, 174);
    --ep-primary-primary-400: rgb(17, 207, 205);
    --ep-primary-primary-300: rgb(22, 243, 240);
    --ep-primary-primary-200: rgb(21, 244, 240);
    --ep-primary-primary-100: rgb(175, 255, 253);
    --ep-primary-primary-Opacity: rgba(5, 122, 120, .4);
    --ep-secondary-secondary-900: rgb(47, 45, 14);
    --ep-secondary-secondary-800: rgb(76, 73, 27);
    --ep-secondary-secondary-700: rgb(106, 102, 41);
    --ep-secondary-secondary-600: rgb(136, 131, 55);
    --ep-secondary-secondary-500: rgb(166, 160, 68);
    --ep-secondary-secondary-400: rgb(194, 184, 81);
    --ep-secondary-secondary-300: rgb(221, 213, 93);
    --ep-secondary-secondary-200: rgb(243, 235, 103);
    --ep-secondary-secondary-100: rgb(251, 242, 107);
    --ep-secondary-secondary-Opacity: rgba(166, 160, 68, .4);
    --ep-tertiary-tertiary-900: rgb(7, 71, 115);
    --ep-tertiary-tertiary-800: rgb(1, 86, 139);
    --ep-tertiary-tertiary-700: rgb(0, 100, 154);
    --ep-tertiary-tertiary-600: rgb(0, 127, 209);
    --ep-tertiary-tertiary-500: rgb(12, 168, 252);
    --ep-tertiary-tertiary-400: rgb(46, 185, 255);
    --ep-tertiary-tertiary-300: rgb(119, 208, 255);
    --ep-tertiary-tertiary-200: rgb(183, 228, 255);
    --ep-tertiary-tertiary-100: rgb(222, 241, 255);
    --ep-tertiary-tertiary-Opacity: rgba(12, 168, 252, .4);
    --ep-inverse-inverse-900: rgb(47, 32, 14);
    --ep-inverse-inverse-800: rgb(76, 73, 27);
    --ep-inverse-inverse-700: rgb(106, 102, 41);
    --ep-inverse-inverse-600: rgb(136, 131, 55);
    --ep-inverse-inverse-500: rgb(165, 160, 69);
    --ep-inverse-inverse-400: rgb(194, 184, 82);
    --ep-inverse-inverse-300: rgb(220, 213, 94);
    --ep-inverse-inverse-200: rgb(250, 242, 108);
    --ep-inverse-inverse-100: rgb(242, 248, 104);
    --ep-inverse-inverse-Opacity: rgba(165, 160, 69, .4);
    --ep-neutral-gray-gray-L01: rgb(0, 33, 33);
    --ep-neutral-gray-gray-L02: rgb(0, 53, 52);
    --ep-neutral-gray-gray-L03: rgb(2, 74, 73);
    --ep-neutral-gray-gray-L04: rgb(0, 86, 85);
    --ep-neutral-gray-gray-L05: rgb(0, 97, 95);
    --ep-neutral-gray-gray-L06: rgb(0, 108, 107);
    --ep-neutral-gray-gray-L07: rgb(0, 177, 174);
    --ep-neutral-gray-gray-L08: rgb(0, 157, 205);
    --ep-neutral-gray-gray-L09: rgb(0, 244, 240);
    --ep-neutral-gray-gray-L10: rgb(174, 255, 253);
    --ep-neutral-transparent: rgba(255, 255, 255, 0);
    --ep-color-background-neutral: rgba(9, 30, 66, .06);
    --ep-neutral-white-60: rgba(255, 255, 255, .6);
    --ep-neutral-white-40: rgba(255, 255, 255, .4);
    --ep-neutral-white-20: rgba(255, 255, 255, .2);
    --ep-accent-colors-blue: rgb(92, 130, 245);
    --ep-accent-colors-red: rgb(230, 64, 33);
    --ep-accent-colors-orange: rgb(252, 151, 76);
    --ep-accent-colors-green: rgb(83, 193, 84);
    --ep-accent-colors-yellow: rgb(245, 200, 76);
    --ep-default-font-family: "Prompt", -apple-system, "Roboto", sans-serif;
    --ep-font-family: "Prompt", -apple-system, "Roboto", sans-serif;
    --ep-border-radius-surface-default: var(--ep-values-6);
    --ep-font-size-xs: var(--ep-values-10);
    --ep-font-size-s: var(--ep-values-12);
    --ep-font-size-m: var(--ep-values-14);
    --ep-font-size-l: var(--ep-values-16);
    --ep-font-size-xl: var(--ep-values-18);
    --ep-font-size-xxl: var(--ep-values-24);
    --ep-font-size-xxxl: var(--ep-values-36);
    --ep-font-size-xxxxl: var(--ep-values-70);
    --ep-font-weight-light: var(--ep-values-200);
    --ep-font-weight-regular: var(--ep-values-400);
    --ep-font-weight-medium: var(--ep-values-600);
    --ep-font-weight-bold: var(--ep-values-700);
    --ep-border-radius-xs: var(--ep-values-2);
    --ep-border-radius-s: var(--ep-values-4);
    --ep-border-radius-m: var(--ep-values-6);
    --ep-border-radius-l: var(--ep-values-8);
    --ep-border-radius-xl: var(--ep-values-10);
    --ep-border-radius-surface-small: var(--ep-values-12);
    --ep-border-radius-surface-large: var(--ep-values-20);
    --ep-border-radius-infinity: var(--ep-values-infinity);
    --ep-color-background-fill-body-default: var(--ep-neutral-gray-gray-L02);
    --ep-color-background-fill-surface-raised-L1: var(--ep-neutral-gray-gray-L03);
    --ep-color-background-fill-surface-raised-L2: var(--ep-neutral-gray-gray-L04);
    --ep-color-background-fill-surface-lowered: var(--ep-neutral-gray-gray-L01);
    --ep-color-background-fill-top-nav-primary: var(--ep-neutral-gray-gray-L03);
    --ep-color-background-fill-top-nav-secondary: var(--ep-neutral-gray-gray-L03);
    --ep-color-background-fill-foot-bar: var(--ep-neutral-gray-gray-L02);
    --ep-color-background-fill-active-primary: var(--ep-primary-primary-500);
    --ep-color-background-fill-active-active: var(--ep-primary-primary-600);
    --ep-color-background-fill-active-disabled: var(--ep-primary-primary-900);
    --ep-color-background-fill-tips: var(--ep-primary-primary-500);
    --ep-color-background-fill-glow-primary-opacity-40: var(--ep-primary-primary-Opacity);
    --ep-color-background-fill-glow-primary-opacity-100: var(--ep-primary-primary-500);
    --ep-color-background-fill-glow-secondary-opacity-40: var(--ep-inverse-inverse-Opacity);
    --ep-color-background-fill-glow-secondary-opacity-100: var(--ep-inverse-inverse-500);
    --ep-color-background-fill-gradients-primary-a: var(--ep-primary-primary-700);
    --ep-color-background-fill-gradients-primary-b: var(--ep-primary-primary-500);
    --ep-color-background-fill-gradients-secondary-a: var(--ep-neutral-gray-gray-L04);
    --ep-color-background-fill-gradients-secondary-b: var(--ep-primary-primary-900);
    --ep-color-background-fill-gradients-tertiary-a: var(--ep-primary-primary-600);
    --ep-color-background-fill-gradients-tertiary-b: var(--ep-inverse-inverse-500);
    --ep-color-background-fill-gradients-tertiary-weak-a: var(--ep-neutral-gray-gray-L02);
    --ep-color-background-fill-gradients-tertiary-weak-b: var(--ep-neutral-gray-gray-L05);
    --ep-color-border-default: var(--ep-neutral-gray-gray-L05);
    --ep-color-border-brand: var(--ep-primary-primary-500);
    --ep-color-border-selected: var(--ep-primary-primary-500);
    --ep-color-border-danger: var(--ep-accent-red);
    --ep-color-border-warning: var(--ep-accent-orange);
    --ep-color-border-success: var(--ep-accent-green);
    --ep-color-border-highlight: var(--ep-accent-yellow);
    --ep-color-border-highlight-white: var(--ep-neutral-white-white-100);
    --ep-color-text-brand-primary: var(--ep-primary-primary-500);
    --ep-color-text-selected: var(--ep-primary-primary-500);
    --ep-color-text-default: var(--ep-neutral-white-white-100);
    --ep-color-text-weak: var(--ep-neutral-white-white-60);
    --ep-color-text-weaker: var(--ep-neutral-white-white-40);
    --ep-color-text-weakest: var(--ep-neutral-white-white-20);
    --ep-color-text-inverse: var(--ep-neutral-white-white-100);
    --ep-color-text-inverse-disabled: var(--ep-neutral-white-white-40);
    --ep-color-text-danger: var(--ep-accent-red);
    --ep-color-text-warning: var(--ep-accent-orange);
    --ep-color-text-success: var(--ep-accent-green);
    --ep-color-text-info: var(--ep-accent-blue);
    --ep-color-text-highlight: var(--ep-accent-yellow);
    --ep-color-text-highlight-white: var(--ep-neutral-white-white-100);
    --ep-color-text-highlight-white-weak: var(--ep-neutral-white-white-60);
    --ep-color-text-highlight-white-weaker: var(--ep-neutral-white-white-40);
    --ep-color-text-highlight-white-weakest: var(--ep-neutral-white-white-20);
    --ep-color-text-navigation-default: var(--ep-neutral-white-white-40);
    --ep-color-text-navigation-selected: var(--ep-neutral-white-white-100);
    --ep-color-icon-brand-primary: var(--ep-primary-primary-500);
    --ep-color-icon-brand-secondary: var(--ep-inverse-inverse-500);
    --ep-color-icon-selected: var(--ep-primary-primary-500);
    --ep-color-icon-default: var(--ep-neutral-white-white-100);
    --ep-color-icon-weaker: var(--ep-neutral-white-white-40);
    --ep-color-icon-inverse: var(--ep-neutral-white-white-100);
    --ep-color-icon-inverse-disabled: var(--ep-neutral-white-white-40);
    --ep-color-icon-tips: var(--ep-accent-red);
    --ep-color-icon-danger: var(--ep-accent-red);
    --ep-color-icon-warning: var(--ep-accent-orange);
    --ep-color-icon-success: var(--ep-accent-green);
    --ep-color-icon-info: var(--ep-accent-blue);
    --ep-color-icon-highlight: var(--ep-accent-yellow);
    --ep-color-icon-highlight-white: var(--ep-neutral-white-white-100);
    --ep-color-icon-navigation-default: var(--ep-neutral-white-white-40);
    --ep-color-icon-navigation-selected: var(--ep-primary-primary-500);
    --ep-color-btn-level-1-bg: var(--ep-neutral-transparent);
    --ep-color-btn-level-1-text: var(--ep-neutral-transparent);
    --ep-color-btn-level-1-border: var(--ep-neutral-transparent);
    --ep-color-btn-level-2-bg: var(--ep-dynamic-primary);
    --ep-color-btn-level-2-text: var(--ep-color-text-inverse);
    --ep-color-btn-level-2-border: var(--ep-neutral-transparent);
    --ep-color-btn-level-3-bg: var(--ep-dynamic-tertiary);
    --ep-color-btn-level-3-text: var(--ep-color-text-inverse);
    --ep-color-btn-level-3-border: var(--ep-neutral-transparent);
    --ep-color-btn-level-4-bg: var(--ep-neutral-transparent);
    --ep-color-btn-level-4-text: var(--ep-neutral-transparent);
    --ep-color-btn-level-4-border: var(--ep-neutral-transparent);
    --ep-dynamic-primary: linear-gradient(90deg, var(--ep-color-background-fill-gradients-primary-a) -18%, var(--ep-color-background-fill-gradients-primary-b) 122%);
    --ep-dynamic-secondary: linear-gradient(90deg, var(--ep-color-background-fill-gradients-secondary-a) 0%, var(--ep-color-background-fill-gradients-secondary-b) 124%);
    --ep-dynamic-tertiary: linear-gradient(90deg, var(--ep-color-background-fill-gradients-tertiary-a) -18%, var(--ep-color-background-fill-gradients-tertiary-b) 122%);
    --ep-dynamic-tertiary-weak: linear-gradient(90deg, var(--ep-color-background-fill-gradients-tertiary-weak-a) 0%, var(--ep-color-background-fill-gradients-tertiary-weak-b) 124%);
    --ion-font-family: var(--ep-font-family);
    --ion-background-color: var(--ep-color-background-fill-body-default)
}

.theme-deep-sea-teal * {
    font-family: var(--ep-font-family)
}

.goldshine-green {
    --ep-default-font-family: "Prompt", -apple-system, "Roboto", sans-serif;
    --ep-font-family: "Prompt", -apple-system, "Roboto", sans-serif;
    --ep-accent-blue: rgb(77, 153, 245);
    --ep-accent-red: rgb(237, 82, 84);
    --ep-accent-orange: rgb(240, 143, 71);
    --ep-accent-green: rgb(130, 237, 130);
    --ep-accent-yellow: rgb(245, 199, 77);
    --ep-neutral-white-white-100: rgb(255, 255, 255);
    --ep-neutral-white-white-90: rgba(255, 255, 255, .9);
    --ep-neutral-white-white-80: rgba(255, 255, 255, .8);
    --ep-neutral-white-white-70: rgba(255, 255, 255, .7);
    --ep-neutral-white-white-60: rgba(255, 255, 255, .6);
    --ep-neutral-white-white-50: rgba(255, 255, 255, .5);
    --ep-neutral-white-white-40: rgba(255, 255, 255, .4);
    --ep-neutral-white-white-30: rgba(255, 255, 255, .3);
    --ep-neutral-white-white-20: rgba(255, 255, 255, .2);
    --ep-neutral-white-white-10: rgba(255, 255, 255, .1);
    --ep-neutral-black-black-100: rgb(0, 0, 0);
    --ep-neutral-black-black-90: rgba(0, 0, 0, .9);
    --ep-neutral-black-black-80: rgba(0, 0, 0, .8);
    --ep-neutral-black-black-70: rgba(0, 0, 0, .7);
    --ep-neutral-black-black-60: rgba(0, 0, 0, .6);
    --ep-neutral-black-black-50: rgba(0, 0, 0, .5);
    --ep-neutral-black-black-40: rgba(0, 0, 0, .4);
    --ep-neutral-black-black-30: rgba(0, 0, 0, .3);
    --ep-neutral-black-black-20: rgba(0, 0, 0, .2);
    --ep-neutral-black-black-10: rgba(0, 0, 0, .1);
    --ep-values-2: .125rem;
    --ep-values-4: .25rem;
    --ep-values-6: .375rem;
    --ep-values-8: .5rem;
    --ep-values-10: .625rem;
    --ep-values-12: .75rem;
    --ep-values-14: .875rem;
    --ep-values-16: 1rem;
    --ep-values-18: 1.125rem;
    --ep-values-20: 1.25rem;
    --ep-values-24: 1.5rem;
    --ep-values-32: 2rem;
    --ep-values-36: 2.25rem;
    --ep-values-70: 4.375rem;
    --ep-values-200: 200;
    --ep-values-400: 400;
    --ep-values-600: 600;
    --ep-values-700: 700;
    --ep-values-900: 900;
    --ep-values-infinity: 9999px;
    --ep-values-angle-90: "90deg";
    --ep-primary-primary-900: rgb(8, 92, 71);
    --ep-primary-primary-800: rgb(10, 120, 92);
    --ep-primary-primary-700: rgb(13, 156, 120);
    --ep-primary-primary-600: rgb(18, 199, 153);
    --ep-primary-primary-500: rgb(20, 219, 168);
    --ep-primary-primary-400: rgb(97, 232, 196);
    --ep-primary-primary-300: rgb(148, 237, 214);
    --ep-primary-primary-200: rgb(181, 245, 227);
    --ep-primary-primary-100: rgb(232, 250, 245);
    --ep-primary-primary-Opacity: rgba(20, 219, 168, .4);
    --ep-secondary-secondary-900: rgb(0, 41, 97);
    --ep-secondary-secondary-800: rgb(0, 51, 125);
    --ep-secondary-secondary-700: rgb(0, 66, 163);
    --ep-secondary-secondary-600: rgb(0, 87, 209);
    --ep-secondary-secondary-500: rgb(0, 94, 230);
    --ep-secondary-secondary-400: rgb(84, 148, 237);
    --ep-secondary-secondary-300: rgb(138, 181, 242);
    --ep-secondary-secondary-200: rgb(176, 204, 247);
    --ep-secondary-secondary-100: rgb(230, 240, 252);
    --ep-secondary-secondary-Opacity: rgba(0, 94, 230, .4);
    --ep-tertiary-tertiary-900: rgb(66, 46, 107);
    --ep-tertiary-tertiary-800: rgb(87, 59, 140);
    --ep-tertiary-tertiary-700: rgb(112, 77, 181);
    --ep-tertiary-tertiary-600: rgb(143, 97, 232);
    --ep-tertiary-tertiary-500: rgb(158, 107, 255);
    --ep-tertiary-tertiary-400: rgb(189, 156, 255);
    --ep-tertiary-tertiary-300: rgb(209, 186, 255);
    --ep-tertiary-tertiary-200: rgb(209, 186, 255);
    --ep-tertiary-tertiary-100: rgb(245, 240, 255);
    --ep-tertiary-tertiary-Opacity: rgba(158, 107, 255, .4);
    --ep-inverse-inverse-900: rgb(105, 71, 8);
    --ep-inverse-inverse-800: rgb(138, 94, 10);
    --ep-inverse-inverse-700: rgb(176, 122, 10);
    --ep-inverse-inverse-600: rgb(227, 156, 15);
    --ep-inverse-inverse-500: rgb(250, 171, 15);
    --ep-inverse-inverse-400: rgb(250, 199, 94);
    --ep-inverse-inverse-300: rgb(252, 217, 145);
    --ep-inverse-inverse-200: rgb(252, 230, 181);
    --ep-inverse-inverse-100: rgb(255, 247, 232);
    --ep-inverse-inverse-Opacity: rgba(250, 171, 15, .4);
    --ep-neutral-gray-gray-L01: rgb(26, 38, 46);
    --ep-neutral-gray-gray-L02: rgb(33, 51, 61);
    --ep-neutral-gray-gray-L03: rgb(48, 66, 77);
    --ep-neutral-gray-gray-L04: rgb(64, 87, 97);
    --ep-neutral-gray-gray-L05: rgb(71, 94, 107);
    --ep-neutral-gray-gray-L06: rgb(71, 97, 135);
    --ep-neutral-gray-gray-L07: rgb(94, 120, 161);
    --ep-neutral-gray-gray-L08: rgb(125, 145, 179);
    --ep-neutral-gray-gray-L09: rgb(191, 201, 217);
    --ep-neutral-gray-gray-L10: rgb(224, 227, 235);
    --ep-neutral-transparent: rgba(255, 255, 255, 0);
    --ep-font-family: var(--ep-default-font-family);
    --ep-font-size-xs: var(--ep-values-10);
    --ep-font-size-s: var(--ep-values-12);
    --ep-font-size-m: var(--ep-values-14);
    --ep-font-size-l: var(--ep-values-16);
    --ep-font-size-xl: var(--ep-values-18);
    --ep-font-size-xxl: var(--ep-values-24);
    --ep-font-size-xxxl: var(--ep-values-36);
    --ep-font-size-xxxxl: var(--ep-values-70);
    --ep-font-weight-light: var(--ep-values-200);
    --ep-font-weight-regular: var(--ep-values-400);
    --ep-font-weight-medium: var(--ep-values-600);
    --ep-font-weight-bold: var(--ep-values-700);
    --ep-border-radius-xs: var(--ep-values-2);
    --ep-border-radius-s: var(--ep-values-4);
    --ep-border-radius-m: var(--ep-values-6);
    --ep-border-radius-l: var(--ep-values-8);
    --ep-border-radius-xl: var(--ep-values-10);
    --ep-border-radius-surface-small: var(--ep-values-12);
    --ep-border-radius-surface-large: var(--ep-values-20);
    --ep-border-radius-infinity: var(--ep-values-infinity);
    --ep-border-radius-surface-default: 0;
    --ep-color-background-fill-body-default: var(--ep-neutral-gray-gray-L02);
    --ep-color-background-fill-surface-raised-L1: var(--ep-neutral-gray-gray-L03);
    --ep-color-background-fill-surface-raised-L2: var(--ep-neutral-gray-gray-L04);
    --ep-color-background-fill-surface-lowered: var(--ep-neutral-gray-gray-L01);
    --ep-color-background-fill-top-nav-primary: var(--ep-neutral-gray-gray-L03);
    --ep-color-background-fill-top-nav-secondary: var(--ep-neutral-gray-gray-L03);
    --ep-color-background-fill-foot-bar: var(--ep-neutral-gray-gray-L02);
    --ep-color-background-fill-active-primary: var(--ep-primary-primary-500);
    --ep-color-background-fill-active-active: var(--ep-primary-primary-600);
    --ep-color-background-fill-active-disabled: var(--ep-primary-primary-900);
    --ep-color-background-fill-tips: var(--ep-primary-primary-500);
    --ep-color-background-fill-glow-primary-opacity-40: var(--ep-primary-primary-Opacity);
    --ep-color-background-fill-glow-primary-opacity-100: var(--ep-primary-primary-500);
    --ep-color-background-fill-glow-secondary-opacity-40: var(--ep-inverse-inverse-Opacity);
    --ep-color-background-fill-glow-secondary-opacity-100: var(--ep-inverse-inverse-500);
    --ep-color-background-fill-gradients-primary-a: var(--ep-primary-primary-700);
    --ep-color-background-fill-gradients-primary-b: var(--ep-inverse-inverse-300);
    --ep-color-background-fill-gradients-secondary-a: var(--ep-neutral-gray-gray-L04);
    --ep-color-background-fill-gradients-secondary-b: var(--ep-primary-primary-800);
    --ep-color-background-fill-gradients-tertiary-a: var(--ep-tertiary-tertiary-800);
    --ep-color-background-fill-gradients-tertiary-b: var(--ep-tertiary-tertiary-600);
    --ep-color-background-fill-gradients-tertiary-weak-a: var(--ep-neutral-gray-gray-L04);
    --ep-color-background-fill-gradients-tertiary-weak-b: var(--ep-primary-primary-900);
    --ep-color-border-default: var(--ep-neutral-gray-gray-L05);
    --ep-color-border-brand: var(--ep-primary-primary-500);
    --ep-color-border-selected: var(--ep-primary-primary-500);
    --ep-color-border-danger: var(--ep-accent-red);
    --ep-color-border-warning: var(--ep-accent-orange);
    --ep-color-border-success: var(--ep-accent-green);
    --ep-color-border-highlight: var(--ep-accent-yellow);
    --ep-color-border-highlight-white: var(--ep-neutral-white-white-100);
    --ep-color-text-brand-primary: var(--ep-primary-primary-500);
    --ep-color-text-selected: var(--ep-primary-primary-500);
    --ep-color-text-default: var(--ep-neutral-white-white-100);
    --ep-color-text-weak: var(--ep-neutral-white-white-60);
    --ep-color-text-weaker: var(--ep-neutral-white-white-40);
    --ep-color-text-weakest: var(--ep-neutral-white-white-20);
    --ep-color-text-inverse: var(--ep-neutral-white-white-100);
    --ep-color-text-inverse-disabled: var(--ep-neutral-white-white-40);
    --ep-color-text-danger: var(--ep-accent-red);
    --ep-color-text-warning: var(--ep-accent-orange);
    --ep-color-text-success: var(--ep-accent-green);
    --ep-color-text-info: var(--ep-accent-blue);
    --ep-color-text-highlight-white: var(--ep-neutral-white-white-100);
    --ep-color-text-highlight-white-weak: var(--ep-neutral-white-white-60);
    --ep-color-text-highlight-white-weaker: var(--ep-neutral-white-white-40);
    --ep-color-text-highlight-white-weakest: var(--ep-neutral-white-white-20);
    --ep-color-text-highlight: var(--ep-accent-yellow);
    --ep-color-text-navigation-default: var(--ep-neutral-white-white-40);
    --ep-color-text-navigation-selected: var(--ep-neutral-white-white-100);
    --ep-color-icon-brand-primary: var(--ep-primary-primary-500);
    --ep-color-icon-brand-secondary: var(--ep-inverse-inverse-500);
    --ep-color-icon-selected: var(--ep-primary-primary-500);
    --ep-color-icon-default: var(--ep-neutral-white-white-100);
    --ep-color-icon-weaker: var(--ep-neutral-white-white-40);
    --ep-color-icon-inverse: var(--ep-neutral-white-white-100);
    --ep-color-icon-inverse-disabled: var(--ep-neutral-white-white-40);
    --ep-color-icon-tips: var(--ep-accent-red);
    --ep-color-icon-danger: var(--ep-accent-red);
    --ep-color-icon-warning: var(--ep-accent-orange);
    --ep-color-icon-success: var(--ep-accent-green);
    --ep-color-icon-info: var(--ep-accent-blue);
    --ep-color-icon-highlight-white: var(--ep-neutral-white-white-100);
    --ep-color-icon-highlight: var(--ep-accent-yellow);
    --ep-color-icon-navigation-default: var(--ep-neutral-white-white-40);
    --ep-color-icon-navigation-selected: var(--ep-primary-primary-500);
    --ep-color-btn-level-1-bg: rgba(255, 255, 255, 0);
    --ep-color-btn-level-1-text: rgb(255, 255, 255);
    --ep-color-btn-level-1-border: rgb(255, 255, 255);
    --ep-color-btn-level-2-bg: var(--ep-dynamic-primary);
    --ep-color-btn-level-2-text: var(--ep-color-text-inverse);
    --ep-color-btn-level-2-border: var(--ep-neutral-transparent);
    --ep-color-btn-level-3-bg: var(--ep-dynamic-tertiary);
    --ep-color-btn-level-3-text: var(--ep-color-text-inverse);
    --ep-color-btn-level-3-border: var(--ep-neutral-transparent);
    --ep-color-btn-level-4-bg: rgba(255, 255, 255, 0);
    --ep-color-btn-level-4-text: rgb(255, 255, 255);
    --ep-color-btn-level-4-border: rgb(255, 255, 255);
    --ep-dynamic-primary: linear-gradient(102deg, var(--ep-color-background-fill-gradients-primary-a, #0E9B77) 14%, var(--ep-color-background-fill-gradients-primary-b, #FCD891) 130%);
    --ep-dynamic-secondary: linear-gradient(90deg, var(--ep-color-background-fill-gradients-secondary-a, #415662) 14%, var(--ep-color-background-fill-gradients-secondary-b, #0B785C) 116%);
    --ep-dynamic-tertiary: linear-gradient(90deg, var(--ep-color-background-fill-gradients-tertiary-a, #563B8C) 14%, var(--ep-color-background-fill-gradients-tertiary-b, #8F61E8) 116%);
    --ep-dynamic-tertiary-weak: linear-gradient(90deg, var(--ep-color-background-fill-gradients-tertiary-weak-a, #415662) 14%, var(--ep-color-background-fill-gradients-tertiary-weak-b, #085C47) 116%);
    --ion-font-family: var(--ep-font-family);
    --ion-background-color: var(--ep-color-background-fill-body-default)
}

.goldshine-green * {
    font-family: var(--ep-font-family)
}

.green-dark body div#app {
    --theme-color-700: #28b812;
    --theme-color-800: #3e9b2f;
    --theme-color-900: #188707;
    --accent-color-blue: #3083e4;
    --accent-color-red: #e64021;
    --accent-color-orange: #df8644;
    --accent-color-orange-1: #EF6E3E;
    --accent-color-green: #53c154;
    --text-color-black-100: rgba(45, 45, 45, 1);
    --text-color-black-80: rgba(64, 61, 79, .8);
    --text-color-black-60: rgba(45, 45, 45, .6);
    --text-color-black-40: rgba(64, 61, 79, .4);
    --text-color-black-20: rgba(55, 66, 87, .2);
    --text-color-white-100: rgba(255, 255, 255, 1);
    --text-color-white-60: rgba(255, 255, 255, .6);
    --text-color-white-40: rgba(255, 255, 255, .4);
    --color-bg-100: #2f2e2d;
    --color-bg-200: #262624;
    --color-bg-300: #1b1b19;
    --color-bg-400: #181816;
    --line-color: #3b424e;
    --ion-font-family: "Saira", sans-serif;
    --ion-default-font: "Saira", sans-serif;
    --ion-color-primary: #35cd1e;
    --ion-background-color: #1a1d22;
    --ion-color-tertiary: var(--theme-color-800);
    --ion-color-tertiary-contrast: #fff;
    --ion-color-tertiary-shade: #3ea147;
    --ion-color-tertiary-tint: var(--theme-color-900);
    --color-primary-700: var(--theme-color-700);
    --color-primary-800: var(--theme-color-800);
    --color-primary-900: var(--theme-color-900);
    --color-svg-500: #3ea147;
    --color-svg-icon-primary: #2f7f22;
    --color-svg-popular: #e64021;
    --color-bg-100: #3b414d;
    --color-bg-200: #22262e;
    --color-bg-300: #1a1d22;
    --color-bg-400: #16191d;
    --color-bg-mask: rgba(0, 0, 0, .6);
    --color-bg-tab-on: var(--theme-color-800);
    --color-bg-payment-item: var(--color-bg-200);
    --color-text-100: #fff;
    --color-text-80: rgba(255, 255, 255, .8);
    --color-text-50: rgba(255, 255, 255, .5);
    --color-text-40: rgba(255, 255, 255, .4);
    --color-text-20: rgba(255, 255, 255, .2);
    --color-text-tab-main: #fff;
    --color-text-tag: #105206;
    --color-currency: var(--accent-color-orange-1);
    --color-text-dark-30: rgba(0, 0, 0, .3);
    --color-footer-title: var(--theme-color-800);
    --color-warning: var(--accent-color-orange-1);
    --color-danger: #d74141;
    --color-link: #3083e4;
    --color-marquee: #3083e4;
    --color-success: var(--theme-color-800);
    --color-focus: var(--theme-color-900);
    --color-line: #292d36;
    --color-border: #292d36;
    --color-line-200: #3b424e;
    --rounded-small: .25rem;
    --rounded-middle: .375rem;
    --rounded-large: .625rem;
    --rounded-button-tab: .25rem;
    --rounded-segment: .375rem;
    --rounded-card-game: .375rem;
    --font-weight-bold: 700;
    --font-weight-medium: 500;
    --font-weight-regular: 400;
    --font-size-24: 1.5rem;
    --font-size-20: 1.25rem;
    --font-size-18: 1.125rem;
    --font-size-16: 1rem;
    --font-size-14: .875rem;
    --font-size-12: .75rem;
    --font-size-10: .625rem;
    --font-size-8: .5rem;
    --color-primary-btn-active: var(--theme-color-800);
    --color-primary-btn-disable: #3d4f3a;
    --color-primary-btn-load: #235b1a;
    --color-primary-btn-text-active: #fff;
    --color-primary-btn-text-disable: rgba(255, 255, 255, .2);
    --color-primary-btn-text-load: rgba(255, 255, 255, .8);
    --color-primary-btn-main: linear-gradient(151deg, #8fe759 6.6%, #328624 77.21%, #25651a 92.71%);
    --color-card-bg--100: #3b414d;
    --color-card-bg-200: #22262e;
    --color-card-bg-300: #1a1d22;
    --color-card-bg-400: #16191d;
    --color-progress-bar: var(--color-primary-900);
    --color-progress-bg: var(--color-bg-300);
    --color-nav-bg: var(--color-bg-200);
    --color-menu-btn-bg: #292d36;
    --color-bar-bg: #22262e;
    --color-button-bg-gray: #3b414d;
    --color-button-bg-support: linear-gradient(326.82deg, #2f7f22 12.46%, #85dc54 87.98%);
    --color-button-bg-cancel: #22262e;
    --color-button-bg-update: var(--theme-color-800);
    --color-swiper-pagination: rgba(255, 255, 255, .2);
    --color-primary-border-light: #a4f383;
    --color-search-bar-border: #3b414d;
    --color-border-input-prefix: rgba(255, 255, 255, .2);
    --color-primary-btn-main-shadow: #1d530e;
    --color-bar-bg-shadow: rgba(0, 0, 0, .1);
    --color-btn-bg-toggle: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(58, 230, 30, .2) 133.57%), #22262e;
    --color-segment-md: #3b414d;
    --color-segment-md-indicator: var(--theme-color-800);
    --color-bg-segment-ios: #22262e;
    --color-bg-segment-ios-indicator: #3b414d;
    --color-segment-ios-blur: var(--color-text-40);
    --color-checkbox-bg: linear-gradient(151deg, #8fe759 6.6%, #328624 77.21%, #25651a 92.71%);
    --color-checkbox-border: transparent;
    --color-screen-bg: 202224;
    --color-screen-bg-img: url(/icons/texture_bg.png);
    --color-btn-bg-active-r: linear-gradient(180deg, rgba(0, 0, 0, 0) 16.59%, rgba(61, 214, 36, .2) 110.34%), #22262e;
    --bg-color-recharge-withdraw: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(58, 230, 30, .2) 137.5%), #22262e;
    --progress-base-bg: rgba(255, 255, 255, .2);
    --progress-bg: var(--theme-color-900);
    --color-report-selected: var(--theme-color-800);
    --color-report-select-icon: #FFF;
    --agent-btn-color: #fff;
    --color-line-default: #3B414D;
    --color-bg-commission-first: var(--color-bg-100);
    --color-bg-commission-second: var(--color-bg-200);
    --color-bg-commission-third: var(--color-bg-300);
    --color-bg-commission-fourth: var(--color-bg-400);
    --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: var(--theme-color-800);
    --color-text-yellowBtn-active: var(--text-color-white-100);
    --color-activity-intro: var(--color-text-100);
    --color-activity-name: var(--color-text-40);
    --color-rebate-title: var(--color-text-40);
    --color-activity-rule: var(--color-text-40);
    --color-activity-selected: var(--theme-color-800);
    --color-btn-bg-active-w: linear-gradient(180deg, rgba(0, 0, 0, 0) 16.59%, rgba(61, 214, 36, .2) 110.34%), #1a1d22;
    --color-bonus: var(--theme-color-800);
    --color-copy-button: var(--color-text-100);
    --color-agent-text: var(--color-text-40);
    --color-agent-select-bg: var(--color-bg-200);
    --color-agent-board-bg: var(--color-bg-500);
    --color-agent-input-bg: transparent;
    --color-activity-time: var(--color-text-100);
    --color-appreciation-title: var(--color-text-80);
    --color-appreciation-currency: var(--color-text-40);
    --color-appreciation-board: var(--color-bg-200);
    --color-vip-active-bg: var(--color-primary-800);
    --color-vip-disable-bg: var(--color-primary-btn-disable);
    --color-vip-text: var(--color-text-40);
    --color-redeem-input-bg: transparent;
    --color-piece-title: var(--color-text-100);
    --color-piece-text: var(--color-text-100);
    --color-piece-checkbox-bg: #fff;
    --color-piece-invite-text: #fff;
    --color-piece-record-text: var(--color-text-40);
    --color-lucky-button-text: var(--color-text-100);
    --color-custom-text: #fff;
    --color-recharge-reward-text: #fff;
    --color-mystery-item-bg: var(--color-bg-400);
    --color-activity-footer-bg: var(--color-bg-200);
    --button-logout-message-text-color: var(--text-color-white-40);
    --button-left-bg-color-tint: #7f7f7e;
    --button-left-bg-color-shade: #4c4c4b;
    --button-right-bg-color-tint: var(--theme-color-900);
    --button-right-bg-color-shade: #3ea147;
    --logout-btn-right-color: #FFF;
    --logout-btn-left-color: #FFF;
    --message-button-bg-color-tint: #454952;
    --message-button-bg-color-shade: #394741;
    --msg-all-button-color-tint: #454952;
    --msg-all-button-color-shade: #555961;
    --my-base-info-bg: #1b1b19;
    --skin-base-text-color: #FFF;
    --id-text-color-40: rgba(255, 255, 255, .4);
    --balance-title-text-color-40: rgba(255, 255, 255, .4);
    --balance-money-text-color: #FFF;
    --my-color-line: #292D36;
    --recharge-withdraw-icon-color: #3E9B2F;
    --vip-info-text-color-40: rgba(255, 255, 255, .4);
    --vip-max-text-color: rgba(255, 255, 255, .8);
    --vip-info-tips-text-color: rgba(255, 255, 255, .4);
    --my-card-bg-gradient: #262624;
    --my-card-detail-color: rgba(255, 255, 255, .4);
    --current-language-text-color: #FFF;
    --service-btn-color: #3e9b2f;
    --service-btn-bg: #3B414D;
    --service-item-bg: #22262e;
    --message-read-all-btn-bg: #3b414d;
    --report-select-bg: var(--color-bg-200);
    --report-select-item-box-bg: var(--color-bg-200);
    --report-select-item-bg: #22262e;
    --report-selected-item-bg: #3b414d;
    --report-select-item-color: var(--color-text-80);
    --report-selected-item-color: var(--color-primary-800);
    --report-record-item-radius: var(--rounded-middle);
    --report-select-item-border-color: var(--color-menu-btn-bg);
    --report-record-item-bg: var(--color-bg-200);
    --security-item-icon-color: #FFF;
    --spread-segment-btn-bg: #22262e;
    --spread-qr-box-bg: var(--color-text-100);
    --spread-save-qr-bg: var(--color-link);
    --spread-text-color-80: var(--color-text-80);
    --spread-share-box-border-color: #2A324E;
    --spread-bonus-rate-segment-item-color: #6D788E;
    --spread-commission-select-box-bg: var(--color-bg-200);
    --spread-commission-select-bg: var(--color-bg-400);
    --activity-record-select-item-bg: var(--color-bg-200);
    --activity-record-select-item-color: var(--color-text-40);
    --activity-record-selected-item-bg: var(--color-bg-100);
    --avatar-toolbar-bg: var(--color-bg-200);
    --vip1-detail-text-color: var(--text-color-white-100);
    --skin-ion-toolbar-bg: var(--color-bg-200);
    --vip1-text-color: var(--text-color-white-100);
    --mlm-toolbar-bg-color: var(--color-bg-200);
    --mlm-leaderbord-icon-color: var(--text-color-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-100);
    --mlmagent-history-hover-bgc: #3a3a39;
    --mlmagent-history-focused-bgc: #4b4b4b;
    --mlm-agent-claim-hover-bgc: #4d8734;
    --mlm-agent-claim-focused-bgc: #6ba055;
    --mlm-agent-claim-bg-color: var(--theme-color-800);
    --mlm-agent-claim-text-color: var(--text-color-white-100);
    --mlm-agent-claim-commisson-textc: var(--accent-color-orange-1);
    --mlm-direct-team-btn-bgc: var(--color-bg-100);
    --mlm-agent-direct-icon-text-color: #3083E4;
    --mlm-agent-direct-text-color: var(--accent-color-blue);
    --mlm-agent-team-text-color: var(--accent-color-green);
    --mlm-agent-team-icon-text-color: #3E9B2F;
    --mlm-agent-info-detail-bgc: var(--color-bg-200);
    --mlm-agent-my-agency-textc: rgba(255, 255, 255, .8);
    --mlm-agent-report-icon-color: var(--text-color-white-40);
    --mlm-agent-jump-item-bgc: var(--color-bg-200);
    --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-1);
    --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: #64FE05;
    --mlm-subdetail-border-color: #2E2D2C;
    --mlm-subdetail-box-bgc: var(--color-bg-400);
    --mlm-subdetail-box-border-color: #2E2D2C;
    --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: #2E2D2C;
    --mlm-bord-tab-item-selected-bgc: var(--color-bg-200);
    --mlm-bord-tab-item-selected-tc: var(--theme-color-800);
    --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: var(--theme-color-800);
    --mlm-segment-select-text-color: var(--my-card-detail-color);
    --mlm-segment-selected-text-color: var(--color-primary-800);
    --mlm-segment-indicator-bg-color: var(--color-primary-800);
    --mlm-rate-item-right-text-color: var(--accent-color-orange);
    --mlm-board-tab-border-color: var(--line-color);
    --mlm-leader-bord-money-text-color: var(--accent-color-orange);
    --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: #3d4f3a;
    --color-mlm-btn-text-disable: rgba(255, 255, 255, .2);
    --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: rgba(255, 255, 255, .8);
    --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);
    --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-receive-rule-text-color: #6691D5;
    --mlm-searchbar-enter-color: var(--text-color-white-100);
    --game-searchbar-bg-color: var(--color-bg-400);
    --game-searchbar-placeholder-color: var(--text-color-white-40);
    --game-searchbar-border-color: 0 0 0 1px var(--line-color), 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);
    --home-earth-color: #6f7276;
    --register-button-bg: var(--theme-color-800);
    --register-button-color: var(--text-color-white-100);
    --login-button-bg: var(--color-bg-100);
    --login-button-color: var(--text-color-white-100);
    --forgot-step-unpass-color: var(--text-color-white-100);
    --forgot-step-pass-color: var(--text-color-black-100);
    --login-close-color: #D9D9D9;
    --bugle-color: var(--text-color-white-100);
    --marquee-color: var(--accent-color-blue);
    --marquee-weight: var(--font-weight-bold);
    --marquee-size: .875rem;
    --navigation-button-color: var(--text-color-white-100);
    --navigation-label-color: var(--text-color-white-100);
    --navigation-bar-color: var(--color-text-40);
    --inicio-sort-view-amount-color: var(--theme-color-800);
    --navigation-bar-bg: var(--color-bg-200);
    --navigation-arrow-color: var(--color-text-40);
    --sports-icon-color: var(--theme-color-800);
    --trilateral-cooperation-color: var(--theme-color-800);
    --install-box-bg: var(--color-bg-400);
    --telegram-bg: rgba(255, 255, 255, .02);
    --pwa-dialog-bg: var(--color-bg-200);
    --footer-title-color: conic-gradient(from 180deg at 50% 50%, var(--ion-color-tertiary) 0deg, #fdfd68 359.96deg, var(--ion-color-tertiary) 360deg);
    --footer-sub-color: var(--text-color-white-40);
    --footer-content-color: var(--text-color-white-40);
    --color-bar-bg: var(--color-bg-200);
    --color-button-bg-gray: var(--color-bg-100);
    --color-bar-bg-100: #21252d;
    --color-bar-bg-pwa: linear-gradient(91.11deg, #387ee7 -.34%, var(--theme-color-900) 100%);
    --color-button-bg-support-bg: linear-gradient(327deg, #2f7f22 12.46%, #85dc54 87.98%);
    --float-black-button-color: var(--text-color-white-100);
    --tab-image-color: var(--text-color-white-100);
    --tab-image-active-color: var(--text-color-white-100);
    --color-primary-btn-main-shadow: 0px 0px 25.008px 0px #1d530e, 0px 0px 14.29px 0px #1d530e;
    --menu-close-color: var(--text-color-white-40);
    --menu-bar-bg: var(--color-bg-200);
    --menu-card-bg: var(--color-bg-200);
    --menu-card-label-icon: var(--text-color-white-40);
    --menu-card-label-title: var(--text-color-white-100);
    --color-btn-bg-toggle: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(58, 230, 30, .2) 145.69%), #22262e;
    --color-bar-bg-shadow: 0px 4px 8px 0px rgba(0, 0, 0, .1);
    --support-text-color: var(--text-color-white-100);
    --menu-support-card-bg: var(--color-bg-200);
    --menu-footer-bg: linear-gradient(180deg, rgba(26, 29, 34, 0) 4.58%, #040404 82.26%);
    --empty-icon-color: var(--color-bg-200);
    --common-dialog-bg: var(--color-bg-200);
    --common-dialog-text-color: var(--color-text-40);
    --common-dialog-left-btn-bg: var(--theme-color-800);
    --common-dialog-right-btn-bg: var(--color-bg-100);
    --common-dialog-right-btn-text-color: var(--color-text-100);
    --common-dialog-left-btn-text-color: var(--color-text-100);
    --color-text-title-basic: var(--text-color-white-100);
    --color-icon-platform-card: var(--color-text-80);
    --color-icon-platform-active: var(--ion-color-primary);
    --color-icon-platform-rebate: var(--color-text-40);
    --font-size-back-button: 1.5rem;
    --color-text-depositDetial-copy: var(--color-primary-700);
    --color-text-inherit: inherit;
    --color-text-depositDetial-bigPrice: var(--color-text-inherit);
    --color-text-SelectList-active: var(--text-color-light-purple-1-100);
    --color-text-SelectList-unActive: inherit;
    --color-border-SelectList-popover: var(--color-border);
    --color-bg-li-active: var(--color-bg-100);
    --color-bg-li-unActive: var(--color-bg-200);
    --color-text-empty: var(--ion-color-medium);
    --input-highlight-color: var(--theme-color-800);
    --invite-cpf-record-icon: #AFC69F;
    --invite-cpf-reward-amount-text-color: rgba(255, 255, 255, .8);
    --invite-cpf-footer-top-line: #292D36;
    --mineral-style1-toobar-bg: #0E1420;
    --sign-default-day-text-color: #FEB805;
    --sign-default-extra-reward: #47DD2F;
    --sign-default-footer-btn-tint: #5d9744;
    --sign-default-footer-btn-shade: #6ba055;
    --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: var(--color-bg-400);
    --ep-compat-color-background-fill-glow-primary-opacity-40: #35cd1e66;
    --ep-compat-color-text-default: var(--color-text-100);
    --ep-compat-color-text-selected: var(--theme-color-800);
    --ep-compat-color-text-weak: var(--text-color-white-60);
    --ep-compat-color-text-weaker: var(--color-text-40);
    --ep-compat-color-text-weakest: var(--color-text-20);
    --ep-compat-color-text-success: var(--theme-color-800);
    --ep-compat-color-text-info: var(--accent-color-blue);
    --ep-compat-color-text-highlight: var(--color-primary-border-light);
    --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)
}

.midnight-purple {
    --ep-accent-blue: rgb(87, 166, 255);
    --ep-accent-red: rgb(230, 64, 33);
    --ep-accent-orange: rgb(252, 151, 76);
    --ep-accent-green: rgb(83, 193, 84);
    --ep-accent-yellow: rgb(245, 200, 76);
    --ep-neutral-white-white-100: rgb(255, 255, 255);
    --ep-neutral-white-white-90: rgba(255, 255, 255, .9);
    --ep-neutral-white-white-80: rgba(255, 255, 255, .8);
    --ep-neutral-white-white-70: rgba(255, 255, 255, .7);
    --ep-neutral-white-white-60: rgba(255, 255, 255, .6);
    --ep-neutral-white-white-50: rgba(255, 255, 255, .5);
    --ep-neutral-white-white-40: rgba(255, 255, 255, .4);
    --ep-neutral-white-white-30: rgba(255, 255, 255, .3);
    --ep-neutral-white-white-20: rgba(255, 255, 255, .2);
    --ep-neutral-white-white-10: rgba(255, 255, 255, .1);
    --ep-neutral-black-black-100: rgb(0, 0, 0);
    --ep-neutral-black-black-90: rgba(0, 0, 0, .9);
    --ep-neutral-black-black-80: rgba(0, 0, 0, .8);
    --ep-neutral-black-black-70: rgba(0, 0, 0, .7);
    --ep-neutral-black-black-60: rgba(0, 0, 0, .6);
    --ep-neutral-black-black-50: rgba(0, 0, 0, .5);
    --ep-neutral-black-black-40: rgba(0, 0, 0, .4);
    --ep-neutral-black-black-30: rgba(0, 0, 0, .3);
    --ep-neutral-black-black-20: rgba(0, 0, 0, .2);
    --ep-neutral-black-black-10: rgba(0, 0, 0, .1);
    --ep-values-2: .125rem;
    --ep-values-4: .25rem;
    --ep-values-6: .375rem;
    --ep-values-8: .5rem;
    --ep-values-10: .625rem;
    --ep-values-12: .75rem;
    --ep-values-14: .875rem;
    --ep-values-16: 1rem;
    --ep-values-18: 1.125rem;
    --ep-values-20: 1.25rem;
    --ep-values-24: 1.5rem;
    --ep-values-32: 2rem;
    --ep-values-36: 2.25rem;
    --ep-values-70: 4.375rem;
    --ep-values-200: 200;
    --ep-values-400: 400;
    --ep-values-600: 600;
    --ep-values-700: 700;
    --ep-values-900: 900;
    --ep-values-infinity: 9999px;
    --ep-primary-primary-900: rgb(90, 28, 37);
    --ep-primary-primary-800: rgb(118, 36, 48);
    --ep-primary-primary-700: rgb(152, 47, 62);
    --ep-primary-primary-600: rgb(195, 60, 80);
    --ep-primary-primary-500: rgb(214, 66, 88);
    --ep-primary-primary-400: rgb(228, 128, 143);
    --ep-primary-primary-300: rgb(236, 168, 178);
    --ep-primary-primary-200: rgb(242, 196, 203);
    --ep-primary-primary-100: rgb(251, 236, 238);
    --ep-primary-primary-Opacity: rgba(203, 85, 99, .4);
    --ep-secondary-secondary-900: rgb(26, 72, 47);
    --ep-secondary-secondary-800: rgb(35, 95, 61);
    --ep-secondary-secondary-700: rgb(57, 157, 101);
    --ep-secondary-secondary-600: rgb(57, 157, 101);
    --ep-secondary-secondary-500: rgb(63, 172, 111);
    --ep-secondary-secondary-400: rgb(126, 199, 159);
    --ep-secondary-secondary-300: rgb(167, 217, 189);
    --ep-secondary-secondary-200: rgb(195, 229, 210);
    --ep-secondary-secondary-100: rgb(236, 247, 241);
    --ep-secondary-secondary-Opacity: rgba(63, 172, 111, .4);
    --ep-tertiary-tertiary-900: rgb(7, 71, 115);
    --ep-tertiary-tertiary-800: rgb(1, 86, 139);
    --ep-tertiary-tertiary-700: rgb(0, 100, 169);
    --ep-tertiary-tertiary-600: rgb(0, 127, 209);
    --ep-tertiary-tertiary-500: rgb(12, 168, 252);
    --ep-tertiary-tertiary-400: rgb(46, 185, 255);
    --ep-tertiary-tertiary-300: rgb(119, 208, 255);
    --ep-tertiary-tertiary-200: rgb(183, 228, 255);
    --ep-tertiary-tertiary-100: rgb(222, 241, 255);
    --ep-tertiary-tertiary-Opacity: rgba(12, 168, 252, .4);
    --inverse-inverse-900: rgb(90, 105, 43);
    --ep-inverse-inverse-800: rgb(118, 138, 57);
    --ep-inverse-inverse-700: rgb(153, 178, 73);
    --ep-inverse-inverse-600: rgb(196, 228, 94);
    --ep-inverse-inverse-500: rgb(215, 251, 103);
    --ep-inverse-inverse-400: rgb(228, 252, 153);
    --ep-inverse-inverse-300: rgb(237, 253, 185);
    --ep-inverse-inverse-200: rgb(243, 254, 208);
    --ep-inverse-inverse-100: rgb(251, 255, 240);
    --ep-inverse-inverse-Opacity: rgba(215, 251, 103, .4);
    --ep-neutral-gray-gray-L01: rgb(39, 27, 86);
    --ep-neutral-gray-gray-L02: rgb(40, 27, 93);
    --ep-neutral-gray-gray-L03: rgb(50, 32, 113);
    --ep-neutral-gray-gray-L04: rgb(55, 35, 128);
    --ep-neutral-gray-gray-L05: rgb(74, 54, 149);
    --ep-neutral-gray-gray-L06: rgb(85, 72, 134);
    --ep-neutral-gray-gray-L07: rgb(110, 95, 162);
    --ep-neutral-gray-gray-L08: rgb(137, 126, 179);
    --ep-neutral-gray-gray-L09: rgb(197, 192, 216);
    --ep-neutral-gray-gray-L10: rgb(226, 223, 236);
    --ep-neutral-transparent: rgba(255, 255, 255, 0);
    --ep-default-font-family: "Prompt", -apple-system, "Roboto", sans-serif;
    --ep-font-family: var(--ep-default-font-family);
    --ep-font-size-xs: var(--ep-values-10);
    --ep-font-size-s: var(--ep-values-12);
    --ep-font-size-m: var(--ep-values-14);
    --ep-font-size-l: var(--ep-values-16);
    --ep-font-size-xl: var(--ep-values-18);
    --ep-font-size-xxl: var(--ep-values-24);
    --ep-font-size-xxxl: var(--ep-values-36);
    --ep-font-size-xxxxl: var(--ep-values-70);
    --ep-color-background-fill-body-default: var(--ep-neutral-gray-gray-L02);
    --ep-color-background-fill-surface-raised-L1: var(--ep-neutral-gray-gray-L03);
    --ep-color-background-fill-surface-raised-L2: var(--ep-neutral-gray-gray-L04);
    --ep-color-background-fill-surface-lowered: var(--ep-neutral-gray-gray-L01);
    --ep-color-background-fill-top-nav-primary: var(--ep-neutral-gray-gray-L03);
    --ep-color-background-fill-top-nav-secondary: var(--ep-neutral-gray-gray-L03);
    --ep-color-background-fill-foot-bar: var(--ep-neutral-gray-gray-L02);
    --ep-color-background-fill-active-primary: var(--ep-primary-primary-500);
    --ep-color-background-fill-active-active: var(--ep-primary-primary-600);
    --ep-color-background-fill-active-disabled: var(--ep-primary-primary-700);
    --ep-color-background-fill-tips: var(--ep-primary-primary-500);
    --ep-color-background-fill-glow-primary-opacity-40: var(--ep-primary-primary-Opacity);
    --ep-color-background-fill-glow-primary-opacity-100: var(--ep-primary-primary-500);
    --ep-color-background-fill-glow-secondary-opacity-40: var(--ep-inverse-inverse-Opacity);
    --ep-color-background-fill-glow-secondary-opacity-100: var(--ep-inverse-inverse-500);
    --ep-color-background-fill-gradients-primary-a: var(--ep-primary-primary-500);
    --ep-color-background-fill-gradients-primary-b: var(--ep-primary-primary-500);
    --ep-color-background-fill-gradients-secondary-a: var(--ep-neutral-gray-gray-L04);
    --ep-color-background-fill-gradients-secondary-b: var(--ep-neutral-gray-gray-L07);
    --ep-color-background-fill-gradients-tertiary-a: var(--ep-primary-primary-600);
    --ep-color-background-fill-gradients-tertiary-b: var(--ep-inverse-inverse-600);
    --ep-color-background-fill-gradients-tertiary-weak-a: var(--ep-primary-primary-700);
    --ep-color-background-fill-gradients-tertiary-weak-b: var(--ep-primary-primary-900);
    --ep-color-border-default: var(--ep-neutral-gray-gray-L05);
    --ep-color-border-brand: var(--ep-primary-primary-500);
    --ep-color-border-selected: var(--ep-primary-primary-500);
    --ep-color-border-danger: var(--ep-accent-red);
    --ep-color-border-warning: var(--ep-accent-orange);
    --ep-color-border-success: var(--ep-accent-green);
    --ep-color-border-highlight: var(--ep-accent-yellow);
    --ep-color-border-highlight-white: var(--ep-neutral-white-white-100);
    --ep-color-text-brand-primary: var(--ep-primary-primary-500);
    --ep-color-text-selected: var(--ep-primary-primary-500);
    --ep-color-text-default: var(--ep-neutral-white-white-100);
    --ep-color-text-weak: var(--ep-neutral-white-white-60);
    --ep-color-text-weaker: var(--ep-neutral-white-white-40);
    --ep-color-text-weakest: var(--ep-neutral-white-white-20);
    --ep-color-text-inverse: var(--ep-neutral-white-white-100);
    --ep-color-text-inverse-disabled: var(--ep-neutral-white-white-40);
    --ep-color-text-danger: var(--ep-accent-red);
    --ep-color-text-warning: var(--ep-accent-orange);
    --ep-color-text-success: var(--ep-accent-green);
    --ep-color-text-info: var(--ep-accent-blue);
    --ep-color-text-highlight-white: var(--ep-neutral-white-white-100);
    --ep-color-text-highlight-white-weak: var(--ep-neutral-white-white-60);
    --ep-color-text-highlight-white-weaker: var(--ep-neutral-white-white-40);
    --ep-color-text-highlight-white-weakest: var(--ep-neutral-white-white-20);
    --ep-color-text-highlight: var(--ep-accent-yellow);
    --ep-color-text-navigation-default: var(--ep-neutral-white-white-40);
    --ep-color-text-navigation-selected: var(--ep-neutral-white-white-100);
    --ep-color-icon-brand-primary: var(--ep-primary-primary-500);
    --ep-color-icon-brand-secondary: var(--ep-inverse-inverse-500);
    --ep-color-icon-selected: var(--ep-primary-primary-500);
    --ep-color-icon-default: var(--ep-neutral-white-white-100);
    --ep-color-icon-weaker: var(--ep-neutral-white-white-40);
    --ep-color-icon-inverse: var(--ep-neutral-white-white-100);
    --ep-color-icon-inverse-disabled: var(--ep-neutral-white-white-40);
    --ep-color-icon-tips: var(--ep-accent-red);
    --ep-color-icon-danger: var(--ep-accent-red);
    --ep-color-icon-warning: var(--ep-accent-orange);
    --ep-color-icon-success: var(--ep-accent-green);
    --ep-color-icon-info: var(--ep-accent-blue);
    --ep-color-icon-highlight-white: var(--ep-neutral-white-white-100);
    --ep-color-icon-highlight: var(--ep-accent-yellow);
    --ep-color-icon-navigation-default: var(--ep-neutral-white-white-40);
    --ep-color-icon-navigation-selected: var(--ep-primary-primary-500);
    --ep-font-weight-light: var(--ep-values-200);
    --ep-font-weight-regular: var(--ep-values-400);
    --ep-font-weight-medium: var(--ep-values-600);
    --ep-font-weight-bold: var(--ep-values-700);
    --ep-border-radius-xs: var(--ep-values-2);
    --ep-border-radius-s: var(--ep-values-4);
    --ep-border-radius-m: var(--ep-values-6);
    --ep-border-radius-l: var(--ep-values-8);
    --ep-border-radius-xl: var(--ep-values-10);
    --ep-border-radius-surface-small: var(--ep-values-12);
    --ep-border-radius-surface-default: var(--ep-values-14);
    --ep-border-radius-surface-large: var(--ep-values-20);
    --ep-border-radius-infinity: var(--ep-values-infinity);
    --ep-color-btn-level-1-bg: rgba(255, 255, 255, 0);
    --ep-color-btn-level-1-text: rgba(255, 255, 255, 0);
    --ep-color-btn-level-1-border: rgba(255, 255, 255, 0);
    --ep-color-btn-level-2-bg: var(--ep-dynamic-secondary);
    --ep-color-btn-level-2-text: var(--ep-color-text-highlight);
    --ep-color-btn-level-2-border: var(--ep-neutral-transparent);
    --ep-color-btn-level-3-bg: var(--ep-dynamic-primary);
    --ep-color-btn-level-3-text: var(--ep-color-text-inverse);
    --ep-color-btn-level-3-border: var(--ep-neutral-transparent);
    --ep-color-btn-level-4-bg: rgba(255, 255, 255, 0);
    --ep-color-btn-level-4-text: rgba(255, 255, 255, 0);
    --ep-color-btn-level-4-border: rgba(255, 255, 255, 0);
    --ep-dynamic-primary: linear-gradient(90deg, var(--ep-color-background-fill-gradients-primary-a, #ECA8B2) -27.5%, var(--ep-color-background-fill-gradients-primary-b, #ECA8B2) 127.5%);
    --ep-dynamic-secondary: linear-gradient(90deg, var(--ep-color-background-fill-gradients-secondary-a, #372380) -27.5%, var(--ep-color-background-fill-gradients-secondary-b, #6E5FA2) 127.5%);
    --ep-dynamic-tertiary: linear-gradient(90deg, var(--ep-color-background-fill-gradients-tertiary-a, #C33C50) -27.5%, var(--ep-color-background-fill-gradients-tertiary-b, #C4E45E) 127.5%);
    --ep-dynamic-tertiary-weak: linear-gradient(270deg, var(--ep-color-background-fill-gradients-tertiary-weak-a, #982F3E) 0%, var(--ep-color-background-fill-gradients-tertiary-weak-b, #5A1C25) 100%);
    --ion-font-family: var(--ep-font-family);
    --ion-background-color: var(--ep-color-background-fill-body-default)
}

.midnight-purple * {
    font-family: var(--ep-font-family)
}

.mystlight-blue {
    --ep-accent-blue: rgb(60, 104, 249);
    --ep-accent-red: rgb(237, 44, 27);
    --ep-accent-orange: rgb(250, 131, 19);
    --ep-accent-green: rgb(43, 163, 19);
    --ep-accent-yellow: rgb(254, 150, 59);
    --ep-neutral-white-white-100: rgb(255, 255, 255);
    --ep-neutral-white-white-90: rgba(255, 255, 255, .9);
    --ep-neutral-white-white-80: rgba(255, 255, 255, .8);
    --ep-neutral-white-white-70: rgba(255, 255, 255, .7);
    --ep-neutral-white-white-60: rgba(255, 255, 255, .6);
    --ep-neutral-white-white-50: rgba(255, 255, 255, .5);
    --ep-neutral-white-white-40: rgba(255, 255, 255, .4);
    --ep-neutral-white-white-30: rgba(255, 255, 255, .3);
    --ep-neutral-white-white-20: rgba(255, 255, 255, .2);
    --ep-neutral-white-white-10: rgba(255, 255, 255, .1);
    --ep-neutral-black-black-100: rgb(73, 73, 73);
    --ep-neutral-black-black-90: rgb(92, 92, 92);
    --ep-neutral-black-black-80: rgb(132, 145, 166);
    --ep-neutral-black-black-70: rgb(112, 134, 169);
    --ep-neutral-black-black-60: rgb(115, 128, 148);
    --ep-neutral-black-black-50: rgb(136, 147, 163);
    --ep-neutral-black-black-40: rgb(141, 158, 185);
    --ep-neutral-black-black-30: rgb(159, 177, 204);
    --ep-neutral-black-black-20: rgb(169, 185, 210);
    --ep-neutral-black-black-10: rgb(186, 195, 209);
    --ep-values-2: .125rem;
    --ep-values-4: .25rem;
    --ep-values-6: .375rem;
    --ep-values-8: .5rem;
    --ep-values-10: .625rem;
    --ep-values-12: .75rem;
    --ep-values-14: .875rem;
    --ep-values-16: 1rem;
    --ep-values-18: 1.125rem;
    --ep-values-20: 1.25rem;
    --ep-values-24: 1.5rem;
    --ep-values-32: 2rem;
    --ep-values-36: 2.25rem;
    --ep-values-70: 4.375rem;
    --ep-values-200: 200;
    --ep-values-400: 400;
    --ep-values-600: 600;
    --ep-values-700: 700;
    --ep-values-900: 900;
    --ep-values-infinity: 9999px;
    --ep-primary-primary-900: rgb(19, 32, 118);
    --ep-primary-primary-800: rgb(32, 49, 142);
    --ep-primary-primary-700: rgb(51, 74, 177);
    --ep-primary-primary-600: rgb(74, 102, 211);
    --ep-primary-primary-500: rgb(102, 135, 246);
    --ep-primary-primary-400: rgb(82, 132, 242);
    --ep-primary-primary-300: rgb(163, 203, 255);
    --ep-primary-primary-200: rgb(194, 212, 254);
    --ep-primary-primary-100: rgb(232, 241, 255);
    --ep-primary-primary-Opacity: rgba(102, 135, 246, .4);
    --ep-secondary-secondary-900: rgb(122, 80, 39);
    --ep-secondary-secondary-800: rgb(147, 109, 65);
    --ep-secondary-secondary-700: rgb(183, 148, 103);
    --ep-secondary-secondary-600: rgb(219, 191, 149);
    --ep-secondary-secondary-500: rgb(255, 237, 205);
    --ep-secondary-secondary-400: rgb(255, 242, 217);
    --ep-secondary-secondary-300: rgb(255, 246, 225);
    --ep-secondary-secondary-200: rgb(255, 250, 235);
    --ep-secondary-secondary-100: rgb(255, 252, 245);
    --ep-secondary-secondary-Opacity: rgba(255, 237, 205, .4);
    --ep-tertiary-tertiary-900: rgb(61, 41, 122);
    --ep-tertiary-tertiary-800: rgb(105, 76, 255);
    --ep-tertiary-tertiary-700: rgb(133, 109, 183);
    --ep-tertiary-tertiary-600: rgb(200, 193, 255);
    --ep-tertiary-tertiary-500: rgb(233, 218, 255);
    --ep-tertiary-tertiary-400: rgb(222, 224, 255);
    --ep-tertiary-tertiary-300: rgb(235, 236, 255);
    --ep-tertiary-tertiary-200: rgb(250, 254, 255);
    --ep-tertiary-tertiary-100: rgb(251, 254, 255);
    --ep-tertiary-tertiary-Opacity: rgba(233, 218, 255, .4);
    --ep-inverse-inverse-900: rgb(46, 67, 229);
    --ep-inverse-inverse-800: rgb(80, 100, 255);
    --ep-inverse-inverse-700: rgb(109, 141, 183);
    --ep-inverse-inverse-600: rgb(119, 137, 241);
    --ep-inverse-inverse-500: rgb(142, 158, 255);
    --ep-inverse-inverse-400: rgb(227, 243, 255);
    --ep-inverse-inverse-300: rgb(232, 247, 255);
    --ep-inverse-inverse-200: rgb(240, 250, 255);
    --ep-inverse-inverse-100: rgb(247, 253, 255);
    --ep-inverse-inverse-Opacity: rgba(218, 238, 255, .4);
    --ep-neutral-gray-gray-L01: rgb(247, 249, 255);
    --ep-neutral-gray-gray-L02: rgb(254, 254, 254);
    --ep-neutral-gray-gray-L03: rgb(233, 241, 255);
    --ep-neutral-gray-gray-L04: rgb(221, 232, 255);
    --ep-neutral-gray-gray-L05: rgb(219, 228, 244);
    --ep-neutral-gray-gray-L06: rgb(205, 216, 238);
    --ep-neutral-gray-gray-L07: rgb(216, 222, 234);
    --ep-neutral-gray-gray-L08: rgb(187, 203, 235);
    --ep-neutral-gray-gray-L09: rgb(90, 174, 226);
    --ep-neutral-gray-gray-L10: rgb(62, 111, 141);
    --ep-neutral-transparent: rgba(255, 255, 255, 0);
    --ep-default-font-family: "Prompt", -apple-system, "Roboto", sans-serif;
    --ep-color-background-fill-body-default: var(--ep-neutral-gray-gray-L01);
    --ep-color-background-fill-surface-raised-L1: var(--ep-neutral-gray-gray-L03);
    --ep-color-background-fill-surface-raised-L2: var(--ep-neutral-gray-gray-L04);
    --ep-color-background-fill-surface-lowered: var(--ep-neutral-gray-gray-L02);
    --ep-color-background-fill-top-nav-primary: var(--ep-neutral-gray-gray-L03);
    --ep-color-background-fill-top-nav-secondary: var(--ep-neutral-gray-gray-L03);
    --ep-color-background-fill-foot-bar: var(--ep-neutral-gray-gray-L02);
    --ep-color-background-fill-active-primary: var(--ep-primary-primary-500);
    --ep-color-background-fill-active-active: var(--ep-primary-primary-600);
    --ep-color-background-fill-active-disabled: var(--ep-primary-primary-300);
    --ep-color-background-fill-tips: var(--ep-primary-primary-500);
    --ep-color-background-fill-glow-primary-opacity-40: var(--ep-primary-primary-Opacity);
    --ep-color-background-fill-glow-primary-opacity-100: var(--ep-primary-primary-500);
    --ep-color-background-fill-glow-secondary-opacity-40: var(--ep-inverse-inverse-Opacity);
    --ep-color-background-fill-glow-secondary-opacity-100: var(--ep-inverse-inverse-500);
    --ep-color-background-fill-gradients-primary-a: var(--ep-primary-primary-300);
    --ep-color-background-fill-gradients-primary-b: var(--ep-primary-primary-400);
    --ep-color-background-fill-gradients-secondary-a: var(--ep-tertiary-tertiary-400);
    --ep-color-background-fill-gradients-secondary-b: var(--ep-primary-primary-200);
    --ep-color-background-fill-gradients-tertiary-a: var(--ep-tertiary-tertiary-800);
    --ep-color-background-fill-gradients-tertiary-b: var(--ep-primary-primary-500);
    --ep-color-background-fill-gradients-tertiary-weak-a: var(--ep-tertiary-tertiary-800);
    --ep-color-background-fill-gradients-tertiary-weak-b: var(--ep-inverse-inverse-800);
    --ep-color-border-default: var(--ep-neutral-gray-gray-L06);
    --ep-color-border-brand: var(--ep-primary-primary-500);
    --ep-color-border-selected: var(--ep-primary-primary-500);
    --ep-color-border-danger: var(--ep-accent-red);
    --ep-color-border-warning: var(--ep-accent-orange);
    --ep-color-border-success: var(--ep-accent-green);
    --ep-color-border-highlight: var(--ep-accent-yellow);
    --ep-color-border-highlight-white: var(--ep-neutral-white-white-100);
    --ep-color-text-brand-primary: var(--ep-primary-primary-500);
    --ep-color-text-selected: var(--ep-primary-primary-500);
    --ep-color-text-default: var(--ep-neutral-black-black-100);
    --ep-color-text-weak: var(--ep-neutral-black-black-60);
    --ep-color-text-weaker: var(--ep-neutral-black-black-40);
    --ep-color-text-weakest: var(--ep-neutral-black-black-20);
    --ep-color-text-inverse: var(--ep-neutral-white-white-100);
    --ep-color-text-inverse-disabled: var(--ep-neutral-white-white-80);
    --ep-color-text-danger: var(--ep-accent-red);
    --ep-color-text-warning: var(--ep-accent-orange);
    --ep-color-text-success: var(--ep-accent-green);
    --ep-color-text-info: var(--ep-accent-blue);
    --ep-color-text-highlight-white: var(--ep-neutral-white-white-100);
    --ep-color-text-highlight-white-weak: var(--ep-neutral-white-white-60);
    --ep-color-text-highlight-white-weaker: var(--ep-neutral-white-white-40);
    --ep-color-text-highlight-white-weakest: var(--ep-neutral-white-white-20);
    --ep-color-text-highlight: var(--ep-accent-yellow);
    --ep-color-text-navigation-default: var(--ep-neutral-black-black-40);
    --ep-color-text-navigation-selected: var(--ep-neutral-black-black-100);
    --ep-color-icon-brand-primary: var(--ep-primary-primary-500);
    --ep-color-icon-brand-secondary: var(--ep-inverse-inverse-500);
    --ep-color-icon-selected: var(--ep-primary-primary-500);
    --ep-color-icon-default: var(--ep-primary-primary-500);
    --ep-color-icon-weaker: var(--ep-neutral-black-black-60);
    --ep-color-icon-inverse: var(--ep-neutral-white-white-100);
    --ep-color-icon-inverse-disabled: var(--ep-neutral-white-white-40);
    --ep-color-icon-tips: var(--ep-accent-red);
    --ep-color-icon-danger: var(--ep-accent-red);
    --ep-color-icon-warning: var(--ep-accent-orange);
    --ep-color-icon-success: var(--ep-accent-green);
    --ep-color-icon-info: var(--ep-accent-blue);
    --ep-color-icon-highlight-white: var(--ep-neutral-white-white-100);
    --ep-color-icon-highlight: var(--ep-accent-yellow);
    --ep-color-icon-navigation-default: var(--ep-neutral-black-black-40);
    --ep-color-icon-navigation-selected: var(--ep-primary-primary-500);
    --ep-font-family: var(--ep-default-font-family);
    --ep-font-size-xs: var(--ep-values-10);
    --ep-font-size-s: var(--ep-values-12);
    --ep-font-size-m: var(--ep-values-14);
    --ep-font-size-l: var(--ep-values-16);
    --ep-font-size-xl: var(--ep-values-18);
    --ep-font-size-xxl: var(--ep-values-24);
    --ep-font-size-xxxl: var(--ep-values-36);
    --ep-font-size-xxxxl: var(--ep-values-70);
    --ep-font-weight-light: var(--ep-values-200);
    --ep-font-weight-regular: var(--ep-values-400);
    --ep-font-weight-medium: var(--ep-values-600);
    --ep-font-weight-bold: var(--ep-values-700);
    --ep-border-radius-xs: var(--ep-values-2);
    --ep-border-radius-s: var(--ep-values-4);
    --ep-border-radius-m: var(--ep-values-6);
    --ep-border-radius-l: var(--ep-values-8);
    --ep-border-radius-xl: var(--ep-values-10);
    --ep-border-radius-surface-small: var(--ep-values-12);
    --ep-border-radius-surface-default: var(--ep-values-14);
    --ep-border-radius-surface-large: var(--ep-values-20);
    --ep-border-radius-infinity: var(--ep-values-infinity);
    --ep-color-btn-level-1-bg: rgba(255, 255, 255, 0);
    --ep-color-btn-level-1-text: rgba(255, 255, 255, 0);
    --ep-color-btn-level-1-border: rgba(255, 255, 255, 0);
    --ep-color-btn-level-2-bg: var(--ep-dynamic-secondary);
    --ep-color-btn-level-2-text: var(--ep-color-text-brand-primary);
    --ep-color-btn-level-2-border: var(--ep-neutral-transparent);
    --ep-color-btn-level-3-bg: var(--ep-dynamic-primary);
    --ep-color-btn-level-3-text: var(--ep-color-text-inverse);
    --ep-color-btn-level-3-border: var(--ep-neutral-transparent);
    --ep-color-btn-level-4-bg: rgba(255, 255, 255, 0);
    --ep-color-btn-level-4-text: rgba(255, 255, 255, 0);
    --ep-color-btn-level-4-border: rgba(255, 255, 255, 0);
    --ep-dynamic-primary: linear-gradient(90deg, var(--ep-color-background-fill-gradients-primary-a, #A3CBFF) -27.5%, var(--ep-color-background-fill-gradients-primary-b, #5284F2) 127.5%);
    --ep-dynamic-secondary: linear-gradient(90deg, var(--ep-color-background-fill-gradients-secondary-a, #DEE0FF) -27.5%, var(--ep-color-background-fill-gradients-secondary-b, #C2D4FE) 127.5%);
    --ep-dynamic-tertiary: linear-gradient(90deg, var(--ep-color-background-fill-gradients-tertiary-a, #694CFF) -27.5%, var(--ep-color-background-fill-gradients-tertiary-b, #6687F6) 127.5%);
    --ep-dynamic-tertiary-weak: linear-gradient(270deg, var(--ep-color-background-fill-gradients-tertiary-weak-a, #694CFF) 0%, var(--ep-color-background-fill-gradients-tertiary-weak-b, #5064FF) 100%);
    --ion-font-family: var(--ep-font-family);
    --ion-background-color: var(--ep-color-background-fill-body-default)
}

.mystlight-blue * {
    font-family: var(--ep-font-family)
}

.neo-blue {
    --ep-accent-blue: rgb(92, 130, 245);
    --ep-accent-red: rgb(230, 64, 33);
    --ep-accent-orange: rgb(252, 151, 76);
    --ep-accent-green: rgb(83, 193, 84);
    --ep-accent-yellow: rgb(245, 200, 76);
    --ep-neutral-white-white-100: rgb(255, 255, 255);
    --ep-neutral-white-white-90: rgba(255, 255, 255, .9);
    --ep-neutral-white-white-80: rgba(255, 255, 255, .8);
    --ep-neutral-white-white-70: rgba(255, 255, 255, .7);
    --ep-neutral-white-white-60: rgba(255, 255, 255, .6);
    --ep-neutral-white-white-50: rgba(255, 255, 255, .5);
    --ep-neutral-white-white-40: rgba(255, 255, 255, .4);
    --ep-neutral-white-white-30: rgba(255, 255, 255, .3);
    --ep-neutral-white-white-20: rgba(255, 255, 255, .2);
    --ep-neutral-white-white-10: rgba(255, 255, 255, .1);
    --ep-neutral-black-black-100: rgb(0, 0, 0);
    --ep-neutral-black-black-90: rgba(0, 0, 0, .9);
    --ep-neutral-black-black-80: rgba(0, 0, 0, .8);
    --ep-neutral-black-black-70: rgba(0, 0, 0, .7);
    --ep-neutral-black-black-60: rgba(0, 0, 0, .6);
    --ep-neutral-black-black-50: rgba(0, 0, 0, .5);
    --ep-neutral-black-black-40: rgba(0, 0, 0, .4);
    --ep-neutral-black-black-30: rgba(0, 0, 0, .3);
    --ep-neutral-black-black-20: rgba(0, 0, 0, .2);
    --ep-neutral-black-black-10: rgba(0, 0, 0, .1);
    --ep-values-2: .125rem;
    --ep-values-4: .25rem;
    --ep-values-6: .375rem;
    --ep-values-8: .5rem;
    --ep-values-10: .625rem;
    --ep-values-12: .75rem;
    --ep-values-14: .875rem;
    --ep-values-16: 1rem;
    --ep-values-18: 1.125rem;
    --ep-values-20: 1.25rem;
    --ep-values-24: 1.5rem;
    --ep-values-32: 2rem;
    --ep-values-36: 2.25rem;
    --ep-values-70: 4.375rem;
    --ep-values-200: 200;
    --ep-values-400: 400;
    --ep-values-600: 600;
    --ep-values-700: 700;
    --ep-values-900: 900;
    --ep-values-infinity: 9999px;
    --ep-primary-primary-900: rgb(24, 59, 95);
    --ep-primary-primary-800: rgb(32, 77, 125);
    --ep-primary-primary-700: rgb(41, 99, 161);
    --ep-primary-primary-600: rgb(53, 127, 207);
    --ep-primary-primary-500: rgb(10, 119, 218);
    --ep-primary-primary-400: rgb(97, 163, 233);
    --ep-primary-primary-300: rgb(123, 178, 236);
    --ep-primary-primary-200: rgb(164, 202, 242);
    --ep-primary-primary-100: rgb(194, 219, 246);
    --ep-primary-primary-Opacity: rgba(10, 119, 218, .4);
    --ep-secondary-secondary-900: rgb(35, 88, 36);
    --ep-secondary-secondary-800: rgb(38, 111, 39);
    --ep-secondary-secondary-700: rgb(45, 140, 46);
    --ep-secondary-secondary-600: rgb(60, 171, 62);
    --ep-secondary-secondary-500: rgb(83, 193, 84);
    --ep-secondary-secondary-400: rgb(101, 217, 102);
    --ep-secondary-secondary-300: rgb(151, 222, 152);
    --ep-secondary-secondary-200: rgb(197, 237, 197);
    --ep-secondary-secondary-100: rgb(225, 247, 225);
    --ep-secondary-secondary-Opacity: rgba(83, 193, 84, .4);
    --ep-tertiary-tertiary-900: rgb(7, 71, 115);
    --ep-tertiary-tertiary-800: rgb(1, 86, 139);
    --ep-tertiary-tertiary-700: rgb(0, 100, 169);
    --ep-tertiary-tertiary-600: rgb(0, 127, 209);
    --ep-tertiary-tertiary-500: rgb(12, 168, 252);
    --ep-tertiary-tertiary-400: rgb(46, 185, 255);
    --ep-tertiary-tertiary-300: rgb(119, 208, 255);
    --ep-tertiary-tertiary-200: rgb(183, 228, 255);
    --ep-tertiary-tertiary-100: rgb(222, 241, 255);
    --ep-tertiary-tertiary-Opacity: rgba(12, 168, 252, .4);
    --ep-inverse-inverse-900: rgb(87, 26, 38);
    --ep-inverse-inverse-800: rgb(114, 35, 50);
    --ep-inverse-inverse-700: rgb(147, 45, 65);
    --ep-inverse-inverse-600: rgb(188, 57, 83);
    --ep-inverse-inverse-500: rgb(102, 186, 32);
    --ep-inverse-inverse-400: rgb(217, 101, 124);
    --ep-inverse-inverse-300: rgb(223, 126, 145);
    --ep-inverse-inverse-200: rgb(233, 167, 180);
    --ep-inverse-inverse-100: rgb(240, 195, 204);
    --ep-inverse-inverse-Opacity: rgba(250, 188, 52, .4);
    --ep-neutral-gray-gray-L01: rgb(16, 27, 60);
    --ep-neutral-gray-gray-L02: rgb(19, 31, 66);
    --ep-neutral-gray-gray-L03: rgb(24, 37, 78);
    --ep-neutral-gray-gray-L04: rgb(29, 42, 85);
    --ep-neutral-gray-gray-L05: rgb(30, 45, 103);
    --ep-neutral-gray-gray-L06: rgb(72, 87, 134);
    --ep-neutral-gray-gray-L07: rgb(95, 111, 162);
    --ep-neutral-gray-gray-L08: rgb(126, 138, 179);
    --ep-neutral-gray-gray-L09: rgb(192, 197, 216);
    --ep-neutral-gray-gray-L10: rgb(223, 226, 236);
    --ep-neutral-transparent: rgba(255, 255, 255, 0);
    --ep-default-font-family: "Prompt", -apple-system, "Roboto", sans-serif;
    --ep-font-family: "Prompt", -apple-system, "Roboto", sans-serif;
    --ep-border-radius-surface-default: 0;
    --ep-font-family: var(--ep-default-font-family);
    --ep-font-size-xs: var(--ep-values-10);
    --ep-font-size-s: var(--ep-values-12);
    --ep-font-size-m: var(--ep-values-14);
    --ep-font-size-l: var(--ep-values-16);
    --ep-font-size-xl: var(--ep-values-18);
    --ep-font-size-xxl: var(--ep-values-24);
    --ep-font-size-xxxl: var(--ep-values-36);
    --ep-font-size-xxxxl: var(--ep-values-70);
    --ep-font-weight-light: var(--ep-values-200);
    --ep-font-weight-regular: var(--ep-values-400);
    --ep-font-weight-medium: var(--ep-values-600);
    --ep-font-weight-bold: var(--ep-values-700);
    --ep-border-radius-xs: var(--ep-values-2);
    --ep-border-radius-s: var(--ep-values-4);
    --ep-border-radius-m: var(--ep-values-6);
    --ep-border-radius-l: var(--ep-values-8);
    --ep-border-radius-xl: var(--ep-values-10);
    --ep-border-radius-surface-small: var(--ep-values-12);
    --ep-border-radius-surface-large: var(--ep-values-20);
    --ep-border-radius-infinity: var(--ep-values-infinity);
    --ep-color-background-fill-body-default: var(--ep-neutral-gray-gray-L02);
    --ep-color-background-fill-surface-raised-L1: var(--ep-neutral-gray-gray-L03);
    --ep-color-background-fill-surface-raised-L2: var(--ep-neutral-gray-gray-L04);
    --ep-color-background-fill-surface-lowered: var(--ep-neutral-gray-gray-L01);
    --ep-color-background-fill-top-nav-primary: var(--ep-neutral-gray-gray-L03);
    --ep-color-background-fill-top-nav-secondary: var(--ep-neutral-gray-gray-L03);
    --ep-color-background-fill-foot-bar: var(--ep-neutral-gray-gray-L02);
    --ep-color-background-fill-active-primary: var(--ep-primary-primary-500);
    --ep-color-background-fill-active-active: var(--ep-primary-primary-600);
    --ep-color-background-fill-active-disabled: var(--ep-primary-primary-900);
    --ep-color-background-fill-tips: var(--ep-primary-primary-500);
    --ep-color-background-fill-glow-primary-opacity-40: var(--ep-primary-primary-Opacity);
    --ep-color-background-fill-glow-primary-opacity-100: var(--ep-primary-primary-500);
    --ep-color-background-fill-glow-secondary-opacity-40: var(--ep-inverse-inverse-Opacity);
    --ep-color-background-fill-glow-secondary-opacity-100: var(--ep-inverse-inverse-500);
    --ep-color-background-fill-gradients-primary-a: var(--ep-primary-primary-500);
    --ep-color-background-fill-gradients-primary-b: var(--ep-inverse-inverse-500);
    --ep-color-background-fill-gradients-secondary-a: var(--ep-neutral-gray-gray-L04);
    --ep-color-background-fill-gradients-secondary-b: var(--ep-primary-primary-900);
    --ep-color-background-fill-gradients-tertiary-a: var(--ep-primary-primary-600);
    --ep-color-background-fill-gradients-tertiary-b: var(--ep-inverse-inverse-500);
    --ep-color-border-default: var(--ep-neutral-gray-gray-L05);
    --ep-color-border-brand: var(--ep-primary-primary-500);
    --ep-color-border-selected: var(--ep-primary-primary-500);
    --ep-color-border-danger: var(--ep-accent-red);
    --ep-color-border-warning: var(--ep-accent-orange);
    --ep-color-border-success: var(--ep-accent-green);
    --ep-color-border-highlight: var(--ep-accent-yellow);
    --ep-color-border-highlight-white: var(--ep-neutral-white-white-100);
    --ep-color-text-brand-primary: var(--ep-primary-primary-500);
    --ep-color-text-selected: var(--ep-primary-primary-500);
    --ep-color-text-default: var(--ep-neutral-white-white-100);
    --ep-color-text-weak: var(--ep-neutral-white-white-60);
    --ep-color-text-weaker: var(--ep-neutral-white-white-40);
    --ep-color-text-weakest: var(--ep-neutral-white-white-20);
    --ep-color-text-inverse: var(--ep-neutral-white-white-100);
    --ep-color-text-inverse-disabled: var(--ep-neutral-white-white-40);
    --ep-color-text-danger: var(--ep-accent-red);
    --ep-color-text-warning: var(--ep-accent-orange);
    --ep-color-text-success: var(--ep-accent-green);
    --ep-color-text-info: var(--ep-accent-blue);
    --ep-color-text-highlight: var(--ep-accent-yellow);
    --ep-color-text-highlight-white: var(--ep-neutral-white-white-100);
    --ep-color-text-highlight-white-weak: var(--ep-neutral-white-white-60);
    --ep-color-text-highlight-white-weaker: var(--ep-neutral-white-white-40);
    --ep-color-text-highlight-white-weakest: var(--ep-neutral-white-white-20);
    --ep-color-text-navigation-default: var(--ep-neutral-white-white-40);
    --ep-color-text-navigation-selected: var(--ep-neutral-white-white-100);
    --ep-color-icon-brand-primary: var(--ep-primary-primary-500);
    --ep-color-icon-brand-secondary: var(--ep-inverse-inverse-500);
    --ep-color-icon-selected: var(--ep-primary-primary-500);
    --ep-color-icon-default: var(--ep-neutral-white-white-100);
    --ep-color-icon-weaker: var(--ep-neutral-white-white-40);
    --ep-color-icon-inverse: var(--ep-neutral-white-white-100);
    --ep-color-icon-inverse-disabled: var(--ep-neutral-white-white-40);
    --ep-color-icon-tips: var(--ep-accent-red);
    --ep-color-icon-danger: var(--ep-accent-red);
    --ep-color-icon-warning: var(--ep-accent-orange);
    --ep-color-icon-success: var(--ep-accent-green);
    --ep-color-icon-info: var(--ep-accent-blue);
    --ep-color-icon-highlight-white: var(--ep-neutral-white-white-100);
    --ep-color-icon-highlight: var(--ep-accent-yellow);
    --ep-color-icon-navigation-default: var(--ep-neutral-white-white-40);
    --ep-color-icon-navigation-selected: var(--ep-primary-primary-500);
    --ep-color-btn-level-1-bg: rgba(255, 255, 255, 0);
    --ep-color-btn-level-1-text: rgb(255, 255, 255);
    --ep-color-btn-level-1-border: rgb(255, 255, 255);
    --ep-color-btn-level-2-bg: var(--ep-dynamic-primary);
    --ep-color-btn-level-2-text: var(--ep-color-text-inverse);
    --ep-color-btn-level-2-border: var(--ep-neutral-transparent);
    --ep-color-btn-level-3-bg: var(--ep-dynamic-tertiary);
    --ep-color-btn-level-3-text: var(--ep-color-text-inverse);
    --ep-color-btn-level-3-border: var(--ep-neutral-transparent);
    --ep-color-btn-level-4-bg: rgba(255, 255, 255, 0);
    --ep-color-btn-level-4-text: rgb(255, 255, 255);
    --ep-color-btn-level-4-border: rgb(255, 255, 255);
    --ep-dynamic-primary: linear-gradient(90deg, var(--ep-color-background-fill-gradients-primary-a, #0A77DA) -27.5%, var(--ep-color-background-fill-gradients-primary-a, #0A77DA) 127.5%);
    --ep-dynamic-secondary: linear-gradient(90deg, var(--ep-color-background-fill-gradients-secondary-a, rgb(29, 42, 85)) -27.5%, var(--ep-color-background-fill-gradients-secondary-a, rgb(29, 42, 85)) 127.5%);
    --ep-dynamic-tertiary: linear-gradient(90deg, var(--ep-color-background-fill-gradients-tertiary-a, #357FCF) -27.5%, var(--ep-color-background-fill-gradients-tertiary-b, #66BA20) 127.5%);
    --ion-font-family: var(--ep-font-family);
    --ion-background-color: var(--ep-color-background-fill-body-default)
}

.neo-blue * {
    font-family: var(--ep-font-family)
}

.phantom-blue {
    --ep-default-font-family: "Prompt", -apple-system, "Roboto", sans-serif;
    --ep-values-2: .125rem;
    --ep-values-4: .25rem;
    --ep-values-6: .375rem;
    --ep-values-8: .5rem;
    --ep-values-10: .625rem;
    --ep-values-12: .75rem;
    --ep-values-14: .875rem;
    --ep-values-16: 1rem;
    --ep-values-18: 1.125rem;
    --ep-values-20: 1.25rem;
    --ep-values-22: 1.375rem;
    --ep-values-24: 1.5rem;
    --ep-values-36: 2.25rem;
    --ep-values-infinity: 624.9375rem;
    --ep-values-200: 200;
    --ep-values-400: 400;
    --ep-values-600: 600;
    --ep-values-700: 700;
    --ep-values-900: 900;
    --ep-accent-blue: #5C82F5;
    --ep-accent-red: #E64021;
    --ep-accent-orange: #FC974C;
    --ep-accent-green: #53C154;
    --ep-accent-yellow: #F5C84C;
    --ep-neutral-white-white-100: rgba(255, 255, 255, 1);
    --ep-neutral-white-white-90: rgba(255, 255, 255, .9);
    --ep-neutral-white-white-80: rgba(255, 255, 255, .8);
    --ep-neutral-white-white-70: rgba(255, 255, 255, .7);
    --ep-neutral-white-white-60: rgba(255, 255, 255, .6);
    --ep-neutral-white-white-50: rgba(255, 255, 255, .5);
    --ep-neutral-white-white-40: rgba(255, 255, 255, .4);
    --ep-neutral-white-white-30: rgba(255, 255, 255, .3);
    --ep-neutral-white-white-20: rgba(255, 255, 255, .2);
    --ep-neutral-white-white-10: rgba(255, 255, 255, .1);
    --ep-neutral-black-black-100: rgba(0, 0, 0, 1);
    --ep-neutral-black-black-90: rgba(0, 0, 0, .9);
    --ep-neutral-black-black-80: rgba(0, 0, 0, .8);
    --ep-neutral-black-black-70: rgba(0, 0, 0, .7);
    --ep-neutral-black-black-60: rgba(0, 0, 0, .6);
    --ep-neutral-black-black-50: rgba(0, 0, 0, .5);
    --ep-neutral-black-black-40: rgba(0, 0, 0, .4);
    --ep-neutral-black-black-30: rgba(0, 0, 0, .3);
    --ep-neutral-black-black-20: rgba(0, 0, 0, .2);
    --ep-neutral-black-black-10: rgba(0, 0, 0, .1);
    --ep-primary-primary-900: rgba(24, 59, 95, 1);
    --ep-primary-primary-800: rgba(32, 77, 125, 1);
    --ep-primary-primary-700: rgba(41, 99, 161, 1);
    --ep-primary-primary-600: rgba(53, 127, 207, 1);
    --ep-primary-primary-500: rgba(58, 142, 227, 1);
    --ep-primary-primary-400: rgba(97, 163, 233, 1);
    --ep-primary-primary-300: rgba(123, 178, 236, 1);
    --ep-primary-primary-200: rgba(164, 202, 242, 1);
    --ep-primary-primary-100: rgba(194, 219, 246, 1);
    --ep-primary-primary-Opacity: rgba(58, 140, 227, .4);
    --ep-secondary-secondary-900: rgba(35, 88, 36, 1);
    --ep-secondary-secondary-800: rgba(38, 111, 39, 1);
    --ep-secondary-secondary-700: rgba(45, 140, 46, 1);
    --ep-secondary-secondary-600: rgba(60, 171, 62, 1);
    --ep-secondary-secondary-500: rgba(83, 193, 84, 1);
    --ep-secondary-secondary-400: rgba(101, 217, 102, 1);
    --ep-secondary-secondary-300: rgba(151, 222, 152, 1);
    --ep-secondary-secondary-200: rgba(197, 237, 197, 1);
    --ep-secondary-secondary-100: rgba(225, 247, 225, 1);
    --ep-secondary-secondary-Opacity: rgba(83, 193, 84, .4);
    --ep-tertiary-tertiary-900: rgba(7, 71, 115, 1);
    --ep-tertiary-tertiary-800: rgba(1, 86, 139, 1);
    --ep-tertiary-tertiary-700: rgba(0, 100, 169, 1);
    --ep-tertiary-tertiary-600: rgba(0, 127, 209, 1);
    --ep-tertiary-tertiary-500: rgba(12, 168, 252, 1);
    --ep-tertiary-tertiary-400: rgba(46, 185, 255, 1);
    --ep-tertiary-tertiary-300: rgba(119, 208, 255, 1);
    --ep-tertiary-tertiary-200: rgba(183, 228, 255, 1);
    --ep-tertiary-tertiary-100: rgba(222, 241, 255, 1);
    --ep-tertiary-tertiary-Opacity: rgba(12, 168, 252, .4);
    --ep-inverse-inverse-900: rgba(87, 26, 38, 1);
    --ep-inverse-inverse-800: rgba(114, 35, 50, 1);
    --ep-inverse-inverse-700: rgba(147, 45, 65, 1);
    --ep-inverse-inverse-600: rgba(188, 57, 83, 1);
    --ep-inverse-inverse-500: rgba(207, 63, 91, 1);
    --ep-inverse-inverse-400: rgba(217, 101, 124, 1);
    --ep-inverse-inverse-300: rgba(223, 126, 145, 1);
    --ep-inverse-inverse-200: rgba(233, 167, 180, 1);
    --ep-inverse-inverse-100: rgba(240, 195, 204, 1);
    --ep-inverse-inverse-Opacity: rgba(207, 63, 91, .4);
    --ep-neutral-gray-gray-L01: rgba(10, 11, 18, 1);
    --ep-neutral-gray-gray-L02: rgba(16, 18, 29, 1);
    --ep-neutral-gray-gray-L03: rgba(20, 24, 37, 1);
    --ep-neutral-gray-gray-L04: rgba(26, 31, 48, 1);
    --ep-neutral-gray-gray-L05: rgba(36, 43, 66, 1);
    --ep-neutral-gray-gray-L06: rgba(72, 87, 134, 1);
    --ep-neutral-gray-gray-L07: rgba(95, 111, 162, 1);
    --ep-neutral-gray-gray-L08: rgba(126, 138, 179, 1);
    --ep-neutral-gray-gray-L09: rgba(192, 197, 216, 1);
    --ep-neutral-gray-gray-L10: rgba(223, 226, 236, 1);
    --ep-neutral-transparent: rgba(255, 255, 255, 0);
    --ep-font-family: var(--ep-default-font-family);
    --ep-font-size-xs: var(--ep-values-10);
    --ep-font-size-s: var(--ep-values-12);
    --ep-font-size-m: var(--ep-values-14);
    --ep-font-size-l: var(--ep-values-16);
    --ep-font-size-xl: var(--ep-values-18);
    --ep-font-size-xxl: var(--ep-values-24);
    --ep-font-size-xxxl: var(--ep-values-36);
    --ep-font-weight-light: var(--ep-values-200);
    --ep-font-weight-regular: var(--ep-values-400);
    --ep-font-weight-medium: var(--ep-values-600);
    --ep-font-weight-bold: var(--ep-values-700);
    --ep-border-radius-xs: var(--ep-values-2);
    --ep-border-radius-s: var(--ep-values-4);
    --ep-border-radius-m: var(--ep-values-6);
    --ep-border-radius-l: var(--ep-values-8);
    --ep-border-radius-xl: var(--ep-values-10);
    --ep-border-radius-surface-small: var(--ep-values-12);
    --ep-border-radius-surface-default: var(--ep-values-14);
    --ep-border-radius-surface-large: var(--ep-values-20);
    --ep-border-radius-infinity: var(--ep-values-infinity);
    --ep-color-background-fill-body-default: var(--ep-neutral-gray-gray-L02);
    --ep-color-background-fill-surface-raised-L1: var(--ep-neutral-gray-gray-L03);
    --ep-color-background-fill-surface-raised-L2: var(--ep-neutral-gray-gray-L04);
    --ep-color-background-fill-surface-lowered: var(--ep-neutral-gray-gray-L01);
    --ep-color-background-fill-top-nav-primary: var(--ep-neutral-gray-gray-L03);
    --ep-color-background-fill-top-nav-secondary: var(--ep-neutral-gray-gray-L03);
    --ep-color-background-fill-foot-bar: var(--ep-neutral-gray-gray-L02);
    --ep-color-background-fill-active-primary: var(--ep-primary-primary-500);
    --ep-color-background-fill-active-active: var(--ep-primary-primary-600);
    --ep-color-background-fill-active-disabled: var(--ep-primary-primary-900);
    --ep-color-background-fill-tips: var(--ep-primary-primary-500);
    --ep-color-background-fill-glow-primary-opacity-40: var(--ep-primary-primary-Opacity);
    --ep-color-background-fill-glow-primary-opacity-100: var(--ep-primary-primary-500);
    --ep-color-background-fill-glow-secondary-opacity-40: var(--ep-inverse-inverse-Opacity);
    --ep-color-background-fill-glow-secondary-opacity-100: var(--ep-inverse-inverse-500);
    --ep-color-background-fill-gradients-primary-a: var(--ep-primary-primary-500);
    --ep-color-background-fill-gradients-primary-b: var(--ep-inverse-inverse-500);
    --ep-color-background-fill-gradients-secondary-a: var(--ep-neutral-gray-gray-L04);
    --ep-color-background-fill-gradients-secondary-b: var(--ep-primary-primary-900);
    --ep-color-background-fill-gradients-tertiary-a: var(--ep-primary-primary-600);
    --ep-color-background-fill-gradients-tertiary-b: var(--ep-secondary-secondary-700);
    --ep-color-background-fill-gradients-tertiary-weak-a: var(--ep-neutral-gray-gray-L04);
    --ep-color-background-fill-gradients-tertiary-weak-b: var(--ep-primary-primary-900);
    --ep-color-border-default: var(--ep-neutral-gray-gray-L05);
    --ep-color-border-brand: var(--ep-primary-primary-500);
    --ep-color-border-selected: var(--ep-primary-primary-500);
    --ep-color-border-danger: var(--ep-accent-red);
    --ep-color-border-warning: var(--ep-accent-orange);
    --ep-color-border-success: var(--ep-accent-green);
    --ep-color-border-highlight: var(--ep-accent-yellow);
    --ep-color-border-highlight-white: var(--ep-neutral-white-white-100);
    --ep-color-btn-level-1-bg: rgba(255, 255, 255, 0);
    --ep-color-btn-level-1-text: rgba(255, 255, 255, 0);
    --ep-color-btn-level-1-border: rgba(255, 255, 255, 0);
    --ep-color-btn-level-2-bg: var(--ep-dynamic-secondary);
    --ep-color-btn-level-2-text: var(--ep-color-text-brand-primary);
    --ep-color-btn-level-2-border: var(--ep-neutral-transparent);
    --ep-color-btn-level-3-bg: var(--ep-dynamic-primary);
    --ep-color-btn-level-3-text: var(--ep-color-text-inverse);
    --ep-color-btn-level-3-border: var(--ep-neutral-transparent);
    --ep-color-btn-level-4-bg: rgba(255, 255, 255, 0);
    --ep-color-btn-level-4-text: rgba(255, 255, 255, 0);
    --ep-color-btn-level-4-border: rgba(255, 255, 255, 0);
    --ep-color-text-brand-primary: var(--ep-primary-primary-500);
    --ep-color-text-selected: var(--ep-primary-primary-500);
    --ep-color-text-default: var(--ep-neutral-white-white-100);
    --ep-color-text-weak: var(--ep-neutral-white-white-60);
    --ep-color-text-weaker: var(--ep-neutral-white-white-40);
    --ep-color-text-weakest: var(--ep-neutral-white-white-20);
    --ep-color-text-inverse: var(--ep-neutral-white-white-100);
    --ep-color-text-inverse-disabled: var(--ep-neutral-white-white-40);
    --ep-color-text-danger: var(--ep-accent-red);
    --ep-color-text-warning: var(--ep-accent-orange);
    --ep-color-text-success: var(--ep-accent-green);
    --ep-color-text-info: var(--ep-accent-blue);
    --ep-color-text-highlight: var(--ep-accent-yellow);
    --ep-color-text-highlight-white: var(--ep-neutral-white-white-100);
    --ep-color-text-highlight-white-weak: var(--ep-neutral-white-white-60);
    --ep-color-text-highlight-white-weaker: var(--ep-neutral-white-white-40);
    --ep-color-text-highlight-white-weakest: var(--ep-neutral-white-white-20);
    --ep-color-text-navigation-default: var(--ep-neutral-white-white-40);
    --ep-color-text-navigation-selected: var(--ep-neutral-white-white-100);
    --ep-color-icon-brand-primary: var(--ep-primary-primary-500);
    --ep-color-icon-brand-secondary: var(--ep-inverse-inverse-500);
    --ep-color-icon-selected: var(--ep-primary-primary-500);
    --ep-color-icon-default: var(--ep-neutral-white-white-100);
    --ep-color-icon-weaker: var(--ep-neutral-white-white-40);
    --ep-color-icon-inverse: var(--ep-neutral-white-white-100);
    --ep-color-icon-inverse-disabled: var(--ep-neutral-white-white-40);
    --ep-color-icon-tips: var(--ep-accent-red);
    --ep-color-icon-danger: var(--ep-accent-red);
    --ep-color-icon-warning: var(--ep-accent-orange);
    --ep-color-icon-success: var(--ep-accent-green);
    --ep-color-icon-info: var(--ep-accent-blue);
    --ep-color-icon-highlight: var(--ep-accent-yellow);
    --ep-color-icon-highlight-white: var(--ep-neutral-white-white-100);
    --ep-color-icon-navigation-default: var(--ep-neutral-white-white-40);
    --ep-color-icon-navigation-selected: var(--ep-primary-primary-500);
    --ep-dynamic-primary: linear-gradient(90deg, var(--ep-color-background-fill-gradients-primary-a, #3A8EE3) -27.5%, var(--ep-color-background-fill-gradients-primary-b, #CF3F5B) 127.5%);
    --ep-dynamic-secondary: linear-gradient(90deg, var(--ep-color-background-fill-gradients-secondary-a, #3A8EE3) -27.5%, var(--ep-color-background-fill-gradients-secondary-b, #CF3F5B) 127.5%);
    --ep-dynamic-tertiary: linear-gradient(90deg, var(--ep-color-background-fill-gradients-tertiary-a, #3A8EE3) -27.5%, var(--ep-color-background-fill-gradients-tertiary-b, #CF3F5B) 127.5%);
    --ep-dynamic-tertiary-weak: linear-gradient(90deg, var(--ep-color-background-fill-gradients-tertiary-weak-a, #1A1F30) 0%, var(--ep-color-background-fill-gradients-tertiary-weak-b, #183B5F) 100%);
    --ion-font-family: var(--ep-font-family)
}

.phantom-blue * {
    font-family: var(--ep-font-family)
}

.prosperity-red {
    --ep-default-font-family: "Prompt", -apple-system, "Roboto", sans-serif;
    --ep-font-family: "Prompt", -apple-system, "Roboto", sans-serif;
    --ep-accent-blue: rgb(77, 153, 245);
    --ep-accent-red: rgb(237, 82, 84);
    --ep-accent-orange: rgb(240, 143, 71);
    --ep-accent-green: rgb(130, 237, 130);
    --ep-accent-yellow: rgb(245, 199, 77);
    --ep-neutral-white-white-100: rgb(255, 255, 255);
    --ep-neutral-white-white-90: rgba(255, 255, 255, .9);
    --ep-neutral-white-white-80: rgba(255, 255, 255, .8);
    --ep-neutral-white-white-70: rgba(255, 255, 255, .7);
    --ep-neutral-white-white-60: rgba(255, 255, 255, .6);
    --ep-neutral-white-white-50: rgba(255, 255, 255, .5);
    --ep-neutral-white-white-40: rgba(255, 255, 255, .4);
    --ep-neutral-white-white-30: rgba(255, 255, 255, .3);
    --ep-neutral-white-white-20: rgba(255, 255, 255, .2);
    --ep-neutral-white-white-10: rgba(255, 255, 255, .1);
    --ep-neutral-black-black-100: rgb(0, 0, 0);
    --ep-neutral-black-black-90: rgba(0, 0, 0, .9);
    --ep-neutral-black-black-80: rgba(0, 0, 0, .8);
    --ep-neutral-black-black-70: rgba(0, 0, 0, .7);
    --ep-neutral-black-black-60: rgba(0, 0, 0, .6);
    --ep-neutral-black-black-50: rgba(0, 0, 0, .5);
    --ep-neutral-black-black-40: rgba(0, 0, 0, .4);
    --ep-neutral-black-black-30: rgba(0, 0, 0, .3);
    --ep-neutral-black-black-20: rgba(0, 0, 0, .2);
    --ep-neutral-black-black-10: rgba(0, 0, 0, .1);
    --ep-values-2: .125rem;
    --ep-values-4: .25rem;
    --ep-values-6: .375rem;
    --ep-values-8: .5rem;
    --ep-values-10: .625rem;
    --ep-values-12: .75rem;
    --ep-values-14: .875rem;
    --ep-values-16: 1rem;
    --ep-values-18: 1.125rem;
    --ep-values-20: 1.25rem;
    --ep-values-24: 1.5rem;
    --ep-values-32: 2rem;
    --ep-values-36: 2.25rem;
    --ep-values-70: 4.375rem;
    --ep-values-200: 200;
    --ep-values-400: 400;
    --ep-values-600: 600;
    --ep-values-700: 700;
    --ep-values-900: 900;
    --ep-values-infinity: 9999px;
    --ep-values-angle-90: "90deg";
    --ep-primary-primary-900: rgb(84, 10, 13);
    --ep-primary-primary-800: rgb(125, 15, 20);
    --ep-primary-primary-700: rgb(163, 20, 28);
    --ep-primary-primary-600: rgb(199, 23, 31);
    --ep-primary-primary-500: rgb(232, 31, 36);
    --ep-primary-primary-400: rgb(247, 97, 99);
    --ep-primary-primary-300: rgb(255, 158, 158);
    --ep-primary-primary-200: rgb(255, 199, 201);
    --ep-primary-primary-100: rgb(255, 232, 235);
    --ep-primary-primary-Opacity: rgba(232, 31, 36, .4);
    --ep-secondary-secondary-900: rgb(0, 41, 97);
    --ep-secondary-secondary-800: rgb(0, 51, 125);
    --ep-secondary-secondary-700: rgb(0, 66, 163);
    --ep-secondary-secondary-600: rgb(0, 87, 209);
    --ep-secondary-secondary-500: rgb(0, 94, 230);
    --ep-secondary-secondary-400: rgb(84, 148, 237);
    --ep-secondary-secondary-300: rgb(138, 181, 242);
    --ep-secondary-secondary-200: rgb(176, 204, 247);
    --ep-secondary-secondary-100: rgb(230, 240, 252);
    --ep-secondary-secondary-Opacity: rgba(0, 94, 230, .4);
    --ep-tertiary-tertiary-900: rgb(84, 66, 94);
    --ep-tertiary-tertiary-800: rgb(105, 89, 122);
    --ep-tertiary-tertiary-700: rgb(130, 107, 148);
    --ep-tertiary-tertiary-600: rgb(153, 128, 171);
    --ep-tertiary-tertiary-500: rgb(171, 150, 191);
    --ep-tertiary-tertiary-400: rgb(204, 186, 214);
    --ep-tertiary-tertiary-300: rgb(222, 209, 230);
    --ep-tertiary-tertiary-200: rgb(237, 232, 242);
    --ep-tertiary-tertiary-100: rgb(247, 245, 250);
    --ep-tertiary-tertiary-Opacity: rgba(171, 150, 191, .4);
    --ep-inverse-inverse-900: rgb(13, 41, 122);
    --ep-inverse-inverse-800: rgb(18, 61, 163);
    --ep-inverse-inverse-700: rgb(23, 77, 194);
    --ep-inverse-inverse-600: rgb(33, 99, 230);
    --ep-inverse-inverse-500: rgb(46, 125, 255);
    --ep-inverse-inverse-400: rgb(84, 158, 255);
    --ep-inverse-inverse-300: rgb(138, 196, 255);
    --ep-inverse-inverse-200: rgb(191, 222, 255);
    --ep-inverse-inverse-100: rgb(232, 242, 255);
    --ep-inverse-inverse-Opacity: rgba(46, 125, 255, .4);
    --ep-neutral-gray-gray-L01: rgb(10, 10, 10);
    --ep-neutral-gray-gray-L02: rgb(18, 18, 18);
    --ep-neutral-gray-gray-L03: rgb(23, 23, 23);
    --ep-neutral-gray-gray-L04: rgb(28, 28, 28);
    --ep-neutral-gray-gray-L05: rgb(36, 36, 36);
    --ep-neutral-gray-gray-L06: rgb(69, 28, 28);
    --ep-neutral-gray-gray-L07: rgb(89, 38, 38);
    --ep-neutral-gray-gray-L08: rgb(112, 51, 51);
    --ep-neutral-gray-gray-L09: rgb(138, 66, 66);
    --ep-neutral-gray-gray-L10: rgb(166, 84, 84);
    --ep-neutral-transparent: rgba(255, 255, 255, 0);
    --ep-font-family: var(--ep-default-font-family);
    --ep-font-size-xs: var(--ep-values-10);
    --ep-font-size-s: var(--ep-values-12);
    --ep-font-size-m: var(--ep-values-14);
    --ep-font-size-l: var(--ep-values-16);
    --ep-font-size-xl: var(--ep-values-18);
    --ep-font-size-xxl: var(--ep-values-24);
    --ep-font-size-xxxl: var(--ep-values-36);
    --ep-font-size-xxxxl: var(--ep-values-70);
    --ep-font-weight-light: var(--ep-values-200);
    --ep-font-weight-regular: var(--ep-values-400);
    --ep-font-weight-medium: var(--ep-values-600);
    --ep-font-weight-bold: var(--ep-values-700);
    --ep-border-radius-xs: var(--ep-values-2);
    --ep-border-radius-s: var(--ep-values-4);
    --ep-border-radius-m: var(--ep-values-6);
    --ep-border-radius-l: var(--ep-values-8);
    --ep-border-radius-xl: var(--ep-values-10);
    --ep-border-radius-surface-small: var(--ep-values-12);
    --ep-border-radius-surface-large: var(--ep-values-20);
    --ep-border-radius-infinity: var(--ep-values-infinity);
    --ep-border-radius-surface-default: 0;
    --ep-color-btn-level-1-bg: rgba(255, 255, 255, 0);
    --ep-color-btn-level-1-text: rgb(255, 255, 255);
    --ep-color-btn-level-1-border: rgb(255, 255, 255);
    --ep-color-btn-level-2-bg: var(--ep-dynamic-primary);
    --ep-color-btn-level-2-text: var(--ep-color-text-inverse);
    --ep-color-btn-level-2-border: var(--ep-neutral-transparent);
    --ep-color-btn-level-3-bg: var(--ep-dynamic-tertiary);
    --ep-color-btn-level-3-text: var(--ep-color-text-inverse);
    --ep-color-btn-level-3-border: var(--ep-neutral-transparent);
    --ep-color-btn-level-4-bg: rgba(255, 255, 255, 0);
    --ep-color-btn-level-4-text: rgb(255, 255, 255);
    --ep-color-btn-level-4-border: rgb(255, 255, 255);
    --ep-color-icon-brand-primary: var(--ep-primary-primary-500);
    --ep-color-icon-brand-secondary: var(--ep-inverse-inverse-500);
    --ep-color-icon-selected: var(--ep-primary-primary-500);
    --ep-color-icon-default: var(--ep-neutral-white-white-100);
    --ep-color-icon-weaker: var(--ep-neutral-white-white-40);
    --ep-color-icon-inverse: var(--ep-neutral-white-white-100);
    --ep-color-icon-inverse-disabled: var(--ep-neutral-white-white-40);
    --ep-color-icon-tips: var(--ep-accent-red);
    --ep-color-icon-danger: var(--ep-accent-red);
    --ep-color-icon-warning: var(--ep-accent-orange);
    --ep-color-icon-success: var(--ep-accent-green);
    --ep-color-icon-info: var(--ep-accent-blue);
    --ep-color-icon-highlight-white: var(--ep-neutral-white-white-100);
    --ep-color-icon-highlight: var(--ep-accent-yellow);
    --ep-color-icon-navigation-default: var(--ep-neutral-white-white-40);
    --ep-color-icon-navigation-selected: var(--ep-primary-primary-500);
    --ep-color-text-brand-primary: var(--ep-primary-primary-500);
    --ep-color-text-selected: var(--ep-primary-primary-500);
    --ep-color-text-default: var(--ep-neutral-white-white-100);
    --ep-color-text-weak: var(--ep-neutral-white-white-60);
    --ep-color-text-weaker: var(--ep-neutral-white-white-40);
    --ep-color-text-weakest: var(--ep-neutral-white-white-20);
    --ep-color-text-inverse: var(--ep-neutral-white-white-100);
    --ep-color-text-inverse-disabled: var(--ep-neutral-white-white-40);
    --ep-color-text-danger: var(--ep-accent-red);
    --ep-color-text-warning: var(--ep-accent-orange);
    --ep-color-text-success: var(--ep-accent-green);
    --ep-color-text-info: var(--ep-accent-blue);
    --ep-color-text-highlight-white: var(--ep-neutral-white-white-100);
    --ep-color-text-highlight-white-weak: var(--ep-neutral-white-white-60);
    --ep-color-text-highlight-white-weaker: var(--ep-neutral-white-white-40);
    --ep-color-text-highlight-white-weakest: var(--ep-neutral-white-white-20);
    --ep-color-text-highlight: var(--ep-accent-yellow);
    --ep-color-text-navigation-default: var(--ep-neutral-white-white-40);
    --ep-color-text-navigation-selected: var(--ep-neutral-white-white-100);
    --ep-color-border-default: var(--ep-neutral-gray-gray-L05);
    --ep-color-border-brand: var(--ep-primary-primary-500);
    --ep-color-border-selected: var(--ep-primary-primary-500);
    --ep-color-border-danger: var(--ep-accent-red);
    --ep-color-border-warning: var(--ep-accent-orange);
    --ep-color-border-success: var(--ep-accent-green);
    --ep-color-border-highlight: var(--ep-accent-yellow);
    --ep-color-border-highlight-white: var(--ep-neutral-white-white-100);
    --ep-color-background-fill-body-default: var(--ep-neutral-gray-gray-L02);
    --ep-color-background-fill-surface-raised-L1: var(--ep-neutral-gray-gray-L03);
    --ep-color-background-fill-surface-raised-L2: var(--ep-neutral-gray-gray-L04);
    --ep-color-background-fill-surface-lowered: var(--ep-neutral-gray-gray-L01);
    --ep-color-background-fill-top-nav-primary: var(--ep-neutral-gray-gray-L03);
    --ep-color-background-fill-top-nav-secondary: var(--ep-neutral-gray-gray-L03);
    --ep-color-background-fill-foot-bar: var(--ep-neutral-gray-gray-L02);
    --ep-color-background-fill-active-primary: var(--ep-primary-primary-500);
    --ep-color-background-fill-active-active: var(--ep-primary-primary-600);
    --ep-color-background-fill-active-disabled: var(--ep-primary-primary-900);
    --ep-color-background-fill-tips: var(--ep-primary-primary-500);
    --ep-color-background-fill-glow-primary-opacity-40: var(--ep-primary-primary-Opacity);
    --ep-color-background-fill-glow-primary-opacity-100: var(--ep-primary-primary-500);
    --ep-color-background-fill-glow-secondary-opacity-40: var(--ep-inverse-inverse-Opacity);
    --ep-color-background-fill-glow-secondary-opacity-100: var(--ep-inverse-inverse-500);
    --ep-color-background-fill-gradients-primary-a: var(--ep-primary-primary-500);
    --ep-color-background-fill-gradients-primary-b: var(--ep-primary-primary-600);
    --ep-color-background-fill-gradients-secondary-a: var(--ep-neutral-gray-gray-L04);
    --ep-color-background-fill-gradients-secondary-b: var(--ep-primary-primary-900);
    --ep-color-background-fill-gradients-tertiary-a: var(--ep-inverse-inverse-500);
    --ep-color-background-fill-gradients-tertiary-b: var(--ep-inverse-inverse-700);
    --ep-color-background-fill-gradients-tertiary-weak-a: var(--ep-neutral-gray-gray-L04);
    --ep-color-background-fill-gradients-tertiary-weak-b: var(--ep-neutral-gray-gray-L04);
    --ep-dynamic-primary: linear-gradient(102deg, var(--ep-color-background-fill-gradients-primary-a, #E81F24) 14%, var(--ep-color-background-fill-gradients-primary-b, #C7171F) 130%);
    --ep-dynamic-secondary: linear-gradient(90deg, var(--ep-color-background-fill-gradients-secondary-a, #1C1C1C) 14%, var(--ep-color-background-fill-gradients-secondary-b, #540A0D) 116%);
    --ep-dynamic-tertiary: linear-gradient(90deg, var(--ep-color-background-fill-gradients-tertiary-a, #2E7DFF) 14%, var(--ep-color-background-fill-gradients-tertiary-b, #174DC2) 116%);
    --ep-dynamic-tertiary-weak: linear-gradient(90deg, var(--ep-color-background-fill-gradients-tertiary-weak-a, #1C1C1C) 14%, var(--ep-color-background-fill-gradients-tertiary-weak-b, #1C1C1C) 116%);
    --ion-font-family: var(--ep-font-family);
    --ion-background-color: var(--ep-color-background-fill-body-default)
}

.prosperity-red * {
    font-family: var(--ep-font-family)
}

.purple-light body div#app {
    --theme-color-500: #9462f2;
    --theme-color-700: #7a43e0;
    --theme-color-800: #6526db;
    --theme-color-900: #541eb8;
    --accent-color-blue: #356ef1;
    --accent-color-red: #e64021;
    --accent-color-orange: #ff9400;
    --accent-color-green: #53c154;
    --text-color-black-100: rgba(64, 61, 79, 1);
    --text-color-black-80: rgba(64, 61, 79, .8);
    --text-color-black-40: rgba(64, 61, 79, .5);
    --text-color-black-20: rgba(55, 66, 87, .2);
    --text-color-white-100: rgba(255, 255, 255, 1);
    --text-color-white-80: rgba(255, 255, 255, .8);
    --text-color-white-60: rgba(255, 255, 255, .6);
    --text-color-white-40: rgba(255, 255, 255, .4);
    --color-bg-100: #f4eeff;
    --color-bg-200: #eee5ff;
    --color-bg-300: #e7dbff;
    --color-bg-400: #e0d0ff;
    --color-bg-500: #ccb2ff;
    --line-color: #dbc9ff;
    --ion-font-family: "Saira", sans-serif;
    --ion-default-font: "Saira", sans-serif;
    --ion-color-primary: var(--theme-color-700);
    --ion-background-color: var(--color-bg-300);
    --ion-color-tertiary: var(--theme-color-800);
    --ion-color-tertiary-contrast: #fff;
    --ion-color-tertiary-shade: var(--theme-color-700);
    --ion-color-tertiary-tint: var(--theme-color-900);
    --color-primary-700: var(--theme-color-700);
    --color-primary-800: var(--theme-color-800);
    --color-primary-900: var(--theme-color-900);
    --color-svg-500: var(--theme-color-800);
    --color-svg-icon-primary: var(--text-color-white-100);
    --color-svg-popular: var(--accent-color-red);
    --color-bg-mask: rgba(0, 0, 0, .6);
    --color-bg-tab-on: var(--theme-color-800);
    --color-bg-payment-item: var(--color-bg-200);
    --color-text-100: var(--text-color-black-100);
    --color-text-80: var(--text-color-black-80);
    --color-text-50: var(--text-color-black-40);
    --color-text-40: var(--text-color-black-40);
    --color-text-20: var(--text-color-black-20);
    --color-text-tab-main: var(--text-color-white-100);
    --color-text-black-100: #2d2d2d;
    --color-text--black-80: rgba(45, 45, 45, .6);
    --color-text-secondary-1: var(--text-color-white-100);
    --color-text-secondary-2: var(--text-color-white-60);
    --color-text-tag: #fff;
    --color-currency: var(--accent-color-orange);
    --color-text-dark-30: rgba(0, 0, 0, .3);
    --color-footer-title: #fff;
    --color-warning: var(--accent-color-orange);
    --color-danger: var(--accent-color-red);
    --color-link: var(--accent-color-blue);
    --color-success: var(--accent-color-green);
    --color-focus: var(--theme-color-900);
    --color-line: #DBC9FF;
    --color-border: #DBC9FF;
    --color-line-200: #3b424e;
    --rounded-small: .25rem;
    --rounded-middle: .375rem;
    --rounded-large: .625rem;
    --rounded-button-tab: .25rem;
    --rounded-segment: .375rem;
    --rounded-card-game: .375rem;
    --font-weight-bold: 700;
    --font-weight-medium: 500;
    --font-weight-regular: 400;
    --font-size-24: 1.5rem;
    --font-size-20: 1.25rem;
    --font-size-18: 1.125rem;
    --font-size-16: 1rem;
    --font-size-14: .875rem;
    --font-size-12: .75rem;
    --font-size-10: .625rem;
    --font-size-8: .5rem;
    --color-primary-btn-active: var(--theme-color-800);
    --color-primary-btn-disable: #7B79D9;
    --color-primary-btn-load: #4A21BE;
    --color-primary-btn-text-active: var(--text-color-white-100);
    --color-primary-btn-text-disable: rgba(255, 255, 255, .6);
    --color-primary-btn-text-load: rgba(45, 45, 45, .6);
    --color-primary-btn-main: linear-gradient(151deg, var(--theme-color-500) 6.6%, var(--theme-color-700) 77.21%, var(--theme-color-800) 92.71%);
    --color-card-bg--100: var(--color-bg-100);
    --color-card-bg-300: var(--color-bg-300);
    --color-card-bg-400: var(--color-bg-400);
    --color-progress-bar: var(--color-bg-500);
    --color-progress-bg: var(--color-bg-100);
    --color-nav-bg: var(--color-primary-800);
    --color-menu-btn-bg: var(--theme-color-700);
    --color-button-bg-cancel: #262624;
    --color-button-bg-update: var(--theme-color-800);
    --color-swiper-pagination: #374257;
    --color-primary-border-light: #c3a9f5;
    --color-search-bar-border: #3b414d;
    --color-border-input-prefix: var(--color-line);
    --color-segment-md: #3b414d;
    --color-segment-md-indicator: var(--theme-color-800);
    --color-bg-segment-ios: var(--color-bg-200);
    --color-bg-segment-ios-indicator: var(--color-bg-100);
    --color-segment-ios-blur: var(--color-text-100);
    --color-checkbox-bg: var(--theme-color-800);
    --color-checkbox-border: var(--theme-color-800);
    --color-screen-bg: #1d1d1c;
    --color-screen-bg-img: url(/icons/texture_bg.png);
    --color-btn-bg-active-r: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(192, 143, 255, .42) 100%), #EDE0FF;
    --color-btn-bg-active-w: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(192, 143, 255, .58) 100%), #EDE0FF;
    --color-bonus: var(--accent-color-green);
    --bg-color-recharge-withdraw: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 158, 87, .3) 93.21%), #6526DB;
    --progress-base-bg: rgba(255, 255, 255, .2);
    --progress-bg: #188707;
    --color-report-selected: rgba(64, 61, 79, .8);
    --color-report-select-icon: rgba(64, 61, 79, .4);
    --agent-btn-color: #FFF;
    --color-line-default: #DBC9FF;
    --color-bg-commission-first: var(--color-bg-400);
    --color-bg-commission-second: var(--color-bg-500);
    --color-bg-commission-third: var(--color-bg-400);
    --color-bg-commission-fourth: var(--color-bg-400);
    --color-text-basic: var(--color-text-100);
    --color-text-second: rgba(64, 61, 79, .5);
    --color-text-third: var(--text-color-black-100);
    --color-text-orange-emphasis: var(--accent-color-orange);
    --color-text-yellow-emphasis: var(--theme-color-800);
    --color-bg-yellow-btn-emphasis: var(--theme-color-800);
    --color-text-yellowBtn-active: var(--text-color-white-100);
    --color-activity-intro: var(--text-color-white-100);
    --color-activity-name: var(--text-color-black-80);
    --color-rebate-title: var(--text-color-black-80);
    --color-activity-rule: var(--text-color-black-80);
    --color-activity-selected: #6526DB;
    --color-copy-button: var(--text-color-black-40);
    --color-agent-text: var(--text-color-black-80);
    --color-agent-select-bg: var(--color-bg-400);
    --color-agent-board-bg: var(--color-bg-500);
    --color-agent-input-bg: var(--color-bg-400);
    --color-activity-time: #fff;
    --color-appreciation-title: var(--text-color-black-80);
    --color-appreciation-currency: var(--theme-color-800);
    --color-appreciation-board: var(--color-bg-100);
    --color-vip-active-bg: var(--accent-color-orange);
    --color-vip-disable-bg: #DF8644;
    --color-vip-text: var(--text-color-black-80);
    --color-redeem-input-bg: var(--color-bg-400);
    --color-piece-title: var(--text-color-black-80);
    --color-piece-text: var(--text-color-black-40);
    --color-piece-checkbox-bg: var(--color-bg-500);
    --color-piece-invite-text: var(--theme-color-800);
    --color-piece-record-text: var(--text-color-black-80);
    --color-lucky-button-text: var(--text-color-white-100);
    --color-custom-text: var(--text-color-black-80);
    --color-recharge-reward-text: var(--text-color-black-80);
    --color-mystery-item-bg: var(--color-bg-400);
    --color-activity-footer-bg: var(--color-bg-400);
    --button-logout-message-text-color: rgba(64, 61, 79, .8);
    --button-left-bg-color-tint: #f2edfe;
    --button-left-bg-color-shade: #d9d5e6;
    --button-right-bg-color-tint: #5224cf;
    --button-right-bg-color-shade: #6e47d7;
    --logout-btn-right-color: var(--text-color-white-100);
    --logout-btn-left-color: rgba(64, 61, 79, .8);
    --message-button-bg-color-tint: #6035d3;
    --message-button-bg-color-shade: #6e47d7;
    --msg-all-button-color-tint: #c5b1fa;
    --msg-all-button-color-shade: #aa97dd;
    --my-base-info-bg: #e0d0ff;
    --skin-base-text-color: #403D4F;
    --id-text-color-40: #403D4F;
    --balance-title-text-color-40: rgba(64, 61, 79, .8);
    --balance-money-text-color: #6526DB;
    --my-color-line: #e7dbff;
    --recharge-withdraw-icon-color: #FFF;
    --vip-info-text-color-40: rgba(255, 255, 255, .4);
    --vip-max-text-color: rgba(255, 255, 255, .6);
    --vip-info-tips-text-color: rgba(255, 255, 255, .6);
    --my-card-bg-gradient: var(--color-bg-100);
    --my-card-detail-color: rgba(64, 61, 79, .8);
    --current-language-text-color: rgba(64, 61, 79, .4);
    --service-btn-color: #FFF;
    --service-btn-bg: #6526DB;
    --service-item-bg: var(--color-bg-100);
    --message-read-all-btn-bg: #ccb2ff;
    --report-select-bg: #e0d0ff;
    --report-select-item-box-bg: #ccb2ff;
    --report-select-item-bg: var(--color-bg-100);
    --report-selected-item-bg: var(--color-bg-100);
    --report-select-item-color: var(--color-text-80);
    --report-selected-item-color: var(--color-primary-800);
    --report-record-item-radius: var(--rounded-middle);
    --report-select-item-border-color: var(--line-color);
    --report-record-item-bg: var(--color-bg-100);
    --security-item-icon-color: rgba(64, 61, 79, .8);
    --spread-segment-btn-bg: var(--color-bg-200);
    --spread-qr-box-bg: #e7dbff;
    --spread-save-qr-bg: #6526DB;
    --spread-text-color-80: rgba(64, 61, 79, 1);
    --spread-share-box-border-color: var(--color-line);
    --spread-bonus-rate-segment-item-color: var(--color-text-40);
    --spread-commission-select-box-bg: var(--color-bg-400);
    --spread-commission-select-bg: var(--color-bg-200);
    --ion-color-light-rgb: #ccb2ff;
    --activity-record-select-item-bg: var(--color-bg-500);
    --activity-record-select-item-color: #FFF;
    --activity-record-selected-item-bg: var(--color-bg-400);
    --avatar-toolbar-bg: var(--theme-color-800);
    --ion-color-step-150: var(--color-line);
    --ion-color-step-850: var(--text-color-black-100);
    --vip1-detail-text-color: rgba(64, 61, 79, .8);
    --skin-ion-toolbar-bg: var(--theme-color-800);
    --vip1-text-color: rgba(64, 61, 79, .4);
    --mlm-toolbar-bg-color: var(--theme-color-800);
    --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: #2F2E2D;
    --mlmagent-history-hover-bgc: #3a3a39;
    --mlmagent-history-focused-bgc: #4b4b4b;
    --mlm-agent-claim-hover-bgc: #5025c3;
    --mlm-agent-claim-focused-bgc: #6e47d7;
    --mlm-agent-claim-bg-color: var(--theme-color-800);
    --mlm-agent-claim-text-color: var(--text-color-white-100);
    --mlm-agent-claim-commisson-textc: var(--accent-color-orange);
    --mlm-direct-team-btn-bgc: var(--color-bg-100);
    --mlm-agent-direct-icon-text-color: #356EF1;
    --mlm-agent-direct-text-color: var(--accent-color-blue);
    --mlm-agent-team-text-color: var(--accent-color-green);
    --mlm-agent-team-icon-text-color: #53C154;
    --mlm-agent-info-detail-bgc: var(--color-bg-500);
    --mlm-agent-my-agency-textc: var(--text-color-black-100);
    --mlm-agent-report-icon-color: rgba(64, 61, 79, .5);
    --mlm-agent-jump-item-bgc: var(--color-bg-100);
    --mlm-agent-rate-info-bgc: var(--color-bg-100);
    --mlm-agent-rate-box-bgc: var(--color-bg-200);
    --mlm-agent-rate-item-right-textc: var(--accent-color-orange);
    --mlm-agent-level-item-bgc: var(--color-bg-100);
    --mlm-agent-rule-item-count-textc: rgba(55, 66, 87, .07);
    --mlm-invitation-csut-color: rgba(64, 61, 79, .5);
    --mlm-selected-text-color: var(--text-color-black-80);
    --mlm-select-icon-text-color: var(--text-color-black-40);
    --mlm-searchbar-placeholder-color: rgba(64, 61, 79, .5);
    --mlm-searchbar-icon-color: var(--text-color-black-40);
    --mlm-subdetail-top-bgc: #7305FE;
    --mlm-subdetail-border-color: var(--color-border);
    --mlm-subdetail-box-bgc: var(--color-bg-100);
    --mlm-subdetail-box-border-color: var(--color-border);
    --mlm-subdetail-item-name-color: rgba(64, 61, 79, .5);
    --mlm-color-text-basic: var(--color-text-100);
    --mlm-agent-date-bg-color: var(--color-bg-400);
    --mlm-commission-detail-bgc: #403D4F;
    --mlm-commission-detail-tips-tc: var(--text-color-white-100);
    --mlm-commission-detail-money-tc: #FEB805;
    --mlm-commission-detail-account-money-tc: var(--accent-color-orange);
    --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(--theme-color-800);
    --mlm-bord-tab-item-selected-tc: var(--text-color-white-100);
    --mlm-bord-tab-item-select-tc: rgba(64, 61, 79, .5);
    --mlm-bord-tab-item-select-bgc: var(--color-bg-100);
    --mlm-bord-userid-text-color: var(--text-color-black-100);
    --mlm-bord-item-bgc: var(--color-bg-100);
    --mlm-agent-bord-currency-tc: var(--accent-color-orange);
    --mlm-agent-home-invite-btn-color: var(--theme-color-800);
    --mlm-segment-select-text-color: var(--my-card-detail-color);
    --mlm-segment-selected-text-color: var(--color-primary-800);
    --mlm-segment-indicator-bg-color: var(--color-primary-800);
    --mlm-rate-item-right-text-color: var(--accent-color-orange);
    --mlm-board-tab-border-color: var(--line-color);
    --mlm-leader-bord-money-text-color: var(--accent-color-orange);
    --mlm-invitation-footer-bg-color: var(--color-bg-100);
    --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: #7B79D9;
    --color-mlm-btn-text-disable: rgba(255, 255, 255, .6);
    --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(--text-color-black-100);
    --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);
    --mlm-subordinate-id-text-color: var(--text-color-black-100);
    --mlm-invitation-qr-code-bg: var(--text-color-white-100);
    --mlm-commission-rate-game-type-bg: var(--color-bg-400);
    --mlm-receive-rule-text-color: #6691D5;
    --mlm-searchbar-enter-color: var(--text-color-black-100);
    --game-searchbar-bg-color: var(--color-bg-400);
    --game-searchbar-placeholder-color: var(--text-color-black-40);
    --game-searchbar-border-color: 0 0 0 1px var(--line-color), 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);
    --home-earth-color: #8469cb;
    --register-button-bg: var(--accent-color-green);
    --register-button-color: var(--text-color-white-100);
    --login-button-bg: var(--color-bg-100);
    --login-button-color: var(--text-color-black-100);
    --forgot-step-unpass-color: var(--text-color-black-100);
    --forgot-step-pass-color: var(--text-color-white-100);
    --login-close-color: var(--text-color-black-100);
    --bugle-color: var(--text-color-black-80);
    --marquee-color: var(--accent-color-blue);
    --marquee-weight: var(--font-weight-bold);
    --marquee-size: .875rem;
    --navigation-button-color: var(--text-color-black-100);
    --navigation-label-color: var(--text-color-black-100);
    --navigation-bar-color: var(--text-color-black-40);
    --inicio-sort-view-amount-color: var(--theme-color-800);
    --navigation-bar-bg: var(--color-bg-200);
    --navigation-arrow-color: var(--text-color-black-100);
    --sports-icon-color: var(--theme-color-800);
    --trilateral-cooperation-color: var(--theme-color-800);
    --install-box-bg: var(--text-color-black-100);
    --telegram-bg: var(--color-bg-300);
    --footer-title-color: var(--theme-color-800);
    --footer-sub-color: var(--text-color-black-40);
    --footer-content-color: var(--text-color-black-80);
    --pwa-dialog-bg: var(--color-bg-400);
    --color-bar-bg: var(--theme-color-800);
    --color-button-bg-gray: var(--color-bg-200);
    --color-bar-bg-100: #302e2d;
    --color-bar-bg-pwa: linear-gradient(91.11deg, #fba531 -.34%, #f38282 100%);
    --color-button-bg-support-bg: linear-gradient(151deg, var(--theme-color-500) 6.6%, var(--theme-color-700) 77.21%, var(--theme-color-800) 92.71%);
    --float-black-button-color: var(--text-color-black-100);
    --tab-image-color: var(--text-color-black-80);
    --tab-image-active-color: var(--theme-color-800);
    --color-primary-btn-main-shadow: 0px 0px 25.008px 0px rgba(104, 3, 205, .12), 0px 0px 14.29px 0px rgba(135, 23, 246, .22);
    --menu-close-color: var(--text-color-black-100);
    --menu-bar-bg: var(--color-bg-300);
    --menu-card-bg: var(--color-bg-100);
    --menu-card-label-icon: var(--theme-color-800);
    --menu-card-label-title: var(--text-color-black-100);
    --color-btn-bg-toggle: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 158, 87, .3) 93.21%), #6526db;
    --color-bar-bg-shadow: 0px 4px 8px 0px rgba(0, 0, 0, .1);
    --support-text-color: var(--text-color-black-100);
    --menu-support-card-bg: var(--color-bg-200);
    --menu-footer-bg: linear-gradient(180deg, rgba(255, 255, 255, 0) 30.45%, rgba(83, 47, 151, .51) 82.26%);
    --empty-icon-color: var(--color-bg-500);
    --common-dialog-bg: var(--color-bg-100);
    --common-dialog-text-color: var(--text-color-black-80);
    --common-dialog-left-btn-bg: var(--theme-color-800);
    --common-dialog-right-btn-bg: var(--color-bg-300);
    --common-dialog-right-btn-text-color: var(--text-color-white-100);
    --common-dialog-left-btn-text-color: var(--text-color-white-100);
    --color-text-title-basic: var(--text-color-white-100);
    --color-icon-platform-card: var(--text-color-white-80);
    --color-icon-platform-active: var(--ion-color-primary);
    --color-icon-platform-rebate: var(--text-color-black-80);
    --font-size-back-button: 1.5rem;
    --color-text-depositDetial-copy: var(--color-primary-700);
    --color-text-inherit: inherit;
    --color-text-depositDetial-bigPrice: var(--color-text-inherit);
    --color-text-SelectList-active: var(--text-color-light-purple-1-100);
    --color-text-SelectList-unActive: inherit;
    --color-border-SelectList-popover: var(--color-border);
    --color-bg-li-active: var(--color-bg-100);
    --color-bg-li-unActive: var(--color-bg-200);
    --color-text-empty: var(--ion-color-medium);
    --input-highlight-color: var(--theme-color-800);
    --invite-cpf-record-icon: #FFF;
    --invite-cpf-reward-amount-text-color: var(--text-color-black-80);
    --invite-cpf-footer-top-line: #DBC9FF;
    --mineral-style1-toobar-bg: #0E1420;
    --sign-default-day-text-color: #FEB805;
    --sign-default-current-vip-text: #403D4F;
    --sign-default-footer-btn-shade: #6e47d7;
    --sign-default-footer-btn-tint: #6035d3;
    --sign-default-unmetReceiveModal-bg: #000000;
    --color-text-currency: var(--accent-color-orange);
    --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: var(--color-bg-400);
    --ep-compat-color-background-fill-glow-primary-opacity-40: #35cd1e66;
    --ep-compat-color-text-default: var(--color-text-100);
    --ep-compat-color-text-selected: var(--theme-color-800);
    --ep-compat-color-text-weak: var(--text-color-white-60);
    --ep-compat-color-text-weaker: var(--color-text-40);
    --ep-compat-color-text-weakest: var(--color-text-20);
    --ep-compat-color-text-success: var(--accent-color-green);
    --ep-compat-color-text-info: #5C82F5;
    --ep-compat-color-text-highlight: 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);
    --ep-agent-color-progress-indicator: #FFF;
    --ep-report-color-text-value: var(--text-color-black-80)
}

.purple-light body div#app .empty-bg-game {
    background-image: url(/icons/empty-purple-light.png);
    background-size: cover
}

.stellar-dusk {
    --ep-default-font-family: "Prompt", -apple-system, "Roboto", sans-serif;
    --ep-font-family: "Prompt", -apple-system, "Roboto", sans-serif;
    --ep-accent-blue: rgb(77, 153, 245);
    --ep-accent-red: rgb(237, 82, 84);
    --ep-accent-orange: rgb(240, 143, 71);
    --ep-accent-green: rgb(130, 237, 130);
    --ep-accent-yellow: rgb(245, 199, 77);
    --ep-neutral-white-white-100: rgb(255, 255, 255);
    --ep-neutral-white-white-90: rgba(255, 255, 255, .9);
    --ep-neutral-white-white-80: rgba(255, 255, 255, .8);
    --ep-neutral-white-white-70: rgba(255, 255, 255, .7);
    --ep-neutral-white-white-60: rgba(255, 255, 255, .6);
    --ep-neutral-white-white-50: rgba(255, 255, 255, .5);
    --ep-neutral-white-white-40: rgba(255, 255, 255, .4);
    --ep-neutral-white-white-30: rgba(255, 255, 255, .3);
    --ep-neutral-white-white-20: rgba(255, 255, 255, .2);
    --ep-neutral-white-white-10: rgba(255, 255, 255, .1);
    --ep-neutral-black-black-100: rgb(0, 0, 0);
    --ep-neutral-black-black-90: rgba(0, 0, 0, .9);
    --ep-neutral-black-black-80: rgba(0, 0, 0, .8);
    --ep-neutral-black-black-70: rgba(0, 0, 0, .7);
    --ep-neutral-black-black-60: rgba(0, 0, 0, .6);
    --ep-neutral-black-black-50: rgba(0, 0, 0, .5);
    --ep-neutral-black-black-40: rgba(0, 0, 0, .4);
    --ep-neutral-black-black-30: rgba(0, 0, 0, .3);
    --ep-neutral-black-black-20: rgba(0, 0, 0, .2);
    --ep-neutral-black-black-10: rgba(0, 0, 0, .1);
    --ep-values-2: .125rem;
    --ep-values-4: .25rem;
    --ep-values-6: .375rem;
    --ep-values-8: .5rem;
    --ep-values-10: .625rem;
    --ep-values-12: .75rem;
    --ep-values-14: .875rem;
    --ep-values-16: 1rem;
    --ep-values-18: 1.125rem;
    --ep-values-20: 1.25rem;
    --ep-values-24: 1.5rem;
    --ep-values-32: 2rem;
    --ep-values-36: 2.25rem;
    --ep-values-70: 4.375rem;
    --ep-values-200: 200;
    --ep-values-400: 400;
    --ep-values-600: 600;
    --ep-values-700: 700;
    --ep-values-900: 900;
    --ep-values-infinity: 9999px;
    --ep-values-angle-90: "90deg";
    --ep-primary-primary-900: rgb(107, 92, 82);
    --ep-primary-primary-800: rgb(140, 128, 112);
    --ep-primary-primary-700: rgb(176, 161, 143);
    --ep-primary-primary-600: rgb(204, 186, 168);
    --ep-primary-primary-500: rgb(230, 212, 191);
    --ep-primary-primary-400: rgb(232, 217, 201);
    --ep-primary-primary-300: rgb(237, 224, 214);
    --ep-primary-primary-200: rgb(245, 237, 232);
    --ep-primary-primary-100: rgb(250, 247, 245);
    --ep-primary-primary-Opacity: rgba(230, 212, 191, .4);
    --ep-secondary-secondary-900: rgb(0, 41, 97);
    --ep-secondary-secondary-800: rgb(0, 51, 125);
    --ep-secondary-secondary-700: rgb(0, 66, 163);
    --ep-secondary-secondary-600: rgb(0, 87, 209);
    --ep-secondary-secondary-500: rgb(0, 94, 230);
    --ep-secondary-secondary-400: rgb(84, 148, 237);
    --ep-secondary-secondary-300: rgb(138, 181, 242);
    --ep-secondary-secondary-200: rgb(176, 204, 247);
    --ep-secondary-secondary-100: rgb(230, 240, 252);
    --ep-secondary-secondary-Opacity: rgba(0, 94, 230, .4);
    --ep-tertiary-tertiary-900: rgb(84, 66, 94);
    --ep-tertiary-tertiary-800: rgb(105, 89, 122);
    --ep-tertiary-tertiary-700: rgb(130, 107, 148);
    --ep-tertiary-tertiary-600: rgb(153, 128, 171);
    --ep-tertiary-tertiary-500: rgb(171, 150, 191);
    --ep-tertiary-tertiary-400: rgb(204, 186, 214);
    --ep-tertiary-tertiary-300: rgb(222, 209, 230);
    --ep-tertiary-tertiary-200: rgb(237, 232, 242);
    --ep-tertiary-tertiary-100: rgb(247, 245, 250);
    --ep-tertiary-tertiary-Opacity: rgba(171, 150, 191, .4);
    --ep-inverse-inverse-900: rgb(84, 66, 94);
    --ep-inverse-inverse-800: rgb(105, 89, 122);
    --ep-inverse-inverse-700: rgb(130, 107, 148);
    --ep-inverse-inverse-600: rgb(153, 128, 171);
    --ep-inverse-inverse-500: rgb(171, 150, 191);
    --ep-inverse-inverse-400: rgb(204, 186, 214);
    --ep-inverse-inverse-300: rgb(222, 209, 230);
    --ep-inverse-inverse-200: rgb(237, 232, 242);
    --ep-inverse-inverse-100: rgb(247, 245, 250);
    --ep-inverse-inverse-Opacity: rgba(250, 171, 15, .4);
    --ep-neutral-gray-gray-L01: rgb(28, 33, 48);
    --ep-neutral-gray-gray-L02: rgb(33, 36, 59);
    --ep-neutral-gray-gray-L03: rgb(41, 46, 69);
    --ep-neutral-gray-gray-L04: rgb(51, 56, 82);
    --ep-neutral-gray-gray-L05: rgb(64, 69, 97);
    --ep-neutral-gray-gray-L06: rgb(74, 79, 110);
    --ep-neutral-gray-gray-L07: rgb(87, 92, 125);
    --ep-neutral-gray-gray-L08: rgb(99, 105, 138);
    --ep-neutral-gray-gray-L09: rgb(112, 115, 153);
    --ep-neutral-gray-gray-L10: rgb(125, 130, 168);
    --ep-neutral-transparent: rgba(255, 255, 255, 0);
    --ep-font-family: var(--ep-default-font-family);
    --ep-font-size-xs: var(--ep-values-10);
    --ep-font-size-s: var(--ep-values-12);
    --ep-font-size-m: var(--ep-values-14);
    --ep-font-size-l: var(--ep-values-16);
    --ep-font-size-xl: var(--ep-values-18);
    --ep-font-size-xxl: var(--ep-values-24);
    --ep-font-size-xxxl: var(--ep-values-36);
    --ep-font-size-xxxxl: var(--ep-values-70);
    --ep-font-weight-light: var(--ep-values-200);
    --ep-font-weight-regular: var(--ep-values-400);
    --ep-font-weight-medium: var(--ep-values-600);
    --ep-font-weight-bold: var(--ep-values-700);
    --ep-border-radius-xs: var(--ep-values-2);
    --ep-border-radius-s: var(--ep-values-4);
    --ep-border-radius-m: var(--ep-values-6);
    --ep-border-radius-l: var(--ep-values-8);
    --ep-border-radius-xl: var(--ep-values-10);
    --ep-border-radius-surface-small: var(--ep-values-12);
    --ep-border-radius-surface-large: var(--ep-values-20);
    --ep-border-radius-infinity: var(--ep-values-infinity);
    --ep-border-radius-surface-default: 0;
    --ep-color-btn-level-1-bg: rgba(255, 255, 255, 0);
    --ep-color-btn-level-1-text: rgb(255, 255, 255);
    --ep-color-btn-level-1-border: rgb(255, 255, 255);
    --ep-color-btn-level-2-bg: var(--ep-dynamic-primary);
    --ep-color-btn-level-2-text: var(--ep-color-text-inverse);
    --ep-color-btn-level-2-border: var(--ep-neutral-transparent);
    --ep-color-btn-level-3-bg: var(--ep-dynamic-tertiary);
    --ep-color-btn-level-3-text: var(--ep-color-text-inverse);
    --ep-color-btn-level-3-border: var(--ep-neutral-transparent);
    --ep-color-btn-level-4-bg: rgba(255, 255, 255, 0);
    --ep-color-btn-level-4-text: rgb(255, 255, 255);
    --ep-color-btn-level-4-border: rgb(255, 255, 255);
    --ep-color-icon-brand-primary: var(--ep-primary-primary-500);
    --ep-color-icon-brand-secondary: var(--ep-tertiary-tertiary-100);
    --ep-color-icon-selected: var(--ep-primary-primary-500);
    --ep-color-icon-default: var(--ep-neutral-white-white-100);
    --ep-color-icon-weaker: var(--ep-neutral-white-white-40);
    --ep-color-icon-inverse: var(--ep-neutral-gray-gray-L02);
    --ep-color-icon-inverse-disabled: var(--ep-primary-primary-800);
    --ep-color-icon-tips: var(--ep-accent-red);
    --ep-color-icon-danger: var(--ep-accent-red);
    --ep-color-icon-warning: var(--ep-accent-orange);
    --ep-color-icon-success: var(--ep-accent-green);
    --ep-color-icon-info: var(--ep-accent-blue);
    --ep-color-icon-highlight-white: var(--ep-neutral-white-white-100);
    --ep-color-icon-highlight: var(--ep-accent-yellow);
    --ep-color-icon-navigation-default: var(--ep-neutral-white-white-40);
    --ep-color-icon-navigation-selected: var(--ep-primary-primary-500);
    --ep-color-text-brand-primary: var(--ep-primary-primary-500);
    --ep-color-text-selected: var(--ep-primary-primary-500);
    --ep-color-text-default: var(--ep-primary-primary-200);
    --ep-color-text-weak: var(--ep-neutral-white-white-60);
    --ep-color-text-weaker: var(--ep-neutral-white-white-40);
    --ep-color-text-weakest: var(--ep-neutral-white-white-20);
    --ep-color-text-inverse: var(--ep-neutral-gray-gray-L02);
    --ep-color-text-inverse-disabled: var(--ep-primary-primary-800);
    --ep-color-text-danger: var(--ep-accent-red);
    --ep-color-text-warning: var(--ep-accent-orange);
    --ep-color-text-success: var(--ep-accent-green);
    --ep-color-text-info: var(--ep-accent-blue);
    --ep-color-text-highlight-white: var(--ep-neutral-white-white-100);
    --ep-color-text-highlight-white-weak: var(--ep-neutral-white-white-60);
    --ep-color-text-highlight-white-weaker: var(--ep-neutral-white-white-40);
    --ep-color-text-highlight-white-weakest: var(--ep-neutral-white-white-20);
    --ep-color-text-highlight: var(--ep-accent-yellow);
    --ep-color-text-navigation-default: var(--ep-neutral-white-white-40);
    --ep-color-text-navigation-selected: var(--ep-neutral-white-white-100);
    --ep-color-border-default: var(--ep-neutral-gray-gray-L05);
    --ep-color-border-brand: var(--ep-primary-primary-500);
    --ep-color-border-selected: var(--ep-primary-primary-500);
    --ep-color-border-danger: var(--ep-accent-red);
    --ep-color-border-warning: var(--ep-accent-orange);
    --ep-color-border-success: var(--ep-accent-green);
    --ep-color-border-highlight: var(--ep-accent-yellow);
    --ep-color-border-highlight-white: var(--ep-neutral-white-white-100);
    --ep-color-background-fill-body-default: var(--ep-neutral-gray-gray-L02);
    --ep-color-background-fill-surface-raised-L1: var(--ep-neutral-gray-gray-L03);
    --ep-color-background-fill-surface-raised-L2: var(--ep-neutral-gray-gray-L04);
    --ep-color-background-fill-surface-lowered: var(--ep-neutral-gray-gray-L01);
    --ep-color-background-fill-top-nav-primary: var(--ep-neutral-gray-gray-L03);
    --ep-color-background-fill-top-nav-secondary: var(--ep-neutral-gray-gray-L03);
    --ep-color-background-fill-foot-bar: var(--ep-neutral-gray-gray-L02);
    --ep-color-background-fill-active-primary: var(--ep-primary-primary-500);
    --ep-color-background-fill-active-active: var(--ep-primary-primary-600);
    --ep-color-background-fill-active-disabled: var(--ep-primary-primary-900);
    --ep-color-background-fill-tips: var(--ep-primary-primary-500);
    --ep-color-background-fill-glow-primary-opacity-40: var(--ep-primary-primary-Opacity);
    --ep-color-background-fill-glow-primary-opacity-100: var(--ep-primary-primary-500);
    --ep-color-background-fill-glow-secondary-opacity-40: var(--ep-inverse-inverse-Opacity);
    --ep-color-background-fill-glow-secondary-opacity-100: var(--ep-inverse-inverse-500);
    --ep-color-background-fill-gradients-primary-a: var(--ep-primary-primary-500);
    --ep-color-background-fill-gradients-primary-b: var(--ep-primary-primary-700);
    --ep-color-background-fill-gradients-secondary-a: var(--ep-neutral-gray-gray-L04);
    --ep-color-background-fill-gradients-secondary-b: var(--ep-primary-primary-800);
    --ep-color-background-fill-gradients-tertiary-a: var(--ep-tertiary-tertiary-500);
    --ep-color-background-fill-gradients-tertiary-b: var(--ep-tertiary-tertiary-600);
    --ep-color-background-fill-gradients-tertiary-weak-a: var(--ep-neutral-gray-gray-L04);
    --ep-color-background-fill-gradients-tertiary-weak-b: var(--ep-neutral-gray-gray-L04);
    --ep-dynamic-primary: linear-gradient(102deg, var(--ep-color-background-fill-gradients-primary-a, #E6D4BF) 14%, var(--ep-color-background-fill-gradients-primary-b, #B0A18F) 130%);
    --ep-dynamic-secondary: linear-gradient(90deg, var(--ep-color-background-fill-gradients-secondary-a, #333852) 14%, var(--ep-color-background-fill-gradients-secondary-b, #8C8070) 116%);
    --ep-dynamic-tertiary: linear-gradient(90deg, var(--ep-color-background-fill-gradients-tertiary-a, #AB96BF) 14%, var(--ep-color-background-fill-gradients-tertiary-b, #9980AB) 116%);
    --ep-dynamic-tertiary-weak: linear-gradient(90deg, var(--ep-color-background-fill-gradients-tertiary-weak-a, #333852) 14%, var(--ep-color-background-fill-gradients-tertiary-weak-b, #333852) 116%);
    --ion-font-family: var(--ep-font-family);
    --ion-background-color: var(--ep-color-background-fill-body-default)
}

.stellar-dusk * {
    font-family: var(--ep-font-family)
}

.supreme-green {
    --ep-accent-blue: rgb(92, 130, 245);
    --ep-accent-red: rgb(230, 64, 33);
    --ep-accent-orange: rgb(252, 151, 76);
    --ep-accent-green: rgb(83, 193, 84);
    --ep-accent-yellow: rgb(245, 200, 76);
    --ep-neutral-white-white-100: rgb(255, 255, 255);
    --ep-neutral-white-white-90: rgba(255, 255, 255, .9);
    --ep-neutral-white-white-80: rgba(255, 255, 255, .8);
    --ep-neutral-white-white-70: rgba(255, 255, 255, .7);
    --ep-neutral-white-white-60: rgba(255, 255, 255, .6);
    --ep-neutral-white-white-50: rgba(255, 255, 255, .5);
    --ep-neutral-white-white-40: rgba(255, 255, 255, .4);
    --ep-neutral-white-white-30: rgba(255, 255, 255, .3);
    --ep-neutral-white-white-20: rgba(255, 255, 255, .2);
    --ep-neutral-white-white-10: rgba(255, 255, 255, .1);
    --ep-neutral-black-black-100: rgb(0, 0, 0);
    --ep-neutral-black-black-90: rgba(0, 0, 0, .9);
    --ep-neutral-black-black-80: rgba(0, 0, 0, .8);
    --ep-neutral-black-black-70: rgba(0, 0, 0, .7);
    --ep-neutral-black-black-60: rgba(0, 0, 0, .6);
    --ep-neutral-black-black-50: rgba(0, 0, 0, .5);
    --ep-neutral-black-black-40: rgba(0, 0, 0, .4);
    --ep-neutral-black-black-30: rgba(0, 0, 0, .3);
    --ep-neutral-black-black-20: rgba(0, 0, 0, .2);
    --ep-neutral-black-black-10: rgba(0, 0, 0, .1);
    --ep-values-2: .125rem;
    --ep-values-4: .25rem;
    --ep-values-6: .375rem;
    --ep-values-8: .5rem;
    --ep-values-10: .625rem;
    --ep-values-12: .75rem;
    --ep-values-14: .875rem;
    --ep-values-16: 1rem;
    --ep-values-18: 1.125rem;
    --ep-values-20: 1.25rem;
    --ep-values-24: 1.5rem;
    --ep-values-32: 2rem;
    --ep-values-36: 2.25rem;
    --ep-values-70: 4.375rem;
    --ep-values-200: 200;
    --ep-values-400: 400;
    --ep-values-600: 600;
    --ep-values-700: 700;
    --ep-values-900: 900;
    --ep-values-infinity: 9999px;
    --ep-primary-primary-900: rgb(11, 86, 7);
    --ep-primary-primary-800: rgb(14, 112, 9);
    --ep-primary-primary-700: rgb(18, 145, 11);
    --ep-primary-primary-600: rgb(23, 186, 15);
    --ep-primary-primary-500: rgb(25, 204, 16);
    --ep-primary-primary-400: rgb(101, 221, 95);
    --ep-primary-primary-300: rgb(149, 232, 145);
    --ep-primary-primary-200: rgb(184, 239, 181);
    --ep-primary-primary-100: rgb(232, 250, 231);
    --ep-primary-primary-Opacity: rgba(25, 204, 16, .4);
    --ep-secondary-secondary-900: rgb(89, 1, 20);
    --ep-secondary-secondary-800: rgb(116, 1, 26);
    --ep-secondary-secondary-700: rgb(150, 1, 34);
    --ep-secondary-secondary-600: rgb(192, 2, 44);
    --ep-secondary-secondary-500: rgb(211, 2, 48);
    --ep-secondary-secondary-400: rgb(226, 85, 116);
    --ep-secondary-secondary-300: rgb(235, 139, 160);
    --ep-secondary-secondary-200: rgb(241, 177, 191);
    --ep-secondary-secondary-100: rgb(251, 230, 234);
    --ep-secondary-secondary-Opacity: rgba(211, 2, 48, .4);
    --ep-tertiary-tertiary-900: rgb(3, 48, 87);
    --ep-tertiary-tertiary-800: rgb(4, 63, 114);
    --ep-tertiary-tertiary-700: rgb(5, 81, 148);
    --ep-tertiary-tertiary-600: rgb(6, 104, 189);
    --ep-tertiary-tertiary-500: rgb(7, 114, 208);
    --ep-tertiary-tertiary-400: rgb(89, 161, 224);
    --ep-tertiary-tertiary-300: rgb(141, 190, 233);
    --ep-tertiary-tertiary-200: rgb(178, 211, 240);
    --ep-tertiary-tertiary-100: rgb(230, 241, 250);
    --ep-tertiary-tertiary-Opacity: rgba(7, 114, 208, .4);
    --ep-inverse-inverse-900: rgb(107, 72, 0);
    --ep-inverse-inverse-800: rgb(140, 94, 0);
    --ep-inverse-inverse-700: rgb(181, 121, 0);
    --ep-inverse-inverse-600: rgb(232, 156, 0);
    --ep-inverse-inverse-500: rgb(255, 171, 0);
    --ep-inverse-inverse-400: rgb(255, 199, 84);
    --ep-inverse-inverse-300: rgb(255, 216, 138);
    --ep-inverse-inverse-200: rgb(255, 229, 176);
    --ep-inverse-inverse-100: rgb(255, 247, 230);
    --ep-inverse-inverse-Opacity: rgba(255, 171, 0, .4);
    --ep-neutral-gray-gray-L01: rgb(10, 13, 10);
    --ep-neutral-gray-gray-L02: rgb(13, 18, 13);
    --ep-neutral-gray-gray-L03: rgb(18, 23, 19);
    --ep-neutral-gray-gray-L04: rgb(23, 33, 23);
    --ep-neutral-gray-gray-L05: rgb(29, 41, 30);
    --ep-neutral-gray-gray-L06: rgb(72, 134, 76);
    --ep-neutral-gray-gray-L07: rgb(95, 162, 100);
    --ep-neutral-gray-gray-L08: rgb(126, 179, 129);
    --ep-neutral-gray-gray-L09: rgb(192, 216, 193);
    --ep-neutral-gray-gray-L10: rgb(223, 236, 224);
    --ep-neutral-transparent: rgba(255, 255, 255, 0);
    --ep-color-background-neutral: rgba(9, 30, 66, .06);
    --ep-neutral-white-60: rgba(255, 255, 255, .6);
    --ep-neutral-white-40: rgba(255, 255, 255, .4);
    --ep-neutral-white-20: rgba(255, 255, 255, .2);
    --ep-accent-colors-blue: rgb(92, 130, 245);
    --ep-accent-colors-red: rgb(230, 64, 33);
    --ep-accent-colors-orange: rgb(252, 151, 76);
    --ep-accent-colors-green: rgb(83, 193, 84);
    --ep-accent-colors-yellow: rgb(245, 200, 76);
    --ep-default-font-family: "Prompt", -apple-system, "Roboto", sans-serif;
    --ep-font-family: "Prompt", -apple-system, "Roboto", sans-serif;
    --ep-border-radius-surface-default: var(--ep-values-6);
    --ep-font-size-xs: var(--ep-values-10);
    --ep-font-size-s: var(--ep-values-12);
    --ep-font-size-m: var(--ep-values-14);
    --ep-font-size-l: var(--ep-values-16);
    --ep-font-size-xl: var(--ep-values-18);
    --ep-font-size-xxl: var(--ep-values-24);
    --ep-font-size-xxxl: var(--ep-values-36);
    --ep-font-size-xxxxl: var(--ep-values-70);
    --ep-font-weight-light: var(--ep-values-200);
    --ep-font-weight-regular: var(--ep-values-400);
    --ep-font-weight-medium: var(--ep-values-600);
    --ep-font-weight-bold: var(--ep-values-700);
    --ep-border-radius-xs: var(--ep-values-2);
    --ep-border-radius-s: var(--ep-values-4);
    --ep-border-radius-m: var(--ep-values-6);
    --ep-border-radius-l: var(--ep-values-8);
    --ep-border-radius-xl: var(--ep-values-10);
    --ep-border-radius-surface-small: var(--ep-values-12);
    --ep-border-radius-surface-large: var(--ep-values-20);
    --ep-border-radius-infinity: var(--ep-values-infinity);
    --ep-color-background-fill-body-default: var(--ep-neutral-gray-gray-L02);
    --ep-color-background-fill-surface-raised-L1: var(--ep-neutral-gray-gray-L03);
    --ep-color-background-fill-surface-raised-L2: var(--ep-neutral-gray-gray-L04);
    --ep-color-background-fill-surface-lowered: var(--ep-neutral-gray-gray-L01);
    --ep-color-background-fill-top-nav-primary: var(--ep-neutral-gray-gray-L03);
    --ep-color-background-fill-top-nav-secondary: var(--ep-neutral-gray-gray-L03);
    --ep-color-background-fill-foot-bar: var(--ep-neutral-gray-gray-L01);
    --ep-color-background-fill-active-primary: var(--ep-primary-primary-500);
    --ep-color-background-fill-active-active: var(--ep-primary-primary-600);
    --ep-color-background-fill-active-disabled: var(--ep-primary-primary-900);
    --ep-color-background-fill-tips: var(--ep-primary-primary-500);
    --ep-color-background-fill-glow-primary-opacity-40: var(--ep-primary-primary-Opacity);
    --ep-color-background-fill-glow-primary-opacity-100: var(--ep-primary-primary-500);
    --ep-color-background-fill-glow-secondary-opacity-40: var(--ep-inverse-inverse-Opacity);
    --ep-color-background-fill-glow-secondary-opacity-100: var(--ep-inverse-inverse-500);
    --ep-color-background-fill-gradients-primary-a: var(--ep-primary-primary-700);
    --ep-color-background-fill-gradients-primary-b: var(--ep-primary-primary-500);
    --ep-color-background-fill-gradients-secondary-a: var(--ep-neutral-gray-gray-L04);
    --ep-color-background-fill-gradients-secondary-b: var(--ep-primary-primary-900);
    --ep-color-background-fill-gradients-tertiary-a: var(--ep-tertiary-tertiary-700);
    --ep-color-background-fill-gradients-tertiary-b: var(--ep-tertiary-tertiary-500);
    --ep-color-background-fill-gradients-tertiary-weak-a: var(--ep-neutral-gray-gray-L02);
    --ep-color-background-fill-gradients-tertiary-weak-b: var(--ep-neutral-gray-gray-L05);
    --ep-color-border-default: var(--ep-neutral-gray-gray-L05);
    --ep-color-border-brand: var(--ep-primary-primary-500);
    --ep-color-border-selected: var(--ep-primary-primary-500);
    --ep-color-border-danger: var(--ep-accent-red);
    --ep-color-border-warning: var(--ep-accent-orange);
    --ep-color-border-success: var(--ep-accent-green);
    --ep-color-border-highlight: var(--ep-accent-yellow);
    --ep-color-border-highlight-white: var(--ep-neutral-white-white-100);
    --ep-color-text-brand-primary: var(--ep-primary-primary-500);
    --ep-color-text-selected: var(--ep-primary-primary-500);
    --ep-color-text-default: var(--ep-neutral-white-white-100);
    --ep-color-text-weak: var(--ep-neutral-white-white-60);
    --ep-color-text-weaker: var(--ep-neutral-white-white-40);
    --ep-color-text-weakest: var(--ep-neutral-white-white-20);
    --ep-color-text-inverse: var(--ep-neutral-white-white-100);
    --ep-color-text-inverse-disabled: var(--ep-neutral-white-white-40);
    --ep-color-text-danger: var(--ep-accent-red);
    --ep-color-text-warning: var(--ep-accent-orange);
    --ep-color-text-success: var(--ep-accent-green);
    --ep-color-text-info: var(--ep-accent-blue);
    --ep-color-text-highlight: var(--ep-accent-yellow);
    --ep-color-text-highlight-white: var(--ep-neutral-white-white-100);
    --ep-color-text-highlight-white-weak: var(--ep-neutral-white-white-60);
    --ep-color-text-highlight-white-weaker: var(--ep-neutral-white-white-40);
    --ep-color-text-highlight-white-weakest: var(--ep-neutral-white-white-20);
    --ep-color-text-navigation-default: var(--ep-neutral-white-white-40);
    --ep-color-text-navigation-selected: var(--ep-neutral-white-white-100);
    --ep-color-icon-brand-primary: var(--ep-primary-primary-500);
    --ep-color-icon-brand-secondary: var(--ep-inverse-inverse-500);
    --ep-color-icon-selected: var(--ep-primary-primary-500);
    --ep-color-icon-default: var(--ep-primary-primary-500);
    --ep-color-icon-weaker: var(--ep-neutral-white-white-40);
    --ep-color-icon-inverse: var(--ep-neutral-white-white-100);
    --ep-color-icon-inverse-disabled: var(--ep-neutral-white-white-40);
    --ep-color-icon-tips: var(--ep-accent-red);
    --ep-color-icon-danger: var(--ep-accent-red);
    --ep-color-icon-warning: var(--ep-accent-orange);
    --ep-color-icon-success: var(--ep-accent-green);
    --ep-color-icon-info: var(--ep-accent-blue);
    --ep-color-icon-highlight: var(--ep-accent-yellow);
    --ep-color-icon-highlight-white: var(--ep-neutral-white-white-100);
    --ep-color-icon-navigation-default: var(--ep-neutral-white-white-40);
    --ep-color-icon-navigation-selected: var(--ep-primary-primary-500);
    --ep-color-btn-level-1-bg: var(--ep-neutral-transparent);
    --ep-color-btn-level-1-text: var(--ep-neutral-transparent);
    --ep-color-btn-level-1-border: var(--ep-neutral-transparent);
    --ep-color-btn-level-2-bg: var(--ep-neutral-transparent);
    --ep-color-btn-level-2-text: var(--ep-color-text-inverse);
    --ep-color-btn-level-2-border: var(--ep-primary-primary-500);
    --ep-color-btn-level-3-bg: linear-gradient(90deg, var(--ep-inverse-inverse-600), var(--ep-inverse-inverse-500));
    --ep-color-btn-level-3-text: var(--ep-color-text-inverse);
    --ep-color-btn-level-3-border: var(--ep-inverse-inverse-400);
    --ep-color-btn-level-4-bg: var(--ep-neutral-transparent);
    --ep-color-btn-level-4-text: var(--ep-neutral-transparent);
    --ep-color-btn-level-4-border: var(--ep-neutral-transparent);
    --ep-dynamic-primary: linear-gradient(90deg, var(--ep-color-background-fill-gradients-primary-a) -27%, var(--ep-color-background-fill-gradients-primary-b) 127%);
    --ep-dynamic-secondary: linear-gradient(90deg, var(--ep-color-background-fill-gradients-secondary-a) 0%, var(--ep-color-background-fill-gradients-secondary-b) 118%);
    --ep-dynamic-tertiary: linear-gradient(90deg, var(--ep-color-background-fill-gradients-tertiary-a) -27%, var(--ep-color-background-fill-gradients-tertiary-b) 127%);
    --ep-dynamic-tertiary-weak: linear-gradient(180deg, var(--ep-color-background-fill-gradients-tertiary-weak-a) 0%, var(--ep-color-background-fill-gradients-tertiary-weak-b) 118%);
    --ion-font-family: var(--ep-font-family);
    --ion-background-color: var(--ep-color-background-fill-body-default)
}

.theme-25 * {
    font-family: var(--ep-font-family)
}

.theme-24 {
    --ep-accent-blue: rgb(92, 130, 245);
    --ep-accent-red: rgb(230, 64, 33);
    --ep-accent-orange: rgb(252, 151, 76);
    --ep-accent-green: rgb(83, 193, 84);
    --ep-accent-yellow: rgb(245, 200, 76);
    --ep-neutral-white-white-100: rgb(255, 255, 255);
    --ep-neutral-white-white-90: rgba(255, 255, 255, .9);
    --ep-neutral-white-white-80: rgba(255, 255, 255, .8);
    --ep-neutral-white-white-70: rgba(255, 255, 255, .7);
    --ep-neutral-white-white-60: rgba(255, 255, 255, .6);
    --ep-neutral-white-white-50: rgba(255, 255, 255, .5);
    --ep-neutral-white-white-40: rgba(255, 255, 255, .4);
    --ep-neutral-white-white-30: rgba(255, 255, 255, .3);
    --ep-neutral-white-white-20: rgba(255, 255, 255, .2);
    --ep-neutral-white-white-10: rgba(255, 255, 255, .1);
    --ep-neutral-black-black-100: rgb(0, 0, 0);
    --ep-neutral-black-black-90: rgba(0, 0, 0, .9);
    --ep-neutral-black-black-80: rgba(0, 0, 0, .8);
    --ep-neutral-black-black-70: rgba(0, 0, 0, .7);
    --ep-neutral-black-black-60: rgba(0, 0, 0, .6);
    --ep-neutral-black-black-50: rgba(0, 0, 0, .5);
    --ep-neutral-black-black-40: rgba(0, 0, 0, .4);
    --ep-neutral-black-black-30: rgba(0, 0, 0, .3);
    --ep-neutral-black-black-20: rgba(0, 0, 0, .2);
    --ep-neutral-black-black-10: rgba(0, 0, 0, .1);
    --ep-values-2: .125rem;
    --ep-values-4: .25rem;
    --ep-values-6: .375rem;
    --ep-values-8: .5rem;
    --ep-values-10: .625rem;
    --ep-values-12: .75rem;
    --ep-values-14: .875rem;
    --ep-values-16: 1rem;
    --ep-values-18: 1.125rem;
    --ep-values-20: 1.25rem;
    --ep-values-24: 1.5rem;
    --ep-values-32: 2rem;
    --ep-values-36: 2.25rem;
    --ep-values-70: 4.375rem;
    --ep-values-200: 200;
    --ep-values-400: 400;
    --ep-values-600: 600;
    --ep-values-700: 700;
    --ep-values-900: 900;
    --ep-values-infinity: 9999px;
    --ep-primary-primary-900: rgb(78, 38, 52);
    --ep-primary-primary-800: rgb(113, 39, 52);
    --ep-primary-primary-700: rgb(150, 50, 67);
    --ep-primary-primary-600: rgb(169, 59, 78);
    --ep-primary-primary-500: rgb(232, 76, 103);
    --ep-primary-primary-400: rgb(238, 111, 133);
    --ep-primary-primary-300: rgb(238, 131, 149);
    --ep-primary-primary-200: rgb(242, 161, 175);
    --ep-primary-primary-100: rgb(248, 183, 194);
    --ep-primary-primary-Opacity: rgba(232, 76, 103, .4);
    --ep-secondary-secondary-900: rgb(35, 88, 36);
    --ep-secondary-secondary-800: rgb(38, 111, 39);
    --ep-secondary-secondary-700: rgb(45, 140, 46);
    --ep-secondary-secondary-600: rgb(60, 171, 62);
    --ep-secondary-secondary-500: rgb(83, 193, 84);
    --ep-secondary-secondary-400: rgb(101, 217, 102);
    --ep-secondary-secondary-300: rgb(151, 222, 152);
    --ep-secondary-secondary-200: rgb(197, 237, 197);
    --ep-secondary-secondary-100: rgb(225, 247, 225);
    --ep-secondary-secondary-Opacity: rgba(83, 193, 84, .4);
    --ep-tertiary-tertiary-900: rgb(7, 71, 115);
    --ep-tertiary-tertiary-800: rgb(1, 86, 139);
    --ep-tertiary-tertiary-700: rgb(0, 100, 169);
    --ep-tertiary-tertiary-600: rgb(0, 127, 209);
    --ep-tertiary-tertiary-500: rgb(12, 168, 252);
    --ep-tertiary-tertiary-400: rgb(46, 185, 255);
    --ep-tertiary-tertiary-300: rgb(119, 208, 255);
    --ep-tertiary-tertiary-200: rgb(183, 228, 255);
    --ep-tertiary-tertiary-100: rgb(222, 241, 255);
    --ep-tertiary-tertiary-Opacity: rgba(12, 168, 252, .4);
    --ep-inverse-inverse-900: rgb(78, 38, 52);
    --ep-inverse-inverse-800: rgb(114, 35, 50);
    --ep-inverse-inverse-700: rgb(147, 45, 65);
    --ep-inverse-inverse-600: rgb(188, 57, 83);
    --ep-inverse-inverse-500: rgb(78, 38, 52);
    --ep-inverse-inverse-400: rgb(217, 101, 124);
    --ep-inverse-inverse-300: rgb(223, 126, 145);
    --ep-inverse-inverse-200: rgb(233, 167, 180);
    --ep-inverse-inverse-100: rgb(240, 195, 204);
    --ep-inverse-inverse-Opacity: rgba(250, 188, 52, .4);
    --ep-neutral-gray-gray-L01: rgb(27, 32, 37);
    --ep-neutral-gray-gray-L02: rgb(33, 38, 44);
    --ep-neutral-gray-gray-L03: rgb(37, 44, 50);
    --ep-neutral-gray-gray-L04: rgb(44, 51, 59);
    --ep-neutral-gray-gray-L05: rgb(65, 74, 84);
    --ep-neutral-gray-gray-L06: rgb(72, 87, 134);
    --ep-neutral-gray-gray-L07: rgb(95, 111, 162);
    --ep-neutral-gray-gray-L08: rgb(126, 138, 179);
    --ep-neutral-gray-gray-L09: rgb(192, 197, 216);
    --ep-neutral-gray-gray-L10: rgb(223, 226, 236);
    --ep-neutral-transparent: rgba(255, 255, 255, 0);
    --ep-color-background-neutral: rgba(9, 30, 66, .06);
    --ep-color-background-fill-gradients-tertiary-weak-a: rgb(44, 51, 59);
    --ep-color-background-fill-gradients-tertiary-weak-b: rgb(78, 38, 52);
    --ep-neutral-white-60: rgba(255, 255, 255, .6);
    --ep-neutral-white-40: rgba(255, 255, 255, .4);
    --ep-neutral-white-20: rgba(255, 255, 255, .2);
    --ep-accent-colors-blue: rgb(92, 130, 245);
    --ep-accent-colors-red: rgb(230, 64, 33);
    --ep-accent-colors-orange: rgb(252, 151, 76);
    --ep-accent-colors-green: rgb(83, 193, 84);
    --ep-accent-colors-yellow: rgb(245, 200, 76);
    --ep-default-font-family: "Prompt", -apple-system, "Roboto", sans-serif;
    --ep-font-family: "Prompt", -apple-system, "Roboto", sans-serif;
    --ep-font-size-xs: var(--ep-values-10);
    --ep-font-size-s: var(--ep-values-12);
    --ep-font-size-m: var(--ep-values-14);
    --ep-font-size-l: var(--ep-values-16);
    --ep-font-size-xl: var(--ep-values-18);
    --ep-font-size-xxl: var(--ep-values-24);
    --ep-font-size-xxxl: var(--ep-values-36);
    --ep-font-size-xxxxl: var(--ep-values-70);
    --ep-font-weight-light: var(--ep-values-200);
    --ep-font-weight-regular: var(--ep-values-400);
    --ep-font-weight-medium: var(--ep-values-600);
    --ep-font-weight-bold: var(--ep-values-700);
    --ep-border-radius-xs: var(--ep-values-2);
    --ep-border-radius-s: var(--ep-values-4);
    --ep-border-radius-m: var(--ep-values-6);
    --ep-border-radius-l: var(--ep-values-8);
    --ep-border-radius-xl: var(--ep-values-10);
    --ep-border-radius-surface-small: var(--ep-values-12);
    --ep-border-radius-surface-default: var(--ep-values-14);
    --ep-border-radius-surface-large: var(--ep-values-20);
    --ep-border-radius-infinity: var(--ep-values-infinity);
    --ep-color-background-fill-body-default: var(--ep-neutral-gray-gray-L02);
    --ep-color-background-fill-surface-raised-L1: var(--ep-neutral-gray-gray-L03);
    --ep-color-background-fill-surface-raised-L2: var(--ep-neutral-gray-gray-L04);
    --ep-color-background-fill-surface-lowered: var(--ep-neutral-gray-gray-L01);
    --ep-color-background-fill-top-nav-primary: var(--ep-neutral-gray-gray-L03);
    --ep-color-background-fill-top-nav-secondary: var(--ep-neutral-gray-gray-L03);
    --ep-color-background-fill-foot-bar: var(--ep-neutral-gray-gray-L02);
    --ep-color-background-fill-active-primary: var(--ep-primary-primary-500);
    --ep-color-background-fill-active-active: var(--ep-primary-primary-600);
    --ep-color-background-fill-active-disabled: var(--ep-primary-primary-900);
    --ep-color-background-fill-tips: var(--ep-primary-primary-500);
    --ep-color-background-fill-glow-primary-opacity-40: var(--ep-primary-primary-Opacity);
    --ep-color-background-fill-glow-primary-opacity-100: var(--ep-primary-primary-500);
    --ep-color-background-fill-glow-secondary-opacity-40: var(--ep-inverse-inverse-Opacity);
    --ep-color-background-fill-glow-secondary-opacity-100: var(--ep-inverse-inverse-500);
    --ep-color-background-fill-gradients-primary-a: var(--ep-primary-primary-500);
    --ep-color-background-fill-gradients-primary-b: var(--ep-inverse-inverse-500);
    --ep-color-background-fill-gradients-secondary-a: var(--ep-neutral-gray-gray-L04);
    --ep-color-background-fill-gradients-secondary-b: var(--ep-primary-primary-900);
    --ep-color-background-fill-gradients-tertiary-a: var(--ep-primary-primary-600);
    --ep-color-background-fill-gradients-tertiary-b: var(--ep-inverse-inverse-500);
    --ep-color-background-fill-gradients-tertiary-weak-a: var(--ep-neutral-gray-gray-L04);
    --ep-color-background-fill-gradients-tertiary-weak-b: var(--ep-primary-primary-900);
    --ep-color-border-default: var(--ep-neutral-gray-gray-L05);
    --ep-color-border-brand: var(--ep-primary-primary-500);
    --ep-color-border-selected: var(--ep-primary-primary-500);
    --ep-color-border-danger: var(--ep-accent-red);
    --ep-color-border-warning: var(--ep-accent-orange);
    --ep-color-border-success: var(--ep-accent-green);
    --ep-color-border-highlight: var(--ep-accent-yellow);
    --ep-color-border-highlight-white: var(--ep-neutral-white-white-100);
    --ep-color-text-brand-primary: var(--ep-primary-primary-500);
    --ep-color-text-selected: var(--ep-primary-primary-500);
    --ep-color-text-default: var(--ep-neutral-white-white-100);
    --ep-color-text-weak: var(--ep-neutral-white-white-60);
    --ep-color-text-weaker: var(--ep-neutral-white-white-40);
    --ep-color-text-weakest: var(--ep-neutral-white-white-20);
    --ep-color-text-inverse: var(--ep-neutral-white-white-100);
    --ep-color-text-inverse-disabled: var(--ep-neutral-white-white-40);
    --ep-color-text-danger: var(--ep-accent-red);
    --ep-color-text-warning: var(--ep-accent-orange);
    --ep-color-text-success: var(--ep-accent-green);
    --ep-color-text-info: var(--ep-accent-blue);
    --ep-color-text-highlight: var(--ep-accent-yellow);
    --ep-color-text-highlight-white: var(--ep-neutral-white-white-100);
    --ep-color-text-highlight-white-weak: var(--ep-neutral-white-white-60);
    --ep-color-text-highlight-white-weaker: var(--ep-neutral-white-white-40);
    --ep-color-text-highlight-white-weakest: var(--ep-neutral-white-white-20);
    --ep-color-text-navigation-default: var(--ep-neutral-white-white-40);
    --ep-color-text-navigation-selected: var(--ep-neutral-white-white-100);
    --ep-color-icon-brand-primary: var(--ep-primary-primary-500);
    --ep-color-icon-brand-secondary: var(--ep-inverse-inverse-500);
    --ep-color-icon-selected: var(--ep-primary-primary-500);
    --ep-color-icon-default: var(--ep-neutral-white-white-100);
    --ep-color-icon-weaker: var(--ep-neutral-white-white-40);
    --ep-color-icon-inverse: var(--ep-neutral-white-white-100);
    --ep-color-icon-inverse-disabled: var(--ep-neutral-white-white-40);
    --ep-color-icon-tips: var(--ep-accent-red);
    --ep-color-icon-danger: var(--ep-accent-red);
    --ep-color-icon-warning: var(--ep-accent-orange);
    --ep-color-icon-success: var(--ep-accent-green);
    --ep-color-icon-info: var(--ep-accent-blue);
    --ep-color-icon-highlight: var(--ep-accent-yellow);
    --ep-color-icon-highlight-white: var(--ep-neutral-white-white-100);
    --ep-color-icon-navigation-default: var(--ep-neutral-white-white-40);
    --ep-color-icon-navigation-selected: var(--ep-primary-primary-500);
    --ep-color-btn-level-1-bg: rgba(255, 255, 255, 0);
    --ep-color-btn-level-1-text: rgba(255, 255, 255, 0);
    --ep-color-btn-level-1-border: rgba(255, 255, 255, 0);
    --ep-color-btn-level-2-bg: var(--ep-dynamic-primary);
    --ep-color-btn-level-2-text: var(--ep-color-text-inverse);
    --ep-color-btn-level-2-border: var(--ep-neutral-transparent);
    --ep-color-btn-level-3-bg: var(--ep-inverse-inverse-500);
    --ep-color-btn-level-3-text: var(--ep-color-text-inverse);
    --ep-color-btn-level-3-border: var(--ep-primary-primary-500);
    --ep-color-btn-level-4-bg: rgba(255, 255, 255, 0);
    --ep-color-btn-level-4-text: rgba(255, 255, 255, 0);
    --ep-color-btn-level-4-border: rgba(255, 255, 255, 0);
    --ep-dynamic-primary: linear-gradient(90deg, var(--ep-color-background-fill-gradients-primary-a, #e84c67) -27.5%, var(--ep-color-background-fill-gradients-primary-a, #e84c67) 127.5%);
    --ep-dynamic-secondary: linear-gradient(90deg, var(--ep-color-background-fill-gradients-secondary-a, #2c333b) -27.5%, var(--ep-color-background-fill-gradients-secondary-b, #4e2634) 127.5%);
    --ep-dynamic-tertiary: linear-gradient(90deg, var(--ep-color-background-fill-gradients-tertiary-a, #a93b4e) -27.5%, var(--ep-color-background-fill-gradients-tertiary-b, #4e2634) 127.5%);
    --ep-dynamic-tertiary-weak: linear-gradient(90deg, var(--ep-color-background-fill-gradients-tertiary-weak-a, #2c333b) -27.5%, var(--ep-color-background-fill-gradients-tertiary-weak-b, #4e2634) 127.5%);
    --ion-font-family: var(--ep-font-family);
    --ion-background-color: var(--ep-color-background-fill-body-default)
}

.theme-24 * {
    font-family: var(--ep-font-family)
}

.yellow-dark body div#app {
    --theme-color-700: #fbc63d;
    --theme-color-800: #feb805;
    --theme-color-900: #d69a02;
    --accent-color-blue: #6691d5;
    --accent-color-red: #e64021;
    --accent-color-orange: #df8644;
    --accent-color-green: #53c154;
    --text-color-black-100: rgba(45, 45, 45, 1);
    --text-color-black-80: rgba(64, 61, 79, .8);
    --text-color-black-60: rgba(45, 45, 45, .6);
    --text-color-black-40: rgba(64, 61, 79, .4);
    --text-color-black-20: rgba(55, 66, 87, .2);
    --text-color-white-100: rgba(255, 255, 255, 1);
    --text-color-white-80: rgba(255, 255, 255, .8);
    --text-color-white-60: rgba(255, 255, 255, .6);
    --text-color-white-40: rgba(255, 255, 255, .4);
    --text-color-white-20: rgba(255, 255, 255, .2);
    --color-bg-100: #2f2e2d;
    --color-bg-200: #262624;
    --color-bg-300: #1b1b19;
    --color-bg-400: #181816;
    --line-color: #2e2d2c;
    --ion-font-family: "Saira", sans-serif;
    --ion-default-font: "Saira", sans-serif;
    --color-primary-700: var(--theme-color-700);
    --color-primary-800: var(--theme-color-800);
    --color-primary-900: var(--theme-color-900);
    --ion-color-primary: var(--theme-color-700);
    --ion-background-color: #1b1b19;
    --ion-color-tertiary: var(--theme-color-800);
    --ion-color-tertiary-contrast: #fff;
    --ion-color-tertiary-shade: var(--theme-color-700);
    --ion-color-tertiary-tint: var(--theme-color-900);
    --color-svg-500: var(--theme-color-800);
    --color-svg-icon-primary: var(--theme-color-800);
    --color-svg-popular: var(--accent-color-red);
    --color-bg-mask: rgba(0, 0, 0, .6);
    --color-bg-tab-on: var(--theme-color-800);
    --color-bg-payment-item: var(--color-bg-200);
    --color-text-100: #fff;
    --color-text-80: rgba(255, 255, 255, .8);
    --color-text-50: rgba(255, 255, 255, .5);
    --color-text-40: rgba(255, 255, 255, .4);
    --color-text-20: rgba(255, 255, 255, .2);
    --color-text-tab-main: #2d2d2d;
    --color-text-black-100: #2d2d2d;
    --color-text--black-80: rgba(45, 45, 45, .6);
    --color-text-secondary-1: var(--color-text-black-100);
    --color-text-secondary-2: var(--text-color-black-80);
    --color-text-tag: #6b4d00;
    --color-currency: var(--accent-color-orange);
    --color-text-dark-30: rgba(0, 0, 0, .3);
    --color-warning: var(--accent-color-orange);
    --color-danger: var(--accent-color-red);
    --color-link: #6691d5;
    --color-success: var(--accent-color-green);
    --color-focus: var(--theme-color-900);
    --color-line: #2e2d2c;
    --color-border: #2e2d2c;
    --color-line-200: #3b424e;
    --rounded-small: .25rem;
    --rounded-middle: .375rem;
    --rounded-large: .625rem;
    --rounded-button-tab: .25rem;
    --rounded-segment: .375rem;
    --rounded-card-game: .375rem;
    --font-weight-bold: 700;
    --font-weight-medium: 500;
    --font-weight-regular: 400;
    --font-size-24: 1.5rem;
    --font-size-20: 1.25rem;
    --font-size-18: 1.125rem;
    --font-size-16: 1rem;
    --font-size-14: .875rem;
    --font-size-12: .75rem;
    --font-size-10: .625rem;
    --font-size-8: .5rem;
    --color-primary-btn-active: var(--theme-color-800);
    --color-primary-btn-disable: #dbc07d;
    --color-primary-btn-load: #9d7204;
    --color-primary-btn-text-active: #2d2d2d;
    --color-primary-btn-text-disable: rgba(0, 0, 0, .4);
    --color-primary-btn-text-load: rgba(45, 45, 45, .6);
    --color-primary-btn-main: linear-gradient(151deg, #f7c77e 6.6%, var(--theme-color-800) 71.09%, #f1ad00 92.71%);
    --color-card-bg--100: #2f2e2d;
    --color-card-bg-200: #262624;
    --color-card-bg-300: #1b1b19;
    --color-card-bg-400: #181816;
    --color-progress-bar: var(--color-primary-900);
    --color-progress-bg: var(--color-bg-300);
    --color-nav-bg: var(--color-bg-200);
    --color-menu-btn-bg: #2f2e2d;
    --color-bar-bg: #262624;
    --color-button-bg-gray: #2f2e2d;
    --color-button-bg-cancel: #262624;
    --color-button-bg-update: var(--theme-color-800);
    --color-swiper-pagination: rgba(255, 255, 255, .2);
    --color-primary-border-light: #f9f6c2;
    --color-search-bar-border: #3b414d;
    --color-border-input-prefix: rgba(255, 255, 255, .2);
    --color-btn-bg-toggle: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(230, 186, 30, .2) 145.69%), #262624;
    --color-segment-md: #3b414d;
    --color-segment-md-indicator: var(--theme-color-800);
    --color-segment-ios-blur: var(--color-text-40);
    --color-bg-segment-ios: var(--color-bg-200);
    --color-bg-segment-ios-indicator: var(--color-bg-100);
    --color-checkbox-bg: linear-gradient(151deg, #f7c77e 6.6%, var(--theme-color-800) 71.09%, #f1ad00 92.71%);
    --color-checkbox-border: transparent;
    --color-screen-bg: #1d1d1c;
    --color-screen-bg-img: url(/icons/texture_bg.png);
    --color-btn-bg-active-r: linear-gradient(180deg, rgba(0, 0, 0, 0) 16.59%, rgba(214, 196, 36, .2) 110.34%), #2a2928;
    --color-btn-bg-active-w: linear-gradient(180deg, rgba(0, 0, 0, 0) 16.59%, rgba(214, 196, 36, .2) 110.34%), #1b1b19;
    --color-bonus: var(--accent-color-green);
    --bg-color-recharge-withdraw: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(230, 186, 30, .2) 133.57%), #262624;
    --progress-base-bg: rgba(255, 255, 255, .2);
    --progress-bg: #188707;
    --color-report-selected: #fff;
    --color-report-select-icon: #FFF;
    --agent-btn-color: #2d2d2d;
    --color-line-default: var(--line-color);
    --color-bg-commission-first: var(--color-bg-100);
    --color-bg-commission-second: var(--color-bg-200);
    --color-bg-commission-third: var(--color-bg-300);
    --color-bg-commission-fourth: var(--color-bg-400);
    --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: var(--theme-color-800);
    --color-text-yellowBtn-active: var(--text-color-black-100);
    --color-activity-intro: var(--color-text-100);
    --color-activity-name: var(--color-text-40);
    --color-rebate-title: var(--color-text-40);
    --color-activity-rule: var(--color-text-40);
    --color-activity-selected: #fff;
    --color-copy-button: var(--color-text-100);
    --color-agent-text: var(--color-text-40);
    --color-agent-select-bg: var(--color-bg-200);
    --color-agent-board-bg: var(--color-bg-500);
    --color-agent-input-bg: transparent;
    --color-activity-time: var(--color-text-100);
    --color-appreciation-title: var(--color-text-80);
    --color-appreciation-currency: var(--color-text-40);
    --color-appreciation-board: var(--color-bg-200);
    --color-vip-active-bg: var(--color-primary-800);
    --color-vip-disable-bg: var(--color-primary-btn-disable);
    --color-vip-text: var(--color-text-40);
    --color-redeem-input-bg: transparent;
    --color-piece-title: var(--color-text-100);
    --color-piece-text: var(--color-text-100);
    --color-piece-checkbox-bg: #fff;
    --color-piece-invite-text: #fff;
    --color-piece-record-text: var(--color-text-40);
    --color-lucky-button-text: var(--color-text-100);
    --color-custom-text: #fff;
    --color-recharge-reward-text: #fff;
    --color-mystery-item-bg: var(--color-bg-400);
    --color-activity-footer-bg: var(--color-bg-200);
    --button-logout-message-text-color: var(--text-color-white-40);
    --button-left-bg-color-tint: #7f7f7e;
    --button-left-bg-color-shade: #4c4c4b;
    --button-right-bg-color-tint: #f2b942;
    --button-right-bg-color-shade: #d19d30;
    --logout-btn-right-color: #2D2D2D;
    --logout-btn-left-color: var(--text-color-white-40);
    --message-button-bg-color-tint: #3a3a39;
    --message-button-bg-color-shade: #493f2a;
    --msg-all-button-color-tint: #3a3a39;
    --msg-all-button-color-shade: #4b4b4b;
    --my-base-info-bg: #1b1b19;
    --skin-base-text-color: #FFF;
    --id-text-color-40: rgba(255, 255, 255, .4);
    --balance-title-text-color-40: rgba(255, 255, 255, .4);
    --balance-money-text-color: #FFF;
    --my-color-line: #2e2d2c;
    --recharge-withdraw-icon-color: #feb805;
    --vip-info-text-color-40: rgba(255, 255, 255, .4);
    --vip-max-text-color: rgba(255, 255, 255, .8);
    --vip-info-tips-text-color: rgba(255, 255, 255, .4);
    --my-card-bg-gradient: #262624;
    --my-card-detail-color: rgba(255, 255, 255, .4);
    --current-language-text-color: #FFF;
    --service-btn-color: #feb805;
    --service-btn-bg: #2f2e2d;
    --service-item-bg: #262624;
    --message-read-all-btn-bg: #2f2e2d;
    --report-select-bg: #262624;
    --report-select-item-box-bg: #262624;
    --report-select-item-bg: #262624;
    --report-selected-item-bg: #2f2e2d;
    --report-select-item-color: var(--color-text-80);
    --report-selected-item-color: var(--color-primary-800);
    --report-record-item-radius: var(--rounded-middle);
    --report-select-item-border-color: var(--color-menu-btn-bg);
    --report-record-item-bg: var(--color-bg-200);
    --security-item-icon-color: #FFF;
    --spread-segment-btn-bg: #262624;
    --spread-qr-box-bg: var(--color-text-100);
    --spread-save-qr-bg: var(--color-link);
    --spread-text-color-80: var(--color-text-80);
    --spread-share-box-border-color: #2A324E;
    --spread-bonus-rate-segment-item-color: #6D788E;
    --spread-commission-select-box-bg: var(--color-bg-200);
    --spread-commission-select-bg: var(--color-bg-400);
    --activity-record-select-item-bg: var(--color-bg-200);
    --activity-record-select-item-color: var(--color-text-40);
    --activity-record-selected-item-bg: var(--color-bg-100);
    --avatar-toolbar-bg: var(--color-bg-200);
    --vip1-detail-text-color: var(--text-color-white-100);
    --skin-ion-toolbar-bg: var(--color-bg-200);
    --vip1-text-color: var(--text-color-white-100);
    --mlm-toolbar-bg-color: var(--color-bg-200);
    --mlm-leaderbord-icon-color: var(--text-color-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-100);
    --mlmagent-history-hover-bgc: #3a3a39;
    --mlmagent-history-focused-bgc: #4b4b4b;
    --mlm-agent-claim-hover-bgc: #f2b942;
    --mlm-agent-claim-focused-bgc: #d19d30;
    --mlm-agent-claim-bg-color: var(--theme-color-800);
    --mlm-agent-claim-text-color: var(--color-text-black-100);
    --mlm-agent-claim-commisson-textc: var(--theme-color-800);
    --mlm-direct-team-btn-bgc: var(--color-bg-100);
    --mlm-agent-direct-icon-text-color: #6691D5;
    --mlm-agent-direct-text-color: var(--accent-color-blue);
    --mlm-agent-team-text-color: var(--accent-color-green);
    --mlm-agent-team-icon-text-color: #53C154;
    --mlm-agent-info-detail-bgc: var(--color-bg-200);
    --mlm-agent-my-agency-textc: rgba(255, 255, 255, .8);
    --mlm-agent-report-icon-color: var(--text-color-white-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: #FEB805;
    --mlm-subdetail-border-color: var(--color-border);
    --mlm-subdetail-box-bgc: var(--color-bg-400);
    --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: #FEB805;
    --mlm-commission-detail-account-money-tc: var(--accent-color-orange);
    --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-200);
    --mlm-bord-tab-item-selected-tc: var(--theme-color-800);
    --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: var(--theme-color-800);
    --mlm-segment-select-text-color: var(--my-card-detail-color);
    --mlm-segment-selected-text-color: var(--color-primary-800);
    --mlm-segment-indicator-bg-color: var(--color-primary-800);
    --mlm-rate-item-right-text-color: var(--accent-color-orange);
    --mlm-board-tab-border-color: var(--line-color);
    --mlm-leader-bord-money-text-color: var(--accent-color-orange);
    --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: #dbc07d;
    --color-mlm-btn-text-disable: rgba(0, 0, 0, .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: rgba(255, 255, 255, .8);
    --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);
    --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);
    --game-searchbar-bg-color: var(--color-bg-400);
    --game-searchbar-placeholder-color: var(--text-color-white-40);
    --game-searchbar-border-color: 0 0 0 1px var(--line-color), 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);
    --home-earth-color: #727271;
    --register-button-bg: var(--theme-color-800);
    --register-button-color: var(--text-color-black-100);
    --login-button-bg: var(--color-bg-100);
    --login-button-color: var(--text-color-white-100);
    --forgot-step-unpass-color: var(--text-color-white-100);
    --forgot-step-pass-color: var(--text-color-black-100);
    --login-close-color: #D9D9D9;
    --bugle-color: var(--text-color-white-100);
    --marquee-color: var(--accent-color-green);
    --marquee-weight: var(--font-weight-bold);
    --marquee-size: .875rem;
    --navigation-button-color: var(--text-color-white-100);
    --navigation-label-color: var(--text-color-white-100);
    --navigation-bar-color: var(--color-text-40);
    --inicio-sort-view-amount-color: var(--theme-color-800);
    --navigation-bar-bg: var(--color-bg-200);
    --navigation-arrow-color: var(--color-text-40);
    --sports-icon-color: var(--theme-color-800);
    --trilateral-cooperation-color: var(--text-color-white-100);
    --install-box-bg: var(--color-bg-400);
    --telegram-bg: rgba(255, 255, 255, .02);
    --pwa-dialog-bg: var(--color-bg-200);
    --footer-title-color: conic-gradient(from 180deg at 50% 50%, var(--ion-color-tertiary) 0deg, #fdfd68 359.96deg, var(--ion-color-tertiary) 360deg);
    --footer-sub-color: var(--text-color-white-40);
    --footer-content-color: var(--text-color-white-40);
    --color-bar-bg: var(--color-bg-200);
    --color-button-bg-gray: var(--color-bg-100);
    --color-bar-bg-100: #302e2d;
    --color-bar-bg-pwa: linear-gradient(91.11deg, #fba531 -.34%, #f38282 100%);
    --color-button-bg-support-bg: linear-gradient(326.82deg, var(--theme-color-800) 12.46%, #f4d177 87.98%);
    --float-black-button-color: var(--text-color-white-100);
    --tab-image-color: var(--text-color-white-100);
    --tab-image-active-color: var(--text-color-white-100);
    --color-primary-btn-main-shadow: 0px 0px 25.008px 0px rgba(205, 149, 3, .12), 0px 0px 14.29px 0px rgba(205, 149, 3, .8);
    --menu-close-color: var(--text-color-white-100);
    --menu-bar-bg: var(--color-bg-200);
    --menu-card-bg: var(--color-bg-200);
    --menu-card-label-icon: var(--text-color-white-40);
    --menu-card-label-title: var(--text-color-white-100);
    --color-btn-bg-toggle: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(230, 186, 30, .2) 133.57%), #22262e;
    --color-bar-bg-shadow: 0px 4px 8px 0px rgba(0, 0, 0, .1);
    --support-text-color: var(--text-color-white-100);
    --menu-support-card-bg: var(--color-bg-200);
    --menu-footer-bg: linear-gradient(180deg, rgba(26, 29, 34, 0) 4.58%, #040404 82.26%);
    --empty-icon-color: var(--color-bg-200);
    --common-dialog-bg: var(--color-bg-200);
    --common-dialog-text-color: var(--color-text-40);
    --common-dialog-left-btn-bg: var(--theme-color-800);
    --common-dialog-right-btn-bg: var(--color-bg-100);
    --common-dialog-right-btn-text-color: var(--color-text-40);
    --common-dialog-left-btn-text-color: var(--color-text-tab-main);
    --color-text-title-basic: var(--text-color-white-100);
    --color-icon-platform-card: var(--color-text-80);
    --color-icon-platform-active: var(--ion-color-primary);
    --color-icon-platform-rebate: var(--color-text-40);
    --font-size-back-button: 1.5rem;
    --color-text-depositDetial-copy: var(--color-primary-700);
    --color-text-inherit: inherit;
    --color-text-depositDetial-bigPrice: var(--color-text-inherit);
    --color-text-SelectList-active: var(--text-color-light-purple-1-100);
    --color-text-SelectList-unActive: inherit;
    --color-border-SelectList-popover: var(--color-border);
    --color-bg-li-active: var(--color-bg-100);
    --color-bg-li-unActive: var(--color-bg-200);
    --color-text-empty: var(--ion-color-medium);
    --input-highlight-color: var(--theme-color-800);
    --invite-cpf-record-icon: #FFF;
    --invite-cpf-reward-amount-text-color: rgba(255, 255, 255, .8);
    --invite-cpf-footer-top-line: #292D36;
    --mineral-style1-toobar-bg: #0E1420;
    --sign-default-extra-reward: #47DD2F;
    --sing-default-available-before: #35CD1E;
    --sign-default-footer-border: #292D36;
    --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: var(--color-bg-400);
    --ep-compat-color-background-fill-glow-primary-opacity-40: #35cd1e66;
    --ep-compat-color-text-default: var(--color-text-100);
    --ep-compat-color-text-selected: var(--theme-color-800);
    --ep-compat-color-text-weak: var(--text-color-white-60);
    --ep-compat-color-text-weaker: var(--color-text-40);
    --ep-compat-color-text-weakest: var(--color-text-20);
    --ep-compat-color-text-success: var(--theme-color-800);
    --ep-compat-color-text-info: var(--accent-color-blue);
    --ep-compat-color-text-highlight: #F5C84C;
    --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)
}

.amber-purple body div#app {
    --theme-color-400: #7a3fe8;
    --theme-color-700: #7041f3;
    --theme-color-800: #7041f3;
    --theme-color-900: #7041f3;
    --accent-orange: #df8644;
    --accent-color-blue: #4570d8;
    --accent-color-red-1: #d1695d;
    --accent-color-orange: #e4ae55;
    --accent-color-blue: #356ef1;
    --accent-color-red: #e64021;
    --accent-color-orange-1: #ff9400;
    --accent-color-orange-2: #EF6E3E;
    --accent-color-yellow: #f5c84c;
    --accent-color-yellow-1: #FBC63D;
    --accent-color-green: #3ee48a;
    --accent-color-green-1: #98C24F;
    --gradients-purple-1: linear-gradient(180deg, #5414C9 0%, #9462F2 100%);
    --gradients-purple-2: linear-gradient(180deg, #5A25E9 0%, #7E45D2 100%);
    --gradients-red: linear-gradient(180deg, #A13A2D 0%, #D1695D 100%);
    --gradients-orange: linear-gradient(180deg, #BA8737 0%, #E4AE55 100%);
    --gradients-green: linear-gradient(180deg, #6A853A 0%, #98C24F 100%);
    --Gradients-orange-purple: linear-gradient(317deg, #7041F3 2.45%, #F5C84C 105.89%);
    --gradients-orange-purple: linear-gradient(317deg, #7041F3 2.45%, #F5C84C 105.89%);
    --gradients-btn-orange-purple: linear-gradient(350.74deg, #7041F3 23.01%, #F5C84C 131.39%);
    --gradients-selectedBorder: linear-gradient(160deg, #EABD5B 15%, #7041F3 50%, #7041F3 80%, #F5C84C 100%);
    --gradients-indicatorLine: linear-gradient(90deg, #EABD5B 2.63%, #7546EE 100%);
    --text-color-black-100: rgba(64, 61, 79, 1);
    --text-color-black-80: rgba(64, 61, 79, .8);
    --text-color-black-50: rgba(64, 61, 79, .5);
    --text-color-white-100: rgba(255, 255, 255, 1);
    --text-color-white-80: rgba(255, 255, 255, .8);
    --text-color-white-60: rgba(255, 255, 255, .6);
    --text-color-white-40: rgba(255, 255, 255, .4);
    --text-color-light-purple-1-100: rgba(189, 184, 225, 1);
    --text-color-light-purple-2-100: rgba(104, 98, 153, 1);
    --color-bg-100: #3b3466;
    --color-bg-200: #2c294d;
    --color-bg-300: #262346;
    --color-bg-400: #292547;
    --color-bg-500: #252141;
    --line-color: #5f588c;
    --ion-default-font: "Open Sans", "Saira", sans-serif;
    --ion-color-primary: var(--theme-color-700);
    --ion-background-color: var(--color-bg-300);
    --ion-color-tertiary: var(--theme-color-800);
    --ion-color-tertiary-contrast: #fff;
    --ion-color-tertiary-shade: var(--theme-color-700);
    --ion-color-tertiary-tint: var(--theme-color-900);
    --color-primary-700: var(--theme-color-700);
    --color-primary-800: var(--theme-color-800);
    --color-primary-900: var(--theme-color-900);
    --color-svg-500: var(--theme-color-800);
    --color-svg-icon-primary: var(--text-color-light-purple-1-100);
    --color-svg-popular: var(--text-color-light-purple-1-100);
    --color-bg-mask: rgba(0, 0, 0, .6);
    --color-bg-tab-on: var(--theme-color-800);
    --color-bg-payment-item: var(--color-bg-200);
    --color-text-100: var(--text-color-light-purple-1-100);
    --color-text-80: var(--text-color-light-purple-2-100);
    --color-text-40: var(--text-color-light-purple-2-100);
    --color-text-tab-main: var(--text-color-white-100);
    --color-text-secondary-1: var(--text-color-white-100);
    --color-text-secondary-2: var(--text-color-white-60);
    --color-text-tag: #fff;
    --color-currency: var(--accent-color-yellow);
    --color-text-dark-30: rgba(0, 0, 0, .3);
    --color-footer-title: #fff;
    --color-warning: var(--accent-color-orange);
    --color-danger: var(--accent-color-red);
    --color-danger-depositRecordDanger: var(--accent-color-red-1);
    --color-link: var(--accent-color-blue);
    --color-success: var(--accent-color-green);
    --color-success-depositRecordSuccess: var(--accent-color-green-1);
    --color-focus: var(--theme-color-900);
    --color-line: var(--line-color);
    --color-border: var(--line-color);
    --color-line-200: #3b424e;
    --rounded-small: .375rem;
    --rounded-middle: .625rem;
    --rounded-large: .875rem;
    --rounded-button-tab: .25rem;
    --rounded-segment: .375rem;
    --rounded-card-game: .375rem;
    --font-weight-bold: 700;
    --font-weight-semibold: 600;
    --font-weight-medium: 500;
    --font-weight-regular: 400;
    --font-size-24: 1.5rem;
    --font-size-20: 1.25rem;
    --font-size-18: 1.125rem;
    --font-size-16: 1rem;
    --font-size-14: .875rem;
    --font-size-12: .75rem;
    --font-size-10: .625rem;
    --font-size-8: .5rem;
    --color-primary-btn-active: var(--theme-color-800);
    --color-primary-btn-disable: #7b79d9;
    --color-primary-btn-load: #4a21be;
    --color-primary-btn-text-active: var(--text-color-white-100);
    --color-primary-btn-text-disable: rgba(255, 255, 255, .6);
    --color-primary-btn-text-load: rgba(45, 45, 45, .6);
    --color-primary-btn-main: linear-gradient(151deg, var(--theme-color-500) 6.6%, var(--theme-color-700) 77.21%, var(--theme-color-800) 92.71%);
    --color-card-bg--100: var(--color-bg-100);
    --color-card-bg-300: var(--color-bg-300);
    --color-card-bg-400: var(--color-bg-400);
    --color-progress-bar: var(--color-bg-500);
    --color-progress-bg: var(--color-bg-100);
    --color-nav-bg: var(--color-primary-800);
    --color-menu-btn-bg: var(--theme-color-700);
    --color-button-bg-cancel: #262624;
    --color-button-bg-update: var(--theme-color-800);
    --color-swiper-pagination: #374257;
    --color-primary-border-light: #c3a9f5;
    --color-search-bar-border: var(--color-line);
    --color-border-input-prefix: var(--color-line);
    --color-segment-md: #3b414d;
    --color-segment-md-indicator: var(--gradients-indicatorLine);
    --color-bg-segment-ios: var(--color-bg-200);
    --color-bg-segment-ios-indicator: var(--color-bg-100);
    --color-segment-ios-blur: var(--color-text-100);
    --color-checkbox-bg: var(--theme-color-800);
    --color-checkbox-border: var(--theme-color-800);
    --color-screen-bg: #1d1d1c;
    --color-screen-bg-img: url(/icons/texture_bg.png);
    --color-btn-bg-active-r: linear-gradient(270deg, #56017D .14%, #300F3F 99.86%);
    --color-btn-bg-active-w: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(192, 143, 255, .58) 100%), #ede0ff;
    --color-bonus: var(--accent-color-green);
    --bg-color-recharge-withdraw: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 158, 87, .3) 93.21%), #6526db;
    --progress-base-bg: rgba(255, 255, 255, .2);
    --progress-bg: #188707;
    --color-report-selected: #BDB8E1;
    --color-report-select-icon: #686299;
    --agent-btn-color: var(--text-color-white-100);
    --color-activity-intro: var(--text-color-white-100);
    --color-activity-name: var(--text-color-black-80);
    --color-rebate-title: var(--text-color-black-80);
    --color-activity-rule: var(--text-color-light-purple-2-100);
    --color-activity-selected: #BDB8E1;
    --color-copy-button: var(--text-color-black-40);
    --color-agent-text: var(--text-color-black-80);
    --color-agent-select-bg: var(--color-bg-400);
    --color-agent-board-bg: var(--color-bg-500);
    --color-agent-input-bg: transparent;
    --color-agent-input-bg: var(--color-bg-400);
    --color-activity-time: #fff;
    --color-appreciation-title: var(--text-color-black-80);
    --color-appreciation-currency: var(--theme-color-800);
    --color-appreciation-board: var(--color-bg-100);
    --color-vip-active-bg: var(--gradients-orange-purple);
    --color-vip-disable-bg: #2C294D;
    --color-vip-disable-text: rgba(255, 255, 255, .2);
    --color-vip-enable-text: transparent;
    --color-vip-text: var(--text-color-black-80);
    --color-redeem-input-bg: var(--color-bg-400);
    --color-piece-title: var(--text-color-white-80);
    --color-piece-text: var(--text-color-black-40);
    --color-piece-checkbox-bg: var(--color-bg-500);
    --color-lucky-button-text: var(--text-color-white-100);
    --color-custom-text: var(#fff);
    --color-mystery-item-bg: var(--color-bg-500);
    --color-activity-footer-bg: var(--color-bg-400);
    --button-logout-message-text-color: #BDB8E1;
    --button-left-bg-color-tint: none;
    --button-left-bg-color-shade: none;
    --button-right-bg-color-tint: #5e3ae9;
    --button-right-bg-color-shade: #785aed;
    --logout-btn-right-color: var(--text-color-white-100);
    --logout-btn-left-color: #BDB8E1;
    --message-button-bg-color-tint: linear-gradient(180deg, #5337bc 0%, #474450 100%);
    --message-button-bg-color-shade: linear-gradient(180deg, #6547d4 0%, #595469 100%);
    --msg-all-button-color-tint: #c5b1fa;
    --msg-all-button-color-shade: #aa97dd;
    --my-base-info-bg: #e0d0ff;
    --skin-base-text-color: #403D4F;
    --id-text-color-40: #403D4F;
    --balance-title-text-color-40: rgba(64, 61, 79, .8);
    --balance-money-text-color: var(--accent-color-yellow);
    --my-color-line: #e7dbff;
    --recharge-withdraw-icon-color: #FFF;
    --vip-info-text-color-40: rgba(255, 255, 255, .4);
    --vip-max-text-color: rgba(255, 255, 255, .6);
    --vip-info-tips-text-color: rgba(255, 255, 255, .6);
    --my-card-bg-gradient: var(--color-bg-200);
    --service-btn-color: #FFF;
    --service-btn-bg: #6526DB;
    --service-item-bg: var(--color-bg-200);
    --message-read-all-btn-bg: #ccb2ff;
    --report-select-bg: #2C294D;
    --report-select-item-box-bg: var(--color-bg-200);
    --report-select-item-bg: var(--color-bg-200);
    --report-selected-item-bg: var(--color-bg-100);
    --report-select-item-color: #686299;
    --report-selected-item-color: #BDB8E1;
    --report-record-item-radius: var(--rounded-large);
    --report-select-item-border-color: var(--line-color);
    --report-record-item-bg: var(--color-bg-200);
    --security-item-icon-color: #686299;
    --spread-segment-btn-bg: var(--color-bg-100);
    --spread-segment-bottom-bc: var(--gradients-indicatorLine);
    --spread-segment-select-tc: #BDB8E1;
    --spread-qr-box-bg: #e7dbff;
    --spread-save-qr-bg: #6526DB;
    --spread-share-box-border-color: var(--color-border);
    --spread-bonus-rate-segment-item-color: var(--color-text-40);
    --spread-commission-select-box-bg: var(--color-bg-100);
    --spread-commission-select-bg: var(--color-bg-200);
    --ion-color-light-rgb: #ccb2ff;
    --activity-record-select-item-bg: var(--color-bg-300);
    --activity-record-select-item-color: #686299;
    --activity-record-selected-item-bg: var(--color-bg-200);
    --vip1-detail-text-color: rgba(64, 61, 79, .8);
    --ion-color-step-300: var(--text-color-light-purple-2-100);
    --ion-color-step-850: var(--text-color-light-purple-1-100);
    --ion-text-color: var(--text-color-light-purple-1-100);
    --my-card-detail-color: #686299;
    --mlm-toolbar-bg-color: var(--color-bg-200);
    --mlm-leaderbord-icon-color: var(--text-color-light-purple-1-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(--text-color-white-80);
    --mlm-agent-history-bgc: var(--theme-color-gradient-100);
    --mlmagent-history-hover-bgc: var(--theme-color-gradient-100);
    --mlmagent-history-focused-bgc: var(--theme-color-gradient-100);
    --mlm-agent-claim-hover-bgc: var(--gradients-green);
    --mlm-agent-claim-focused-bgc: var(--gradients-green);
    --mlm-agent-claim-bg-color: var(--gradients-green);
    --mlm-agent-claim-text-color: var(--text-color-white-100);
    --mlm-agent-claim-commisson-textc: #FEB805;
    --mlm-direct-team-btn-bgc: var(--color-bg-100);
    --mlm-agent-direct-icon-text-color: #3083E4;
    --mlm-agent-direct-text-color: #3083E4;
    --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: #BDB8E1;
    --mlm-agent-report-icon-color: #686299;
    --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-1);
    --mlm-agent-level-item-bgc: var(--color-bg-200);
    --mlm-item-level-bottom-bgc: var(--color-bg-300);
    --mlm-agent-level-info-borderc: var(--color-line);
    --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-light-purple-1-100);
    --mlm-select-icon-text-color: var(--text-color-white-100);
    --mlm-searchbar-placeholder-color: #686299;
    --mlm-searchbar-icon-color: #686299;
    --mlm-subdetail-top-bgc: #AB68FF;
    --mlm-subdetail-border-color: var(--line-color);
    --mlm-subdetail-box-bgc: var(--color-bg-500);
    --mlm-subdetail-box-border-color: var(--line-color);
    --mlm-subdetail-item-name-color: #686299;
    --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-yellow);
    --mlm-commission-detail-account-money-tc: var(--accent-color-yellow);
    --mlm-leader-bord-top-bgc: rgba(254, 229, 5, .154);
    --mlm-bord-tab-item-border-color: #2E2D2C;
    --mlm-bord-tab-item-selected-bgc: var(--color-bg-100);
    --mlm-bord-tab-item-selected-tc: #BDB8E1;
    --mlm-bord-tab-item-select-tc: #686299;
    --mlm-bord-tab-item-select-bgc: transparent;
    --mlm-bord-userid-text-color: var(--text-color-white-80);
    --mlm-bord-item-bgc: var(--color-bg-200);
    --mlm-agent-bord-currency-tc: var(--accent-color-orange);
    --mlm-agent-home-invite-btn-color: var(--theme-color-800);
    --mlm-segment-select-text-color: #686299;
    --mlm-segment-selected-text-color: #BDB8E1;
    --mlm-segment-indicator-bg-color: linear-gradient(90deg, #EABD5B 2.63%, #7546EE 100%);
    --mlm-rate-item-right-text-color: var(--accent-color-yellow);
    --mlm-board-tab-border-color: var(--line-color);
    --mlm-leader-bord-money-text-color: var(--accent-color-yellow);
    --mlm-invitation-footer-bg-color: var(--color-bg-200);
    --mlm-invitation-cust-btn-text-color: #BDB8E1;
    --mlm-rate-level-agent-segment-select-color: #686299;
    --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-yellow);
    --mlm-level-agent-selected-text-color: #7041F3;
    --mlm-level-info-tips-color: var(--text-color-white-80);
    --mlm-description-content-title-color: #BDB8E1;
    --mlm-rules-content-text-color: #BDB8E1;
    --mlm-subordinate-money-text-color: var(--accent-orange);
    --mlm-subordinate-id-text-color: var(--text-color-white-80);
    --ion-color-step-600: var(--text-color-light-purple-2-100);
    --mlm-invitation-qr-code-bg: var(--text-color-white-100);
    --mlm-commission-rate-game-type-bg: var(--color-bg-400);
    --mlm-receive-rule-text-color: #6691D5;
    --mlm-searchbar-enter-color: var(--text-color-light-purple-1-100);
    --color-bg-commission-first: var(--color-bg-100);
    --color-text-third: #BDB8E1;
    --color-bg-commission-second: var(--color-bg-200);
    --color-bg-commission-third: var(--color-bg-300);
    --color-text-basic: var(--color-text-100);
    --color-bg-commission-fourth: var(--color-bg-500);
    --color-line-default: var(--line-color);
    --game-searchbar-bg-color: var(--color-bg-500);
    --game-searchbar-placeholder-color: var(--text-color-light-purple-2-100);
    --game-searchbar-border-color: 0 0 0 1px var(--line-color), 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);
    --color-bg-payment-item: var(--color-bg-100);
    --login-close-color: var(--text-color-white-100);
    --bugle-color: var(--text-color-black-80);
    --marquee-color: var(--accent-color-yellow);
    --marquee-weight: var(--font-weight-bold);
    --marquee-size: .875rem;
    --navigation-button-color: var(--text-color-light-purple-1-100);
    --navigation-label-color: var(--text-color-light-purple-1-100);
    --navigation-bar-color: var(--text-color-light-purple-2-100);
    --inicio-sort-view-amount-color: var(--text-color-light-purple-1-100);
    --navigation-bar-bg: var(--color-bg-200);
    --navigation-arrow-color: #686299;
    --inicio-sort-view-arrow-color: var(--color-bg-100);
    --sports-icon-color: var(--theme-color-800);
    --trilateral-cooperation-color: var(--text-color-light-purple-1-100);
    --trilateral-cooperation-color-1: var(--text-color-light-purple-2-100);
    --install-box-bg: var(--color-bg-400);
    --telegram-bg: var(--color-bg-300);
    --footer-title-color: var(--gradients-orange-purple);
    --footer-sub-color: var(--text-color-light-purple-2-100);
    --footer-content-color: var(--text-color-light-purple-2-100);
    --pwa-dialog-bg: var(--color-bg-400);
    --color-bar-bg: transparent;
    --color-button-bg-gray: var(--color-bg-100);
    --color-bar-bg-100: var(--color-bg-100);
    --color-bar-bg-pwa: linear-gradient(91deg, #895ad5 -.34%, #267da3 100%);
    --color-button-bg-support-bg: linear-gradient(180deg, #64c536 0%, #15c18d 100%);
    --float-black-button-color: var(--text-color-light-purple-1-100);
    --tab-image-color: var(--text-color-light-purple-2-100);
    --tab-image-active-color: var(--text-color-light-purple-1-100);
    --color-primary-btn-main-shadow: 0px 0px 25.008px 0px rgba(104, 3, 205, .12), 0px 0px 14.29px 0px rgba(135, 23, 246, .22);
    --menu-close-color: var(--text-color-white-100);
    --menu-bar-bg: var(--color-bg-300);
    --menu-card-bg: var(--color-bg-100);
    --menu-card-label-icon: var(--text-color-light-purple-1-100);
    --menu-card-label-title: var(--text-color-light-purple-1-100);
    --color-btn-bg-toggle: var(--color-bg-400);
    --color-bar-bg-shadow: 0px 4px 6px -2px rgba(0, 0, 0, .06);
    --support-text-color: var(--text-color-light-purple-1-100);
    --menu-support-card-bg: var(--color-bg-500);
    --menu-footer-bg: linear-gradient(180deg, rgba(255, 255, 255, 0) 30.45%, rgba(83, 47, 151, .51) 82.26%);
    --empty-icon-color: var(--color-bg-100);
    --common-dialog-bg: var(--color-bg-200);
    --common-dialog-text-color: var(--text-color-light-purple-1-100);
    --common-dialog-left-btn-bg: var(--theme-color-800);
    --common-dialog-right-btn-bg: var(--color-bg-100);
    --common-dialog-right-btn-text-color: var(--text-color-light-purple-1-100);
    --common-dialog-left-btn-text-color: var(--text-color-white-100);
    --color-button-bg-basic: linear-gradient(0deg, #7041f3 23.01%, #f5c84c 131.39%);
    --color-button-bg-disable: linear-gradient(0deg, #7041f3 23.01%, #f5c84c 131.39%);
    --color-button-shadow-basic: 0px -4.8px 0px 0px rgba(0, 0, 0, .1) inset;
    --color-toolbar-text: var(--text-color-light-purple-1-100);
    --layout-radius-basic: .875rem;
    --color-text-title-basic: #BDB8E1;
    --color-icon-platform-card: var(--text-color-white-80);
    --color-icon-platform-active: var(--ion-color-primary);
    --color-icon-platform-rebate: var(--color-text-40);
    --font-size-back-button: 1.25rem;
    --color-bg-first: var(--color-bg-300);
    --color-bg-second: var(--color-bg-200);
    --color-bg-third: var(--color-bg-100);
    --color-bg-fifth: var(--color-bg-500);
    --color-text-first: var(--text-color-light-purple-1-100);
    --color-text-second: var(--text-color-light-purple-2-100);
    --color-gradients-btn: var(--gradients-btn-orange-purple);
    --color-text-history-unable-btn: var(--text-color-light-purple-2-100);
    --color-icon-right: var(--text-color-light-purple-2-100);
    --color-border-input: var(--line-color);
    --color-bg-progress: var(--theme-color-700);
    --color-text-orange-emphasis: var(--accent-orange);
    --color-text-yellow-emphasis: var(--accent-color-yellow);
    --color-text-blue-emphasis: var(--accent-color-blue);
    --color-shadow-bottom-btn: 0rem -.3rem 0rem 0rem rgba(0, 0, 0, .1) inset;
    --color-text-depositRecord-header: var(--text-color-white-40);
    --color-text-empty-bottom: var(--color-text-second);
    --color-text-depositDetial-bigPrice: var(--text-color-white-100);
    --color-text-depositDetial-copy: var(--accent-color-yellow-1);
    --color-text-depositDetial-white: var(--text-color-white-100);
    --color-text-SelectList-active: var(--text-color-light-purple-1-100);
    --color-text-SelectList-unActive: var(--text-color-light-purple-2-100);
    --color-border-SelectList-popover: transparent;
    --color-bg-li-active: var(--color-bg-200);
    --color-bg-li-unActive: var(--color-bg-300);
    --color-text-empty: var(--text-color-light-purple-2-100);
    --input-highlight-color: var(--theme-color-800);
    --invite-cpf-record-icon: #BDB8E1;
    --invite-cpf-reward-amount-text-color: #BDB8E1;
    --invite-cpf-footer-top-line: var(--line-color);
    --color-text-gray-100: #BDB8E1;
    --color-text-gray-200: #686299;
    --theme-color-gradient-100: linear-gradient(270deg, #7041F3 0%, #F5C84C 130.92%);
    --gradients-disabled-btn-bg: linear-gradient(92.07deg, #74604F -4.86%, #442F8C 96.93%);
    --default-invite-share-text: #53C154;
    --sign-default-day-text-color: #FEB805;
    --sign-default-extra-reward: #47DD2F;
    --sing-default-available-before: #35CD1E;
    --color-text-gray-100: var(--text-color-light-purple-1-100);
    --color-text-gray-200: var(--text-color-light-purple-2-100);
    --sign-default-footer-btn-bg: linear-gradient(270deg, #7041F3 0%, #F5C84C 130.92%);
    --sign-default-unmetReceiveModal-bg: #000000;
    --sign-default-unmetReceiveModal-btn-focused: #785aed;
    --sign-default-unmetReceiveModal-btn-hover: #6b49eb;
    --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: var(--color-bg-400);
    --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: var(--text-color-white-60);
    --ep-compat-color-text-weaker: var(--color-text-40);
    --ep-compat-color-text-weakest: var(--color-text-20);
    --ep-compat-color-text-success: var(--accent-color-green);
    --ep-compat-color-text-info: var(--accent-color-blue);
    --ep-compat-color-text-highlight: var(--accent-color-yellow);
    --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)
}

.amber-purple body div#app ion-router-outlet>div.ion-page {
    background: var(--ion-background-color)
}

.amber-purple body div#app ion-router-outlet>div.ion-page:after {
    content: "";
    position: absolute;
    border-radius: 263px;
    width: 263px;
    height: 119px;
    opacity: .2;
    top: -69px;
    left: -68px;
    background: #7a3fe8;
    filter: blur(31.649999618530273px);
    z-index: -1
}

.amber-purple body div#app ion-router-outlet>div.ion-page:before {
    content: "";
    position: absolute;
    width: 113px;
    height: 119px;
    opacity: .19;
    top: -55px;
    right: -8px;
    background: linear-gradient(180deg, #6a853a, #98c24f);
    filter: blur(31.649999618530273px);
    z-index: -1
}

.color-primary-600[data-v-a643ae69] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-a643ae69] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-a643ae69] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-a643ae69] {
    color: var(--color-primary-900)
}

.bg-100[data-v-a643ae69] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-a643ae69] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-a643ae69] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-a643ae69] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-a643ae69] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-a643ae69] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-a643ae69] {
    background-color: var(--color-warning)
}

.bg-link[data-v-a643ae69] {
    background-color: var(--color-link)
}

.bg-danger[data-v-a643ae69] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-a643ae69] {
    color: var(--color-text-100)
}

.color-text-80[data-v-a643ae69] {
    color: var(--color-text-80)
}

.color-text-50[data-v-a643ae69] {
    color: var(--color-text-50)
}

.color-text-40[data-v-a643ae69] {
    color: var(--color-text-40)
}

.color-text-20[data-v-a643ae69] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-a643ae69] {
    color: var(--color-currency)
}

.color-warning[data-v-a643ae69] {
    color: var(--color-warning)
}

.color-danger[data-v-a643ae69] {
    color: var(--color-danger)
}

.color-link[data-v-a643ae69] {
    color: var(--color-link)
}

.color-line[data-v-a643ae69] {
    color: var(--color-line)
}

.color-border[data-v-a643ae69] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-a643ae69] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-a643ae69] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-a643ae69] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-a643ae69] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-a643ae69] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-a643ae69] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-a643ae69] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-a643ae69] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-a643ae69] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-a643ae69] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-a643ae69] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-a643ae69] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-a643ae69] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-a643ae69] {
    display: flex;
    align-items: center
}

.flex-start[data-v-a643ae69] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-a643ae69] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-a643ae69] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-a643ae69] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-a643ae69] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-a643ae69] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-a643ae69] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-a643ae69] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-a643ae69] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-a643ae69] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-a643ae69] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-a643ae69] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-a643ae69] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-a643ae69] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-a643ae69] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-a643ae69] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-a643ae69] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-a643ae69] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-a643ae69] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-a643ae69] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-a643ae69] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-a643ae69] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-a643ae69] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-a643ae69] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-a643ae69],
.mlm-selected-item[data-v-a643ae69] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-a643ae69] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-a643ae69]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-a643ae69] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-a643ae69] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-a643ae69] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.compulsory-warp .aperture[data-v-a643ae69] {
    border-radius: 50%;
    position: absolute
}

.compulsory-warp .content[data-v-a643ae69] {
    width: 22.875rem;
    position: relative;
    background: var(--ep-dynamic-tertiary, linear-gradient(90deg, var(--ep-color-background-fill-gradients-tertiary-a, #357FCF) -27.5%, var(--ep-color-background-fill-gradients-tertiary-b, #2D8C2E) 127.5%));
    border-radius: var(--ep-border-radius-surface-small, .875rem);
    overflow: hidden;
    margin: 0 auto calc(env(safe-area-inset-bottom) + 16px)
}

.compulsory-warp .content .circle[data-v-a643ae69] {
    width: 12.9375rem;
    height: 12.9375rem;
    border-radius: 50%;
    background: var(--ep-color-icon-brand-primary, #3A8EE3);
    position: absolute;
    right: -4.3125rem;
    top: -4.3125rem
}

.compulsory-warp .content .aperture1[data-v-a643ae69] {
    width: 2.9375rem;
    height: 2.9375rem;
    background: var(--ep-color-text-success, #53C154);
    filter: blur(11.94999981px);
    top: 6.375rem;
    left: 3.4375rem;
    opacity: .53;
    border-radius: 50%;
    position: absolute
}

.compulsory-warp .content .aperture2[data-v-a643ae69] {
    width: 3.5rem;
    height: 3.5rem;
    background: var(--ep-color-text-warning, #FC974C);
    filter: blur(3.54999995px);
    top: 10rem;
    right: 1.875rem;
    z-index: 5;
    opacity: .48;
    border-radius: 50%;
    position: absolute
}

.compulsory-warp .content .aperture3[data-v-a643ae69] {
    width: 6.5625rem;
    height: 6.5625rem;
    background: var(--ep-color-text-danger, #E64021);
    filter: blur(2.8125rem);
    bottom: 2rem;
    left: 1.875rem;
    opacity: .35;
    border-radius: 50%;
    position: absolute
}

.compulsory-warp .content .close-icon[data-v-a643ae69] {
    position: absolute;
    color: var(--ep-color-icon-highlight-white, #fff);
    font-size: var(--ep-font-size-xl, 1.125rem);
    right: .75rem;
    top: .75rem;
    z-index: 10
}

.compulsory-warp .content .logo-area[data-v-a643ae69] {
    display: flex;
    align-items: center;
    margin: 1.8125rem 0 0 1.1875rem
}

.compulsory-warp .content .logo-area .logo-wrap[data-v-a643ae69] {
    width: 3.125rem;
    height: 3.125rem;
    border-radius: var(--ep-border-radius-surface-small, .75rem);
    overflow: hidden
}

.compulsory-warp .content .logo-area .logo-wrap .logo[data-v-a643ae69] {
    width: 100%;
    height: 100%
}

.compulsory-warp .content .logo-area .app-name[data-v-a643ae69] {
    height: 3.125rem;
    line-height: 3.125rem;
    font-size: var(--ep-font-size-xl, 1.125rem);
    font-weight: var(--ep-font-weight-bold, 700);
    color: var(--ep-color-text-highlight-white, #fff);
    margin-left: .5625rem
}

.compulsory-warp .content .force-img-area[data-v-a643ae69] {
    width: 216px;
    height: 216px;
    position: absolute;
    right: .3125rem;
    top: 0
}

.compulsory-warp .content .force-img-area .force-img[data-v-a643ae69] {
    width: 100%;
    height: 100%
}

.compulsory-warp .content .tips-area[data-v-a643ae69] {
    width: 21.25rem;
    margin: 5rem auto 0
}

.compulsory-warp .content .tips-area .version[data-v-a643ae69] {
    font-size: var(--ep-font-size-xl, 1.125rem);
    line-height: 1.75rem;
    font-weight: var(--ep-font-weight-bold, 700);
    color: var(--ep-color-text-highlight-white, #fff)
}

.compulsory-warp .content .tips-area .sub-title[data-v-a643ae69] {
    font-size: var(--ep-font-size-m, .875rem);
    line-height: 1.25rem;
    color: var(--ep-color-text-highlight-white-weak, rgba(255, 255, 255, .6))
}

.compulsory-warp .content .tips-area .sub-title .accent[data-v-a643ae69] {
    color: var(--ep-color-text-warning, --color-currency)
}

.compulsory-warp .content .action-area[data-v-a643ae69] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 1.5625rem auto 1.375rem;
    width: 21.5625rem
}

.compulsory-warp .content .action-area .action-btn[data-v-a643ae69] {
    width: 18.125rem;
    height: 2.625rem;
    text-align: center;
    font-size: var(--ep-font-size-m, .875rem);
    line-height: 2.625rem;
    font-weight: var(--ep-font-weight-bold, 700);
    --box-shadow: none;
    color: var(--ep-color-text-highlight-white, #fff);
    --border-radius: var(--ep-border-radius-m, .375rem);
    --background: var(--ep-color-icon-brand-primary, #CF3F5B)
}

.compulsory-warp .content .action-area .action-btn .download-svg[data-v-a643ae69] {
    font-size: var(--ep-font-size-xxl, 2.25rem);
    color: var(--ep-color-icon-inverse, #fff);
    font-weight: var(--ep-font-weight-medium, 700)
}

.compulsory-warp .content .action-area .action-btn .btn-text[data-v-a643ae69] {
    font-size: var(--ep-font-size-m, .875rem);
    line-height: 2.625rem;
    font-weight: var(--ep-font-weight-bold, 700);
    color: var(--ep-color-text-inverse, #fff)
}

.compulsory-warp .content .action-area .customer-wrap[data-v-a643ae69] {
    height: 2.625rem;
    width: 2.625rem;
    border-radius: var(--ep-border-radius-s, .25rem);
    background: var(--ep-color-icon-brand-secondary, #3A8EE3);
    text-align: center;
    padding: .5rem;
    cursor: pointer
}

.compulsory-warp .content .action-area .customer-wrap .customer[data-v-a643ae69] {
    font-size: 1.625rem;
    color: var(--ep-color-icon-inverse, #fff)
}

.compulsory-warp .content .instructions-area[data-v-a643ae69] {
    width: 21.25rem;
    margin: 0 auto 2.5rem;
    position: relative
}

.compulsory-warp .content .instructions-area .title[data-v-a643ae69] {
    color: var(--ep-color-text-highlight-white, #fff);
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-medium, 600);
    line-height: 1.375rem;
    margin-bottom: 1rem
}

.compulsory-warp .content .instructions-area .details[data-v-a643ae69] {
    display: flex;
    color: var(--ep-color-text-highlight-white-weak, rgba(255, 255, 255, .6));
    font-size: var(--ep-font-size-s, .75rem)
}

.compulsory-warp .content .instructions-area .warn-area[data-v-a643ae69] {
    width: 100%;
    background: var(--ep-neutral-white-white-10, rgba(255, 255, 255, .1));
    padding: .3125rem .625rem .4375rem;
    border-radius: var(--ep-border-radius-m, .375rem);
    margin-top: 1rem
}

.compulsory-warp .content .instructions-area .warn-area .top[data-v-a643ae69] {
    display: flex;
    align-items: center;
    font-size: var(--ep-font-size-m, .875rem);
    line-height: 1.375rem
}

.compulsory-warp .content .instructions-area .warn-area .top .tip-icon[data-v-a643ae69] {
    color: var(--ep-color-icon-info, #5C82F5)
}

.compulsory-warp .content .instructions-area .warn-area .top .tip-title[data-v-a643ae69] {
    color: var(--ep-color-text-highlight-white, #fff);
    margin-left: .3125rem;
    font-weight: var(--ep-font-weight-medium, 600)
}

.compulsory-warp .content .instructions-area .warn-area .details[data-v-a643ae69] {
    font-size: var(--ep-font-size-xs, .625rem);
    color: var(--ep-color-text-highlight-white-weaker, rgba(255, 255, 255, .6));
    line-height: 1.125rem
}

.moveUpDown[data-v-a643ae69] {
    animation: moveUpDown-a643ae69 8s ease-in-out infinite
}

@keyframes moveUpDown-a643ae69 {

    0%,
    50%,
    to {
        transform: translateY(0)
    }

    25% {
        transform: translateY(2px)
    }

    75% {
        transform: translateY(-10px)
    }
}

.tex-desc .accent {
    color: var(--color-currency);
    font-weight: var(--ep-font-weight-medium, 600);
    font-size: .875rem
}

.color-primary-600[data-v-be7f091c] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-be7f091c] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-be7f091c] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-be7f091c] {
    color: var(--color-primary-900)
}

.bg-100[data-v-be7f091c] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-be7f091c] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-be7f091c] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-be7f091c] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-be7f091c] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-be7f091c] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-be7f091c] {
    background-color: var(--color-warning)
}

.bg-link[data-v-be7f091c] {
    background-color: var(--color-link)
}

.bg-danger[data-v-be7f091c] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-be7f091c] {
    color: var(--color-text-100)
}

.color-text-80[data-v-be7f091c] {
    color: var(--color-text-80)
}

.color-text-50[data-v-be7f091c] {
    color: var(--color-text-50)
}

.color-text-40[data-v-be7f091c] {
    color: var(--color-text-40)
}

.color-text-20[data-v-be7f091c] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-be7f091c] {
    color: var(--color-currency)
}

.color-warning[data-v-be7f091c] {
    color: var(--color-warning)
}

.color-danger[data-v-be7f091c] {
    color: var(--color-danger)
}

.color-link[data-v-be7f091c] {
    color: var(--color-link)
}

.color-line[data-v-be7f091c] {
    color: var(--color-line)
}

.color-border[data-v-be7f091c] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-be7f091c] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-be7f091c] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-be7f091c] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-be7f091c] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-be7f091c] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-be7f091c] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-be7f091c] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-be7f091c] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-be7f091c] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-be7f091c] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-be7f091c] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-be7f091c] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-be7f091c] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-be7f091c] {
    display: flex;
    align-items: center
}

.flex-start[data-v-be7f091c] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-be7f091c] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-be7f091c] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-be7f091c] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-be7f091c] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-be7f091c] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-be7f091c] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-be7f091c] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-be7f091c] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-be7f091c] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-be7f091c] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-be7f091c] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-be7f091c] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-be7f091c] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-be7f091c] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-be7f091c] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-be7f091c] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-be7f091c] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-be7f091c] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-be7f091c] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-be7f091c] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-be7f091c] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-be7f091c] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-be7f091c] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-be7f091c],
.mlm-selected-item[data-v-be7f091c] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-be7f091c] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-be7f091c]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-be7f091c] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-be7f091c] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-be7f091c] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.content[data-v-be7f091c] {
    background-color: var(--color-bg-progressier-operation, var(--ion-text-color));
    padding-bottom: var(--ion-safe-area-bottom)
}

.header[data-v-be7f091c] {
    background: url(/images/bg-forced-popup-BR.png);
    background-size: 100%
}

.header-BR[data-v-be7f091c] {
    background: url(/images/bg-forced-popup-BR.png);
    background-size: 100%
}

.header-PH[data-v-be7f091c] {
    background: url(/images/bg-forced-popup-PH.png);
    background-size: 100%
}

ion-button[data-v-be7f091c] {
    --background: linear-gradient(180deg, #72CB45 0%, #337611 100%);
    text-transform: none;
    min-height: 0;
    height: 2.8125rem
}

.accent[data-v-be7f091c] {
    color: var(--color-currency)
}

.color-primary-600 {
    color: var(--color-primary-600)
}

.color-primary-700 {
    color: var(--color-primary-700)
}

.color-primary-800 {
    color: var(--color-primary-800)
}

.color-primary-900 {
    color: var(--color-primary-900)
}

.bg-100 {
    background-color: var(--color-bg-100)
}

.bg-200 {
    background-color: var(--color-bg-200)
}

.bg-300 {
    background-color: var(--color-bg-300)
}

.bg-400 {
    background-color: var(--color-bg-400)
}

.bg-primary-700 {
    background-color: var(--color-primary-700)
}

.bg-primary-800 {
    background-color: var(--color-primary-800)
}

.bg-warning {
    background-color: var(--color-warning)
}

.bg-link {
    background-color: var(--color-link)
}

.bg-danger {
    background-color: var(--color-danger)
}

.color-text-100 {
    color: var(--color-text-100)
}

.color-text-80 {
    color: var(--color-text-80)
}

.color-text-50 {
    color: var(--color-text-50)
}

.color-text-40 {
    color: var(--color-text-40)
}

.color-text-20 {
    color: var(--color-text-20)
}

.color-text-currency {
    color: var(--color-currency)
}

.color-warning {
    color: var(--color-warning)
}

.color-danger {
    color: var(--color-danger)
}

.color-link {
    color: var(--color-link)
}

.color-line {
    color: var(--color-line)
}

.color-border {
    border: 1px solid var(--color-border)
}

.font-weight-bold {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular {
    font-weight: var(--font-weight-regular)
}

.rounded-small {
    border-radius: var(--rounded-small)
}

.rounded-small-b {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large {
    border-radius: var(--rounded-large)
}

.rounded-middle-t {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load {
    background: var(--color-primary-btn-load)
}

.flexBox {
    display: flex;
    align-items: center
}

.flex-start {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point {
    width: .625rem;
    height: .625rem
}

.default-report-select-border {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item {
    background: var(--report-recond-item-bg-color)
}

.money-text {
    color: var(--money-text-color)
}

.mlm-selected,
.mlm-selected-item {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.tex-desc .accent {
    color: var(--color-currency);
    font-weight: 600;
    font-size: .875rem
}

.color-primary-600[data-v-f050f902] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-f050f902] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-f050f902] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-f050f902] {
    color: var(--color-primary-900)
}

.bg-100[data-v-f050f902] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-f050f902] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-f050f902] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-f050f902] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-f050f902] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-f050f902] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-f050f902] {
    background-color: var(--color-warning)
}

.bg-link[data-v-f050f902] {
    background-color: var(--color-link)
}

.bg-danger[data-v-f050f902] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-f050f902] {
    color: var(--color-text-100)
}

.color-text-80[data-v-f050f902] {
    color: var(--color-text-80)
}

.color-text-50[data-v-f050f902] {
    color: var(--color-text-50)
}

.color-text-40[data-v-f050f902] {
    color: var(--color-text-40)
}

.color-text-20[data-v-f050f902] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-f050f902] {
    color: var(--color-currency)
}

.color-warning[data-v-f050f902] {
    color: var(--color-warning)
}

.color-danger[data-v-f050f902] {
    color: var(--color-danger)
}

.color-link[data-v-f050f902] {
    color: var(--color-link)
}

.color-line[data-v-f050f902] {
    color: var(--color-line)
}

.color-border[data-v-f050f902] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-f050f902] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-f050f902] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-f050f902] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-f050f902] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-f050f902] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-f050f902] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-f050f902] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-f050f902] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-f050f902] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-f050f902] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-f050f902] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-f050f902] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-f050f902] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-f050f902] {
    display: flex;
    align-items: center
}

.flex-start[data-v-f050f902] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-f050f902] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-f050f902] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-f050f902] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-f050f902] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-f050f902] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-f050f902] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-f050f902] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-f050f902] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-f050f902] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-f050f902] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-f050f902] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-f050f902] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-f050f902] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-f050f902] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-f050f902] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-f050f902] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-f050f902] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-f050f902] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-f050f902] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-f050f902] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-f050f902] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-f050f902] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-f050f902] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-f050f902],
.mlm-selected-item[data-v-f050f902] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-f050f902] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-f050f902]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-f050f902] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-f050f902] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-f050f902] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

[data-v-f050f902] .amber-purple {
    background-color: var(--color-bg-300)
}

[data-v-f050f902] .amber-purple .header {
    background: url(/images/bg-forced-popup-amber-BR.png);
    background-size: 100%
}

[data-v-f050f902] .amber-purple .header-BR {
    background: url(/images/bg-forced-popup-amber-BR.png);
    background-size: 100%
}

[data-v-f050f902] .amber-purple .header-PH {
    background: url(/images/bg-forced-popup-amber-PH.png);
    background-size: 100%
}

[data-v-f050f902] .amber-purple .title {
    color: var(--text-color-light-purple-1-100)
}

[data-v-f050f902] .amber-purple p {
    color: var(--text-color-light-purple-2-100)
}

[data-v-f050f902] .amber-purple span {
    color: var(--accent-color-yellow)
}

[data-v-f050f902] .amber-purple .logo {
    background-color: var(--color-bg-100)
}

[data-v-f050f902] .amber-purple .logo p {
    color: var(--text-color-light-purple-1-100)
}

[data-v-f050f902] .amber-purple .support {
    border-width: 1px;
    border-style: solid;
    border-radius: .5rem;
    border-color: var(--line-color);
    background: var(--color-bg-200);
    box-shadow: 0 4px 6.8px rgba(0, 0, 0, .25), 0 -2px 4px rgba(0, 0, 0, .11) inset
}

[data-v-f050f902] .amber-purple .tip-box span {
    color: var(--text-color-light-purple-2-100)
}

[data-v-f050f902] .amber-purple .warn {
    background-color: var(--color-bg-100)
}

[data-v-f050f902] .amber-purple .btn-text {
    color: var(--color-primary-btn-text-active)
}

.color-primary-600[data-v-a6138718] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-a6138718] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-a6138718] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-a6138718] {
    color: var(--color-primary-900)
}

.bg-100[data-v-a6138718] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-a6138718] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-a6138718] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-a6138718] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-a6138718] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-a6138718] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-a6138718] {
    background-color: var(--color-warning)
}

.bg-link[data-v-a6138718] {
    background-color: var(--color-link)
}

.bg-danger[data-v-a6138718] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-a6138718] {
    color: var(--color-text-100)
}

.color-text-80[data-v-a6138718] {
    color: var(--color-text-80)
}

.color-text-50[data-v-a6138718] {
    color: var(--color-text-50)
}

.color-text-40[data-v-a6138718] {
    color: var(--color-text-40)
}

.color-text-20[data-v-a6138718] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-a6138718] {
    color: var(--color-currency)
}

.color-warning[data-v-a6138718] {
    color: var(--color-warning)
}

.color-danger[data-v-a6138718] {
    color: var(--color-danger)
}

.color-link[data-v-a6138718] {
    color: var(--color-link)
}

.color-line[data-v-a6138718] {
    color: var(--color-line)
}

.color-border[data-v-a6138718] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-a6138718] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-a6138718] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-a6138718] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-a6138718] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-a6138718] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-a6138718] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-a6138718] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-a6138718] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-a6138718] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-a6138718] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-a6138718] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-a6138718] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-a6138718] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-a6138718] {
    display: flex;
    align-items: center
}

.flex-start[data-v-a6138718] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-a6138718] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-a6138718] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-a6138718] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-a6138718] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-a6138718] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-a6138718] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-a6138718] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-a6138718] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-a6138718] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-a6138718] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-a6138718] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-a6138718] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-a6138718] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-a6138718] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-a6138718] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-a6138718] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-a6138718] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-a6138718] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-a6138718] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-a6138718] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-a6138718] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-a6138718] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-a6138718] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-a6138718],
.mlm-selected-item[data-v-a6138718] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-a6138718] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-a6138718]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-a6138718] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-a6138718] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-a6138718] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.tab-list[data-v-a6138718] {
    width: 21.875rem;
    height: 3.125rem;
    margin: 0 auto;
    box-sizing: border-box;
    overflow: hidden
}

.tab-list .textColor[data-v-a6138718] {
    font-size: 12px
}

html .tab-list[data-v-a6138718] {
    border: 1px solid var(--color-line);
    background-color: var(--color-bg-200)
}

html .tab-list ion-segment-button[data-v-a6138718] {
    height: 3.125rem;
    min-width: 7.25rem;
    text-align: center;
    text-transform: none;
    --background: var(--color-bg-200);
    --background-checked: var(--color-bg-100);
    --border-width: 2px;
    --color: var(--color-text-40);
    --color-checked: var(--color-text-100);
    --indicator-color: var(--theme-color-800);
    --background-hover: var(--color-bg-100);
    --background-hover-opacity: .5;
    --padding-start: 0;
    --padding-end: 0
}

html ion-segment-button.segment-button-checked[data-v-a6138718] {
    font-weight: var(--ep-font-weight-bold, 700)
}

html .tab-list.top[data-v-a6138718] {
    border-radius: var(--ep-font-size-m, .375rem) var(--ep-font-size-m, .375rem) 0 0;
    border-bottom-width: 0 !important
}

html .tab-list.bottom[data-v-a6138718] {
    border-radius: 0 0 var(--ep-font-size-m, .375rem) var(--ep-font-size-m, .375rem);
    border-top-width: 0 !important
}

html .tab-list.bottom ion-segment-button[data-v-a6138718] {
    --indicator-color: var(--color-bg-200)
}

html .tab-list.bottom .textColor[data-v-a6138718] {
    width: 100%;
    height: 100%;
    line-height: 3.125rem
}

html .tab-list.bottom .active[data-v-a6138718] {
    border-top: 1px solid var(--theme-color-800)
}

.new-skin-symbol .tab-list[data-v-a6138718] {
    border: 1px solid var(--ep-color-border-default);
    background-color: var(--ep-color-background-fill-surface-raised-L1)
}

.new-skin-symbol .tab-list ion-segment-button[data-v-a6138718] {
    height: 3.125rem;
    min-width: 7.25rem;
    text-align: center;
    text-transform: none;
    --background: var(--ep-color-background-fill-surface-raised-L1);
    --background-checked: var(--ep-color-background-fill-surface-raised-L2);
    --border-width: 2px;
    --color: var(--ep-color-text-weaker);
    --color-checked: var(--ep-color-text-default);
    --indicator-color: var(--ep-color-border-selected);
    --background-hover: var(--ep-color-background-fill-surface-raised-L2);
    --background-hover-opacity: .5;
    --padding-start: 0;
    --padding-end: 0
}

.new-skin-symbol ion-segment-button.segment-button-checked[data-v-a6138718] {
    font-weight: var(--ep-font-weight-bold, 700)
}

.new-skin-symbol .tab-list.top[data-v-a6138718] {
    border-radius: var(--ep-font-size-m, .375rem) var(--ep-font-size-m, .375rem) 0 0;
    border-bottom-width: 0 !important
}

.new-skin-symbol .tab-list.bottom[data-v-a6138718] {
    border-radius: 0 0 var(--ep-font-size-m, .375rem) var(--ep-font-size-m, .375rem);
    border-top-width: 0 !important
}

.new-skin-symbol .tab-list.bottom ion-segment-button[data-v-a6138718] {
    --indicator-color: var(--ep-color-background-fill-surface-raised-L1)
}

.new-skin-symbol .tab-list.bottom .textColor[data-v-a6138718] {
    width: 100%;
    height: 100%;
    line-height: 3.125rem
}

.new-skin-symbol .tab-list.bottom .active[data-v-a6138718] {
    border-top: 1px solid var(--ep-color-border-selected)
}

.color-primary-600[data-v-5c32bb8d] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-5c32bb8d] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-5c32bb8d] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-5c32bb8d] {
    color: var(--color-primary-900)
}

.bg-100[data-v-5c32bb8d] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-5c32bb8d] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-5c32bb8d] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-5c32bb8d] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-5c32bb8d] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-5c32bb8d] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-5c32bb8d] {
    background-color: var(--color-warning)
}

.bg-link[data-v-5c32bb8d] {
    background-color: var(--color-link)
}

.bg-danger[data-v-5c32bb8d] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-5c32bb8d] {
    color: var(--color-text-100)
}

.color-text-80[data-v-5c32bb8d] {
    color: var(--color-text-80)
}

.color-text-50[data-v-5c32bb8d] {
    color: var(--color-text-50)
}

.color-text-40[data-v-5c32bb8d] {
    color: var(--color-text-40)
}

.color-text-20[data-v-5c32bb8d] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-5c32bb8d] {
    color: var(--color-currency)
}

.color-warning[data-v-5c32bb8d] {
    color: var(--color-warning)
}

.color-danger[data-v-5c32bb8d] {
    color: var(--color-danger)
}

.color-link[data-v-5c32bb8d] {
    color: var(--color-link)
}

.color-line[data-v-5c32bb8d] {
    color: var(--color-line)
}

.color-border[data-v-5c32bb8d] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-5c32bb8d] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-5c32bb8d] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-5c32bb8d] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-5c32bb8d] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-5c32bb8d] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-5c32bb8d] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-5c32bb8d] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-5c32bb8d] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-5c32bb8d] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-5c32bb8d] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-5c32bb8d] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-5c32bb8d] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-5c32bb8d] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-5c32bb8d] {
    display: flex;
    align-items: center
}

.flex-start[data-v-5c32bb8d] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-5c32bb8d] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-5c32bb8d] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-5c32bb8d] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-5c32bb8d] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-5c32bb8d] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-5c32bb8d] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-5c32bb8d] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-5c32bb8d] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-5c32bb8d] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-5c32bb8d] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-5c32bb8d] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-5c32bb8d] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-5c32bb8d] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-5c32bb8d] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-5c32bb8d] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-5c32bb8d] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-5c32bb8d] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-5c32bb8d] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-5c32bb8d] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-5c32bb8d] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-5c32bb8d] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-5c32bb8d] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-5c32bb8d] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-5c32bb8d],
.mlm-selected-item[data-v-5c32bb8d] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-5c32bb8d] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-5c32bb8d]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-5c32bb8d] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-5c32bb8d] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-5c32bb8d] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.wrapper[data-v-5c32bb8d] {
    width: 100%;
    height: 100%;
    position: fixed;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 50
}

.wrapper .announcement-wrapper[data-v-5c32bb8d] {
    display: flex
}

.wrapper .announcement-wrapper.top[data-v-5c32bb8d] {
    flex-direction: column
}

.wrapper .announcement-wrapper.bottom[data-v-5c32bb8d] {
    flex-direction: column-reverse
}

.wrapper .content[data-v-5c32bb8d] {
    width: 21.875rem;
    height: -moz-fit-content;
    height: fit-content;
    height: 23.75rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid var(--ep-color-border-default, var(--color-line));
    border-radius: var(--ep-border-radius-xl);
    overflow: hidden;
    background-size: cover;
    background-color: var(--ep-color-background-fill-body-default, var(--color-bg-300))
}

.wrapper .content div[data-v-5c32bb8d] {
    overflow-y: auto;
    font-size: var(--ep-font-size-s, .8125rem)
}

.wrapper .content div.text[data-v-5c32bb8d] {
    width: 100%;
    color: var(--ep-color-text-default, var(--color-text-80))
}

.wrapper .empty-tab .content[data-v-5c32bb8d] {
    border-radius: var(--ep-border-radius-m, .375rem)
}

.wrapper .content.hide-bg[data-v-5c32bb8d] {
    background-color: transparent;
    border: none
}

.wrapper .content.bottom[data-v-5c32bb8d] {
    border-radius: var(--ep-border-radius-m, var(--rounded-middle)) var(--ep-border-radius-m, var(--rounded-middle)) 0 0;
    border-bottom-width: 0 !important
}

.wrapper .content.top[data-v-5c32bb8d] {
    border-radius: 0 0 var(--ep-border-radius-m, var(--rounded-middle)) var(--ep-border-radius-m, var(--rounded-middle));
    border-top-width: 0 !important
}

.wrapper .content.text[data-v-5c32bb8d] {
    padding: 1rem .5rem 1.25rem
}

.wrapper .check-box[data-v-5c32bb8d] {
    background: var(--ep-color-background-fill-body-default, var(--color-bg-300));
    color: var(--ep-color-text-default, var(--color-base));
    padding-left: .75rem;
    height: 2.25rem;
    border: 1px solid var(--ep-color-border-default, var(--color-line));
    border-radius: var(--ep-border-radius-s, .3125rem);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--ep-font-size-s, .75rem);
    margin-top: 1rem;
    margin-bottom: 1rem
}

.wrapper .check-box p[data-v-5c32bb8d] {
    line-height: 2.25rem;
    padding-left: .625rem;
    padding-right: .75rem
}

.wrapper .check-box ion-checkbox[data-v-5c32bb8d] {
    --border-color: var(--ep-color-icon-brand-primary, #EAEDF6);
    --checkbox-background: var(--ep-color-background-fill-surface-raised-L1, #EAEDF6);
    --checkbox-background-checked: var(--ep-color-icon-brand-primary, var(--color-checkbox-bg));
    --border-radius: var(--ep-border-radius-s, .25rem)
}

.wrapper .check-box ion-checkbox[data-v-5c32bb8d]::part(container) {
    border: 1px solid var(--ep-color-icon-brand-primary, var(--color-checkbox-border))
}

.wrapper ion-icon[data-v-5c32bb8d] {
    font-size: var(--ep-font-size-xxl, 1.5rem);
    border-radius: 50%;
    border: 1px solid;
    color: var(--ep-color-icon-default)
}

ion-toolbar[data-v-5c32bb8d] {
    --background: transparent;
    --min-height: 3rem;
    --color: var(--ep-color-text-default, var(--color-base))
}

ion-title[data-v-5c32bb8d] {
    height: -moz-fit-content;
    height: fit-content;
    padding-inline-start: 1.5rem;
    padding-inline-end: 1.5rem;
    --padding-top: 0;
    --padding-bottom: 0
}

div[data-v-5c32bb8d] {
    scrollbar-width: none
}

div[data-v-5c32bb8d]::-webkit-scrollbar {
    display: none
}

.new-skin-symbol .wrapper .content.text[data-v-5c32bb8d] {
    padding: 1rem 1rem 1.25rem
}

.new-skin-symbol ion-checkbox[data-v-5c32bb8d] {
    --border-width: 1px
}

.color-primary-600[data-v-d6587318] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-d6587318] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-d6587318] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-d6587318] {
    color: var(--color-primary-900)
}

.bg-100[data-v-d6587318] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-d6587318] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-d6587318] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-d6587318] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-d6587318] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-d6587318] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-d6587318] {
    background-color: var(--color-warning)
}

.bg-link[data-v-d6587318] {
    background-color: var(--color-link)
}

.bg-danger[data-v-d6587318] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-d6587318] {
    color: var(--color-text-100)
}

.color-text-80[data-v-d6587318] {
    color: var(--color-text-80)
}

.color-text-50[data-v-d6587318] {
    color: var(--color-text-50)
}

.color-text-40[data-v-d6587318] {
    color: var(--color-text-40)
}

.color-text-20[data-v-d6587318] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-d6587318] {
    color: var(--color-currency)
}

.color-warning[data-v-d6587318] {
    color: var(--color-warning)
}

.color-danger[data-v-d6587318] {
    color: var(--color-danger)
}

.color-link[data-v-d6587318] {
    color: var(--color-link)
}

.color-line[data-v-d6587318] {
    color: var(--color-line)
}

.color-border[data-v-d6587318] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-d6587318] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-d6587318] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-d6587318] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-d6587318] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-d6587318] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-d6587318] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-d6587318] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-d6587318] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-d6587318] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-d6587318] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-d6587318] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-d6587318] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-d6587318] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-d6587318] {
    display: flex;
    align-items: center
}

.flex-start[data-v-d6587318] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-d6587318] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-d6587318] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-d6587318] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-d6587318] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-d6587318] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-d6587318] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-d6587318] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-d6587318] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-d6587318] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-d6587318] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-d6587318] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-d6587318] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-d6587318] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-d6587318] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-d6587318] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-d6587318] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-d6587318] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-d6587318] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-d6587318] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-d6587318] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-d6587318] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-d6587318] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-d6587318] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-d6587318],
.mlm-selected-item[data-v-d6587318] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-d6587318] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-d6587318]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-d6587318] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-d6587318] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-d6587318] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

[data-v-d6587318] .max-reward-amount {
    color: var(--ep-color-text-warning, var(--color-warning))
}

.new-skin-symbol .guide-content-container[data-v-d6587318] {
    text-align: center
}

.new-skin-symbol .guide-content-container .max-reward-amount-text[data-v-d6587318] {
    padding: .625rem 0;
    font-size: var(--ep-font-size-xl, 1.125rem);
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--ep-color-text-highlight-white);
    text-shadow: 0px 4px 4px rgba(0, 0, 0, .25);
    line-height: 1.75rem
}

.new-skin-symbol .guide-content-container .recharge-text[data-v-d6587318] {
    margin-top: 1.25rem
}

.new-skin-symbol .guide-content-container .text[data-v-d6587318] {
    color: var(--ep-color-text-weaker);
    font-size: var(--ep-font-size-m, .875rem);
    line-height: 1.375rem
}

.purple-light .guide-content-container[data-v-d6587318],
.green-dark .guide-content-container[data-v-d6587318],
.yellow-dark .guide-content-container[data-v-d6587318],
.amber-purple .guide-content-container[data-v-d6587318],
.green-default .guide-content-container[data-v-d6587318],
.blue-default .guide-content-container[data-v-d6587318],
.auroral-yellow .guide-content-container[data-v-d6587318],
.forest-green .guide-content-container[data-v-d6587318] {
    text-align: center
}

.purple-light .guide-content-container .max-reward-amount-text[data-v-d6587318],
.green-dark .guide-content-container .max-reward-amount-text[data-v-d6587318],
.yellow-dark .guide-content-container .max-reward-amount-text[data-v-d6587318],
.amber-purple .guide-content-container .max-reward-amount-text[data-v-d6587318],
.green-default .guide-content-container .max-reward-amount-text[data-v-d6587318],
.blue-default .guide-content-container .max-reward-amount-text[data-v-d6587318],
.auroral-yellow .guide-content-container .max-reward-amount-text[data-v-d6587318],
.forest-green .guide-content-container .max-reward-amount-text[data-v-d6587318] {
    padding: .625rem 0;
    font-size: var(--ep-font-size-xl, 1.125rem);
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--text-color-white-100);
    text-shadow: 0px 4px 4px rgba(0, 0, 0, .25);
    line-height: 1.75rem
}

.purple-light .guide-content-container .recharge-text[data-v-d6587318],
.green-dark .guide-content-container .recharge-text[data-v-d6587318],
.yellow-dark .guide-content-container .recharge-text[data-v-d6587318],
.amber-purple .guide-content-container .recharge-text[data-v-d6587318],
.green-default .guide-content-container .recharge-text[data-v-d6587318],
.blue-default .guide-content-container .recharge-text[data-v-d6587318],
.auroral-yellow .guide-content-container .recharge-text[data-v-d6587318],
.forest-green .guide-content-container .recharge-text[data-v-d6587318] {
    margin-top: 1.25rem
}

.purple-light .guide-content-container .text[data-v-d6587318],
.green-dark .guide-content-container .text[data-v-d6587318],
.yellow-dark .guide-content-container .text[data-v-d6587318],
.amber-purple .guide-content-container .text[data-v-d6587318],
.green-default .guide-content-container .text[data-v-d6587318],
.blue-default .guide-content-container .text[data-v-d6587318],
.auroral-yellow .guide-content-container .text[data-v-d6587318],
.forest-green .guide-content-container .text[data-v-d6587318] {
    color: var(--text-color-white-100);
    font-size: var(--ep-font-size-m, .875rem);
    line-height: 1.375rem
}

.color-primary-600[data-v-51e6634c] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-51e6634c] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-51e6634c] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-51e6634c] {
    color: var(--color-primary-900)
}

.bg-100[data-v-51e6634c] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-51e6634c] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-51e6634c] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-51e6634c] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-51e6634c] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-51e6634c] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-51e6634c] {
    background-color: var(--color-warning)
}

.bg-link[data-v-51e6634c] {
    background-color: var(--color-link)
}

.bg-danger[data-v-51e6634c] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-51e6634c] {
    color: var(--color-text-100)
}

.color-text-80[data-v-51e6634c] {
    color: var(--color-text-80)
}

.color-text-50[data-v-51e6634c] {
    color: var(--color-text-50)
}

.color-text-40[data-v-51e6634c] {
    color: var(--color-text-40)
}

.color-text-20[data-v-51e6634c] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-51e6634c] {
    color: var(--color-currency)
}

.color-warning[data-v-51e6634c] {
    color: var(--color-warning)
}

.color-danger[data-v-51e6634c] {
    color: var(--color-danger)
}

.color-link[data-v-51e6634c] {
    color: var(--color-link)
}

.color-line[data-v-51e6634c] {
    color: var(--color-line)
}

.color-border[data-v-51e6634c] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-51e6634c] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-51e6634c] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-51e6634c] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-51e6634c] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-51e6634c] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-51e6634c] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-51e6634c] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-51e6634c] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-51e6634c] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-51e6634c] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-51e6634c] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-51e6634c] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-51e6634c] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-51e6634c] {
    display: flex;
    align-items: center
}

.flex-start[data-v-51e6634c] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-51e6634c] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-51e6634c] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-51e6634c] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-51e6634c] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-51e6634c] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-51e6634c] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-51e6634c] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-51e6634c] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-51e6634c] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-51e6634c] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-51e6634c] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-51e6634c] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-51e6634c] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-51e6634c] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-51e6634c] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-51e6634c] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-51e6634c] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-51e6634c] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-51e6634c] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-51e6634c] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-51e6634c] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-51e6634c] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-51e6634c] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-51e6634c],
.mlm-selected-item[data-v-51e6634c] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-51e6634c] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-51e6634c]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-51e6634c] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-51e6634c] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-51e6634c] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.new-skin-symbol .modal-container[data-v-51e6634c] {
    position: absolute;
    width: 21.25rem;
    box-sizing: border-box;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.new-skin-symbol .modal-container .modal-content[data-v-51e6634c] {
    width: 100%;
    height: auto;
    background: var(--ep-color-background-fill-surface-raised-L1);
    border-radius: var(--ep-border-radius-surface-small, .75rem);
    padding: 1.5rem .625rem 1.0625rem
}

.new-skin-symbol .modal-container .modal-content .close-top[data-v-51e6634c] {
    position: absolute;
    right: 1.25rem;
    top: .625rem;
    font-size: var(--ep-font-size-xxl, 1.5rem);
    color: var(--ep-color-icon-default)
}

.new-skin-symbol .modal-container .modal-content .title[data-v-51e6634c] {
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--ep-color-text-default);
    text-align: center;
    line-height: 1.75rem;
    font-size: var(--ep-font-size-xl, 1.125rem)
}

.new-skin-symbol .modal-container .modal-content .main-content[data-v-51e6634c] {
    width: 18.75rem;
    height: 22.5rem;
    background: url(/assets/popup-D4Eph4C_.png) no-repeat center center / 100% 100%;
    margin: 1.0625rem auto;
    padding: .375rem;
    box-sizing: border-box
}

.new-skin-symbol .modal-container .modal-content .modal-footer[data-v-51e6634c] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    padding: 0 .375rem
}

.new-skin-symbol .modal-container .modal-content .modal-footer .btn-base[data-v-51e6634c] {
    border-radius: var(--ep-border-radius-m, 6px);
    width: 146px;
    height: 48px;
    line-height: 48px;
    font-size: var(--ep-font-size-m, 14px);
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--ep-color-text-inverse)
}

.new-skin-symbol .modal-container .modal-content .modal-footer .recharge-btn[data-v-51e6634c] {
    border-radius: var(--ep-border-radius-m, 6px);
    width: 146px;
    height: 48px;
    line-height: 48px;
    font-size: var(--ep-font-size-m, 14px);
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--ep-color-text-inverse);
    background: var(--ep-color-background-fill-active-primary)
}

.new-skin-symbol .modal-container .modal-content .modal-footer .receive-btn[data-v-51e6634c] {
    border-radius: var(--ep-border-radius-m, 6px);
    width: 146px;
    height: 48px;
    line-height: 48px;
    font-size: var(--ep-font-size-m, 14px);
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--ep-color-text-inverse);
    background: var(--ep-dynamic-primary)
}

.new-skin-symbol .modal-container .modal-content .modal-footer .full-width[data-v-51e6634c] {
    width: 100%
}

.new-skin-symbol .modal-container .check-box[data-v-51e6634c] {
    color: var(--ep-color-text-highlight-white);
    padding-left: .75rem;
    height: 2.25rem;
    border-radius: var(--ep-border-radius-s, .25rem);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--ep-font-size-s, .75rem);
    margin: 0 .75rem
}

.new-skin-symbol .modal-container .check-box p[data-v-51e6634c] {
    line-height: 2.25rem;
    padding-left: .625rem;
    padding-right: .75rem
}

.new-skin-symbol .modal-container .check-box ion-checkbox[data-v-51e6634c] {
    --border-color: var(--ep-color-icon-brand-primary);
    --checkbox-background: var(--ep-color-background-fill-surface-raised-L1);
    --checkbox-background-checked: var(--ep-color-icon-brand-primary);
    --border-radius: var(--ep-border-radius-s, .25rem);
    --border-width: 1px
}

.new-skin-symbol .modal-container .check-box ion-checkbox[data-v-51e6634c]::part(container) {
    border: 1px solid var(--ep-color-icon-brand-primary)
}

.new-skin-symbol .modal-container .close-box[data-v-51e6634c] {
    width: 1.875rem;
    height: 1.875rem;
    margin: 0 auto;
    cursor: pointer
}

.new-skin-symbol .modal-container .close-box ion-icon.close[data-v-51e6634c] {
    border: 1px solid;
    font-size: var(--ep-font-size-xxl, 1.5rem);
    border-radius: 50%;
    color: var(--ep-color-icon-default)
}

.purple-light .modal-container[data-v-51e6634c],
.green-dark .modal-container[data-v-51e6634c],
.yellow-dark .modal-container[data-v-51e6634c],
.amber-purple .modal-container[data-v-51e6634c],
.green-default .modal-container[data-v-51e6634c],
.blue-default .modal-container[data-v-51e6634c],
.auroral-yellow .modal-container[data-v-51e6634c],
.forest-green .modal-container[data-v-51e6634c] {
    position: absolute;
    width: 21.25rem;
    box-sizing: border-box;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.purple-light .modal-container .modal-content[data-v-51e6634c],
.green-dark .modal-container .modal-content[data-v-51e6634c],
.yellow-dark .modal-container .modal-content[data-v-51e6634c],
.amber-purple .modal-container .modal-content[data-v-51e6634c],
.green-default .modal-container .modal-content[data-v-51e6634c],
.blue-default .modal-container .modal-content[data-v-51e6634c],
.auroral-yellow .modal-container .modal-content[data-v-51e6634c],
.forest-green .modal-container .modal-content[data-v-51e6634c] {
    width: 100%;
    height: auto;
    background: var(--color-bg-200);
    border-radius: var(--ep-border-radius-surface-small, .75rem);
    padding: 1.5rem .625rem 1.0625rem
}

.purple-light .modal-container .modal-content .close-top[data-v-51e6634c],
.green-dark .modal-container .modal-content .close-top[data-v-51e6634c],
.yellow-dark .modal-container .modal-content .close-top[data-v-51e6634c],
.amber-purple .modal-container .modal-content .close-top[data-v-51e6634c],
.green-default .modal-container .modal-content .close-top[data-v-51e6634c],
.blue-default .modal-container .modal-content .close-top[data-v-51e6634c],
.auroral-yellow .modal-container .modal-content .close-top[data-v-51e6634c],
.forest-green .modal-container .modal-content .close-top[data-v-51e6634c] {
    position: absolute;
    right: 1.25rem;
    top: .625rem;
    font-size: var(--ep-font-size-xxl, 1.5rem);
    color: var(--color-text-100)
}

.purple-light .modal-container .modal-content .title[data-v-51e6634c],
.green-dark .modal-container .modal-content .title[data-v-51e6634c],
.yellow-dark .modal-container .modal-content .title[data-v-51e6634c],
.amber-purple .modal-container .modal-content .title[data-v-51e6634c],
.green-default .modal-container .modal-content .title[data-v-51e6634c],
.blue-default .modal-container .modal-content .title[data-v-51e6634c],
.auroral-yellow .modal-container .modal-content .title[data-v-51e6634c],
.forest-green .modal-container .modal-content .title[data-v-51e6634c] {
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--color-text-100);
    text-align: center;
    line-height: 1.75rem;
    font-size: var(--ep-font-size-xl, 1.125rem)
}

.purple-light .modal-container .modal-content .main-content[data-v-51e6634c],
.green-dark .modal-container .modal-content .main-content[data-v-51e6634c],
.yellow-dark .modal-container .modal-content .main-content[data-v-51e6634c],
.amber-purple .modal-container .modal-content .main-content[data-v-51e6634c],
.green-default .modal-container .modal-content .main-content[data-v-51e6634c],
.blue-default .modal-container .modal-content .main-content[data-v-51e6634c],
.auroral-yellow .modal-container .modal-content .main-content[data-v-51e6634c],
.forest-green .modal-container .modal-content .main-content[data-v-51e6634c] {
    width: 18.75rem;
    height: 22.5rem;
    background: url(/assets/popup-D4Eph4C_.png) no-repeat center center / 100% 100%;
    margin: 1.0625rem auto;
    padding: .375rem;
    box-sizing: border-box
}

.purple-light .modal-container .modal-content .modal-footer[data-v-51e6634c],
.green-dark .modal-container .modal-content .modal-footer[data-v-51e6634c],
.yellow-dark .modal-container .modal-content .modal-footer[data-v-51e6634c],
.amber-purple .modal-container .modal-content .modal-footer[data-v-51e6634c],
.green-default .modal-container .modal-content .modal-footer[data-v-51e6634c],
.blue-default .modal-container .modal-content .modal-footer[data-v-51e6634c],
.auroral-yellow .modal-container .modal-content .modal-footer[data-v-51e6634c],
.forest-green .modal-container .modal-content .modal-footer[data-v-51e6634c] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    padding: 0 .375rem
}

.purple-light .modal-container .modal-content .modal-footer .btn-base[data-v-51e6634c],
.green-dark .modal-container .modal-content .modal-footer .btn-base[data-v-51e6634c],
.yellow-dark .modal-container .modal-content .modal-footer .btn-base[data-v-51e6634c],
.amber-purple .modal-container .modal-content .modal-footer .btn-base[data-v-51e6634c],
.green-default .modal-container .modal-content .modal-footer .btn-base[data-v-51e6634c],
.blue-default .modal-container .modal-content .modal-footer .btn-base[data-v-51e6634c],
.auroral-yellow .modal-container .modal-content .modal-footer .btn-base[data-v-51e6634c],
.forest-green .modal-container .modal-content .modal-footer .btn-base[data-v-51e6634c] {
    border-radius: var(--ep-border-radius-m, 6px);
    width: 146px;
    height: 48px;
    line-height: 48px;
    font-size: var(--ep-font-size-m, 14px);
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--text-color-white-100)
}

.purple-light .modal-container .modal-content .modal-footer .recharge-btn[data-v-51e6634c],
.green-dark .modal-container .modal-content .modal-footer .recharge-btn[data-v-51e6634c],
.yellow-dark .modal-container .modal-content .modal-footer .recharge-btn[data-v-51e6634c],
.amber-purple .modal-container .modal-content .modal-footer .recharge-btn[data-v-51e6634c],
.green-default .modal-container .modal-content .modal-footer .recharge-btn[data-v-51e6634c],
.blue-default .modal-container .modal-content .modal-footer .recharge-btn[data-v-51e6634c],
.auroral-yellow .modal-container .modal-content .modal-footer .recharge-btn[data-v-51e6634c],
.forest-green .modal-container .modal-content .modal-footer .recharge-btn[data-v-51e6634c],
.purple-light .modal-container .modal-content .modal-footer .receive-btn[data-v-51e6634c],
.green-dark .modal-container .modal-content .modal-footer .receive-btn[data-v-51e6634c],
.yellow-dark .modal-container .modal-content .modal-footer .receive-btn[data-v-51e6634c],
.amber-purple .modal-container .modal-content .modal-footer .receive-btn[data-v-51e6634c],
.green-default .modal-container .modal-content .modal-footer .receive-btn[data-v-51e6634c],
.blue-default .modal-container .modal-content .modal-footer .receive-btn[data-v-51e6634c],
.auroral-yellow .modal-container .modal-content .modal-footer .receive-btn[data-v-51e6634c],
.forest-green .modal-container .modal-content .modal-footer .receive-btn[data-v-51e6634c] {
    border-radius: var(--ep-border-radius-m, 6px);
    width: 146px;
    height: 48px;
    line-height: 48px;
    font-size: var(--ep-font-size-m, 14px);
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--text-color-white-100);
    background: var(--color-primary-800)
}

.purple-light .modal-container .modal-content .modal-footer .full-width[data-v-51e6634c],
.green-dark .modal-container .modal-content .modal-footer .full-width[data-v-51e6634c],
.yellow-dark .modal-container .modal-content .modal-footer .full-width[data-v-51e6634c],
.amber-purple .modal-container .modal-content .modal-footer .full-width[data-v-51e6634c],
.green-default .modal-container .modal-content .modal-footer .full-width[data-v-51e6634c],
.blue-default .modal-container .modal-content .modal-footer .full-width[data-v-51e6634c],
.auroral-yellow .modal-container .modal-content .modal-footer .full-width[data-v-51e6634c],
.forest-green .modal-container .modal-content .modal-footer .full-width[data-v-51e6634c] {
    width: 100%
}

.purple-light .modal-container .check-box[data-v-51e6634c],
.green-dark .modal-container .check-box[data-v-51e6634c],
.yellow-dark .modal-container .check-box[data-v-51e6634c],
.amber-purple .modal-container .check-box[data-v-51e6634c],
.green-default .modal-container .check-box[data-v-51e6634c],
.blue-default .modal-container .check-box[data-v-51e6634c],
.auroral-yellow .modal-container .check-box[data-v-51e6634c],
.forest-green .modal-container .check-box[data-v-51e6634c] {
    color: var(--text-color-white-100);
    padding-left: .75rem;
    height: 2.25rem;
    border-radius: var(--ep-border-radius-s, .25rem);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--ep-font-size-s, .75rem);
    margin: 0 .75rem
}

.purple-light .modal-container .check-box p[data-v-51e6634c],
.green-dark .modal-container .check-box p[data-v-51e6634c],
.yellow-dark .modal-container .check-box p[data-v-51e6634c],
.amber-purple .modal-container .check-box p[data-v-51e6634c],
.green-default .modal-container .check-box p[data-v-51e6634c],
.blue-default .modal-container .check-box p[data-v-51e6634c],
.auroral-yellow .modal-container .check-box p[data-v-51e6634c],
.forest-green .modal-container .check-box p[data-v-51e6634c] {
    line-height: 2.25rem;
    padding-left: .625rem;
    padding-right: .75rem
}

.purple-light .modal-container .check-box ion-checkbox[data-v-51e6634c],
.green-dark .modal-container .check-box ion-checkbox[data-v-51e6634c],
.yellow-dark .modal-container .check-box ion-checkbox[data-v-51e6634c],
.amber-purple .modal-container .check-box ion-checkbox[data-v-51e6634c],
.green-default .modal-container .check-box ion-checkbox[data-v-51e6634c],
.blue-default .modal-container .check-box ion-checkbox[data-v-51e6634c],
.auroral-yellow .modal-container .check-box ion-checkbox[data-v-51e6634c],
.forest-green .modal-container .check-box ion-checkbox[data-v-51e6634c] {
    --border-color: var(--color-primary-800);
    --checkbox-background: var(--color-bg-200);
    --checkbox-background-checked: var(--color-primary-800);
    --border-radius: var(--ep-border-radius-s, .25rem);
    --border-width: 1px
}

.purple-light .modal-container .check-box ion-checkbox[data-v-51e6634c]::part(container),
.green-dark .modal-container .check-box ion-checkbox[data-v-51e6634c]::part(container),
.yellow-dark .modal-container .check-box ion-checkbox[data-v-51e6634c]::part(container),
.amber-purple .modal-container .check-box ion-checkbox[data-v-51e6634c]::part(container),
.green-default .modal-container .check-box ion-checkbox[data-v-51e6634c]::part(container),
.blue-default .modal-container .check-box ion-checkbox[data-v-51e6634c]::part(container),
.auroral-yellow .modal-container .check-box ion-checkbox[data-v-51e6634c]::part(container),
.forest-green .modal-container .check-box ion-checkbox[data-v-51e6634c]::part(container) {
    border: 1px solid var(--color-primary-800)
}

.purple-light .modal-container .close-box[data-v-51e6634c],
.green-dark .modal-container .close-box[data-v-51e6634c],
.yellow-dark .modal-container .close-box[data-v-51e6634c],
.amber-purple .modal-container .close-box[data-v-51e6634c],
.green-default .modal-container .close-box[data-v-51e6634c],
.blue-default .modal-container .close-box[data-v-51e6634c],
.auroral-yellow .modal-container .close-box[data-v-51e6634c],
.forest-green .modal-container .close-box[data-v-51e6634c] {
    width: 1.875rem;
    height: 1.875rem;
    margin: 0 auto;
    cursor: pointer
}

.purple-light .modal-container .close-box ion-icon.close[data-v-51e6634c],
.green-dark .modal-container .close-box ion-icon.close[data-v-51e6634c],
.yellow-dark .modal-container .close-box ion-icon.close[data-v-51e6634c],
.amber-purple .modal-container .close-box ion-icon.close[data-v-51e6634c],
.green-default .modal-container .close-box ion-icon.close[data-v-51e6634c],
.blue-default .modal-container .close-box ion-icon.close[data-v-51e6634c],
.auroral-yellow .modal-container .close-box ion-icon.close[data-v-51e6634c],
.forest-green .modal-container .close-box ion-icon.close[data-v-51e6634c] {
    border: 1px solid;
    font-size: var(--ep-font-size-xxl, 1.5rem);
    border-radius: 50%;
    color: var(--text-color-white-100)
}

.yellow-dark .modal-container[data-v-51e6634c] {
    position: absolute;
    width: 21.25rem;
    box-sizing: border-box;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.yellow-dark .modal-container .modal-content[data-v-51e6634c] {
    width: 100%;
    height: auto;
    background: var(--color-bg-200);
    border-radius: var(--ep-border-radius-surface-small, .75rem);
    padding: 1.5rem .625rem 1.0625rem
}

.yellow-dark .modal-container .modal-content .close-top[data-v-51e6634c] {
    position: absolute;
    right: 1.25rem;
    top: .625rem;
    font-size: var(--ep-font-size-xxl, 1.5rem);
    color: var(--color-text-100)
}

.yellow-dark .modal-container .modal-content .title[data-v-51e6634c] {
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--color-text-100);
    text-align: center;
    line-height: 1.75rem;
    font-size: var(--ep-font-size-xl, 1.125rem)
}

.yellow-dark .modal-container .modal-content .main-content[data-v-51e6634c] {
    width: 18.75rem;
    height: 22.5rem;
    background: url(/assets/popup-D4Eph4C_.png) no-repeat center center / 100% 100%;
    margin: 1.0625rem auto;
    padding: .375rem;
    box-sizing: border-box
}

.yellow-dark .modal-container .modal-content .modal-footer[data-v-51e6634c] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    padding: 0 .375rem
}

.yellow-dark .modal-container .modal-content .modal-footer .btn-base[data-v-51e6634c] {
    border-radius: var(--ep-border-radius-m, 6px);
    width: 146px;
    height: 48px;
    line-height: 48px;
    font-size: var(--ep-font-size-m, 14px);
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--text-color-black-100)
}

.yellow-dark .modal-container .modal-content .modal-footer .recharge-btn[data-v-51e6634c],
.yellow-dark .modal-container .modal-content .modal-footer .receive-btn[data-v-51e6634c] {
    border-radius: var(--ep-border-radius-m, 6px);
    width: 146px;
    height: 48px;
    line-height: 48px;
    font-size: var(--ep-font-size-m, 14px);
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--text-color-black-100);
    background: var(--color-primary-800)
}

.yellow-dark .modal-container .modal-content .modal-footer .full-width[data-v-51e6634c] {
    width: 100%
}

.yellow-dark .modal-container .check-box[data-v-51e6634c] {
    color: var(--text-color-white-100);
    padding-left: .75rem;
    height: 2.25rem;
    border-radius: var(--ep-border-radius-s, .25rem);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--ep-font-size-s, .75rem);
    margin: 0 .75rem
}

.yellow-dark .modal-container .check-box p[data-v-51e6634c] {
    line-height: 2.25rem;
    padding-left: .625rem;
    padding-right: .75rem
}

.yellow-dark .modal-container .check-box ion-checkbox[data-v-51e6634c] {
    --border-color: var(--color-primary-800);
    --checkbox-background: var(--color-bg-200);
    --checkbox-background-checked: var(--color-primary-800);
    --border-radius: var(--ep-border-radius-s, .25rem);
    --border-width: 1px
}

.yellow-dark .modal-container .check-box ion-checkbox[data-v-51e6634c]::part(container) {
    border: 1px solid var(--color-primary-800)
}

.yellow-dark .modal-container .close-box[data-v-51e6634c] {
    width: 1.875rem;
    height: 1.875rem;
    margin: 0 auto;
    cursor: pointer
}

.yellow-dark .modal-container .close-box ion-icon.close[data-v-51e6634c] {
    border: 1px solid;
    font-size: var(--ep-font-size-xxl, 1.5rem);
    border-radius: 50%;
    color: var(--text-color-white-100)
}

.color-primary-600[data-v-bbcc8515] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-bbcc8515] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-bbcc8515] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-bbcc8515] {
    color: var(--color-primary-900)
}

.bg-100[data-v-bbcc8515] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-bbcc8515] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-bbcc8515] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-bbcc8515] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-bbcc8515] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-bbcc8515] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-bbcc8515] {
    background-color: var(--color-warning)
}

.bg-link[data-v-bbcc8515] {
    background-color: var(--color-link)
}

.bg-danger[data-v-bbcc8515] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-bbcc8515] {
    color: var(--color-text-100)
}

.color-text-80[data-v-bbcc8515] {
    color: var(--color-text-80)
}

.color-text-50[data-v-bbcc8515] {
    color: var(--color-text-50)
}

.color-text-40[data-v-bbcc8515] {
    color: var(--color-text-40)
}

.color-text-20[data-v-bbcc8515] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-bbcc8515] {
    color: var(--color-currency)
}

.color-warning[data-v-bbcc8515] {
    color: var(--color-warning)
}

.color-danger[data-v-bbcc8515] {
    color: var(--color-danger)
}

.color-link[data-v-bbcc8515] {
    color: var(--color-link)
}

.color-line[data-v-bbcc8515] {
    color: var(--color-line)
}

.color-border[data-v-bbcc8515] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-bbcc8515] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-bbcc8515] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-bbcc8515] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-bbcc8515] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-bbcc8515] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-bbcc8515] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-bbcc8515] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-bbcc8515] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-bbcc8515] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-bbcc8515] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-bbcc8515] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-bbcc8515] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-bbcc8515] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-bbcc8515] {
    display: flex;
    align-items: center
}

.flex-start[data-v-bbcc8515] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-bbcc8515] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-bbcc8515] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-bbcc8515] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-bbcc8515] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-bbcc8515] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-bbcc8515] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-bbcc8515] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-bbcc8515] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-bbcc8515] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-bbcc8515] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-bbcc8515] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-bbcc8515] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-bbcc8515] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-bbcc8515] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-bbcc8515] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-bbcc8515] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-bbcc8515] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-bbcc8515] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-bbcc8515] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-bbcc8515] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-bbcc8515] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-bbcc8515] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-bbcc8515] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-bbcc8515],
.mlm-selected-item[data-v-bbcc8515] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-bbcc8515] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-bbcc8515]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-bbcc8515] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-bbcc8515] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-bbcc8515] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button[data-v-bbcc8515] {
    --padding-start: .875rem;
    --padding-end: .875rem;
    margin-top: 0;
    margin-bottom: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
    --color: var(--ep-color-text-default, var(--color-toolbar-text, var(--text-color-white-100)))
}

.nav-btn[data-v-bbcc8515] {
    height: 3.125rem
}

ion-header ion-toolbar[data-v-bbcc8515] {
    --background: #262624;
    box-shadow: 0 4px 28.4px rgba(0, 0, 0, .1)
}

.color-primary-600[data-v-a25c02fd] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-a25c02fd] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-a25c02fd] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-a25c02fd] {
    color: var(--color-primary-900)
}

.bg-100[data-v-a25c02fd] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-a25c02fd] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-a25c02fd] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-a25c02fd] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-a25c02fd] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-a25c02fd] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-a25c02fd] {
    background-color: var(--color-warning)
}

.bg-link[data-v-a25c02fd] {
    background-color: var(--color-link)
}

.bg-danger[data-v-a25c02fd] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-a25c02fd] {
    color: var(--color-text-100)
}

.color-text-80[data-v-a25c02fd] {
    color: var(--color-text-80)
}

.color-text-50[data-v-a25c02fd] {
    color: var(--color-text-50)
}

.color-text-40[data-v-a25c02fd] {
    color: var(--color-text-40)
}

.color-text-20[data-v-a25c02fd] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-a25c02fd] {
    color: var(--color-currency)
}

.color-warning[data-v-a25c02fd] {
    color: var(--color-warning)
}

.color-danger[data-v-a25c02fd] {
    color: var(--color-danger)
}

.color-link[data-v-a25c02fd] {
    color: var(--color-link)
}

.color-line[data-v-a25c02fd] {
    color: var(--color-line)
}

.color-border[data-v-a25c02fd] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-a25c02fd] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-a25c02fd] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-a25c02fd] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-a25c02fd] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-a25c02fd] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-a25c02fd] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-a25c02fd] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-a25c02fd] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-a25c02fd] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-a25c02fd] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-a25c02fd] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-a25c02fd] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-a25c02fd] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-a25c02fd] {
    display: flex;
    align-items: center
}

.flex-start[data-v-a25c02fd] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-a25c02fd] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-a25c02fd] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-a25c02fd] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-a25c02fd] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-a25c02fd] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-a25c02fd] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-a25c02fd] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-a25c02fd] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-a25c02fd] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-a25c02fd] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-a25c02fd] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-a25c02fd] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-a25c02fd] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-a25c02fd] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-a25c02fd] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-a25c02fd] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-a25c02fd] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-a25c02fd] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-a25c02fd] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-a25c02fd] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-a25c02fd] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-a25c02fd] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-a25c02fd] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-a25c02fd],
.mlm-selected-item[data-v-a25c02fd] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-a25c02fd] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-a25c02fd]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-a25c02fd] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-a25c02fd] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-a25c02fd] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.registration-bonus[data-v-a25c02fd] {
    --background: url(/assets/content-bg-DSruKu8y.png) no-repeat center center / cover
}

.registerReward-content[data-v-a25c02fd] {
    width: 24.375rem;
    height: 24.375rem;
    background: url(/assets/di1-CDO6NJbC.png) no-repeat center center / 100% 100%;
    position: absolute
}

.spinning[data-v-a25c02fd] {
    animation: spin-a25c02fd 8s linear infinite;
    animation-fill-mode: forwards
}

.lucky-Whee-area[data-v-a25c02fd] {
    width: 20rem;
    height: 20rem;
    margin: 2rem auto 0;
    position: relative;
    background: url(/assets/border-B4Khkfjy.png) no-repeat center center / 100% 100%
}

.lucky-Whee-area .lucky-Whee-content[data-v-a25c02fd] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18.25rem;
    height: 18.25rem;
    transform: translate(-50%, -50%);
    z-index: 1
}

.lucky-Whee-area .pointer-area[data-v-a25c02fd] {
    width: 2.3125rem;
    height: 1rem;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 20
}

.lucky-Whee-area .lighter[data-v-a25c02fd] {
    position: absolute;
    width: 18.25rem;
    height: 18.25rem;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    border-radius: 50%;
    background: url(/assets/guangxiao1-DmBleIFz.png) no-repeat center center / 100% 100%;
    opacity: 0;
    z-index: -10
}

.lucky-Whee-area .lighter-animation[data-v-a25c02fd] {
    z-index: 10;
    animation: lighter-a25c02fd .5s
}

.lucky-Whee-area .lighter-2[data-v-a25c02fd] {
    position: absolute;
    width: 18.25rem;
    height: 18.25rem;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    border-radius: 50%;
    background: url(/assets/guangquan1-CPT8pf36.png) no-repeat center center / 100% 100%;
    z-index: -10
}

.lighter-2-animation[data-v-a25c02fd] {
    animation: lighter-a25c02fd .5s;
    animation-delay: .1s
}

.registerReward-img-area[data-v-a25c02fd] {
    width: 20rem;
    height: 4.8125rem;
    position: relative;
    margin: -2rem auto -3px
}

.registerReward-img-area .registerReward-img1[data-v-a25c02fd] {
    position: absolute;
    width: 8.125rem;
    height: 4.8125rem;
    top: 0;
    left: 0
}

.registerReward-img-area .registerReward-img2[data-v-a25c02fd] {
    position: absolute;
    width: 4.125rem;
    height: 2.6875rem;
    bottom: .1875rem;
    right: 4.25rem;
    z-index: 10
}

.registerReward-img-area .registerReward-img3[data-v-a25c02fd] {
    position: absolute;
    width: 5.25rem;
    height: 4.875rem;
    bottom: .1875rem;
    right: 0
}

.text-desc-area[data-v-a25c02fd] {
    width: 21.25rem;
    min-height: 14.5625rem;
    margin: 0 auto;
    position: relative;
    border-radius: 1.25rem;
    padding: .25rem;
    background: conic-gradient(from 180deg at 50% 50%, #f8f9fd, #86b4d5 78.24deg, #d0e2e8 152.94deg, #a9cee9 198.28deg, #d0e2e8 242.43deg, #86b4d5 311.4deg, #f8f9fd 360deg)
}

.text-desc-area[data-v-a25c02fd]:before {
    content: "";
    position: absolute;
    top: .25rem;
    left: .25rem;
    right: .25rem;
    bottom: .25rem;
    border-radius: 1rem;
    background: linear-gradient(180deg, #1b519d, #49a7da 50.5%, #1b519d);
    box-shadow: inset 0 .25rem .25rem rgba(0, 0, 0, .25)
}

.text-desc-area[data-v-a25c02fd]:after {
    content: "";
    position: absolute;
    top: .25rem;
    left: .25rem;
    right: .25rem;
    height: 50%;
    border-radius: 1rem 1rem 0 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, 0));
    pointer-events: none
}

.text-desc-area .content-wrapper[data-v-a25c02fd] {
    position: relative;
    z-index: 1;
    height: 100%;
    padding: 1.6875rem 1.1875rem 1.4375rem;
    color: #fff
}

.text-desc-area .content-wrapper div[data-v-a25c02fd]:first-child {
    text-align: center;
    font-size: 1.125rem;
    font-weight: 700;
    font-family: Inter;
    margin-bottom: 1rem;
    text-shadow: 4px 4px 8px rgba(0, 0, 0, .8), -4px -4px 8px rgba(255, 255, 255, .15)
}

.text-desc-area .content-wrapper ul li[data-v-a25c02fd] {
    font-size: 12px;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, .5), 1px -1px 0 rgba(0, 0, 0, .5), -1px 1px 0 rgba(0, 0, 0, .5), 1px 1px 0 rgba(0, 0, 0, .5)
}

.light-img[data-v-a25c02fd] {
    width: 19.5625rem;
    height: 19.5625rem;
    position: absolute;
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;
    margin: auto;
    z-index: 10;
    transform-origin: center
}

.wheel-light[data-v-a25c02fd] {
    animation-name: lightAnimation-a25c02fd;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    pointer-events: none
}

.wheel-banner[data-v-a25c02fd] {
    pointer-events: none
}

.footer[data-v-a25c02fd] {
    width: 24.375rem;
    height: 5rem;
    background: #262624;
    border-top: 1px solid #292D36;
    box-shadow: none
}

@keyframes spin-a25c02fd {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes lightAnimation-a25c02fd {
    0% {
        transform: rotate(0)
    }

    49.99% {
        transform: rotate(0)
    }

    50% {
        transform: rotate(22.5deg)
    }

    99.99% {
        transform: rotate(22.5deg)
    }

    to {
        transform: rotate(0)
    }
}

@keyframes lighter-a25c02fd {
    0% {
        transform: scale(.3);
        opacity: 1
    }

    50% {
        opacity: 1
    }

    to {
        transform: scale(1.8);
        opacity: 0
    }
}

@keyframes lighter-2-a25c02fd {
    0% {
        transform: scale(.8)
    }

    to {
        opacity: 0;
        transform: scale(1.8)
    }
}

.title-text[data-v-a25c02fd] {
    text-shadow: -1px -1px 0 rgba(0, 0, 0, .5), 1px -1px 0 rgba(0, 0, 0, .5), -1px 1px 0 rgba(0, 0, 0, .5), 1px 1px 0 rgba(0, 0, 0, .5)
}

.color-primary-600[data-v-e9b420db] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-e9b420db] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-e9b420db] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-e9b420db] {
    color: var(--color-primary-900)
}

.bg-100[data-v-e9b420db] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-e9b420db] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-e9b420db] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-e9b420db] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-e9b420db] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-e9b420db] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-e9b420db] {
    background-color: var(--color-warning)
}

.bg-link[data-v-e9b420db] {
    background-color: var(--color-link)
}

.bg-danger[data-v-e9b420db] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-e9b420db] {
    color: var(--color-text-100)
}

.color-text-80[data-v-e9b420db] {
    color: var(--color-text-80)
}

.color-text-50[data-v-e9b420db] {
    color: var(--color-text-50)
}

.color-text-40[data-v-e9b420db] {
    color: var(--color-text-40)
}

.color-text-20[data-v-e9b420db] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-e9b420db] {
    color: var(--color-currency)
}

.color-warning[data-v-e9b420db] {
    color: var(--color-warning)
}

.color-danger[data-v-e9b420db] {
    color: var(--color-danger)
}

.color-link[data-v-e9b420db] {
    color: var(--color-link)
}

.color-line[data-v-e9b420db] {
    color: var(--color-line)
}

.color-border[data-v-e9b420db] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-e9b420db] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-e9b420db] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-e9b420db] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-e9b420db] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-e9b420db] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-e9b420db] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-e9b420db] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-e9b420db] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-e9b420db] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-e9b420db] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-e9b420db] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-e9b420db] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-e9b420db] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-e9b420db] {
    display: flex;
    align-items: center
}

.flex-start[data-v-e9b420db] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-e9b420db] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-e9b420db] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-e9b420db] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-e9b420db] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-e9b420db] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-e9b420db] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-e9b420db] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-e9b420db] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-e9b420db] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-e9b420db] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-e9b420db] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-e9b420db] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-e9b420db] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-e9b420db] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-e9b420db] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-e9b420db] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-e9b420db] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-e9b420db] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-e9b420db] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-e9b420db] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-e9b420db] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-e9b420db] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-e9b420db] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-e9b420db],
.mlm-selected-item[data-v-e9b420db] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-e9b420db] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-e9b420db]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-e9b420db] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-e9b420db] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-e9b420db] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.registration-bonus[data-v-e9b420db] {
    --background: url(/assets/content-bg-CyG_Bwfr.png) no-repeat center center / cover
}

.spinning[data-v-e9b420db] {
    animation: spin-e9b420db 8s linear infinite;
    animation-fill-mode: forwards
}

.lucky-Whee-area[data-v-e9b420db] {
    width: 21.875rem;
    height: 21.875rem;
    margin: 0 auto;
    position: relative
}

.lucky-Whee-area .lucky-Whee-content[data-v-e9b420db] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 19.875rem;
    height: 19.875rem;
    transform: translate(-50%, -50%);
    z-index: 1
}

.lucky-Whee-area .pointer-area[data-v-e9b420db] {
    width: 8.95625rem;
    height: 5.44375rem;
    position: absolute;
    top: 7rem;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 20
}

.lucky-Whee-area .lighter[data-v-e9b420db] {
    position: absolute;
    width: 18.25rem;
    height: 18.25rem;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    border-radius: 50%;
    background: url(/assets/guangxiao1-DmBleIFz.png) no-repeat center center / 100% 100%;
    opacity: 0;
    z-index: -10
}

.lucky-Whee-area .lighter-animation[data-v-e9b420db] {
    z-index: 10;
    animation: lighter-e9b420db .5s
}

.registerReward-img-area[data-v-e9b420db] {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.registerReward-img-area .bot-img[data-v-e9b420db] {
    width: 100%;
    height: 4rem;
    margin-top: -1.125rem;
    position: relative
}

.registerReward-img-area .bot-img .icon-gl[data-v-e9b420db] {
    position: absolute;
    background-size: 100% 100% !important;
    width: 11.375rem;
    height: 7.625rem;
    top: -56px;
    z-index: 2
}

.registerReward-img-area .bot-img .icon-gr[data-v-e9b420db] {
    position: absolute;
    background-size: 100% 100% !important;
    width: 7.1875rem;
    height: 5rem;
    right: 20px;
    top: -30px
}

.registerReward-img-area .bot-img2[data-v-e9b420db] {
    max-height: calc(100vh - 29.1rem);
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding-bottom: calc(.625rem + env(safe-area-inset-bottom));
    border-radius: 1.25rem;
    border: .125rem solid var(--ep-color-text-brand-primary);
    background: linear-gradient(1deg, var(--ep-color-background-fill-gradients-secondary-a) .65%, var(--ep-color-background-fill-gradients-secondary-b) 99.42%)
}

.registerReward-img-area .content-wrapper[data-v-e9b420db] {
    width: 21.25rem;
    padding: 1.6875rem 1.1875rem 1.4375rem;
    margin: 0 auto
}

.registerReward-img-area .content-wrapper .title-text[data-v-e9b420db] {
    margin-bottom: 1.4375rem;
    text-align: center;
    -webkit-text-stroke-width: .0625rem;
    -webkit-text-stroke-color: var(--ep-color-border-brand);
    font-family: Inter;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.25rem;
    text-transform: uppercase;
    background: linear-gradient(180deg, #ddfefd, #fffefa 49.5%, #ddfefd);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.registerReward-img-area .content-wrapper .content[data-v-e9b420db] {
    font-size: .75rem;
    font-weight: 500;
    line-height: .875rem;
    color: var(--ep-color-text-weak)
}

.light-img[data-v-e9b420db] {
    width: 19.5625rem;
    height: 19.5625rem;
    position: absolute;
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;
    margin: auto;
    z-index: 10;
    transform-origin: center
}

.wheel-light[data-v-e9b420db] {
    animation-name: lightAnimation-e9b420db;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    pointer-events: none
}

.wheel-banner[data-v-e9b420db] {
    pointer-events: none
}

.footer[data-v-e9b420db] {
    width: 24.375rem;
    height: 5rem;
    background: #262624;
    border-top: 1px solid #292D36;
    box-shadow: none
}

@keyframes spin-e9b420db {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes lightAnimation-e9b420db {
    0% {
        transform: rotate(0)
    }

    49.99% {
        transform: rotate(0)
    }

    50% {
        transform: rotate(22.5deg)
    }

    99.99% {
        transform: rotate(22.5deg)
    }

    to {
        transform: rotate(0)
    }
}

@keyframes lighter-e9b420db {
    0% {
        transform: scale(.3);
        opacity: 1
    }

    50% {
        opacity: 1
    }

    to {
        transform: scale(1.8);
        opacity: 0
    }
}

@keyframes lighter-2-e9b420db {
    0% {
        transform: scale(.8)
    }

    to {
        opacity: 0;
        transform: scale(1.8)
    }
}

.color-primary-600[data-v-69cfb92f] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-69cfb92f] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-69cfb92f] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-69cfb92f] {
    color: var(--color-primary-900)
}

.bg-100[data-v-69cfb92f] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-69cfb92f] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-69cfb92f] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-69cfb92f] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-69cfb92f] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-69cfb92f] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-69cfb92f] {
    background-color: var(--color-warning)
}

.bg-link[data-v-69cfb92f] {
    background-color: var(--color-link)
}

.bg-danger[data-v-69cfb92f] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-69cfb92f] {
    color: var(--color-text-100)
}

.color-text-80[data-v-69cfb92f] {
    color: var(--color-text-80)
}

.color-text-50[data-v-69cfb92f] {
    color: var(--color-text-50)
}

.color-text-40[data-v-69cfb92f] {
    color: var(--color-text-40)
}

.color-text-20[data-v-69cfb92f] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-69cfb92f] {
    color: var(--color-currency)
}

.color-warning[data-v-69cfb92f] {
    color: var(--color-warning)
}

.color-danger[data-v-69cfb92f] {
    color: var(--color-danger)
}

.color-link[data-v-69cfb92f] {
    color: var(--color-link)
}

.color-line[data-v-69cfb92f] {
    color: var(--color-line)
}

.color-border[data-v-69cfb92f] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-69cfb92f] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-69cfb92f] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-69cfb92f] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-69cfb92f] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-69cfb92f] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-69cfb92f] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-69cfb92f] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-69cfb92f] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-69cfb92f] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-69cfb92f] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-69cfb92f] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-69cfb92f] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-69cfb92f] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-69cfb92f] {
    display: flex;
    align-items: center
}

.flex-start[data-v-69cfb92f] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-69cfb92f] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-69cfb92f] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-69cfb92f] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-69cfb92f] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-69cfb92f] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-69cfb92f] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-69cfb92f] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-69cfb92f] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-69cfb92f] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-69cfb92f] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-69cfb92f] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-69cfb92f] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-69cfb92f] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-69cfb92f] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-69cfb92f] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-69cfb92f] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-69cfb92f] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-69cfb92f] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-69cfb92f] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-69cfb92f] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-69cfb92f] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-69cfb92f] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-69cfb92f] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-69cfb92f],
.mlm-selected-item[data-v-69cfb92f] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-69cfb92f] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-69cfb92f]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-69cfb92f] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-69cfb92f] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-69cfb92f] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.registration-bonus[data-v-69cfb92f] {
    --background: url(/assets/content-bg-CYDrskB_.png) no-repeat center center / cover;
    --offset-bottom: 3.125rem !important
}

.spinning[data-v-69cfb92f] {
    animation: spin-69cfb92f 8s linear infinite;
    animation-fill-mode: forwards
}

.lucky-Whee-area[data-v-69cfb92f] {
    width: 21.875rem;
    height: 21.875rem;
    margin: 2.625rem auto 0;
    position: relative;
    background: url(/assets/border-De6Ax2km.png) no-repeat center center / 100% 100%
}

.lucky-Whee-area .lucky-Whee-content[data-v-69cfb92f] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18.25rem;
    height: 18.25rem;
    transform: translate(-50%, -50%);
    z-index: 1
}

.lucky-Whee-area .pointer-area[data-v-69cfb92f] {
    width: 2.875rem;
    height: 5.3125rem;
    position: absolute;
    top: .875rem;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 20
}

.lucky-Whee-area .lighter[data-v-69cfb92f] {
    position: absolute;
    width: 18.25rem;
    height: 18.25rem;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    border-radius: 50%;
    background: url(/assets/guangxiao1-DmBleIFz.png) no-repeat center center / 100% 100%;
    opacity: 0;
    z-index: -10
}

.lucky-Whee-area .lighter-animation[data-v-69cfb92f] {
    z-index: 10;
    animation: lighter-69cfb92f .5s
}

.lucky-Whee-area .lighter-2[data-v-69cfb92f] {
    position: absolute;
    width: 18.25rem;
    height: 18.25rem;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    border-radius: 50%;
    background: url(/assets/guangquan1-CPT8pf36.png) no-repeat center center / 100% 100%;
    z-index: -10
}

.lighter-2-animation[data-v-69cfb92f] {
    animation: lighter-69cfb92f .5s;
    animation-delay: .1s
}

.registerReward-img-area[data-v-69cfb92f] {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.registerReward-img-area .bot-img[data-v-69cfb92f] {
    width: 23.375rem;
    height: 5.28125rem;
    margin-top: -3.8rem;
    background-size: 100% 100% !important
}

.registerReward-img-area .bot-img2[data-v-69cfb92f] {
    margin-top: -.0625rem;
    width: 23.375rem;
    background-size: 100% 100% !important;
    height: calc(100vh - 29.1rem);
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding-bottom: env(safe-area-inset-bottom)
}

.registerReward-img-area .content-wrapper[data-v-69cfb92f] {
    max-width: 100%;
    padding-left: 2.8125rem;
    padding-right: 2.8125rem;
    font-family: Inter
}

.registerReward-img-area .content-wrapper .title-text[data-v-69cfb92f] {
    margin-left: .625rem;
    font-size: 1.25rem;
    margin-bottom: .75rem
}

.registerReward-img-area .content-wrapper .content[data-v-69cfb92f] {
    font-size: .75rem;
    padding: 0 .375rem
}

.light-img[data-v-69cfb92f] {
    width: 19.5625rem;
    height: 19.5625rem;
    position: absolute;
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;
    margin: auto;
    z-index: 10;
    transform-origin: center
}

.wheel-light[data-v-69cfb92f] {
    animation-name: lightAnimation-69cfb92f;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    pointer-events: none
}

.wheel-banner[data-v-69cfb92f] {
    pointer-events: none
}

.footer[data-v-69cfb92f] {
    width: 24.375rem;
    height: 5rem;
    background: #262624;
    border-top: 1px solid #292D36;
    box-shadow: none
}

@keyframes spin-69cfb92f {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes lightAnimation-69cfb92f {
    0% {
        transform: rotate(0)
    }

    49.99% {
        transform: rotate(0)
    }

    50% {
        transform: rotate(22.5deg)
    }

    99.99% {
        transform: rotate(22.5deg)
    }

    to {
        transform: rotate(0)
    }
}

@keyframes lighter-69cfb92f {
    0% {
        transform: scale(.3);
        opacity: 1
    }

    50% {
        opacity: 1
    }

    to {
        transform: scale(1.8);
        opacity: 0
    }
}

@keyframes lighter-2-69cfb92f {
    0% {
        transform: scale(.8)
    }

    to {
        opacity: 0;
        transform: scale(1.8)
    }
}

.color-primary-600[data-v-0fe949a4] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-0fe949a4] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-0fe949a4] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-0fe949a4] {
    color: var(--color-primary-900)
}

.bg-100[data-v-0fe949a4] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-0fe949a4] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-0fe949a4] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-0fe949a4] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-0fe949a4] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-0fe949a4] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-0fe949a4] {
    background-color: var(--color-warning)
}

.bg-link[data-v-0fe949a4] {
    background-color: var(--color-link)
}

.bg-danger[data-v-0fe949a4] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-0fe949a4] {
    color: var(--color-text-100)
}

.color-text-80[data-v-0fe949a4] {
    color: var(--color-text-80)
}

.color-text-50[data-v-0fe949a4] {
    color: var(--color-text-50)
}

.color-text-40[data-v-0fe949a4] {
    color: var(--color-text-40)
}

.color-text-20[data-v-0fe949a4] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-0fe949a4] {
    color: var(--color-currency)
}

.color-warning[data-v-0fe949a4] {
    color: var(--color-warning)
}

.color-danger[data-v-0fe949a4] {
    color: var(--color-danger)
}

.color-link[data-v-0fe949a4] {
    color: var(--color-link)
}

.color-line[data-v-0fe949a4] {
    color: var(--color-line)
}

.color-border[data-v-0fe949a4] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-0fe949a4] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-0fe949a4] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-0fe949a4] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-0fe949a4] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-0fe949a4] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-0fe949a4] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-0fe949a4] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-0fe949a4] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-0fe949a4] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-0fe949a4] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-0fe949a4] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-0fe949a4] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-0fe949a4] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-0fe949a4] {
    display: flex;
    align-items: center
}

.flex-start[data-v-0fe949a4] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-0fe949a4] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-0fe949a4] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-0fe949a4] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-0fe949a4] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-0fe949a4] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-0fe949a4] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-0fe949a4] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-0fe949a4] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-0fe949a4] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-0fe949a4] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-0fe949a4] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-0fe949a4] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-0fe949a4] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-0fe949a4] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-0fe949a4] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-0fe949a4] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-0fe949a4] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-0fe949a4] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-0fe949a4] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-0fe949a4] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-0fe949a4] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-0fe949a4] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-0fe949a4] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-0fe949a4],
.mlm-selected-item[data-v-0fe949a4] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-0fe949a4] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-0fe949a4]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-0fe949a4] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-0fe949a4] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-0fe949a4] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button[data-v-0fe949a4] {
    --background: linear-gradient(180deg, #72CB45 0%, #337611 100%);
    min-height: 2.8125rem
}

button.install[data-v-0fe949a4] {
    background: #01875f;
    color: #fff;
    border-radius: .5rem;
    width: 100%;
    height: 2.8125rem
}

ion-modal#modal-download-loading[data-v-c905ef4a]::part(content) {
    --height: fit-content;
    box-shadow: none !important
}

.content[data-v-c579ff09] {
    padding-top: env(safe-area-inset-top);
    padding-bottom: env(safe-area-inset-bottom)
}

.color-primary-600[data-v-6a894540] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-6a894540] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-6a894540] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-6a894540] {
    color: var(--color-primary-900)
}

.bg-100[data-v-6a894540] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-6a894540] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-6a894540] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-6a894540] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-6a894540] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-6a894540] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-6a894540] {
    background-color: var(--color-warning)
}

.bg-link[data-v-6a894540] {
    background-color: var(--color-link)
}

.bg-danger[data-v-6a894540] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-6a894540] {
    color: var(--color-text-100)
}

.color-text-80[data-v-6a894540] {
    color: var(--color-text-80)
}

.color-text-50[data-v-6a894540] {
    color: var(--color-text-50)
}

.color-text-40[data-v-6a894540] {
    color: var(--color-text-40)
}

.color-text-20[data-v-6a894540] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-6a894540] {
    color: var(--color-currency)
}

.color-warning[data-v-6a894540] {
    color: var(--color-warning)
}

.color-danger[data-v-6a894540] {
    color: var(--color-danger)
}

.color-link[data-v-6a894540] {
    color: var(--color-link)
}

.color-line[data-v-6a894540] {
    color: var(--color-line)
}

.color-border[data-v-6a894540] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-6a894540] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-6a894540] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-6a894540] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-6a894540] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-6a894540] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-6a894540] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-6a894540] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-6a894540] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-6a894540] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-6a894540] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-6a894540] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-6a894540] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-6a894540] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-6a894540] {
    display: flex;
    align-items: center
}

.flex-start[data-v-6a894540] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-6a894540] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-6a894540] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-6a894540] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-6a894540] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-6a894540] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-6a894540] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-6a894540] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-6a894540] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-6a894540] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-6a894540] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-6a894540] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-6a894540] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-6a894540] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-6a894540] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-6a894540] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-6a894540] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-6a894540] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-6a894540] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-6a894540] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-6a894540] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-6a894540] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-6a894540] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-6a894540] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-6a894540],
.mlm-selected-item[data-v-6a894540] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-6a894540] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-6a894540]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-6a894540] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-6a894540] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-6a894540] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.content[data-v-6a894540] {
    padding-top: env(safe-area-inset-top);
    padding-bottom: env(safe-area-inset-bottom)
}

.icon-generic[data-v-6a894540] {
    content: image-set(url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABIAQMAAABvIyEEAAAABlBMVEUAAABTU1OoaSf/AAAAAXRSTlMAQObYZgAAAENJREFUeF7tzbEJACEQRNGBLeAasBCza2lLEGx0CxFGG9hBMDDxRy/72O9FMnIFapGylsu1fgoBdkXfUHLrQgdfrlJN1BdYBjQQm3UAAAAASUVORK5CYII=) 1x)
}

.bg-restricted[data-v-6a894540] {
    width: 100%;
    background-color: #fff;
    --color-screen-bg: #fff;
    padding: 0 20px
}

ion-app[data-v-6a894540] {
    --color-screen-bg: #fff
}

@media (max-width: 468px) {
    .button-full-container[data-v-6a894540] {
        position: absolute;
        bottom: 22px;
        box-sizing: border-box;
        display: flex;
        left: 0;
        justify-content: center
    }

    .button-full[data-v-6a894540] {
        margin: 20px;
        display: inline-block;
        padding: 16px 12px !important;
        width: calc(100% - 64px);
        font-size: 14px
    }
}

.button-full[data-v-6a894540] {
    background-color: #1a73e8;
    color: #fff;
    border: 0;
    border-radius: 20px;
    box-sizing: border-box;
    cursor: pointer;
    float: right;
    margin-top: 50px;
    padding: 8px 16px;
    transition: box-shadow .15s cubic-bezier(.4, 0, .2, 1);
    -webkit-user-select: none;
    user-select: none;
    font-weight: 500
}

.color-primary-600[data-v-dac1b797] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-dac1b797] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-dac1b797] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-dac1b797] {
    color: var(--color-primary-900)
}

.bg-100[data-v-dac1b797] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-dac1b797] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-dac1b797] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-dac1b797] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-dac1b797] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-dac1b797] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-dac1b797] {
    background-color: var(--color-warning)
}

.bg-link[data-v-dac1b797] {
    background-color: var(--color-link)
}

.bg-danger[data-v-dac1b797] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-dac1b797] {
    color: var(--color-text-100)
}

.color-text-80[data-v-dac1b797] {
    color: var(--color-text-80)
}

.color-text-50[data-v-dac1b797] {
    color: var(--color-text-50)
}

.color-text-40[data-v-dac1b797] {
    color: var(--color-text-40)
}

.color-text-20[data-v-dac1b797] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-dac1b797] {
    color: var(--color-currency)
}

.color-warning[data-v-dac1b797] {
    color: var(--color-warning)
}

.color-danger[data-v-dac1b797] {
    color: var(--color-danger)
}

.color-link[data-v-dac1b797] {
    color: var(--color-link)
}

.color-line[data-v-dac1b797] {
    color: var(--color-line)
}

.color-border[data-v-dac1b797] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-dac1b797] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-dac1b797] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-dac1b797] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-dac1b797] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-dac1b797] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-dac1b797] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-dac1b797] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-dac1b797] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-dac1b797] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-dac1b797] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-dac1b797] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-dac1b797] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-dac1b797] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-dac1b797] {
    display: flex;
    align-items: center
}

.flex-start[data-v-dac1b797] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-dac1b797] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-dac1b797] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-dac1b797] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-dac1b797] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-dac1b797] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-dac1b797] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-dac1b797] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-dac1b797] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-dac1b797] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-dac1b797] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-dac1b797] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-dac1b797] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-dac1b797] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-dac1b797] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-dac1b797] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-dac1b797] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-dac1b797] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-dac1b797] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-dac1b797] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-dac1b797] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-dac1b797] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-dac1b797] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-dac1b797] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-dac1b797],
.mlm-selected-item[data-v-dac1b797] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-dac1b797] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-dac1b797]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-dac1b797] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-dac1b797] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-dac1b797] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.color[data-v-dac1b797] {
    color: rgba(255, 255, 255, .4)
}

.page-405 .cloud[data-v-dac1b797] {
    width: 327px;
    height: 127px;
    margin: 22px auto 0;
    background: url(/assets/cloud-dark-5D3HO3wD.svg) no-repeat;
    background-size: cover
}

.page-405 .main-area[data-v-dac1b797] {
    width: 24.375rem;
    height: 28.125rem;
    background: url(/assets/limit-dark-Be7VlIMF.png) no-repeat;
    background-size: cover;
    text-align: center;
    font-family: Saira;
    color: rgba(255, 255, 255, .4)
}

.page-405 .main-area .title[data-v-dac1b797] {
    color: #df8644;
    font-size: 18px;
    font-weight: 700;
    line-height: 27px;
    padding-top: 240px
}

.page-405 .main-area .text[data-v-dac1b797] {
    width: 366px;
    font-size: .75rem;
    line-height: 1.125rem;
    box-sizing: border-box;
    padding: 0 21px;
    margin: 16px auto 60px
}

.page-405 .main-area .support[data-v-dac1b797] {
    display: flex;
    width: 242px;
    height: 52px;
    line-height: 52px;
    justify-content: center;
    align-items: center;
    border-radius: 52px;
    box-sizing: border-box;
    border: .0625rem solid rgba(255, 255, 255, .2);
    margin: 0 auto;
    font-weight: 500px;
    color: #fff;
    font-size: 16px
}

.page-405 .main-area .support .support-icon[data-v-dac1b797] {
    font-size: 26px;
    margin-right: 10px
}

.page-405 .technical-support[data-v-dac1b797] {
    color: rgba(255, 255, 255, .4);
    width: 12.5rem;
    height: 1.125rem;
    line-height: 1.125rem;
    font-size: .75rem;
    text-align: center;
    margin: 13.125rem auto 0
}

.page-405 .technical-support span[data-v-dac1b797] {
    color: #6691d5;
    font-weight: 700
}

.playground[data-v-b44359e6] {
    max-width: 1400px;
    margin: 0 auto;
    color: var(--ion-text-color, #e0e0e0)
}

.input-section[data-v-b44359e6],
.config-section[data-v-b44359e6],
.results-section[data-v-b44359e6],
.log-section[data-v-b44359e6] {
    margin-bottom: 30px;
    padding: 20px;
    background: rgba(255, 255, 255, .05);
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, .1)
}

textarea[data-v-b44359e6] {
    width: 100%;
    padding: 12px;
    background: rgba(0, 0, 0, .3);
    color: #0f0;
    border: 1px solid rgba(0, 255, 0, .3);
    border-radius: 4px;
    font-family: monospace;
    font-size: 14px;
    resize: vertical
}

.quick-tests[data-v-b44359e6] {
    margin-top: 15px
}

.quick-tests button[data-v-b44359e6] {
    margin: 5px;
    padding: 8px 16px;
    background: rgba(56, 128, 255, .2);
    color: #3880ff;
    border: 1px solid #3880ff;
    border-radius: 4px;
    cursor: pointer;
    transition: all .3s
}

.quick-tests button[data-v-b44359e6]:hover {
    background: rgba(56, 128, 255, .4);
    transform: translateY(-2px)
}

.config-grid[data-v-b44359e6] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 15px;
    margin-top: 10px
}

.config-grid label[data-v-b44359e6] {
    display: flex;
    align-items: center;
    cursor: pointer
}

.config-grid input[type=checkbox][data-v-b44359e6] {
    margin-right: 8px;
    width: 18px;
    height: 18px;
    cursor: pointer
}

.result-grid[data-v-b44359e6] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    margin-top: 20px
}

.result-box[data-v-b44359e6] {
    padding: 15px;
    border-radius: 8px;
    border: 2px solid;
    min-height: 100px
}

.result-box.strict[data-v-b44359e6] {
    border-color: #f44;
    background: rgba(255, 68, 68, .1)
}

.result-box.moderate[data-v-b44359e6] {
    border-color: #f90;
    background: rgba(255, 153, 0, .1)
}

.result-box.compatible[data-v-b44359e6] {
    border-color: #0a0;
    background: rgba(0, 170, 0, .1)
}

.result-box.iframe[data-v-b44359e6] {
    border-color: #44f;
    background: rgba(68, 68, 255, .1)
}

.result-box.danger[data-v-b44359e6] {
    border-color: red;
    background: rgba(255, 0, 0, .2);
    animation: pulse-b44359e6 2s infinite
}

@keyframes pulse-b44359e6 {
    0% {
        opacity: 1
    }

    50% {
        opacity: .7
    }

    to {
        opacity: 1
    }
}

.result-box h4[data-v-b44359e6] {
    margin: 0 0 10px;
    color: inherit
}

pre[data-v-b44359e6] {
    background: rgba(0, 0, 0, .3);
    padding: 10px;
    border-radius: 4px;
    overflow-x: auto;
    color: #0f0;
    font-size: 12px;
    border: 1px solid rgba(0, 255, 0, .2)
}

.log-list[data-v-b44359e6] {
    max-height: 200px;
    overflow-y: auto;
    background: rgba(0, 0, 0, .3);
    padding: 10px;
    border-radius: 4px;
    font-family: monospace;
    font-size: 12px
}

.log-item[data-v-b44359e6] {
    display: grid;
    grid-template-columns: 80px 100px 80px 1fr;
    gap: 10px;
    padding: 5px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .1)
}

.log-item .time[data-v-b44359e6] {
    color: #888
}

.log-item .mode[data-v-b44359e6] {
    color: #3880ff
}

.log-item .level[data-v-b44359e6] {
    font-weight: 700
}

.log-item .level.high[data-v-b44359e6] {
    color: #f44
}

.log-item .level.medium[data-v-b44359e6] {
    color: #f90
}

.log-item .level.low[data-v-b44359e6] {
    color: #0a0
}

.clear-btn[data-v-b44359e6] {
    margin-top: 10px;
    padding: 8px 16px;
    background: rgba(255, 68, 68, .2);
    color: #f44;
    border: 1px solid #ff4444;
    border-radius: 4px;
    cursor: pointer
}

h2[data-v-b44359e6] {
    color: var(--ion-color-secondary, #0cd1e8);
    margin-bottom: 15px
}

h3[data-v-b44359e6] {
    color: var(--ion-color-tertiary, #7044ff);
    margin-bottom: 10px
}

.color-primary-600[data-v-85da98fe] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-85da98fe] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-85da98fe] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-85da98fe] {
    color: var(--color-primary-900)
}

.bg-100[data-v-85da98fe] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-85da98fe] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-85da98fe] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-85da98fe] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-85da98fe] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-85da98fe] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-85da98fe] {
    background-color: var(--color-warning)
}

.bg-link[data-v-85da98fe] {
    background-color: var(--color-link)
}

.bg-danger[data-v-85da98fe] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-85da98fe] {
    color: var(--color-text-100)
}

.color-text-80[data-v-85da98fe] {
    color: var(--color-text-80)
}

.color-text-50[data-v-85da98fe] {
    color: var(--color-text-50)
}

.color-text-40[data-v-85da98fe] {
    color: var(--color-text-40)
}

.color-text-20[data-v-85da98fe] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-85da98fe] {
    color: var(--color-currency)
}

.color-warning[data-v-85da98fe] {
    color: var(--color-warning)
}

.color-danger[data-v-85da98fe] {
    color: var(--color-danger)
}

.color-link[data-v-85da98fe] {
    color: var(--color-link)
}

.color-line[data-v-85da98fe] {
    color: var(--color-line)
}

.color-border[data-v-85da98fe] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-85da98fe] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-85da98fe] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-85da98fe] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-85da98fe] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-85da98fe] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-85da98fe] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-85da98fe] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-85da98fe] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-85da98fe] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-85da98fe] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-85da98fe] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-85da98fe] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-85da98fe] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-85da98fe] {
    display: flex;
    align-items: center
}

.flex-start[data-v-85da98fe] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-85da98fe] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-85da98fe] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-85da98fe] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-85da98fe] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-85da98fe] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-85da98fe] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-85da98fe] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-85da98fe] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-85da98fe] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-85da98fe] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-85da98fe] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-85da98fe] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-85da98fe] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-85da98fe] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-85da98fe] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-85da98fe] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-85da98fe] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-85da98fe] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-85da98fe] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-85da98fe] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-85da98fe] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-85da98fe] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-85da98fe] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-85da98fe],
.mlm-selected-item[data-v-85da98fe] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-85da98fe] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-85da98fe]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-85da98fe] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-85da98fe] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-85da98fe] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.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
}

.green-default .tabbar-MainPage-components-Tabs-Tabs1-index[data-v-85da98fe] {
    width: 100%;
    bottom: -1px;
    position: absolute;
    z-index: 10
}

.green-default .tabbar-MainPage-components-Tabs-Tabs1-index ion-tab-bar[data-v-85da98fe] {
    --background: #2b4f14
}

.green-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
}

.green-default .tabbar-MainPage-components-Tabs-Tabs1-index ion-tab-bar .tab-btn .tab-img[data-v-85da98fe] {
    color: #7e9071;
    font-size: 1.5rem
}

.green-default .tabbar-MainPage-components-Tabs-Tabs1-index ion-tab-bar .tab-btn .label[data-v-85da98fe] {
    color: #7e9071;
    font-size: .625rem
}

.green-default .tabbar-MainPage-components-Tabs-Tabs1-index ion-tab-bar .tab-btn .on[data-v-85da98fe],
.green-default .tabbar-MainPage-components-Tabs-Tabs1-index ion-tab-bar .tab-btn .active[data-v-85da98fe] {
    color: #fbed3c
}

.green-default .tabbar-MainPage-components-Tabs-Tabs1-index ion-tab-bar .tab-btn .on[data-v-85da98fe] {
    animation: buttonAnimation-85da98fe .5s
}

.green-default .tabbar-MainPage-components-Tabs-Tabs1-index ion-tab-bar .tab-btn .point-1[data-v-85da98fe] {
    top: .5625rem;
    right: 1.25rem
}

.green-default .tabbar-MainPage-components-Tabs-Tabs1-index ion-tab-bar .tab-btn .point-4[data-v-85da98fe] {
    top: .5rem;
    right: 1.2rem
}

.green-default .tabbar-MainPage-components-Tabs-Tabs1-index ion-tab-bar .tab-btn .redPoint[data-v-85da98fe] {
    animation: breathing-85da98fe 3s infinite
}

.amber-purple .tabbar-MainPage-components-Tabs-Tabs1-index[data-v-85da98fe] {
    width: 100%;
    bottom: -1px;
    position: absolute;
    z-index: 10
}

.amber-purple .tabbar-MainPage-components-Tabs-Tabs1-index ion-tab-bar[data-v-85da98fe] {
    --background: #3b3466
}

.amber-purple .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
}

.amber-purple .tabbar-MainPage-components-Tabs-Tabs1-index ion-tab-bar .tab-btn .tab-img[data-v-85da98fe] {
    color: #686299;
    font-size: 1.5rem
}

.amber-purple .tabbar-MainPage-components-Tabs-Tabs1-index ion-tab-bar .tab-btn .label[data-v-85da98fe] {
    color: #686299;
    font-size: .625rem
}

.amber-purple .tabbar-MainPage-components-Tabs-Tabs1-index ion-tab-bar .tab-btn .on[data-v-85da98fe],
.amber-purple .tabbar-MainPage-components-Tabs-Tabs1-index ion-tab-bar .tab-btn .active[data-v-85da98fe] {
    color: #f5c84c
}

.amber-purple .tabbar-MainPage-components-Tabs-Tabs1-index ion-tab-bar .tab-btn .on[data-v-85da98fe] {
    animation: buttonAnimation-85da98fe .5s
}

.amber-purple .tabbar-MainPage-components-Tabs-Tabs1-index ion-tab-bar .tab-btn .point-1[data-v-85da98fe] {
    top: .5625rem;
    right: 1.25rem
}

.amber-purple .tabbar-MainPage-components-Tabs-Tabs1-index ion-tab-bar .tab-btn .point-4[data-v-85da98fe] {
    top: .5rem;
    right: 1.2rem
}

.amber-purple .tabbar-MainPage-components-Tabs-Tabs1-index ion-tab-bar .tab-btn .redPoint[data-v-85da98fe] {
    animation: breathing-85da98fe 3s infinite
}

@keyframes buttonAnimation-85da98fe {
    0% {
        transform: scale(0)
    }

    50% {
        transform: scale(1.2)
    }

    to {
        transform: scale(1)
    }
}

@keyframes breathing-85da98fe {
    0% {
        opacity: .5;
        transform: scale(1)
    }

    50% {
        opacity: 1;
        transform: scale(1.2)
    }

    to {
        opacity: .5;
        transform: scale(1)
    }
}

.color-primary-600[data-v-58a35ca2] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-58a35ca2] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-58a35ca2] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-58a35ca2] {
    color: var(--color-primary-900)
}

.bg-100[data-v-58a35ca2] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-58a35ca2] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-58a35ca2] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-58a35ca2] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-58a35ca2] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-58a35ca2] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-58a35ca2] {
    background-color: var(--color-warning)
}

.bg-link[data-v-58a35ca2] {
    background-color: var(--color-link)
}

.bg-danger[data-v-58a35ca2] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-58a35ca2] {
    color: var(--color-text-100)
}

.color-text-80[data-v-58a35ca2] {
    color: var(--color-text-80)
}

.color-text-50[data-v-58a35ca2] {
    color: var(--color-text-50)
}

.color-text-40[data-v-58a35ca2] {
    color: var(--color-text-40)
}

.color-text-20[data-v-58a35ca2] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-58a35ca2] {
    color: var(--color-currency)
}

.color-warning[data-v-58a35ca2] {
    color: var(--color-warning)
}

.color-danger[data-v-58a35ca2] {
    color: var(--color-danger)
}

.color-link[data-v-58a35ca2] {
    color: var(--color-link)
}

.color-line[data-v-58a35ca2] {
    color: var(--color-line)
}

.color-border[data-v-58a35ca2] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-58a35ca2] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-58a35ca2] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-58a35ca2] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-58a35ca2] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-58a35ca2] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-58a35ca2] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-58a35ca2] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-58a35ca2] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-58a35ca2] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-58a35ca2] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-58a35ca2] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-58a35ca2] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-58a35ca2] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-58a35ca2] {
    display: flex;
    align-items: center
}

.flex-start[data-v-58a35ca2] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-58a35ca2] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-58a35ca2] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-58a35ca2] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-58a35ca2] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-58a35ca2] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-58a35ca2] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-58a35ca2] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-58a35ca2] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-58a35ca2] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-58a35ca2] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-58a35ca2] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-58a35ca2] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-58a35ca2] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-58a35ca2] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-58a35ca2] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-58a35ca2] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-58a35ca2] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-58a35ca2] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-58a35ca2] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-58a35ca2] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-58a35ca2] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-58a35ca2] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-58a35ca2] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-58a35ca2],
.mlm-selected-item[data-v-58a35ca2] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-58a35ca2] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-58a35ca2]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-58a35ca2] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-58a35ca2] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-58a35ca2] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

@keyframes buttonAnimation-58a35ca2 {
    0% {
        transform: scale(0)
    }

    50% {
        transform: scale(1.2)
    }

    to {
        transform: scale(1)
    }
}

.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(--32ebd95b)
}

.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
}

.color-primary-600[data-v-28171119] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-28171119] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-28171119] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-28171119] {
    color: var(--color-primary-900)
}

.bg-100[data-v-28171119] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-28171119] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-28171119] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-28171119] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-28171119] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-28171119] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-28171119] {
    background-color: var(--color-warning)
}

.bg-link[data-v-28171119] {
    background-color: var(--color-link)
}

.bg-danger[data-v-28171119] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-28171119] {
    color: var(--color-text-100)
}

.color-text-80[data-v-28171119] {
    color: var(--color-text-80)
}

.color-text-50[data-v-28171119] {
    color: var(--color-text-50)
}

.color-text-40[data-v-28171119] {
    color: var(--color-text-40)
}

.color-text-20[data-v-28171119] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-28171119] {
    color: var(--color-currency)
}

.color-warning[data-v-28171119] {
    color: var(--color-warning)
}

.color-danger[data-v-28171119] {
    color: var(--color-danger)
}

.color-link[data-v-28171119] {
    color: var(--color-link)
}

.color-line[data-v-28171119] {
    color: var(--color-line)
}

.color-border[data-v-28171119] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-28171119] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-28171119] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-28171119] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-28171119] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-28171119] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-28171119] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-28171119] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-28171119] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-28171119] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-28171119] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-28171119] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-28171119] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-28171119] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-28171119] {
    display: flex;
    align-items: center
}

.flex-start[data-v-28171119] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-28171119] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-28171119] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-28171119] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-28171119] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-28171119] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-28171119] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-28171119] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-28171119] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-28171119] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-28171119] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-28171119] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-28171119] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-28171119] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-28171119] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-28171119] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-28171119] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-28171119] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-28171119] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-28171119] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-28171119] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-28171119] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-28171119] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-28171119] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-28171119],
.mlm-selected-item[data-v-28171119] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-28171119] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-28171119]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-28171119] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-28171119] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-28171119] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.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
}

@keyframes buttonAnimation-28171119 {
    0% {
        transform: scale(0)
    }

    50% {
        transform: scale(1.2)
    }

    to {
        transform: scale(1)
    }
}

.color-primary-600[data-v-ba95bbb5] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-ba95bbb5] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-ba95bbb5] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-ba95bbb5] {
    color: var(--color-primary-900)
}

.bg-100[data-v-ba95bbb5] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-ba95bbb5] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-ba95bbb5] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-ba95bbb5] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-ba95bbb5] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-ba95bbb5] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-ba95bbb5] {
    background-color: var(--color-warning)
}

.bg-link[data-v-ba95bbb5] {
    background-color: var(--color-link)
}

.bg-danger[data-v-ba95bbb5] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-ba95bbb5] {
    color: var(--color-text-100)
}

.color-text-80[data-v-ba95bbb5] {
    color: var(--color-text-80)
}

.color-text-50[data-v-ba95bbb5] {
    color: var(--color-text-50)
}

.color-text-40[data-v-ba95bbb5] {
    color: var(--color-text-40)
}

.color-text-20[data-v-ba95bbb5] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-ba95bbb5] {
    color: var(--color-currency)
}

.color-warning[data-v-ba95bbb5] {
    color: var(--color-warning)
}

.color-danger[data-v-ba95bbb5] {
    color: var(--color-danger)
}

.color-link[data-v-ba95bbb5] {
    color: var(--color-link)
}

.color-line[data-v-ba95bbb5] {
    color: var(--color-line)
}

.color-border[data-v-ba95bbb5] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-ba95bbb5] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-ba95bbb5] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-ba95bbb5] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-ba95bbb5] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-ba95bbb5] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-ba95bbb5] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-ba95bbb5] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-ba95bbb5] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-ba95bbb5] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-ba95bbb5] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-ba95bbb5] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-ba95bbb5] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-ba95bbb5] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-ba95bbb5] {
    display: flex;
    align-items: center
}

.flex-start[data-v-ba95bbb5] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-ba95bbb5] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-ba95bbb5] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-ba95bbb5] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-ba95bbb5] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-ba95bbb5] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-ba95bbb5] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-ba95bbb5] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-ba95bbb5] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-ba95bbb5] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-ba95bbb5] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-ba95bbb5] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-ba95bbb5] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-ba95bbb5] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-ba95bbb5] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-ba95bbb5] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-ba95bbb5] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-ba95bbb5] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-ba95bbb5] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-ba95bbb5] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-ba95bbb5] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-ba95bbb5] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-ba95bbb5] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-ba95bbb5] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-ba95bbb5],
.mlm-selected-item[data-v-ba95bbb5] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-ba95bbb5] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-ba95bbb5]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-ba95bbb5] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-ba95bbb5] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-ba95bbb5] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.green-default .tab-bar[data-v-ba95bbb5] {
    --background: #2b4f14;
    width: 100%;
    position: absolute;
    bottom: -.0625rem;
    height: 3.5rem
}

.green-default .tab-bar .inner-wrap[data-v-ba95bbb5] {
    width: 100%;
    display: flex
}

.green-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
}

.green-default .tab-bar .inner-wrap .tab-btn .tab-text[data-v-ba95bbb5] {
    font-size: .625rem;
    font-weight: 400;
    line-height: 1
}

.green-default .tab-bar .inner-wrap .tab-btn .tab-img[data-v-ba95bbb5] {
    font-size: 1.875rem
}

.green-default .tab-bar .inner-wrap .tab-btn .tab-img[data-v-ba95bbb5],
.green-default .tab-bar .inner-wrap .tab-btn .tab-text[data-v-ba95bbb5] {
    color: #7e9071
}

.green-default .tab-bar .inner-wrap .active-tab[data-v-ba95bbb5] {
    animation: buttonAnimation-ba95bbb5 .5s
}

.green-default .tab-bar .inner-wrap .active-tab .tab-img[data-v-ba95bbb5],
.green-default .tab-bar .inner-wrap .active-tab .tab-text[data-v-ba95bbb5] {
    color: #fbed3c;
    z-index: 2
}

.green-default .tab-bar .inner-wrap .active-tab .tab-text[data-v-ba95bbb5] {
    font-size: .5625rem
}

.green-default .tab-bar .inner-wrap .active-tab .active-block[data-v-ba95bbb5] {
    position: absolute;
    width: 2.875rem;
    height: 2.875rem;
    background: url(/svg/tabbar/masking1.svg) no-repeat center / 100% 100%;
    border-radius: .4375rem;
    z-index: 1
}

.green-default .tab-bar .inner-wrap .point-1[data-v-ba95bbb5] {
    top: .1875rem;
    right: 1.5rem
}

.green-default .tab-bar .inner-wrap .point-4[data-v-ba95bbb5] {
    top: .1875rem;
    right: 1.75rem
}

.forest-green .tab-bar[data-v-ba95bbb5] {
    --background: var(--color-bg-400);
    width: 100%;
    position: absolute;
    bottom: -.0625rem;
    height: 3.5rem
}

.forest-green .tab-bar .inner-wrap[data-v-ba95bbb5] {
    width: 100%;
    display: flex
}

.forest-green .tab-bar .inner-wrap .tab-btn[data-v-ba95bbb5] {
    height: 2.875rem;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative
}

.forest-green .tab-bar .inner-wrap .tab-btn .tab-text[data-v-ba95bbb5] {
    font-size: .625rem;
    font-weight: 400;
    line-height: 1
}

.forest-green .tab-bar .inner-wrap .tab-btn .tab-img[data-v-ba95bbb5] {
    font-size: 1.875rem
}

.forest-green .tab-bar .inner-wrap .tab-btn .tab-img[data-v-ba95bbb5],
.forest-green .tab-bar .inner-wrap .tab-btn .tab-text[data-v-ba95bbb5] {
    color: #50b388
}

.forest-green .tab-bar .inner-wrap .active-tab[data-v-ba95bbb5] {
    animation: buttonAnimation-ba95bbb5 .5s
}

.forest-green .tab-bar .inner-wrap .active-tab .tab-img[data-v-ba95bbb5],
.forest-green .tab-bar .inner-wrap .active-tab .tab-text[data-v-ba95bbb5] {
    color: #183009;
    z-index: 2
}

.forest-green .tab-bar .inner-wrap .active-tab .tab-text[data-v-ba95bbb5] {
    font-size: .5625rem
}

.forest-green .tab-bar .inner-wrap .active-tab .active-block[data-v-ba95bbb5] {
    position: absolute;
    width: 2.875rem;
    height: 2.875rem;
    background: url(/svg/tabbar/masking2.svg) no-repeat center / 100% 100%;
    border-radius: .4375rem;
    z-index: 1
}

.forest-green .tab-bar .inner-wrap .point-1[data-v-ba95bbb5] {
    top: .1875rem;
    right: 1.5rem
}

.forest-green .tab-bar .inner-wrap .point-4[data-v-ba95bbb5] {
    top: .1875rem;
    right: 1.75rem
}

.amber-purple .tab-bar[data-v-ba95bbb5] {
    --background: #2C274D;
    width: 100%;
    position: absolute;
    bottom: -.0625rem;
    height: 3.5rem
}

.amber-purple .tab-bar .inner-wrap[data-v-ba95bbb5] {
    width: 100%;
    display: flex
}

.amber-purple .tab-bar .inner-wrap .tab-btn[data-v-ba95bbb5] {
    height: 2.875rem;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative
}

.amber-purple .tab-bar .inner-wrap .tab-btn .tab-text[data-v-ba95bbb5] {
    font-size: .625rem;
    font-weight: 400;
    line-height: 1
}

.amber-purple .tab-bar .inner-wrap .tab-btn .tab-img[data-v-ba95bbb5] {
    font-size: 1.875rem
}

.amber-purple .tab-bar .inner-wrap .tab-btn .tab-img[data-v-ba95bbb5],
.amber-purple .tab-bar .inner-wrap .tab-btn .tab-text[data-v-ba95bbb5] {
    color: #bdb8e1
}

.amber-purple .tab-bar .inner-wrap .active-tab[data-v-ba95bbb5] {
    animation: buttonAnimation-ba95bbb5 .5s
}

.amber-purple .tab-bar .inner-wrap .active-tab .tab-img[data-v-ba95bbb5],
.amber-purple .tab-bar .inner-wrap .active-tab .tab-text[data-v-ba95bbb5] {
    color: #fff;
    z-index: 2
}

.amber-purple .tab-bar .inner-wrap .active-tab .tab-text[data-v-ba95bbb5] {
    font-size: .5625rem
}

.amber-purple .tab-bar .inner-wrap .active-tab .active-block[data-v-ba95bbb5] {
    position: absolute;
    width: 2.875rem;
    height: 2.875rem;
    background: url(/svg/tabbar/masking3.svg) no-repeat center / 100% 100%;
    border-radius: .4375rem;
    z-index: 1
}

.amber-purple .tab-bar .inner-wrap .point-1[data-v-ba95bbb5] {
    top: .1875rem;
    right: 1.5rem
}

.amber-purple .tab-bar .inner-wrap .point-4[data-v-ba95bbb5] {
    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
}

@keyframes buttonAnimation-ba95bbb5 {
    0% {
        transform: scale(0)
    }

    50% {
        transform: scale(1.2)
    }

    to {
        transform: scale(1)
    }
}

.color-primary-600[data-v-8324846a] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-8324846a] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-8324846a] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-8324846a] {
    color: var(--color-primary-900)
}

.bg-100[data-v-8324846a] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-8324846a] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-8324846a] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-8324846a] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-8324846a] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-8324846a] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-8324846a] {
    background-color: var(--color-warning)
}

.bg-link[data-v-8324846a] {
    background-color: var(--color-link)
}

.bg-danger[data-v-8324846a] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-8324846a] {
    color: var(--color-text-100)
}

.color-text-80[data-v-8324846a] {
    color: var(--color-text-80)
}

.color-text-50[data-v-8324846a] {
    color: var(--color-text-50)
}

.color-text-40[data-v-8324846a] {
    color: var(--color-text-40)
}

.color-text-20[data-v-8324846a] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-8324846a] {
    color: var(--color-currency)
}

.color-warning[data-v-8324846a] {
    color: var(--color-warning)
}

.color-danger[data-v-8324846a] {
    color: var(--color-danger)
}

.color-link[data-v-8324846a] {
    color: var(--color-link)
}

.color-line[data-v-8324846a] {
    color: var(--color-line)
}

.color-border[data-v-8324846a] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-8324846a] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-8324846a] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-8324846a] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-8324846a] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-8324846a] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-8324846a] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-8324846a] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-8324846a] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-8324846a] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-8324846a] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-8324846a] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-8324846a] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-8324846a] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-8324846a] {
    display: flex;
    align-items: center
}

.flex-start[data-v-8324846a] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-8324846a] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-8324846a] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-8324846a] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-8324846a] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-8324846a] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-8324846a] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-8324846a] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-8324846a] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-8324846a] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-8324846a] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-8324846a] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-8324846a] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-8324846a] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-8324846a] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-8324846a] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-8324846a] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-8324846a] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-8324846a] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-8324846a] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-8324846a] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-8324846a] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-8324846a] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-8324846a] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-8324846a],
.mlm-selected-item[data-v-8324846a] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-8324846a] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-8324846a]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-8324846a] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-8324846a] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-8324846a] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.tab-bar[data-v-8324846a] {
    --tab-bar-height: 3.5rem;
    --transparent-height: 3.0625rem;
    --background: linear-gradient(to bottom, transparent var(--transparent-height), #24221F var(--transparent-height));
    width: 100%;
    height: var(--tab-bar-height);
    position: absolute;
    bottom: -.0625rem;
    z-index: 10;
    padding-top: 2.0625rem
}

.tab-bar .inner-wrap[data-v-8324846a] {
    width: 100%;
    height: var(--tab-bar-height);
    border-radius: 1rem 1rem 0 0;
    display: flex;
    background: #24221f
}

.tab-bar .inner-wrap .tab-btn[data-v-8324846a] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative
}

.tab-bar .inner-wrap .tab-btn ion-menu-toggle[data-v-8324846a] {
    height: 1.25rem
}

.tab-bar .inner-wrap .tab-btn .tab-label[data-v-8324846a],
.tab-bar .inner-wrap .tab-btn .flexible-label[data-v-8324846a] {
    font-size: .6875rem;
    font-weight: 400;
    line-height: 1;
    color: var(--text-color2)
}

.tab-bar .inner-wrap .tab-btn .tab-img[data-v-8324846a] {
    width: 1.875rem
}

.tab-bar .inner-wrap .tab-btn .svg-with-gaps[data-v-8324846a] {
    font-size: 1.75rem;
    margin-top: -.1875rem
}

.tab-bar .inner-wrap .tab-btn .flexible-img[data-v-8324846a] {
    width: 4.125rem;
    height: 4.125rem;
    border-radius: 50%;
    font-size: 2.8125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #24221f;
    position: absolute;
    top: 0;
    transform: translateY(-45%)
}

.tab-bar .inner-wrap .tab-btn .flexible-img .flexible-img-backdrop[data-v-8324846a] {
    position: absolute;
    top: .5rem;
    left: 0;
    font-size: 4.125rem
}

.tab-bar .inner-wrap .tab-btn .flexible-img .flexible-img-ring[data-v-8324846a] {
    position: absolute;
    font-size: 3.1875rem;
    animation: rotate-8324846a 5s linear infinite
}

.tab-bar .inner-wrap .tab-btn .flexible-img .flexible-img-main[data-v-8324846a] {
    position: absolute;
    top: 24%;
    width: 2.625rem;
    height: 2.625rem
}

.tab-bar .inner-wrap .tab-btn .flexible-label[data-v-8324846a] {
    margin-bottom: .4375rem;
    margin-top: auto
}

.tab-bar .inner-wrap .active-tab[data-v-8324846a] {
    animation: buttonAnimation-8324846a .5s
}

.tab-bar .inner-wrap .active-tab .tab-label[data-v-8324846a],
.tab-bar .inner-wrap .active-tab .flexible-label[data-v-8324846a] {
    background: var(--text-color1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block
}

.tab-bar .inner-wrap .point-1[data-v-8324846a] {
    top: .625rem;
    right: 1.375rem
}

.tab-bar .inner-wrap .point-3[data-v-8324846a] {
    top: .6875rem;
    right: 1.25rem
}

.tab-bar .inner-wrap .point-4[data-v-8324846a] {
    top: .5rem;
    right: 1.875rem
}

@keyframes buttonAnimation-8324846a {
    0% {
        transform: scale(0)
    }

    50% {
        transform: scale(1.2)
    }

    to {
        transform: scale(1)
    }
}

@keyframes rotate-8324846a {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.auroral-yellow .tab-bar .inner-wrap .tab-btn .flexible-img[data-v-8324846a] {
    fill: #24221f;
    box-shadow: 0 .125rem .25rem -.125rem rgba(238, 255, 0, .25) inset
}

.color-primary-600[data-v-f8fcddda] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-f8fcddda] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-f8fcddda] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-f8fcddda] {
    color: var(--color-primary-900)
}

.bg-100[data-v-f8fcddda] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-f8fcddda] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-f8fcddda] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-f8fcddda] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-f8fcddda] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-f8fcddda] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-f8fcddda] {
    background-color: var(--color-warning)
}

.bg-link[data-v-f8fcddda] {
    background-color: var(--color-link)
}

.bg-danger[data-v-f8fcddda] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-f8fcddda] {
    color: var(--color-text-100)
}

.color-text-80[data-v-f8fcddda] {
    color: var(--color-text-80)
}

.color-text-50[data-v-f8fcddda] {
    color: var(--color-text-50)
}

.color-text-40[data-v-f8fcddda] {
    color: var(--color-text-40)
}

.color-text-20[data-v-f8fcddda] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-f8fcddda] {
    color: var(--color-currency)
}

.color-warning[data-v-f8fcddda] {
    color: var(--color-warning)
}

.color-danger[data-v-f8fcddda] {
    color: var(--color-danger)
}

.color-link[data-v-f8fcddda] {
    color: var(--color-link)
}

.color-line[data-v-f8fcddda] {
    color: var(--color-line)
}

.color-border[data-v-f8fcddda] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-f8fcddda] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-f8fcddda] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-f8fcddda] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-f8fcddda] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-f8fcddda] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-f8fcddda] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-f8fcddda] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-f8fcddda] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-f8fcddda] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-f8fcddda] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-f8fcddda] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-f8fcddda] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-f8fcddda] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-f8fcddda] {
    display: flex;
    align-items: center
}

.flex-start[data-v-f8fcddda] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-f8fcddda] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-f8fcddda] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-f8fcddda] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-f8fcddda] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-f8fcddda] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-f8fcddda] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-f8fcddda] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-f8fcddda] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-f8fcddda] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-f8fcddda] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-f8fcddda] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-f8fcddda] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-f8fcddda] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-f8fcddda] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-f8fcddda] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-f8fcddda] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-f8fcddda] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-f8fcddda] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-f8fcddda] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-f8fcddda] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-f8fcddda] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-f8fcddda] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-f8fcddda] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-f8fcddda],
.mlm-selected-item[data-v-f8fcddda] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-f8fcddda] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-f8fcddda]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-f8fcddda] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-f8fcddda] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-f8fcddda] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.menu-btn[data-v-f8fcddda] {
    padding-inline: .75rem
}

ion-buttons ion-icon[data-v-f8fcddda] {
    transition: all .3s
}

.menu-scaleX[data-v-f8fcddda] {
    transform: rotate(180deg)
}

.menu-bar[data-v-f8fcddda] {
    color: #fff
}

.green-default .menu-bar[data-v-f8fcddda] {
    color: #7e9071
}

.green-default .v02 .menu-bar[data-v-f8fcddda] {
    color: #afc69f
}

.color-primary-600[data-v-4e14f3c3] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-4e14f3c3] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-4e14f3c3] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-4e14f3c3] {
    color: var(--color-primary-900)
}

.bg-100[data-v-4e14f3c3] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-4e14f3c3] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-4e14f3c3] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-4e14f3c3] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-4e14f3c3] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-4e14f3c3] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-4e14f3c3] {
    background-color: var(--color-warning)
}

.bg-link[data-v-4e14f3c3] {
    background-color: var(--color-link)
}

.bg-danger[data-v-4e14f3c3] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-4e14f3c3] {
    color: var(--color-text-100)
}

.color-text-80[data-v-4e14f3c3] {
    color: var(--color-text-80)
}

.color-text-50[data-v-4e14f3c3] {
    color: var(--color-text-50)
}

.color-text-40[data-v-4e14f3c3] {
    color: var(--color-text-40)
}

.color-text-20[data-v-4e14f3c3] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-4e14f3c3] {
    color: var(--color-currency)
}

.color-warning[data-v-4e14f3c3] {
    color: var(--color-warning)
}

.color-danger[data-v-4e14f3c3] {
    color: var(--color-danger)
}

.color-link[data-v-4e14f3c3] {
    color: var(--color-link)
}

.color-line[data-v-4e14f3c3] {
    color: var(--color-line)
}

.color-border[data-v-4e14f3c3] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-4e14f3c3] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-4e14f3c3] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-4e14f3c3] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-4e14f3c3] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-4e14f3c3] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-4e14f3c3] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-4e14f3c3] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-4e14f3c3] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-4e14f3c3] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-4e14f3c3] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-4e14f3c3] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-4e14f3c3] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-4e14f3c3] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-4e14f3c3] {
    display: flex;
    align-items: center
}

.flex-start[data-v-4e14f3c3] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-4e14f3c3] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-4e14f3c3] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-4e14f3c3] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-4e14f3c3] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-4e14f3c3] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-4e14f3c3] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-4e14f3c3] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-4e14f3c3] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-4e14f3c3] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-4e14f3c3] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-4e14f3c3] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-4e14f3c3] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-4e14f3c3] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-4e14f3c3] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-4e14f3c3] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-4e14f3c3] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-4e14f3c3] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-4e14f3c3] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-4e14f3c3] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-4e14f3c3] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-4e14f3c3] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-4e14f3c3] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-4e14f3c3] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-4e14f3c3],
.mlm-selected-item[data-v-4e14f3c3] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-4e14f3c3] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-4e14f3c3]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-4e14f3c3] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-4e14f3c3] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-4e14f3c3] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.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%
}

.green-default ion-menu[data-v-4e14f3c3] {
    --max-width: 10.625rem;
    --background: transparent
}

.green-default ion-menu ion-header ion-toolbar[data-v-4e14f3c3] {
    --background: #2b4f14;
    --border-color: #34571d
}

.green-default ion-menu ion-content[data-v-4e14f3c3]::part(background) {
    background: #213b10
}

.green-default ion-menu .game-type-tab[data-v-4e14f3c3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: .625rem;
    padding-bottom: 5px;
    background: #274116
}

.green-default ion-menu .game-type-tab .img[data-v-4e14f3c3] {
    width: 2.25rem;
    height: 2.25rem
}

.green-default ion-menu .game-type-tab ion-label[data-v-4e14f3c3] {
    color: #7e9071
}

.green-default ion-menu .active-game-type[data-v-4e14f3c3] {
    animation: fadeToTransparent-4e14f3c3 .2s linear forwards
}

.green-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%)
}

.green-default ion-menu .records .label[data-v-4e14f3c3] {
    font-size: .75rem;
    color: #fff
}

.green-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
}

.green-default ion-menu .footer[data-v-4e14f3c3] {
    display: flex;
    flex-direction: column;
    padding: .625rem
}

.green-default ion-menu .footer .language[data-v-4e14f3c3] {
    display: flex;
    align-items: center;
    margin-bottom: .625rem
}

.green-default ion-menu .footer .language .icon[data-v-4e14f3c3] {
    font-size: 1.125rem;
    margin-right: 1.25rem;
    margin-left: .1875rem;
    color: #afc69f
}

.green-default ion-menu .footer .language .label[data-v-4e14f3c3] {
    flex: 1;
    font-size: .75rem;
    color: #7e9071
}

.green-default ion-menu .footer .language .arrow[data-v-4e14f3c3] {
    font-size: 1.25rem;
    color: #7e9071
}

.green-default ion-menu .footer .support[data-v-4e14f3c3] {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: .625rem
}

.green-default ion-menu .footer .support .icon[data-v-4e14f3c3] {
    font-size: 1.5rem;
    margin-right: 1.15rem;
    color: #afc69f
}

.green-default ion-menu .footer .support .label[data-v-4e14f3c3] {
    font-size: .75rem;
    color: #afc69f
}

.green-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%
}

.amber-purple ion-menu[data-v-4e14f3c3] {
    --max-width: 10.625rem;
    --background: transparent
}

.amber-purple ion-menu ion-header ion-toolbar[data-v-4e14f3c3] {
    --background: #3B3466;
    --border-color: #5F588C
}

.amber-purple ion-menu ion-content[data-v-4e14f3c3]::part(background) {
    background: #262346
}

.amber-purple ion-menu .game-type-tab[data-v-4e14f3c3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: .625rem;
    padding-bottom: 5px;
    background: #2c294d
}

.amber-purple ion-menu .game-type-tab .img[data-v-4e14f3c3] {
    width: 2.25rem;
    height: 2.25rem
}

.amber-purple ion-menu .game-type-tab ion-label[data-v-4e14f3c3] {
    color: #bdb8e1
}

.amber-purple ion-menu .active-game-type[data-v-4e14f3c3] {
    animation: fadeToTransparent-4e14f3c3 .2s linear forwards
}

.amber-purple 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%)
}

.amber-purple ion-menu .records .label[data-v-4e14f3c3] {
    font-size: .75rem;
    color: #fff
}

.amber-purple 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
}

.amber-purple ion-menu .footer[data-v-4e14f3c3] {
    display: flex;
    flex-direction: column;
    padding: .625rem
}

.amber-purple ion-menu .footer .language[data-v-4e14f3c3] {
    display: flex;
    align-items: center;
    margin-bottom: .625rem
}

.amber-purple ion-menu .footer .language .icon[data-v-4e14f3c3] {
    font-size: 1.125rem;
    margin-right: 1.25rem;
    margin-left: .1875rem;
    color: #bdb8e1
}

.amber-purple ion-menu .footer .language .label[data-v-4e14f3c3] {
    flex: 1;
    font-size: .75rem;
    color: #bdb8e1
}

.amber-purple ion-menu .footer .language .arrow[data-v-4e14f3c3] {
    font-size: 1.25rem;
    color: #bdb8e1
}

.amber-purple ion-menu .footer .support[data-v-4e14f3c3] {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: .625rem
}

.amber-purple ion-menu .footer .support .icon[data-v-4e14f3c3] {
    font-size: 1.5rem;
    margin-right: 1.15rem;
    color: #bdb8e1
}

.amber-purple ion-menu .footer .support .label[data-v-4e14f3c3] {
    font-size: .75rem;
    color: #bdb8e1
}

.amber-purple ion-menu .footer .support .dot[data-v-4e14f3c3] {
    position: absolute;
    top: .0625rem;
    left: .875rem;
    background-color: red;
    width: .375rem;
    height: .375rem;
    border-radius: 50%
}

@keyframes fadeToTransparent-4e14f3c3 {
    0% {
        background: #343947
    }

    to {
        background: rgba(255, 0, 0, 0)
    }
}

.color-primary-600[data-v-45ab0094] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-45ab0094] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-45ab0094] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-45ab0094] {
    color: var(--color-primary-900)
}

.bg-100[data-v-45ab0094] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-45ab0094] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-45ab0094] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-45ab0094] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-45ab0094] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-45ab0094] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-45ab0094] {
    background-color: var(--color-warning)
}

.bg-link[data-v-45ab0094] {
    background-color: var(--color-link)
}

.bg-danger[data-v-45ab0094] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-45ab0094] {
    color: var(--color-text-100)
}

.color-text-80[data-v-45ab0094] {
    color: var(--color-text-80)
}

.color-text-50[data-v-45ab0094] {
    color: var(--color-text-50)
}

.color-text-40[data-v-45ab0094] {
    color: var(--color-text-40)
}

.color-text-20[data-v-45ab0094] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-45ab0094] {
    color: var(--color-currency)
}

.color-warning[data-v-45ab0094] {
    color: var(--color-warning)
}

.color-danger[data-v-45ab0094] {
    color: var(--color-danger)
}

.color-link[data-v-45ab0094] {
    color: var(--color-link)
}

.color-line[data-v-45ab0094] {
    color: var(--color-line)
}

.color-border[data-v-45ab0094] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-45ab0094] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-45ab0094] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-45ab0094] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-45ab0094] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-45ab0094] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-45ab0094] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-45ab0094] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-45ab0094] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-45ab0094] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-45ab0094] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-45ab0094] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-45ab0094] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-45ab0094] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-45ab0094] {
    display: flex;
    align-items: center
}

.flex-start[data-v-45ab0094] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-45ab0094] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-45ab0094] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-45ab0094] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-45ab0094] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-45ab0094] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-45ab0094] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-45ab0094] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-45ab0094] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-45ab0094] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-45ab0094] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-45ab0094] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-45ab0094] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-45ab0094] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-45ab0094] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-45ab0094] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-45ab0094] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-45ab0094] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-45ab0094] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-45ab0094] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-45ab0094] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-45ab0094] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-45ab0094] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-45ab0094] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-45ab0094],
.mlm-selected-item[data-v-45ab0094] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-45ab0094] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-45ab0094]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-45ab0094] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-45ab0094] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-45ab0094] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-header[data-v-45ab0094] {
    box-shadow: none
}

ion-modal#modal-language[data-v-45ab0094] {
    --width: fit-content;
    --height: fit-content;
    --border-radius: 6px;
    --box-shadow: 0 28px 48px rgba(0, 0, 0, .4)
}

ion-header ion-toolbar[data-v-45ab0094] {
    --background: #141B24CC;
    --border-width: 0 0 0 0 !important
}

[data-v-45ab0094]::-webkit-scrollbar {
    width: .125rem;
    background: #21232a
}

[data-v-45ab0094]::-webkit-scrollbar-thumb {
    background-color: #2172ae;
    border-radius: .0625rem
}

ion-menu[data-v-45ab0094] {
    --max-width: 13.75rem;
    --background: transparent;
    background: rgba(0, 0, 0, .7)
}

ion-menu[data-v-45ab0094]::part(container) {
    border-radius: 0px 1.25rem 1.25rem 0px;
    height: calc(100% - 2.75rem);
    -webkit-backdrop-filter: blur(.25rem);
    backdrop-filter: blur(.25rem)
}

ion-menu ion-content[data-v-45ab0094]::part(background) {
    background: rgba(20, 27, 36, .8)
}

ion-menu ion-content[data-v-45ab0094]::part(scroll) {
    padding-left: 5px
}

ion-menu[data-v-45ab0094]::part(container) {
    top: 2.75rem
}

ion-menu-button[data-v-45ab0094] {
    --padding-start: 5px;
    --padding-end: 5px;
    width: auto
}

.card .icon[data-v-45ab0094] {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .06));
    border-radius: .1875rem
}

.card .icon .type-icon[data-v-45ab0094],
.card .icon .type-img[data-v-45ab0094] {
    width: 100%;
    height: 100%
}

.card .icon .type-img[data-v-45ab0094] {
    display: block;
    background-size: 800% 400%
}

.card ion-label[data-v-45ab0094] {
    color: #fff;
    font-size: .875rem;
    margin-left: .375rem
}

ion-menu-button[data-v-45ab0094]::part(native) {
    font-size: 24px
}

ion-menu-toggle.on[data-v-45ab0094] {
    animation: fadeToTransparent-45ab0094 .2s linear forwards
}

ion-menu-toggle.records[data-v-45ab0094] {
    background: #1c2432
}

@keyframes fadeToTransparent-45ab0094 {
    0% {
        background: #343947
    }

    to {
        background: rgba(255, 0, 0, 0)
    }
}

.support[data-v-45ab0094] {
    background: linear-gradient(90deg, #11316e, #1c2432 40%, #1c2432)
}

.support .line[data-v-45ab0094] {
    background: linear-gradient(180deg, #1061ff, #0037a1)
}

.support .text[data-v-45ab0094] {
    background: linear-gradient(0deg, #0167ca -13.77%, #38a8fa 102.34%)
}

.language[data-v-45ab0094] {
    background: linear-gradient(90deg, #902b8c, #1c2432 40%, #1c2432)
}

.language .line[data-v-45ab0094] {
    background: linear-gradient(180deg, #fa10ff, #c50ca8)
}

.language .text[data-v-45ab0094] {
    background: linear-gradient(0deg, #0167ca -13.77%, #38a8fa 102.34%)
}

.green-default ion-menu ion-content[data-v-45ab0094]::part(background) {
    background: var(--color-bg-300)
}

.green-default .card[data-v-45ab0094] {
    background: var(--color-bg-200)
}

.green-default .text[data-v-45ab0094] {
    color: var(--color-text-gray-100)
}

.green-default .text-sub[data-v-45ab0094] {
    color: var(--color-text-gray-200)
}

.color-primary-600[data-v-e27d2485] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-e27d2485] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-e27d2485] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-e27d2485] {
    color: var(--color-primary-900)
}

.bg-100[data-v-e27d2485] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-e27d2485] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-e27d2485] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-e27d2485] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-e27d2485] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-e27d2485] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-e27d2485] {
    background-color: var(--color-warning)
}

.bg-link[data-v-e27d2485] {
    background-color: var(--color-link)
}

.bg-danger[data-v-e27d2485] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-e27d2485] {
    color: var(--color-text-100)
}

.color-text-80[data-v-e27d2485] {
    color: var(--color-text-80)
}

.color-text-50[data-v-e27d2485] {
    color: var(--color-text-50)
}

.color-text-40[data-v-e27d2485] {
    color: var(--color-text-40)
}

.color-text-20[data-v-e27d2485] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-e27d2485] {
    color: var(--color-currency)
}

.color-warning[data-v-e27d2485] {
    color: var(--color-warning)
}

.color-danger[data-v-e27d2485] {
    color: var(--color-danger)
}

.color-link[data-v-e27d2485] {
    color: var(--color-link)
}

.color-line[data-v-e27d2485] {
    color: var(--color-line)
}

.color-border[data-v-e27d2485] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-e27d2485] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-e27d2485] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-e27d2485] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-e27d2485] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-e27d2485] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-e27d2485] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-e27d2485] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-e27d2485] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-e27d2485] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-e27d2485] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-e27d2485] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-e27d2485] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-e27d2485] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-e27d2485] {
    display: flex;
    align-items: center
}

.flex-start[data-v-e27d2485] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-e27d2485] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-e27d2485] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-e27d2485] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-e27d2485] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-e27d2485] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-e27d2485] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-e27d2485] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-e27d2485] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-e27d2485] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-e27d2485] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-e27d2485] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-e27d2485] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-e27d2485] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-e27d2485] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-e27d2485] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-e27d2485] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-e27d2485] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-e27d2485] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-e27d2485] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-e27d2485] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-e27d2485] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-e27d2485] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-e27d2485] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-e27d2485],
.mlm-selected-item[data-v-e27d2485] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-e27d2485] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-e27d2485]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-e27d2485] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-e27d2485] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-e27d2485] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.blue-default ion-menu[data-v-e27d2485] {
    --width: 60%;
    --max-width: 80%
}

.blue-default ion-menu[data-v-e27d2485]::part(container) {
    border-radius: 1.25rem 0 0 1.25rem
}

.blue-default ion-menu[data-v-e27d2485]::part(backdrop) {
    opacity: .7 !important
}

.blue-default ion-menu ion-header ion-toolbar[data-v-e27d2485] {
    --background: #141b24;
    --padding-start: .8125rem;
    --padding-end: 1.25rem;
    --border-width: 0;
    position: relative
}

.blue-default ion-menu ion-header ion-toolbar[data-v-e27d2485]: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-e27d2485] {
    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-e27d2485] {
    color: #fff;
    font-size: .6875rem;
    font-weight: 400
}

.blue-default ion-menu .assets-box .currency[data-v-e27d2485] {
    color: #fba531;
    font-size: .875rem;
    font-weight: 700;
    margin-right: .25rem
}

.blue-default ion-menu .assets-box .assets-box-number[data-v-e27d2485] {
    color: #fba531;
    font-size: .875rem;
    font-weight: 700
}

.blue-default ion-menu .assets-box .wallet[data-v-e27d2485] {
    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-e27d2485] {
    font-size: 1.125rem;
    color: #fff
}

.blue-default ion-menu .assets-box .deposit[data-v-e27d2485] {
    margin-left: .375rem;
    border-radius: .375rem;
    --color: #fff;
    background: linear-gradient(180deg, #13c96a, #1d9554)
}

.blue-default ion-menu .primaryBtn[data-v-e27d2485] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .625rem
}

.blue-default ion-menu .primaryBtn .login[data-v-e27d2485] {
    flex: 1
}

.blue-default ion-menu .primaryBtn .login[data-v-e27d2485]::part(native) {
    background: linear-gradient(0deg, #0167ca -13.77%, #38a8fa 102.34%);
    color: #fff
}

.blue-default ion-menu .primaryBtn .register[data-v-e27d2485]::part(native) {
    background: linear-gradient(to bottom, #13c96a, #1d9554);
    color: #fff
}

.blue-default ion-menu .primaryBtn .register-btn-warpper[data-v-e27d2485] {
    flex: 1;
    position: relative
}

.blue-default ion-menu .primaryBtn .register-btn-warpper .register[data-v-e27d2485] {
    width: 100%;
    vertical-align: top
}

.blue-default ion-menu .primaryBtn .register-btn-warpper .rewardTag[data-v-e27d2485] {
    position: absolute;
    top: -.5rem;
    right: -.5rem
}

.blue-default ion-menu ion-button.init-btn[data-v-e27d2485] {
    --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-e27d2485] {
    position: relative;
    --padding-start: .8125rem;
    --padding-end: 1.375rem;
    --background: #141b24
}

.blue-default ion-menu .menu-content .card-container[data-v-e27d2485] {
    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-e27d2485]: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-e27d2485] {
    display: flex;
    align-items: center
}

.blue-default ion-menu .menu-content .card-container .card .img-wall[data-v-e27d2485] {
    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-e27d2485] {
    width: 100%;
    height: 100%
}

.blue-default ion-menu .menu-content .card-container .card>.img[data-v-e27d2485] {
    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-e27d2485]::part(image) {
    border-radius: .1875rem
}

.blue-default ion-menu .menu-content .card-container .card .label[data-v-e27d2485] {
    font-size: .875rem;
    font-weight: 400;
    color: #fff
}

.blue-default ion-menu .menu-content .records[data-v-e27d2485] {
    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-e27d2485],
.blue-default ion-menu .menu-content .support[data-v-e27d2485] {
    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-e27d2485]:before,
.blue-default ion-menu .menu-content .support[data-v-e27d2485]: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-e27d2485],
.blue-default ion-menu .menu-content .support .introduce[data-v-e27d2485] {
    margin-inline-end: .875rem
}

.blue-default ion-menu .menu-content .install .introduce .title[data-v-e27d2485],
.blue-default ion-menu .menu-content .support .introduce .title[data-v-e27d2485] {
    color: #fff;
    font-size: .75rem;
    font-weight: 400
}

.blue-default ion-menu .menu-content .install .introduce .label[data-v-e27d2485],
.blue-default ion-menu .menu-content .support .introduce .label[data-v-e27d2485] {
    color: #787878;
    font-size: .625rem;
    font-weight: 400
}

.blue-default ion-menu .menu-content .install .logo[data-v-e27d2485],
.blue-default ion-menu .menu-content .support .logo[data-v-e27d2485] {
    flex-shrink: 0;
    width: 3.125rem;
    border-radius: 24%;
    overflow: hidden
}

.blue-default ion-menu .menu-content .install[data-v-e27d2485] {
    margin-block-start: .9375rem;
    background: linear-gradient(90deg, #902b8c, #1c2432 40%, #1c2432)
}

.blue-default ion-menu .menu-content .install[data-v-e27d2485]:before {
    background: linear-gradient(180deg, #fa10ff, #c50ca8)
}

.blue-default ion-menu .menu-content .install+.support[data-v-e27d2485] {
    margin-block-start: .625rem
}

.blue-default ion-menu .menu-content .support[data-v-e27d2485] {
    margin-block-start: .9375rem;
    background: linear-gradient(90deg, #11316e, #1c2432 40%, #1c2432)
}

.blue-default ion-menu .menu-content .support[data-v-e27d2485]:before {
    background: linear-gradient(180deg, #1061ff, #0037a1)
}

.blue-default ion-menu .menu-content .support .icon-wall[data-v-e27d2485] {
    position: relative
}

.blue-default ion-menu .menu-content .support .icon-wall .icon[data-v-e27d2485] {
    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-e27d2485] {
    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-e27d2485] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-block: .9375rem
}

.blue-default ion-menu .menu-content .tool .language[data-v-e27d2485] {
    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-e27d2485] {
    color: #fff;
    font-size: .625rem;
    font-weight: 400;
    margin-right: .3125rem;
    text-transform: uppercase
}

.blue-default ion-menu .line[data-v-e27d2485] {
    width: 100%;
    height: .0625rem;
    background: linear-gradient(to right, #223246, rgba(34, 50, 70, .2))
}

.color-primary-600[data-v-9937dca7] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-9937dca7] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-9937dca7] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-9937dca7] {
    color: var(--color-primary-900)
}

.bg-100[data-v-9937dca7] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-9937dca7] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-9937dca7] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-9937dca7] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-9937dca7] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-9937dca7] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-9937dca7] {
    background-color: var(--color-warning)
}

.bg-link[data-v-9937dca7] {
    background-color: var(--color-link)
}

.bg-danger[data-v-9937dca7] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-9937dca7] {
    color: var(--color-text-100)
}

.color-text-80[data-v-9937dca7] {
    color: var(--color-text-80)
}

.color-text-50[data-v-9937dca7] {
    color: var(--color-text-50)
}

.color-text-40[data-v-9937dca7] {
    color: var(--color-text-40)
}

.color-text-20[data-v-9937dca7] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-9937dca7] {
    color: var(--color-currency)
}

.color-warning[data-v-9937dca7] {
    color: var(--color-warning)
}

.color-danger[data-v-9937dca7] {
    color: var(--color-danger)
}

.color-link[data-v-9937dca7] {
    color: var(--color-link)
}

.color-line[data-v-9937dca7] {
    color: var(--color-line)
}

.color-border[data-v-9937dca7] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-9937dca7] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-9937dca7] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-9937dca7] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-9937dca7] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-9937dca7] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-9937dca7] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-9937dca7] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-9937dca7] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-9937dca7] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-9937dca7] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-9937dca7] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-9937dca7] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-9937dca7] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-9937dca7] {
    display: flex;
    align-items: center
}

.flex-start[data-v-9937dca7] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-9937dca7] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-9937dca7] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-9937dca7] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-9937dca7] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-9937dca7] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-9937dca7] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-9937dca7] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-9937dca7] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-9937dca7] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-9937dca7] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-9937dca7] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-9937dca7] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-9937dca7] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-9937dca7] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-9937dca7] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-9937dca7] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-9937dca7] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-9937dca7] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-9937dca7] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-9937dca7] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-9937dca7] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-9937dca7] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-9937dca7] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-9937dca7],
.mlm-selected-item[data-v-9937dca7] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-9937dca7] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-9937dca7]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-9937dca7] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-9937dca7] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-9937dca7] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.green-default .home-type-Platform.v01 .pwa-HeaderBar-Default2[data-v-9937dca7],
.green-default .home-type-Platform.v02 .pwa-HeaderBar-Default2[data-v-9937dca7] {
    line-height: 1rem;
    --background: url(/images/green-default.png) no-repeat center / 100% 100%
}

.green-default .home-type-Platform.v01 .pwa-HeaderBar-Default2 .close-btn[data-v-9937dca7],
.green-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
}

.green-default .home-type-Platform.v01 .pwa-HeaderBar-Default2 .logo[data-v-9937dca7],
.green-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(255, 235, 167, .37)
}

.green-default .home-type-Platform.v01 .pwa-HeaderBar-Default2 .logo[data-v-9937dca7]::part(image),
.green-default .home-type-Platform.v02 .pwa-HeaderBar-Default2 .logo[data-v-9937dca7]::part(image) {
    border-radius: .5rem
}

.green-default .home-type-Platform.v01 .pwa-HeaderBar-Default2 .label[data-v-9937dca7],
.green-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
}

.green-default .home-type-Platform.v01 .pwa-HeaderBar-Default2 .label .text-stroke[data-v-9937dca7],
.green-default .home-type-Platform.v02 .pwa-HeaderBar-Default2 .label .text-stroke[data-v-9937dca7] {
    background: linear-gradient(180deg, #fff 38.17%, #cbfa6a);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    position: relative
}

.green-default .home-type-Platform.v01 .pwa-HeaderBar-Default2 .label .text-stroke[data-v-9937dca7]:before,
.green-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
}

.green-default .home-type-Platform.v01 .pwa-HeaderBar-Default2 .toolbar-end[data-v-9937dca7],
.green-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
}

.green-default .home-type-Platform.v01 .pwa-HeaderBar-Default2 .toolbar-end .install[data-v-9937dca7],
.green-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 #fff;
    transform: skew(-8deg);
    padding: .25rem .3125rem .1875rem 1.2rem;
    background-color: #f3bc00;
    box-shadow: inset 0 .1875rem #fbeb00, inset 0 -.1875rem rgba(223, 141, 78, .9);
    filter: drop-shadow(0 .404px 0 #000) drop-shadow(0 1.413px .404px rgba(0, 0, 0, .25))
}

.green-default .home-type-Platform.v01 .pwa-HeaderBar-Default2 .toolbar-end .btn-img[data-v-9937dca7],
.green-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
}

.green-default .home-type-Platform.v01 .pwa-HeaderBar-Default2 .toolbar-end .install-btn[data-v-9937dca7],
.green-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 1.5px #2b4f14, 0 0 1.5px #2b4f14, 0 0 1.5px #2b4f14, 0 0 1.5px #2b4f14
}

.green-default .home-type-Platform.v01 .pwa-HeaderBar-Default2 .close-btn[data-v-9937dca7],
.green-default .home-type-Platform.v02 .pwa-HeaderBar-Default2 .close-btn[data-v-9937dca7] {
    margin-inline-start: .25rem;
    margin-inline-end: .625rem
}

.forest-green .home-type-Platform.v01 .pwa-HeaderBar-Default2[data-v-9937dca7],
.forest-green .home-type-Platform.v02 .pwa-HeaderBar-Default2[data-v-9937dca7] {
    line-height: 1rem;
    --background: url(/images/deep-forest-green.png) no-repeat center / 100% 100%
}

.forest-green .home-type-Platform.v01 .pwa-HeaderBar-Default2 .close-btn[data-v-9937dca7],
.forest-green .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
}

.forest-green .home-type-Platform.v01 .pwa-HeaderBar-Default2 .logo[data-v-9937dca7],
.forest-green .home-type-Platform.v02 .pwa-HeaderBar-Default2 .logo[data-v-9937dca7] {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: .5rem;
    border: .1875rem solid #849D69
}

.forest-green .home-type-Platform.v01 .pwa-HeaderBar-Default2 .logo[data-v-9937dca7]::part(image),
.forest-green .home-type-Platform.v02 .pwa-HeaderBar-Default2 .logo[data-v-9937dca7]::part(image) {
    border-radius: .5rem
}

.forest-green .home-type-Platform.v01 .pwa-HeaderBar-Default2 .label[data-v-9937dca7],
.forest-green .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
}

.forest-green .home-type-Platform.v01 .pwa-HeaderBar-Default2 .label .text-stroke[data-v-9937dca7],
.forest-green .home-type-Platform.v02 .pwa-HeaderBar-Default2 .label .text-stroke[data-v-9937dca7] {
    background: linear-gradient(180deg, #f5f8dd 38.17%, #cbfa6a);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    position: relative
}

.forest-green .home-type-Platform.v01 .pwa-HeaderBar-Default2 .label .text-stroke[data-v-9937dca7]:before,
.forest-green .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
}

.forest-green .home-type-Platform.v01 .pwa-HeaderBar-Default2 .toolbar-end[data-v-9937dca7],
.forest-green .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
}

.forest-green .home-type-Platform.v01 .pwa-HeaderBar-Default2 .toolbar-end .install[data-v-9937dca7],
.forest-green .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 #fff;
    transform: skew(-8deg);
    padding: .25rem .3125rem .1875rem 1.2rem;
    background-color: #f3bc00;
    box-shadow: inset 0 .1875rem #fbeb00, inset 0 -.1875rem rgba(223, 141, 78, .9);
    filter: drop-shadow(0 .404px 0 #000) drop-shadow(0 1.413px .404px rgba(0, 0, 0, .25))
}

.forest-green .home-type-Platform.v01 .pwa-HeaderBar-Default2 .toolbar-end .btn-img[data-v-9937dca7],
.forest-green .home-type-Platform.v02 .pwa-HeaderBar-Default2 .toolbar-end .btn-img[data-v-9937dca7] {
    width: 3.125rem;
    height: 1.9063rem;
    margin-block-end: -.125rem
}

.forest-green .home-type-Platform.v01 .pwa-HeaderBar-Default2 .toolbar-end .install-btn[data-v-9937dca7],
.forest-green .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 1.5px #2b4f14, 0 0 1.5px #2b4f14, 0 0 1.5px #2b4f14, 0 0 1.5px #2b4f14
}

.forest-green .home-type-Platform.v01 .pwa-HeaderBar-Default2 .close-btn[data-v-9937dca7],
.forest-green .home-type-Platform.v02 .pwa-HeaderBar-Default2 .close-btn[data-v-9937dca7] {
    margin-inline-start: .25rem;
    margin-inline-end: .625rem
}

.amber-purple .home-type-Platform.v01 .pwa-HeaderBar-Default2[data-v-9937dca7] {
    line-height: 1rem;
    --background: url(/images/pwa-amber-purple.png) no-repeat center / 100% 100%
}

.amber-purple .home-type-Platform.v01 .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
}

.amber-purple .home-type-Platform.v01 .pwa-HeaderBar-Default2 .logo[data-v-9937dca7] {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: .5rem;
    border: .1875rem solid rgba(232, 221, 248, .37)
}

.amber-purple .home-type-Platform.v01 .pwa-HeaderBar-Default2 .logo[data-v-9937dca7]::part(image) {
    border-radius: .5rem
}

.amber-purple .home-type-Platform.v01 .pwa-HeaderBar-Default2 .label[data-v-9937dca7] {
    font-family: Alfa Slab One;
    font-size: .875rem;
    font-weight: 400;
    margin-inline-start: .75rem
}

.amber-purple .home-type-Platform.v01 .pwa-HeaderBar-Default2 .label .text-stroke[data-v-9937dca7] {
    background: linear-gradient(180deg, #e8ddf8 38.17%, #a46afa);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    position: relative
}

.amber-purple .home-type-Platform.v01 .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
}

.amber-purple .home-type-Platform.v01 .pwa-HeaderBar-Default2 .toolbar-end[data-v-9937dca7] {
    position: relative;
    display: flex;
    align-items: flex-end;
    margin-right: .5rem;
    height: 1.375rem
}

.amber-purple .home-type-Platform.v01 .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 #fff;
    transform: skew(-8deg);
    padding: .25rem .3125rem .1875rem 1.2rem;
    background-color: #a46afa;
    box-shadow: inset 0 .1875rem #d7adf9, inset 0 -.1875rem #511fee;
    filter: drop-shadow(0 .404px 0 #000) drop-shadow(0 1.413px .404px rgba(0, 0, 0, .25))
}

.amber-purple .home-type-Platform.v01 .pwa-HeaderBar-Default2 .toolbar-end .btn-img[data-v-9937dca7] {
    width: 3.125rem;
    height: 1.9063rem;
    margin-block-end: -.125rem
}

.amber-purple .home-type-Platform.v01 .pwa-HeaderBar-Default2 .toolbar-end .install-btn[data-v-9937dca7] {
    color: #fff;
    font-size: 1rem;
    font-weight: 900;
    text-shadow: 0 0 .0938rem #5F588C, 0 0 .0938rem #5F588C, 0 0 .0938rem #5F588C, 0 0 .0938rem #5F588C
}

.amber-purple .home-type-Platform.v01 .pwa-HeaderBar-Default2 .close-btn[data-v-9937dca7] {
    margin-inline-start: .25rem;
    margin-inline-end: .625rem
}

.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
}

.color-primary-600[data-v-edabafc1] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-edabafc1] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-edabafc1] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-edabafc1] {
    color: var(--color-primary-900)
}

.bg-100[data-v-edabafc1] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-edabafc1] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-edabafc1] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-edabafc1] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-edabafc1] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-edabafc1] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-edabafc1] {
    background-color: var(--color-warning)
}

.bg-link[data-v-edabafc1] {
    background-color: var(--color-link)
}

.bg-danger[data-v-edabafc1] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-edabafc1] {
    color: var(--color-text-100)
}

.color-text-80[data-v-edabafc1] {
    color: var(--color-text-80)
}

.color-text-50[data-v-edabafc1] {
    color: var(--color-text-50)
}

.color-text-40[data-v-edabafc1] {
    color: var(--color-text-40)
}

.color-text-20[data-v-edabafc1] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-edabafc1] {
    color: var(--color-currency)
}

.color-warning[data-v-edabafc1] {
    color: var(--color-warning)
}

.color-danger[data-v-edabafc1] {
    color: var(--color-danger)
}

.color-link[data-v-edabafc1] {
    color: var(--color-link)
}

.color-line[data-v-edabafc1] {
    color: var(--color-line)
}

.color-border[data-v-edabafc1] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-edabafc1] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-edabafc1] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-edabafc1] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-edabafc1] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-edabafc1] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-edabafc1] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-edabafc1] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-edabafc1] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-edabafc1] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-edabafc1] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-edabafc1] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-edabafc1] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-edabafc1] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-edabafc1] {
    display: flex;
    align-items: center
}

.flex-start[data-v-edabafc1] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-edabafc1] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-edabafc1] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-edabafc1] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-edabafc1] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-edabafc1] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-edabafc1] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-edabafc1] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-edabafc1] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-edabafc1] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-edabafc1] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-edabafc1] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-edabafc1] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-edabafc1] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-edabafc1] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-edabafc1] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-edabafc1] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-edabafc1] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-edabafc1] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-edabafc1] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-edabafc1] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-edabafc1] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-edabafc1] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-edabafc1] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-edabafc1],
.mlm-selected-item[data-v-edabafc1] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-edabafc1] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-edabafc1]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-edabafc1] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-edabafc1] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-edabafc1] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html ion-menu-toggle.records[data-v-edabafc1] {
    position: relative;
    display: flex;
    align-items: center;
    font-size: .875rem;
    font-weight: 400;
    margin-inline: .9375rem;
    padding: 1.0625rem 0 1.0625rem .5625rem;
    border-top: .0625rem solid #34571D;
    border-bottom: .0625rem solid #34571D;
    background: none
}

html ion-menu-toggle.records[data-v-edabafc1]:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background: url(/images/betBg.jpg) no-repeat left center / cover;
    background-blend-mode: overlay
}

html ion-menu-toggle.records .img-wall[data-v-edabafc1] {
    width: 2.875rem;
    height: 2.875rem;
    margin-inline-end: .6875rem;
    border-radius: .3125rem;
    border: .0625rem solid #34571D;
    background: #183009
}

html ion-menu-toggle.records .label[data-v-edabafc1] {
    font-size: .875rem;
    font-weight: 400;
    color: #afc69f
}

html ion-menu-toggle.records .label-sub[data-v-edabafc1] {
    font-size: .875rem;
    font-weight: 700;
    color: #17b663
}

.forest-green ion-menu-toggle.records[data-v-edabafc1] {
    border-top: .0625rem solid #009F76;
    border-bottom: .0625rem solid #009F76;
    background: radial-gradient(50% 130% at 96% 100%, rgba(0, 77, 55, .3), #004d37)
}

.forest-green ion-menu-toggle.records[data-v-edabafc1]:before {
    background: url(/images/betBg2.jpg) no-repeat 7.5rem top / auto 100%
}

.forest-green ion-menu-toggle.records .img-wall[data-v-edabafc1] {
    border: .0625rem solid #009F76;
    background: #183009
}

.forest-green ion-menu-toggle.records .label[data-v-edabafc1] {
    color: var(--text-color1)
}

.forest-green ion-menu-toggle.records .label-sub[data-v-edabafc1] {
    color: #eef93b
}

.amber-purple ion-menu-toggle.records[data-v-edabafc1] {
    border-top: .0625rem solid #3B3466;
    border-bottom: .0625rem solid #3B3466;
    background: radial-gradient(50% 130% at 96% 100%, rgba(44, 41, 77, .4), #262346)
}

.amber-purple ion-menu-toggle.records[data-v-edabafc1]:before {
    background: url(/images/betBg2.jpg) no-repeat 7.5rem top / auto 100%
}

.amber-purple ion-menu-toggle.records .img-wall[data-v-edabafc1] {
    border: .0625rem solid #3B3466;
    background: #2c294d
}

.amber-purple ion-menu-toggle.records .label[data-v-edabafc1] {
    color: var(--text-color1)
}

.amber-purple ion-menu-toggle.records .label-sub[data-v-edabafc1] {
    color: #17b663
}

.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
}

.color-primary-600[data-v-d801ec68] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-d801ec68] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-d801ec68] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-d801ec68] {
    color: var(--color-primary-900)
}

.bg-100[data-v-d801ec68] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-d801ec68] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-d801ec68] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-d801ec68] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-d801ec68] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-d801ec68] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-d801ec68] {
    background-color: var(--color-warning)
}

.bg-link[data-v-d801ec68] {
    background-color: var(--color-link)
}

.bg-danger[data-v-d801ec68] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-d801ec68] {
    color: var(--color-text-100)
}

.color-text-80[data-v-d801ec68] {
    color: var(--color-text-80)
}

.color-text-50[data-v-d801ec68] {
    color: var(--color-text-50)
}

.color-text-40[data-v-d801ec68] {
    color: var(--color-text-40)
}

.color-text-20[data-v-d801ec68] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-d801ec68] {
    color: var(--color-currency)
}

.color-warning[data-v-d801ec68] {
    color: var(--color-warning)
}

.color-danger[data-v-d801ec68] {
    color: var(--color-danger)
}

.color-link[data-v-d801ec68] {
    color: var(--color-link)
}

.color-line[data-v-d801ec68] {
    color: var(--color-line)
}

.color-border[data-v-d801ec68] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-d801ec68] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-d801ec68] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-d801ec68] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-d801ec68] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-d801ec68] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-d801ec68] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-d801ec68] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-d801ec68] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-d801ec68] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-d801ec68] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-d801ec68] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-d801ec68] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-d801ec68] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-d801ec68] {
    display: flex;
    align-items: center
}

.flex-start[data-v-d801ec68] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-d801ec68] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-d801ec68] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-d801ec68] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-d801ec68] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-d801ec68] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-d801ec68] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-d801ec68] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-d801ec68] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-d801ec68] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-d801ec68] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-d801ec68] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-d801ec68] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-d801ec68] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-d801ec68] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-d801ec68] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-d801ec68] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-d801ec68] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-d801ec68] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-d801ec68] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-d801ec68] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-d801ec68] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-d801ec68] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-d801ec68] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-d801ec68],
.mlm-selected-item[data-v-d801ec68] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-d801ec68] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-d801ec68]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-d801ec68] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-d801ec68] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-d801ec68] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.green-default ion-menu[data-v-d801ec68] {
    --background: transparent
}

.green-default ion-menu[data-v-d801ec68]::part(container) {
    width: 100%
}

.green-default ion-menu ion-header[data-v-d801ec68] {
    box-shadow: none
}

.green-default ion-menu ion-header ion-toolbar[data-v-d801ec68] {
    --background: #213b10;
    --border-width: 0
}

.green-default ion-menu ion-header .pwa-wall[data-v-d801ec68] {
    height: 3.125rem
}

.green-default ion-menu ion-header .pwa-wall .pwa-head[data-v-d801ec68] {
    --padding-start: .25rem;
    --padding-end: .25rem
}

.green-default ion-menu ion-content[data-v-d801ec68]::part(background) {
    background: #213b10
}

.green-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: #2b4f14;
    border: .0625rem solid #34571D
}

.green-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))
}

.green-default ion-menu ion-content ion-menu-toggle.card .label[data-v-d801ec68] {
    font-size: .875rem;
    font-weight: 400;
    color: #afc69f
}

.green-default ion-menu ion-content .card-container[data-v-d801ec68] {
    padding: .625rem .9375rem 1.375rem
}

.green-default ion-menu ion-content .support-container[data-v-d801ec68] {
    display: flex;
    margin-block-start: 1.0625rem;
    padding-inline: .9375rem;
    gap: .8125rem
}

.green-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: #afc69f;
    background-color: #2b4f14;
    border: .0625rem solid #34571D;
    font-size: .875rem;
    font-weight: 600;
    text-transform: capitalize
}

.green-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)
}

.green-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: #afc69f;
    background-color: #2b4f14;
    border: .0625rem solid #34571D;
    font-size: .875rem;
    font-weight: 400
}

.forest-green ion-menu[data-v-d801ec68] {
    --background: transparent
}

.forest-green ion-menu[data-v-d801ec68]::part(container) {
    width: 100%
}

.forest-green ion-menu ion-header[data-v-d801ec68] {
    box-shadow: none
}

.forest-green ion-menu ion-header ion-toolbar[data-v-d801ec68] {
    --background: #004D37;
    --border-width: 0
}

.forest-green ion-menu ion-header .pwa-wall[data-v-d801ec68] {
    height: 3.125rem
}

.forest-green ion-menu ion-header .pwa-wall .pwa-head[data-v-d801ec68] {
    --padding-start: .25rem;
    --padding-end: .25rem
}

.forest-green ion-menu ion-content[data-v-d801ec68]::part(background) {
    background: #004d37
}

.forest-green 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: linear-gradient(90deg, #00694a, #00815d, #00694a);
    border: .0625rem solid #009F76
}

.forest-green 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(246, 252, 46, .17))
}

.forest-green ion-menu ion-content ion-menu-toggle.card .label[data-v-d801ec68] {
    font-size: .875rem;
    font-weight: 400;
    color: var(--text-color1)
}

.forest-green ion-menu ion-content .card-container[data-v-d801ec68] {
    padding: .625rem .9375rem 1.375rem
}

.forest-green ion-menu ion-content .support-container[data-v-d801ec68] {
    display: flex;
    margin-block-start: 1.0625rem;
    padding-inline: .9375rem;
    gap: .8125rem
}

.forest-green 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: #006849;
    border: .0625rem solid #009F76;
    font-size: .875rem;
    font-weight: 600;
    text-transform: capitalize
}

.forest-green 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)
}

.forest-green 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: #006849;
    border: .0625rem solid #009F76;
    font-size: .875rem;
    font-weight: 400
}

.amber-purple ion-menu[data-v-d801ec68] {
    --background: transparent
}

.amber-purple ion-menu[data-v-d801ec68]::part(container) {
    width: 100%
}

.amber-purple ion-menu ion-header[data-v-d801ec68] {
    box-shadow: none
}

.amber-purple ion-menu ion-header ion-toolbar[data-v-d801ec68] {
    --background: #262346;
    --border-width: 0
}

.amber-purple ion-menu ion-header .pwa-wall[data-v-d801ec68] {
    height: 3.125rem
}

.amber-purple ion-menu ion-header .pwa-wall .pwa-head[data-v-d801ec68] {
    --padding-start: .25rem;
    --padding-end: .25rem
}

.amber-purple ion-menu ion-content[data-v-d801ec68]::part(background) {
    background: #262346
}

.amber-purple 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: #3b3466;
    border: .0625rem solid #3B3466
}

.amber-purple 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))
}

.amber-purple ion-menu ion-content ion-menu-toggle.card .label[data-v-d801ec68] {
    font-size: .875rem;
    font-weight: 400;
    color: var(--text-color1)
}

.amber-purple ion-menu ion-content .card-container[data-v-d801ec68] {
    padding: .625rem .9375rem 1.375rem
}

.amber-purple ion-menu ion-content .support-container[data-v-d801ec68] {
    display: flex;
    margin-block-start: 1.0625rem;
    padding-inline: .9375rem;
    gap: .8125rem
}

.amber-purple 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: #3b3466;
    border: .0625rem solid #3B3466;
    font-size: .875rem;
    font-weight: 600;
    text-transform: capitalize
}

.amber-purple 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)
}

.amber-purple 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: #3b3466;
    border: .0625rem solid #3B3466;
    font-size: .875rem;
    font-weight: 400
}

.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
}

.color-primary-600[data-v-08cc3a40] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-08cc3a40] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-08cc3a40] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-08cc3a40] {
    color: var(--color-primary-900)
}

.bg-100[data-v-08cc3a40] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-08cc3a40] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-08cc3a40] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-08cc3a40] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-08cc3a40] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-08cc3a40] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-08cc3a40] {
    background-color: var(--color-warning)
}

.bg-link[data-v-08cc3a40] {
    background-color: var(--color-link)
}

.bg-danger[data-v-08cc3a40] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-08cc3a40] {
    color: var(--color-text-100)
}

.color-text-80[data-v-08cc3a40] {
    color: var(--color-text-80)
}

.color-text-50[data-v-08cc3a40] {
    color: var(--color-text-50)
}

.color-text-40[data-v-08cc3a40] {
    color: var(--color-text-40)
}

.color-text-20[data-v-08cc3a40] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-08cc3a40] {
    color: var(--color-currency)
}

.color-warning[data-v-08cc3a40] {
    color: var(--color-warning)
}

.color-danger[data-v-08cc3a40] {
    color: var(--color-danger)
}

.color-link[data-v-08cc3a40] {
    color: var(--color-link)
}

.color-line[data-v-08cc3a40] {
    color: var(--color-line)
}

.color-border[data-v-08cc3a40] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-08cc3a40] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-08cc3a40] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-08cc3a40] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-08cc3a40] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-08cc3a40] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-08cc3a40] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-08cc3a40] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-08cc3a40] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-08cc3a40] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-08cc3a40] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-08cc3a40] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-08cc3a40] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-08cc3a40] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-08cc3a40] {
    display: flex;
    align-items: center
}

.flex-start[data-v-08cc3a40] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-08cc3a40] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-08cc3a40] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-08cc3a40] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-08cc3a40] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-08cc3a40] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-08cc3a40] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-08cc3a40] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-08cc3a40] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-08cc3a40] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-08cc3a40] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-08cc3a40] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-08cc3a40] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-08cc3a40] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-08cc3a40] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-08cc3a40] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-08cc3a40] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-08cc3a40] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-08cc3a40] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-08cc3a40] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-08cc3a40] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-08cc3a40] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-08cc3a40] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-08cc3a40] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-08cc3a40],
.mlm-selected-item[data-v-08cc3a40] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-08cc3a40] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-08cc3a40]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-08cc3a40] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-08cc3a40] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-08cc3a40] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.green-default ion-menu[data-v-08cc3a40] {
    --background: transparent
}

.green-default ion-menu[data-v-08cc3a40]::part(container) {
    width: 100%
}

.green-default ion-menu ion-header[data-v-08cc3a40] {
    box-shadow: none
}

.green-default ion-menu ion-header ion-toolbar[data-v-08cc3a40] {
    --background: #213b10;
    --border-width: 0
}

.green-default ion-menu ion-header .pwa-wall[data-v-08cc3a40] {
    height: 3.125rem
}

.green-default ion-menu ion-content[data-v-08cc3a40]::part(background) {
    background: #213b10
}

.green-default ion-menu ion-content ion-menu-toggle.card[data-v-08cc3a40] {
    display: flex;
    align-items: center;
    padding: .4375rem 0 .4375rem .875rem;
    border-radius: .25rem;
    background: #2b4f14;
    border: .0625rem solid #34571D
}

.green-default ion-menu ion-content ion-menu-toggle.card .img-wall[data-v-08cc3a40] {
    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))
}

.green-default ion-menu ion-content ion-menu-toggle.card .img-wall .type-icon[data-v-08cc3a40],
.green-default ion-menu ion-content ion-menu-toggle.card .img-wall .type-img[data-v-08cc3a40] {
    width: 100%;
    height: 100%
}

.green-default ion-menu ion-content ion-menu-toggle.card .img-wall .type-img[data-v-08cc3a40] {
    display: block;
    background-size: 800% 400%
}

.green-default ion-menu ion-content ion-menu-toggle.card .label[data-v-08cc3a40] {
    font-size: .875rem;
    font-weight: 400;
    color: #afc69f
}

.green-default ion-menu ion-content .card-container[data-v-08cc3a40] {
    padding: .625rem .9375rem 1.375rem
}

.green-default ion-menu ion-content .support-container[data-v-08cc3a40] {
    display: flex;
    margin-block-start: 1.0625rem;
    padding-inline: .9375rem;
    gap: .8125rem
}

.green-default ion-menu ion-content .support-container .support[data-v-08cc3a40] {
    flex: 1;
    display: flex;
    align-items: center;
    position: relative;
    padding: .5rem 0 .5rem .875rem;
    border-radius: .25rem;
    color: #fff;
    background-color: #2b4f14;
    border: .0625rem solid #34571D;
    font-size: .875rem;
    font-weight: 600;
    text-transform: capitalize
}

.green-default ion-menu ion-content .support-container .support .icon[data-v-08cc3a40] {
    font-size: 1.625rem;
    border-radius: 50%;
    margin-inline-end: .5rem;
    color: #fff;
    background: linear-gradient(180deg, #ffc271, #f2910d)
}

.green-default ion-menu ion-content .support-container .language[data-v-08cc3a40] {
    display: flex;
    align-items: center;
    gap: .3125rem;
    padding: .7813rem 1.1875rem;
    border-radius: .25rem;
    color: #afc69f;
    background-color: #2b4f14;
    border: .0625rem solid #34571D;
    font-size: .875rem;
    font-weight: 400
}

.forest-green ion-menu[data-v-08cc3a40] {
    --background: transparent
}

.forest-green ion-menu[data-v-08cc3a40]::part(container) {
    width: 100%
}

.forest-green ion-menu ion-header[data-v-08cc3a40] {
    box-shadow: none
}

.forest-green ion-menu ion-header ion-toolbar[data-v-08cc3a40] {
    --background: #004D37;
    --border-width: 0
}

.forest-green ion-menu ion-header .pwa-wall[data-v-08cc3a40] {
    height: 3.125rem
}

.forest-green ion-menu ion-content[data-v-08cc3a40]::part(background) {
    background: #004d37
}

.forest-green ion-menu ion-content ion-menu-toggle.card[data-v-08cc3a40] {
    display: flex;
    align-items: center;
    padding: .4375rem 0 .4375rem .875rem;
    border-radius: .25rem;
    background: linear-gradient(90deg, #00694a, #00815d, #00694a);
    border: .0625rem solid #009F76
}

.forest-green ion-menu ion-content ion-menu-toggle.card .img-wall[data-v-08cc3a40] {
    width: 1.75rem;
    height: 1.75rem;
    border-radius: .1875rem;
    margin-right: .3125rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(246, 252, 46, .17))
}

.forest-green ion-menu ion-content ion-menu-toggle.card .img-wall .type-icon[data-v-08cc3a40],
.forest-green ion-menu ion-content ion-menu-toggle.card .img-wall .type-img[data-v-08cc3a40] {
    width: 100%;
    height: 100%
}

.forest-green ion-menu ion-content ion-menu-toggle.card .img-wall .type-img[data-v-08cc3a40] {
    display: block;
    background-size: 800% 400%
}

.forest-green ion-menu ion-content ion-menu-toggle.card .label[data-v-08cc3a40] {
    font-size: .875rem;
    font-weight: 400;
    color: var(--text-color1)
}

.forest-green ion-menu ion-content .card-container[data-v-08cc3a40] {
    padding: .625rem .9375rem 1.375rem
}

.forest-green ion-menu ion-content .support-container[data-v-08cc3a40] {
    display: flex;
    margin-block-start: 1.0625rem;
    padding-inline: .9375rem;
    gap: .8125rem
}

.forest-green ion-menu ion-content .support-container .support[data-v-08cc3a40] {
    flex: 1;
    display: flex;
    align-items: center;
    position: relative;
    padding: .5rem 0 .5rem .875rem;
    border-radius: .25rem;
    color: var(--text-color1);
    background-color: #006849;
    border: .0625rem solid #009F76;
    font-size: .875rem;
    font-weight: 600;
    text-transform: capitalize
}

.forest-green ion-menu ion-content .support-container .support .icon[data-v-08cc3a40] {
    font-size: 1.625rem;
    border-radius: 50%;
    margin-inline-end: .5rem;
    color: #fff;
    background: linear-gradient(180deg, #ffc271, #f2910d)
}

.forest-green ion-menu ion-content .support-container .language[data-v-08cc3a40] {
    display: flex;
    align-items: center;
    gap: .3125rem;
    padding: .7813rem 1.1875rem;
    border-radius: .25rem;
    color: #fff;
    background-color: #006849;
    border: .0625rem solid #009F76;
    font-size: .875rem;
    font-weight: 400
}

.color-primary-600[data-v-be3e89a6] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-be3e89a6] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-be3e89a6] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-be3e89a6] {
    color: var(--color-primary-900)
}

.bg-100[data-v-be3e89a6] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-be3e89a6] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-be3e89a6] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-be3e89a6] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-be3e89a6] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-be3e89a6] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-be3e89a6] {
    background-color: var(--color-warning)
}

.bg-link[data-v-be3e89a6] {
    background-color: var(--color-link)
}

.bg-danger[data-v-be3e89a6] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-be3e89a6] {
    color: var(--color-text-100)
}

.color-text-80[data-v-be3e89a6] {
    color: var(--color-text-80)
}

.color-text-50[data-v-be3e89a6] {
    color: var(--color-text-50)
}

.color-text-40[data-v-be3e89a6] {
    color: var(--color-text-40)
}

.color-text-20[data-v-be3e89a6] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-be3e89a6] {
    color: var(--color-currency)
}

.color-warning[data-v-be3e89a6] {
    color: var(--color-warning)
}

.color-danger[data-v-be3e89a6] {
    color: var(--color-danger)
}

.color-link[data-v-be3e89a6] {
    color: var(--color-link)
}

.color-line[data-v-be3e89a6] {
    color: var(--color-line)
}

.color-border[data-v-be3e89a6] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-be3e89a6] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-be3e89a6] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-be3e89a6] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-be3e89a6] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-be3e89a6] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-be3e89a6] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-be3e89a6] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-be3e89a6] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-be3e89a6] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-be3e89a6] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-be3e89a6] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-be3e89a6] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-be3e89a6] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-be3e89a6] {
    display: flex;
    align-items: center
}

.flex-start[data-v-be3e89a6] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-be3e89a6] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-be3e89a6] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-be3e89a6] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-be3e89a6] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-be3e89a6] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-be3e89a6] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-be3e89a6] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-be3e89a6] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-be3e89a6] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-be3e89a6] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-be3e89a6] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-be3e89a6] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-be3e89a6] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-be3e89a6] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-be3e89a6] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-be3e89a6] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-be3e89a6] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-be3e89a6] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-be3e89a6] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-be3e89a6] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-be3e89a6] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-be3e89a6] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-be3e89a6] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-be3e89a6],
.mlm-selected-item[data-v-be3e89a6] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-be3e89a6] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-be3e89a6]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-be3e89a6] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-be3e89a6] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-be3e89a6] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .part-container[data-v-be3e89a6] {
    display: flex;
    justify-content: center;
    flex-flow: wrap
}

html .part-container .social-box[data-v-be3e89a6] {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-flow: wrap;
    gap: .75rem
}

html .part-container .social-box .social-img.good-img[data-v-be3e89a6] {
    width: 2.5rem;
    height: 2.5rem;
    padding: .5rem;
    background: rgba(42, 171, 238, .2);
    border-radius: 50%;
    overflow: hidden;
    object-fit: cover
}

html .part-container .partner-img[data-v-be3e89a6] {
    margin-block-start: 2.6875rem
}

html .part-container .partner-img.good-img[data-v-be3e89a6] {
    width: 22.5rem
}

html .part-container .payment-img[data-v-be3e89a6] {
    padding: 1.5rem .9375rem;
    margin-block-start: 2.5rem;
    background: #131313
}

html .part-container .payment-img.good-img[data-v-be3e89a6] {
    width: 100%
}

.color-primary-600[data-v-5d2cd530] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-5d2cd530] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-5d2cd530] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-5d2cd530] {
    color: var(--color-primary-900)
}

.bg-100[data-v-5d2cd530] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-5d2cd530] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-5d2cd530] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-5d2cd530] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-5d2cd530] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-5d2cd530] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-5d2cd530] {
    background-color: var(--color-warning)
}

.bg-link[data-v-5d2cd530] {
    background-color: var(--color-link)
}

.bg-danger[data-v-5d2cd530] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-5d2cd530] {
    color: var(--color-text-100)
}

.color-text-80[data-v-5d2cd530] {
    color: var(--color-text-80)
}

.color-text-50[data-v-5d2cd530] {
    color: var(--color-text-50)
}

.color-text-40[data-v-5d2cd530] {
    color: var(--color-text-40)
}

.color-text-20[data-v-5d2cd530] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-5d2cd530] {
    color: var(--color-currency)
}

.color-warning[data-v-5d2cd530] {
    color: var(--color-warning)
}

.color-danger[data-v-5d2cd530] {
    color: var(--color-danger)
}

.color-link[data-v-5d2cd530] {
    color: var(--color-link)
}

.color-line[data-v-5d2cd530] {
    color: var(--color-line)
}

.color-border[data-v-5d2cd530] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-5d2cd530] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-5d2cd530] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-5d2cd530] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-5d2cd530] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-5d2cd530] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-5d2cd530] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-5d2cd530] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-5d2cd530] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-5d2cd530] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-5d2cd530] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-5d2cd530] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-5d2cd530] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-5d2cd530] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-5d2cd530] {
    display: flex;
    align-items: center
}

.flex-start[data-v-5d2cd530] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-5d2cd530] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-5d2cd530] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-5d2cd530] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-5d2cd530] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-5d2cd530] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-5d2cd530] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-5d2cd530] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-5d2cd530] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-5d2cd530] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-5d2cd530] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-5d2cd530] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-5d2cd530] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-5d2cd530] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-5d2cd530] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-5d2cd530] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-5d2cd530] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-5d2cd530] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-5d2cd530] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-5d2cd530] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-5d2cd530] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-5d2cd530] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-5d2cd530] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-5d2cd530] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-5d2cd530],
.mlm-selected-item[data-v-5d2cd530] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-5d2cd530] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-5d2cd530]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-5d2cd530] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-5d2cd530] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-5d2cd530] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.language[data-v-5d2cd530] {
    padding: .75rem .875rem;
    border-radius: .75rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #24221f
}

.language .language-inner[data-v-5d2cd530] {
    display: flex;
    align-items: center
}

.language .language-inner .language-text[data-v-5d2cd530] {
    margin-inline-start: .4125rem;
    font-size: .75rem;
    font-weight: 500;
    color: #fff
}

.language .arrow-icon[data-v-5d2cd530] {
    padding: .3125rem;
    font-size: .875rem;
    border-radius: .625rem;
    background: #38342e;
    color: var(--text-color1)
}

.color-primary-600[data-v-d3583e2b] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-d3583e2b] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-d3583e2b] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-d3583e2b] {
    color: var(--color-primary-900)
}

.bg-100[data-v-d3583e2b] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-d3583e2b] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-d3583e2b] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-d3583e2b] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-d3583e2b] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-d3583e2b] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-d3583e2b] {
    background-color: var(--color-warning)
}

.bg-link[data-v-d3583e2b] {
    background-color: var(--color-link)
}

.bg-danger[data-v-d3583e2b] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-d3583e2b] {
    color: var(--color-text-100)
}

.color-text-80[data-v-d3583e2b] {
    color: var(--color-text-80)
}

.color-text-50[data-v-d3583e2b] {
    color: var(--color-text-50)
}

.color-text-40[data-v-d3583e2b] {
    color: var(--color-text-40)
}

.color-text-20[data-v-d3583e2b] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-d3583e2b] {
    color: var(--color-currency)
}

.color-warning[data-v-d3583e2b] {
    color: var(--color-warning)
}

.color-danger[data-v-d3583e2b] {
    color: var(--color-danger)
}

.color-link[data-v-d3583e2b] {
    color: var(--color-link)
}

.color-line[data-v-d3583e2b] {
    color: var(--color-line)
}

.color-border[data-v-d3583e2b] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-d3583e2b] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-d3583e2b] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-d3583e2b] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-d3583e2b] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-d3583e2b] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-d3583e2b] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-d3583e2b] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-d3583e2b] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-d3583e2b] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-d3583e2b] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-d3583e2b] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-d3583e2b] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-d3583e2b] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-d3583e2b] {
    display: flex;
    align-items: center
}

.flex-start[data-v-d3583e2b] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-d3583e2b] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-d3583e2b] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-d3583e2b] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-d3583e2b] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-d3583e2b] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-d3583e2b] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-d3583e2b] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-d3583e2b] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-d3583e2b] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-d3583e2b] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-d3583e2b] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-d3583e2b] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-d3583e2b] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-d3583e2b] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-d3583e2b] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-d3583e2b] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-d3583e2b] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-d3583e2b] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-d3583e2b] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-d3583e2b] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-d3583e2b] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-d3583e2b] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-d3583e2b] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-d3583e2b],
.mlm-selected-item[data-v-d3583e2b] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-d3583e2b] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-d3583e2b]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-d3583e2b] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-d3583e2b] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-d3583e2b] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html ion-menu[data-v-d3583e2b] {
    --width: 80%
}

html ion-menu[data-v-d3583e2b]::part(backdrop) {
    opacity: .7 !important
}

html ion-menu .menu-header ion-toolbar[data-v-d3583e2b] {
    --background: #131313;
    --padding-start: .75rem;
    --padding-end: .75rem;
    --padding-top: 1.25rem;
    --padding-bottom: 1.75rem;
    --border-width: 0;
    position: relative
}

html ion-menu .menu-header ion-toolbar[data-v-d3583e2b]:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: .8125rem;
    display: block;
    width: calc(100% - 1.5rem);
    height: .0625rem;
    background: #38342e
}

html ion-menu .logo-box[data-v-d3583e2b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-block-end: 1.625rem
}

html ion-menu .logo-box .close-btn[data-v-d3583e2b] {
    flex-shrink: 0;
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #38342e;
    border-radius: .375rem
}

html ion-menu .logo-box .close-btn .close-img[data-v-d3583e2b] {
    font-size: 1.25rem;
    color: #fff
}

html ion-menu .logo-box .app-logo[data-v-d3583e2b] {
    width: auto;
    height: 2rem;
    object-position: right
}

html ion-menu .assets-box[data-v-d3583e2b] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

html ion-menu .assets-box .assets-box-inner[data-v-d3583e2b] {
    display: flex;
    align-items: center
}

html ion-menu .assets-box .assets-box-inner .assets-img[data-v-d3583e2b] {
    width: 0
}

html ion-menu .assets-box .assets-box-inner .assets-img.good-img[data-v-d3583e2b] {
    width: 2.375rem;
    height: 2.375rem;
    margin-inline: .4375rem .25rem
}

html ion-menu .assets-box .assets-box-inner .assets-box-info[data-v-d3583e2b] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-shadow: 0 0 .625rem #FFB200
}

html ion-menu .assets-box .assets-box-inner .assets-box-info .assets-box-info-inner[data-v-d3583e2b] {
    display: flex;
    align-items: center;
    font-size: .875rem;
    font-weight: 700;
    font-style: italic
}

html ion-menu .assets-box .assets-box-inner .assets-box-info .assets-box-info-inner .currency[data-v-d3583e2b] {
    margin-right: .125rem;
    color: #fff
}

html ion-menu .assets-box .assets-box-inner .assets-box-info .assets-box-info-inner .assets-box-number[data-v-d3583e2b] {
    color: #fff
}

html ion-menu .assets-box .assets-box-inner .assets-box-info .assets-box-intro[data-v-d3583e2b] {
    line-height: 1;
    font-size: .625rem;
    font-weight: 400;
    background: linear-gradient(90deg, #f7fb43, #e38100);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

html ion-menu .assets-box .deposit[data-v-d3583e2b] {
    margin-left: .375rem;
    border-radius: .375rem;
    background: linear-gradient(180deg, #252320, #36322c);
    box-shadow: 0 -.0625rem #f7fb43 inset
}

html ion-menu .assets-box .deposit[data-v-d3583e2b]::part(native) {
    font-size: .6875rem;
    font-weight: 600;
    color: #f7fb43
}

html ion-menu .primaryBtn[data-v-d3583e2b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .625rem
}

html ion-menu .primaryBtn .login[data-v-d3583e2b] {
    --padding-top: .6875rem;
    --padding-bottom: .6875rem;
    flex: 1
}

html ion-menu .primaryBtn .login[data-v-d3583e2b]::part(native) {
    background: linear-gradient(180deg, #38342e 4.76%, #24221f);
    color: #23db8c;
    border: .0625rem solid #4C4943
}

html ion-menu .primaryBtn .register[data-v-d3583e2b] {
    --padding-top: .6875rem;
    --padding-bottom: .6875rem
}

html ion-menu .primaryBtn .register[data-v-d3583e2b]::part(native) {
    background: linear-gradient(180deg, #38342e 4.76%, #24221f);
    color: #f7fb43;
    border: .0625rem solid #4C4943
}

html ion-menu .primaryBtn .register-btn-warpper[data-v-d3583e2b] {
    flex: 1;
    position: relative
}

html ion-menu .primaryBtn .register-btn-warpper .register[data-v-d3583e2b] {
    width: 100%;
    vertical-align: top
}

html ion-menu .primaryBtn .register-btn-warpper .rewardTag[data-v-d3583e2b] {
    position: absolute;
    top: -.5rem;
    right: -.5rem
}

html ion-menu ion-button.init-btn[data-v-d3583e2b] {
    --box-shadow: none;
    --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
}

html ion-menu .menu-content[data-v-d3583e2b] {
    position: relative;
    --padding-start: .875rem;
    --padding-end: .8125rem;
    --padding-bottom: 1.0625rem;
    --background: #131313
}

html ion-menu .menu-content .card-container[data-v-d3583e2b] {
    position: relative;
    display: flex;
    flex-flow: column;
    gap: .75rem;
    padding-block-start: .5rem;
    padding-block-end: .5rem
}

html ion-menu .menu-content .card-container[data-v-d3583e2b]:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: .0625rem;
    background: #38342e
}

html ion-menu .menu-content .card-container .card[data-v-d3583e2b] {
    display: flex;
    align-items: center
}

html ion-menu .menu-content .card-container .card .type-icon[data-v-d3583e2b],
html ion-menu .menu-content .card-container .card .type-img[data-v-d3583e2b] {
    width: 1.75rem;
    height: 1.75rem;
    margin-inline: .625rem
}

html ion-menu .menu-content .card-container .card .type-img[data-v-d3583e2b] {
    display: block;
    background-size: 800% 400%
}

html ion-menu .menu-content .card-container .card .label[data-v-d3583e2b] {
    font-size: .75rem;
    font-weight: 400;
    color: var(--text-color2)
}

html ion-menu .menu-content .bonus-pool[data-v-d3583e2b] {
    margin-inline-start: .3125rem;
    margin-block-start: 1.0625rem
}

html ion-menu .menu-content .hot-game-box[data-v-d3583e2b] {
    margin-block-start: .8125rem;
    margin-block-end: 1.625rem;
    padding: .9375rem;
    background: #24221f;
    border-radius: .375rem;
    border: .0625rem solid #4C4943
}

html ion-menu .menu-content .hot-game-box .hot-game-title[data-v-d3583e2b] {
    display: flex;
    flex-direction: column
}

html ion-menu .menu-content .hot-game-box .hot-game-title .hot-game-icon-box[data-v-d3583e2b] {
    display: flex;
    align-items: center;
    gap: .375rem
}

html ion-menu .menu-content .hot-game-box .hot-game-title .hot-game-icon-box .hot-game-icon[data-v-d3583e2b] {
    width: 1.875rem;
    height: 1.875rem;
    margin-inline-start: -.375rem
}

html ion-menu .menu-content .hot-game-box .hot-game-title .hot-game-icon-box .label[data-v-d3583e2b] {
    font-size: .875rem;
    font-weight: 400;
    color: #fff
}

html ion-menu .menu-content .hot-game-box .hot-game-title .hot-game-intro[data-v-d3583e2b] {
    font-size: .625rem;
    font-weight: 400;
    color: var(--text-color2)
}

html ion-menu .menu-content .hot-game-box .hot-game-list-box[data-v-d3583e2b] {
    margin-block-start: 1.125rem;
    width: 100%;
    overflow: auto;
    border-radius: .375rem;
    -ms-overflow-style: none;
    scrollbar-width: none
}

html ion-menu .menu-content .hot-game-box .hot-game-list-box[data-v-d3583e2b]::-webkit-scrollbar {
    display: none
}

html ion-menu .menu-content .hot-game-box .hot-game-list-box .hot-game-list[data-v-d3583e2b] {
    display: flex;
    gap: .375rem
}

html ion-menu .menu-content .hot-game-box .hot-game-list-box .hot-game-list .card[data-v-d3583e2b] {
    flex-shrink: 0;
    border-radius: .2838rem;
    overflow: hidden
}

html ion-menu .menu-content .hot-game-box .hot-game-list-box .hot-game-list .card.style1[data-v-d3583e2b],
html ion-menu .menu-content .hot-game-box .hot-game-list-box .hot-game-list .card.style2[data-v-d3583e2b] {
    width: 3.1481rem;
    height: 4.25rem
}

html ion-menu .menu-content .hot-game-box .hot-game-list-box .hot-game-list .card.style3[data-v-d3583e2b] {
    width: 3.1481rem
}

html ion-menu .menu-content .hot-game-box .hot-game-list-box .hot-game-list .card .img[data-v-d3583e2b] {
    width: 100%;
    height: 100%
}

html ion-menu .menu-content .btn-container[data-v-d3583e2b] {
    margin-block-end: 1.625rem;
    margin-inline: 1rem;
    display: flex;
    gap: 1rem
}

html ion-menu .menu-content .btn-container .ios-btn[data-v-d3583e2b],
html ion-menu .menu-content .btn-container .android-btn[data-v-d3583e2b] {
    flex: 1;
    min-height: 2.625rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6.1875rem;
    border: .0625rem solid #4C4943;
    background: linear-gradient(180deg, #38342e 4.76%, #24221f)
}

html ion-menu .menu-content .btn-container .ios-btn[data-v-d3583e2b]:active,
html ion-menu .menu-content .btn-container .android-btn[data-v-d3583e2b]:active {
    transform: scale(.95)
}

html ion-menu .menu-content .btn-container .ios-btn .logo[data-v-d3583e2b],
html ion-menu .menu-content .btn-container .android-btn .logo[data-v-d3583e2b] {
    font-size: 1.25rem;
    margin-inline-end: .375rem
}

html ion-menu .menu-content .btn-container .ios-btn .text[data-v-d3583e2b],
html ion-menu .menu-content .btn-container .android-btn .text[data-v-d3583e2b] {
    font-size: .625rem;
    font-weight: 700;
    color: #fff
}

html ion-menu .menu-content .social-content[data-v-d3583e2b] {
    margin-block: 1.25rem
}

html ion-menu .menu-content .language-selection-box[data-v-d3583e2b] {
    margin-block-start: 1.625rem
}

html ion-menu .line[data-v-d3583e2b] {
    width: 100%;
    height: .0625rem;
    background: #38342e
}

.color-primary-600[data-v-55e34097] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-55e34097] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-55e34097] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-55e34097] {
    color: var(--color-primary-900)
}

.bg-100[data-v-55e34097] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-55e34097] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-55e34097] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-55e34097] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-55e34097] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-55e34097] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-55e34097] {
    background-color: var(--color-warning)
}

.bg-link[data-v-55e34097] {
    background-color: var(--color-link)
}

.bg-danger[data-v-55e34097] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-55e34097] {
    color: var(--color-text-100)
}

.color-text-80[data-v-55e34097] {
    color: var(--color-text-80)
}

.color-text-50[data-v-55e34097] {
    color: var(--color-text-50)
}

.color-text-40[data-v-55e34097] {
    color: var(--color-text-40)
}

.color-text-20[data-v-55e34097] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-55e34097] {
    color: var(--color-currency)
}

.color-warning[data-v-55e34097] {
    color: var(--color-warning)
}

.color-danger[data-v-55e34097] {
    color: var(--color-danger)
}

.color-link[data-v-55e34097] {
    color: var(--color-link)
}

.color-line[data-v-55e34097] {
    color: var(--color-line)
}

.color-border[data-v-55e34097] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-55e34097] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-55e34097] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-55e34097] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-55e34097] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-55e34097] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-55e34097] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-55e34097] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-55e34097] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-55e34097] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-55e34097] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-55e34097] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-55e34097] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-55e34097] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-55e34097] {
    display: flex;
    align-items: center
}

.flex-start[data-v-55e34097] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-55e34097] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-55e34097] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-55e34097] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-55e34097] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-55e34097] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-55e34097] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-55e34097] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-55e34097] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-55e34097] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-55e34097] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-55e34097] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-55e34097] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-55e34097] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-55e34097] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-55e34097] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-55e34097] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-55e34097] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-55e34097] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-55e34097] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-55e34097] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-55e34097] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-55e34097] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-55e34097] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-55e34097],
.mlm-selected-item[data-v-55e34097] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-55e34097] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-55e34097]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-55e34097] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-55e34097] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-55e34097] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.new-skin-symbol .btn-wrap[data-v-55e34097] {
    flex: 0 0 calc(33.333% - (2/3 * .625rem));
    height: 3rem;
    background: var(--ep-color-background-fill-surface-raised-L2);
    border-radius: .375rem;
    line-height: 3rem;
    text-align: center;
    flex-shrink: 0;
    cursor: pointer
}

.new-skin-symbol .btn-wrap .bn-text[data-v-55e34097] {
    display: inline-block;
    line-height: 1.2;
    vertical-align: middle
}

.new-skin-symbol .btn-wrap .bn-text .amount[data-v-55e34097] {
    display: flex;
    align-items: center;
    font-size: var(--ep-font-size-l, 1rem);
    font-weight: var(--ep-font-weight-medium, 500);
    color: var(--ep-color-text-default)
}

.new-skin-symbol .btn-wrap .bn-text .amount img[data-v-55e34097] {
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: .125rem
}

.new-skin-symbol .btn-wrap .bn-text .rate[data-v-55e34097] {
    font-weight: var(--ep-font-weight-regular, 400);
    font-size: var(--ep-font-size-xs, .625rem);
    color: var(--ep-color-text-highlight)
}

.new-skin-symbol .active[data-v-55e34097] {
    border: 1px solid var(--ep-color-border-selected);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 16.59%, var(--ep-color-background-fill-glow-primary-opacity-40, rgba(58, 140, 227, .4)) 110.34%), var(--ep-color-background-fill-surface-raised-L2, #1A1F30)
}

.yellow-dark .btn-wrap[data-v-55e34097],
.green-dark .btn-wrap[data-v-55e34097],
.purple-light .btn-wrap[data-v-55e34097] {
    flex: 0 0 calc(33.333% - (2/3 * .625rem));
    height: 3rem;
    background: var(--color-bg-100);
    border-radius: .375rem;
    line-height: 3rem;
    text-align: center;
    flex-shrink: 0;
    cursor: pointer
}

.yellow-dark .btn-wrap .bn-text[data-v-55e34097],
.green-dark .btn-wrap .bn-text[data-v-55e34097],
.purple-light .btn-wrap .bn-text[data-v-55e34097] {
    display: inline-block;
    line-height: 1.2;
    vertical-align: middle
}

.yellow-dark .btn-wrap .bn-text .amount[data-v-55e34097],
.green-dark .btn-wrap .bn-text .amount[data-v-55e34097],
.purple-light .btn-wrap .bn-text .amount[data-v-55e34097] {
    display: flex;
    align-items: center;
    font-size: var(--ep-font-size-l, 1rem);
    font-weight: var(--ep-font-weight-medium, 500);
    color: var(--color-text-100)
}

.yellow-dark .btn-wrap .bn-text .amount img[data-v-55e34097],
.green-dark .btn-wrap .bn-text .amount img[data-v-55e34097],
.purple-light .btn-wrap .bn-text .amount img[data-v-55e34097] {
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: .125rem
}

.yellow-dark .btn-wrap .bn-text .rate[data-v-55e34097],
.green-dark .btn-wrap .bn-text .rate[data-v-55e34097],
.purple-light .btn-wrap .bn-text .rate[data-v-55e34097] {
    font-weight: var(--ep-font-weight-regular, 400);
    font-size: var(--ep-font-size-xs, .625rem);
    color: var(--color-primary-800)
}

.yellow-dark .active[data-v-55e34097],
.green-dark .active[data-v-55e34097],
.purple-light .active[data-v-55e34097] {
    border: 1px solid var(--color-primary-900);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 16.59%, var(--ep-color-background-fill-glow-primary-opacity-40, rgba(58, 140, 227, .4)) 110.34%), var(--ep-color-background-fill-surface-raised-L2, #1A1F30);
    background: var(--color-btn-bg-active-r)
}

.amber-purple .btn-wrap[data-v-55e34097] {
    flex: 0 0 calc(33.333% - (2/3 * .625rem));
    height: 3rem;
    background: var(--color-bg-100);
    border-radius: .375rem;
    line-height: 3rem;
    text-align: center;
    flex-shrink: 0;
    cursor: pointer
}

.amber-purple .btn-wrap .bn-text[data-v-55e34097] {
    display: inline-block;
    line-height: 1.2;
    vertical-align: middle
}

.amber-purple .btn-wrap .bn-text .amount[data-v-55e34097] {
    display: flex;
    align-items: center;
    font-size: var(--ep-font-size-l, 1rem);
    font-weight: var(--ep-font-weight-medium, 500);
    color: var(--color-text-100)
}

.amber-purple .btn-wrap .bn-text .amount img[data-v-55e34097] {
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: .125rem
}

.amber-purple .btn-wrap .bn-text .rate[data-v-55e34097] {
    font-weight: var(--ep-font-weight-regular, 400);
    font-size: var(--ep-font-size-xs, .625rem);
    color: var(--color-currency)
}

.amber-purple .active[data-v-55e34097] {
    border: 1px solid var(--color-primary-900);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 16.59%, var(--ep-color-background-fill-glow-primary-opacity-40, rgba(58, 140, 227, .4)) 110.34%), var(--ep-color-background-fill-surface-raised-L2, #1A1F30)
}

.amber-purple .btn-wrap[data-v-55e34097] {
    position: relative
}

.amber-purple .btn-wrap .bn-text[data-v-55e34097] {
    position: relative;
    z-index: 3
}

.amber-purple .active[data-v-55e34097] {
    border: none;
    position: relative;
    background: var(--gradients-selectedBorder)
}

.amber-purple .active[data-v-55e34097]:before {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    background: var(--color-bg-100);
    z-index: 1;
    border-radius: inherit
}

.color-primary-600[data-v-9df0dce3] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-9df0dce3] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-9df0dce3] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-9df0dce3] {
    color: var(--color-primary-900)
}

.bg-100[data-v-9df0dce3] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-9df0dce3] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-9df0dce3] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-9df0dce3] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-9df0dce3] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-9df0dce3] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-9df0dce3] {
    background-color: var(--color-warning)
}

.bg-link[data-v-9df0dce3] {
    background-color: var(--color-link)
}

.bg-danger[data-v-9df0dce3] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-9df0dce3] {
    color: var(--color-text-100)
}

.color-text-80[data-v-9df0dce3] {
    color: var(--color-text-80)
}

.color-text-50[data-v-9df0dce3] {
    color: var(--color-text-50)
}

.color-text-40[data-v-9df0dce3] {
    color: var(--color-text-40)
}

.color-text-20[data-v-9df0dce3] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-9df0dce3] {
    color: var(--color-currency)
}

.color-warning[data-v-9df0dce3] {
    color: var(--color-warning)
}

.color-danger[data-v-9df0dce3] {
    color: var(--color-danger)
}

.color-link[data-v-9df0dce3] {
    color: var(--color-link)
}

.color-line[data-v-9df0dce3] {
    color: var(--color-line)
}

.color-border[data-v-9df0dce3] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-9df0dce3] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-9df0dce3] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-9df0dce3] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-9df0dce3] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-9df0dce3] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-9df0dce3] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-9df0dce3] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-9df0dce3] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-9df0dce3] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-9df0dce3] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-9df0dce3] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-9df0dce3] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-9df0dce3] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-9df0dce3] {
    display: flex;
    align-items: center
}

.flex-start[data-v-9df0dce3] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-9df0dce3] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-9df0dce3] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-9df0dce3] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-9df0dce3] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-9df0dce3] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-9df0dce3] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-9df0dce3] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-9df0dce3] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-9df0dce3] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-9df0dce3] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-9df0dce3] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-9df0dce3] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-9df0dce3] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-9df0dce3] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-9df0dce3] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-9df0dce3] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-9df0dce3] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-9df0dce3] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-9df0dce3] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-9df0dce3] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-9df0dce3] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-9df0dce3] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-9df0dce3] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-9df0dce3],
.mlm-selected-item[data-v-9df0dce3] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-9df0dce3] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-9df0dce3]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-9df0dce3] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-9df0dce3] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-9df0dce3] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.badge[data-v-9df0dce3] {
    position: relative;
    overflow: hidden
}

.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
}

.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-200);
    display: flex;
    align-items: center;
    justify-content: center
}

.btn-wrap img[data-v-9df0dce3] {
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: .125rem
}

.btn-wrap .bn-text .amount[data-v-9df0dce3] {
    font-size: 1rem;
    font-weight: var(--font-weight-medium);
    color: var(--color-text-gray-200)
}

.active[data-v-9df0dce3] {
    background: var(--theme-color-gradient-100)
}

.active .bn-text .amount[data-v-9df0dce3] {
    color: var(--color-text-white-100)
}

.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)
}

.amber-purple .badge[data-v-9df0dce3] {
    position: relative;
    overflow: hidden
}

.amber-purple .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
}

.amber-purple .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-100);
    display: flex;
    align-items: center;
    justify-content: center
}

.amber-purple .btn-wrap img[data-v-9df0dce3] {
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: .125rem
}

.amber-purple .btn-wrap .bn-text .amount[data-v-9df0dce3] {
    font-size: 1rem;
    font-weight: var(--font-weight-medium);
    color: var(--text-color-light-purple-1-100)
}

.amber-purple .active[data-v-9df0dce3] {
    background: var(--gradients-selectedBorder)
}

.amber-purple .active .bn-text .amount[data-v-9df0dce3] {
    color: var(--color-text-white-100)
}

.amber-purple .btn-wrap[data-v-9df0dce3] {
    position: relative
}

.amber-purple .btn-wrap .amount[data-v-9df0dce3],
.amber-purple .btn-wrap img[data-v-9df0dce3] {
    position: relative;
    z-index: 3
}

.amber-purple .active[data-v-9df0dce3] {
    border: none;
    position: relative;
    color: var(--color-text-white-100)
}

.amber-purple .active[data-v-9df0dce3]:before {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    background: var(--color-bg-50);
    z-index: 1;
    border-radius: inherit
}

.auroral-yellow .badge[data-v-9df0dce3] {
    position: relative;
    overflow: hidden
}

.auroral-yellow .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
}

.auroral-yellow .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-100);
    display: flex;
    align-items: center;
    justify-content: center
}

.auroral-yellow .btn-wrap img[data-v-9df0dce3] {
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: .125rem
}

.auroral-yellow .btn-wrap .bn-text .amount[data-v-9df0dce3] {
    font-size: 1rem;
    font-weight: var(--font-weight-medium);
    color: var(--color-text-gray-200)
}

.auroral-yellow .active[data-v-9df0dce3] {
    background: var(--color-bg-100)
}

.auroral-yellow .active .bn-text .amount[data-v-9df0dce3] {
    color: var(--color-text-white-100)
}

.auroral-yellow .active[data-v-9df0dce3] {
    border: 1px solid var(--theme-color-600)
}

.forest-green .badge[data-v-9df0dce3],
.green-default .badge[data-v-9df0dce3] {
    position: relative;
    overflow: hidden
}

.forest-green .badge[data-v-9df0dce3]:after,
.green-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
}

.forest-green .btn-wrap[data-v-9df0dce3],
.green-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-100);
    display: flex;
    align-items: center;
    justify-content: center
}

.forest-green .btn-wrap img[data-v-9df0dce3],
.green-default .btn-wrap img[data-v-9df0dce3] {
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: .125rem
}

.forest-green .btn-wrap .bn-text .amount[data-v-9df0dce3],
.green-default .btn-wrap .bn-text .amount[data-v-9df0dce3] {
    font-size: 1rem;
    font-weight: var(--font-weight-medium);
    color: var(--color-text-gray-200)
}

.forest-green .active[data-v-9df0dce3],
.green-default .active[data-v-9df0dce3] {
    background: var(--theme-color-gradient-100)
}

.forest-green .active .bn-text .amount[data-v-9df0dce3],
.green-default .active .bn-text .amount[data-v-9df0dce3] {
    color: var(--color-text-white-100)
}

.color-primary-600[data-v-daf08b69] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-daf08b69] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-daf08b69] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-daf08b69] {
    color: var(--color-primary-900)
}

.bg-100[data-v-daf08b69] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-daf08b69] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-daf08b69] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-daf08b69] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-daf08b69] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-daf08b69] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-daf08b69] {
    background-color: var(--color-warning)
}

.bg-link[data-v-daf08b69] {
    background-color: var(--color-link)
}

.bg-danger[data-v-daf08b69] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-daf08b69] {
    color: var(--color-text-100)
}

.color-text-80[data-v-daf08b69] {
    color: var(--color-text-80)
}

.color-text-50[data-v-daf08b69] {
    color: var(--color-text-50)
}

.color-text-40[data-v-daf08b69] {
    color: var(--color-text-40)
}

.color-text-20[data-v-daf08b69] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-daf08b69] {
    color: var(--color-currency)
}

.color-warning[data-v-daf08b69] {
    color: var(--color-warning)
}

.color-danger[data-v-daf08b69] {
    color: var(--color-danger)
}

.color-link[data-v-daf08b69] {
    color: var(--color-link)
}

.color-line[data-v-daf08b69] {
    color: var(--color-line)
}

.color-border[data-v-daf08b69] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-daf08b69] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-daf08b69] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-daf08b69] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-daf08b69] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-daf08b69] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-daf08b69] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-daf08b69] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-daf08b69] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-daf08b69] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-daf08b69] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-daf08b69] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-daf08b69] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-daf08b69] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-daf08b69] {
    display: flex;
    align-items: center
}

.flex-start[data-v-daf08b69] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-daf08b69] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-daf08b69] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-daf08b69] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-daf08b69] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-daf08b69] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-daf08b69] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-daf08b69] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-daf08b69] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-daf08b69] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-daf08b69] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-daf08b69] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-daf08b69] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-daf08b69] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-daf08b69] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-daf08b69] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-daf08b69] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-daf08b69] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-daf08b69] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-daf08b69] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-daf08b69] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-daf08b69] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-daf08b69] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-daf08b69] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-daf08b69],
.mlm-selected-item[data-v-daf08b69] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-daf08b69] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-daf08b69]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-daf08b69] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-daf08b69] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-daf08b69] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.first-btn-list-wrap[data-v-daf08b69] {
    width: 100%;
    box-sizing: border-box;
    flex-wrap: wrap;
    align-content: space-between;
    gap: .625rem;
    margin-bottom: .625rem
}

.default-btn-list-wrap[data-v-daf08b69] {
    width: 100%;
    flex-wrap: wrap;
    align-content: space-between;
    gap: .625rem;
    margin-bottom: .625rem
}

.placeholder-btn[data-v-daf08b69] {
    flex: 0 0 calc(33.333% - (2/3 * .625rem))
}

.color-primary-600[data-v-d19253f8] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-d19253f8] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-d19253f8] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-d19253f8] {
    color: var(--color-primary-900)
}

.bg-100[data-v-d19253f8] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-d19253f8] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-d19253f8] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-d19253f8] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-d19253f8] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-d19253f8] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-d19253f8] {
    background-color: var(--color-warning)
}

.bg-link[data-v-d19253f8] {
    background-color: var(--color-link)
}

.bg-danger[data-v-d19253f8] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-d19253f8] {
    color: var(--color-text-100)
}

.color-text-80[data-v-d19253f8] {
    color: var(--color-text-80)
}

.color-text-50[data-v-d19253f8] {
    color: var(--color-text-50)
}

.color-text-40[data-v-d19253f8] {
    color: var(--color-text-40)
}

.color-text-20[data-v-d19253f8] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-d19253f8] {
    color: var(--color-currency)
}

.color-warning[data-v-d19253f8] {
    color: var(--color-warning)
}

.color-danger[data-v-d19253f8] {
    color: var(--color-danger)
}

.color-link[data-v-d19253f8] {
    color: var(--color-link)
}

.color-line[data-v-d19253f8] {
    color: var(--color-line)
}

.color-border[data-v-d19253f8] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-d19253f8] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-d19253f8] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-d19253f8] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-d19253f8] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-d19253f8] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-d19253f8] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-d19253f8] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-d19253f8] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-d19253f8] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-d19253f8] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-d19253f8] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-d19253f8] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-d19253f8] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-d19253f8] {
    display: flex;
    align-items: center
}

.flex-start[data-v-d19253f8] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-d19253f8] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-d19253f8] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-d19253f8] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-d19253f8] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-d19253f8] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-d19253f8] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-d19253f8] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-d19253f8] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-d19253f8] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-d19253f8] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-d19253f8] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-d19253f8] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-d19253f8] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-d19253f8] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-d19253f8] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-d19253f8] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-d19253f8] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-d19253f8] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-d19253f8] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-d19253f8] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-d19253f8] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-d19253f8] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-d19253f8] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-d19253f8],
.mlm-selected-item[data-v-d19253f8] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-d19253f8] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-d19253f8]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-d19253f8] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-d19253f8] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-d19253f8] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.ellipsis-wrap[data-v-d19253f8] {
    width: 100%;
    font-size: .75rem;
    line-height: 1.125rem;
    min-height: 1.125rem;
    align-items: flex-start !important
}

.ellipsis-wrap .ellipsis[data-v-d19253f8] {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.ellipsis-wrap p[data-v-d19253f8] {
    width: 95%
}

.ellipsis-wrap ion-icon[data-v-d19253f8] {
    cursor: pointer;
    font-size: var(--font-size-12)
}

.color-primary-600[data-v-e1a1602a] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-e1a1602a] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-e1a1602a] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-e1a1602a] {
    color: var(--color-primary-900)
}

.bg-100[data-v-e1a1602a] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-e1a1602a] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-e1a1602a] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-e1a1602a] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-e1a1602a] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-e1a1602a] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-e1a1602a] {
    background-color: var(--color-warning)
}

.bg-link[data-v-e1a1602a] {
    background-color: var(--color-link)
}

.bg-danger[data-v-e1a1602a] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-e1a1602a] {
    color: var(--color-text-100)
}

.color-text-80[data-v-e1a1602a] {
    color: var(--color-text-80)
}

.color-text-50[data-v-e1a1602a] {
    color: var(--color-text-50)
}

.color-text-40[data-v-e1a1602a] {
    color: var(--color-text-40)
}

.color-text-20[data-v-e1a1602a] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-e1a1602a] {
    color: var(--color-currency)
}

.color-warning[data-v-e1a1602a] {
    color: var(--color-warning)
}

.color-danger[data-v-e1a1602a] {
    color: var(--color-danger)
}

.color-link[data-v-e1a1602a] {
    color: var(--color-link)
}

.color-line[data-v-e1a1602a] {
    color: var(--color-line)
}

.color-border[data-v-e1a1602a] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-e1a1602a] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-e1a1602a] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-e1a1602a] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-e1a1602a] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-e1a1602a] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-e1a1602a] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-e1a1602a] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-e1a1602a] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-e1a1602a] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-e1a1602a] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-e1a1602a] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-e1a1602a] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-e1a1602a] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-e1a1602a] {
    display: flex;
    align-items: center
}

.flex-start[data-v-e1a1602a] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-e1a1602a] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-e1a1602a] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-e1a1602a] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-e1a1602a] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-e1a1602a] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-e1a1602a] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-e1a1602a] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-e1a1602a] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-e1a1602a] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-e1a1602a] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-e1a1602a] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-e1a1602a] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-e1a1602a] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-e1a1602a] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-e1a1602a] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-e1a1602a] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-e1a1602a] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-e1a1602a] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-e1a1602a] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-e1a1602a] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-e1a1602a] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-e1a1602a] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-e1a1602a] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-e1a1602a],
.mlm-selected-item[data-v-e1a1602a] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-e1a1602a] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-e1a1602a]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-e1a1602a] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-e1a1602a] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-e1a1602a] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.green-dark .tip-wrap[data-v-e1a1602a],
.yellow-dark .tip-wrap[data-v-e1a1602a] {
    background-color: var(--color-bg-300);
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    font-weight: var(--font-weight-regular);
    line-height: 1.125rem;
    align-items: flex-start !important;
    overflow: hidden
}

.green-dark .tip-wrap ion-icon[data-v-e1a1602a],
.yellow-dark .tip-wrap ion-icon[data-v-e1a1602a] {
    color: var(--color-text-40);
    font-size: var(--font-size-14);
    font-weight: var(--font-weight-regular)
}

.green-dark .tip-wrap .platform[data-v-e1a1602a],
.yellow-dark .tip-wrap .platform[data-v-e1a1602a] {
    width: 22.125rem
}

.green-dark .wallet-wrap .tip-wrap[data-v-e1a1602a],
.yellow-dark .wallet-wrap .tip-wrap[data-v-e1a1602a] {
    background-color: var(--color-bg-300);
    color: var(--accent-color-red);
    font-size: var(--font-size-12);
    font-weight: var(--font-weight-regular);
    line-height: 1.125rem;
    align-items: flex-start !important;
    overflow: hidden
}

.green-dark .wallet-wrap .tip-wrap ion-icon[data-v-e1a1602a],
.yellow-dark .wallet-wrap .tip-wrap ion-icon[data-v-e1a1602a] {
    color: var(--accent-color-red);
    font-size: var(--font-size-14);
    font-weight: var(--font-weight-regular)
}

.green-dark .wallet-wrap .tip-wrap .platform[data-v-e1a1602a],
.yellow-dark .wallet-wrap .tip-wrap .platform[data-v-e1a1602a] {
    width: 22.125rem
}

.purple-light .tip-wrap[data-v-e1a1602a] {
    background-color: var(--color-bg-300);
    color: var(--color-text-80);
    font-size: var(--font-size-12);
    font-weight: var(--font-weight-regular);
    line-height: 1.125rem;
    align-items: flex-start !important;
    overflow: hidden
}

.purple-light .tip-wrap ion-icon[data-v-e1a1602a] {
    color: var(--color-text-80);
    font-size: var(--font-size-14);
    font-weight: var(--font-weight-regular)
}

.purple-light .tip-wrap .platform[data-v-e1a1602a] {
    width: 22.125rem
}

.purple-light .wallet-wrap .tip-wrap[data-v-e1a1602a] {
    background-color: var(--color-bg-300);
    color: var(--accent-color-red);
    font-size: var(--font-size-12);
    font-weight: var(--font-weight-regular);
    line-height: 1.125rem;
    align-items: flex-start !important;
    overflow: hidden
}

.purple-light .wallet-wrap .tip-wrap ion-icon[data-v-e1a1602a] {
    color: var(--accent-color-red);
    font-size: var(--font-size-14);
    font-weight: var(--font-weight-regular)
}

.purple-light .wallet-wrap .tip-wrap .platform[data-v-e1a1602a] {
    width: 22.125rem
}

.amber-purple .tip-wrap[data-v-e1a1602a] {
    background-color: var(--color-bg-300);
    color: var(--text-color-light-purple-1-100);
    font-size: var(--font-size-12);
    font-weight: var(--font-weight-regular);
    line-height: 1.125rem;
    align-items: flex-start !important;
    overflow: hidden
}

.amber-purple .tip-wrap ion-icon[data-v-e1a1602a] {
    color: var(--text-color-light-purple-1-100);
    font-size: var(--font-size-14);
    font-weight: var(--font-weight-regular)
}

.amber-purple .tip-wrap .platform[data-v-e1a1602a] {
    width: 22.125rem
}

.amber-purple .wallet-wrap .tip-wrap[data-v-e1a1602a] {
    background-color: var(--color-bg-300);
    color: var(--accent-color-red);
    font-size: var(--font-size-12);
    font-weight: var(--font-weight-regular);
    line-height: 1.125rem;
    align-items: flex-start !important;
    overflow: hidden
}

.amber-purple .wallet-wrap .tip-wrap ion-icon[data-v-e1a1602a] {
    color: var(--accent-color-red);
    font-size: var(--font-size-14);
    font-weight: var(--font-weight-regular)
}

.amber-purple .wallet-wrap .tip-wrap .platform[data-v-e1a1602a] {
    width: 22.125rem
}

.new-skin-symbol .tip-wrap[data-v-e1a1602a] {
    font-size: var(--ep-font-size-s, .75rem);
    color: var(--ep-color-text-info);
    box-sizing: border-box;
    line-height: 1.125rem;
    align-items: flex-start !important;
    overflow: hidden
}

.new-skin-symbol .tip-wrap ion-icon[data-v-e1a1602a] {
    font-size: var(--ep-font-size-m, .875rem);
    color: var(--ep-color-icon-info);
    font-weight: var(--ep-font-weight-bold, 700)
}

.new-skin-symbol .tip-wrap .platform[data-v-e1a1602a] {
    width: 22.125rem
}

.color-primary-600[data-v-dc68ab55] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-dc68ab55] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-dc68ab55] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-dc68ab55] {
    color: var(--color-primary-900)
}

.bg-100[data-v-dc68ab55] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-dc68ab55] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-dc68ab55] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-dc68ab55] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-dc68ab55] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-dc68ab55] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-dc68ab55] {
    background-color: var(--color-warning)
}

.bg-link[data-v-dc68ab55] {
    background-color: var(--color-link)
}

.bg-danger[data-v-dc68ab55] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-dc68ab55] {
    color: var(--color-text-100)
}

.color-text-80[data-v-dc68ab55] {
    color: var(--color-text-80)
}

.color-text-50[data-v-dc68ab55] {
    color: var(--color-text-50)
}

.color-text-40[data-v-dc68ab55] {
    color: var(--color-text-40)
}

.color-text-20[data-v-dc68ab55] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-dc68ab55] {
    color: var(--color-currency)
}

.color-warning[data-v-dc68ab55] {
    color: var(--color-warning)
}

.color-danger[data-v-dc68ab55] {
    color: var(--color-danger)
}

.color-link[data-v-dc68ab55] {
    color: var(--color-link)
}

.color-line[data-v-dc68ab55] {
    color: var(--color-line)
}

.color-border[data-v-dc68ab55] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-dc68ab55] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-dc68ab55] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-dc68ab55] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-dc68ab55] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-dc68ab55] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-dc68ab55] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-dc68ab55] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-dc68ab55] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-dc68ab55] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-dc68ab55] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-dc68ab55] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-dc68ab55] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-dc68ab55] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-dc68ab55] {
    display: flex;
    align-items: center
}

.flex-start[data-v-dc68ab55] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-dc68ab55] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-dc68ab55] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-dc68ab55] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-dc68ab55] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-dc68ab55] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-dc68ab55] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-dc68ab55] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-dc68ab55] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-dc68ab55] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-dc68ab55] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-dc68ab55] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-dc68ab55] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-dc68ab55] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-dc68ab55] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-dc68ab55] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-dc68ab55] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-dc68ab55] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-dc68ab55] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-dc68ab55] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-dc68ab55] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-dc68ab55] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-dc68ab55] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-dc68ab55] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-dc68ab55],
.mlm-selected-item[data-v-dc68ab55] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-dc68ab55] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-dc68ab55]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-dc68ab55] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-dc68ab55] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-dc68ab55] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.new-skin-symbol .bank-area .title[data-v-dc68ab55] {
    font-size: var(--ep-font-size-s, .75rem);
    color: var(--ep-color-text-default);
    font-weight: var(--ep-font-weight-bold, 700);
    margin: 0 0 .625rem .75rem;
    line-height: 1.125rem
}

.new-skin-symbol .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
}

.new-skin-symbol .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(--ep-color-background-fill-surface-raised-L1);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: var(--ep-color-text-weaker);
    padding: .375rem .5rem;
    box-sizing: border-box;
    font-size: var(--ep-font-size-m, .75rem);
    cursor: pointer
}

.new-skin-symbol .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
}

.new-skin-symbol .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
}

.new-skin-symbol .bank-area .bank-list-wrap .active[data-v-dc68ab55] {
    border: 1px solid var(--ep-color-text-selected);
    color: var(--ep-color-text-default);
    background: var(--ep-dynamic-secondary);
    position: relative
}

.new-skin-symbol .bank-area .bank-list-wrap .active .ok-icon[data-v-dc68ab55] {
    color: var(--ep-color-icon-selected);
    position: absolute;
    right: .25rem;
    bottom: .25rem;
    font-size: var(--ep-font-size-l, .875rem)
}

.green-dark .bank-area .title[data-v-dc68ab55],
.yellow-dark .bank-area .title[data-v-dc68ab55],
.forest-green .bank-area .title[data-v-dc68ab55],
.purple-light .bank-area .title[data-v-dc68ab55],
.auroral-yellow .bank-area .title[data-v-dc68ab55],
.green-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
}

.green-dark .bank-area .bank-list-wrap[data-v-dc68ab55],
.yellow-dark .bank-area .bank-list-wrap[data-v-dc68ab55],
.forest-green .bank-area .bank-list-wrap[data-v-dc68ab55],
.purple-light .bank-area .bank-list-wrap[data-v-dc68ab55],
.auroral-yellow .bank-area .bank-list-wrap[data-v-dc68ab55],
.green-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
}

.green-dark .bank-area .bank-list-wrap .bank-item[data-v-dc68ab55],
.yellow-dark .bank-area .bank-list-wrap .bank-item[data-v-dc68ab55],
.forest-green .bank-area .bank-list-wrap .bank-item[data-v-dc68ab55],
.purple-light .bank-area .bank-list-wrap .bank-item[data-v-dc68ab55],
.auroral-yellow .bank-area .bank-list-wrap .bank-item[data-v-dc68ab55],
.green-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
}

.green-dark .bank-area .bank-list-wrap .bank-item .bank-logo[data-v-dc68ab55],
.yellow-dark .bank-area .bank-list-wrap .bank-item .bank-logo[data-v-dc68ab55],
.forest-green .bank-area .bank-list-wrap .bank-item .bank-logo[data-v-dc68ab55],
.purple-light .bank-area .bank-list-wrap .bank-item .bank-logo[data-v-dc68ab55],
.auroral-yellow .bank-area .bank-list-wrap .bank-item .bank-logo[data-v-dc68ab55],
.green-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
}

.green-dark .bank-area .bank-list-wrap .bank-item .bank-name[data-v-dc68ab55],
.yellow-dark .bank-area .bank-list-wrap .bank-item .bank-name[data-v-dc68ab55],
.forest-green .bank-area .bank-list-wrap .bank-item .bank-name[data-v-dc68ab55],
.purple-light .bank-area .bank-list-wrap .bank-item .bank-name[data-v-dc68ab55],
.auroral-yellow .bank-area .bank-list-wrap .bank-item .bank-name[data-v-dc68ab55],
.green-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
}

.green-dark .bank-area .bank-list-wrap .active[data-v-dc68ab55],
.yellow-dark .bank-area .bank-list-wrap .active[data-v-dc68ab55],
.forest-green .bank-area .bank-list-wrap .active[data-v-dc68ab55],
.purple-light .bank-area .bank-list-wrap .active[data-v-dc68ab55],
.auroral-yellow .bank-area .bank-list-wrap .active[data-v-dc68ab55],
.green-default .bank-area .bank-list-wrap .active[data-v-dc68ab55] {
    border: 1px solid var(--theme-color-800);
    color: var(--color-text-100);
    background: var(--color-btn-bg-active-r);
    position: relative
}

.green-dark .bank-area .bank-list-wrap .active .ok-icon[data-v-dc68ab55],
.yellow-dark .bank-area .bank-list-wrap .active .ok-icon[data-v-dc68ab55],
.forest-green .bank-area .bank-list-wrap .active .ok-icon[data-v-dc68ab55],
.purple-light .bank-area .bank-list-wrap .active .ok-icon[data-v-dc68ab55],
.auroral-yellow .bank-area .bank-list-wrap .active .ok-icon[data-v-dc68ab55],
.green-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 .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)
}

.amber-purple .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
}

.amber-purple .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
}

.amber-purple .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
}

.amber-purple .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
}

.amber-purple .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
}

.amber-purple .bank-area .bank-list-wrap .active[data-v-dc68ab55] {
    border: 1px solid var(--color-line);
    color: var(--color-text-100);
    background: var(--color-btn-bg-active-r);
    position: relative
}

.amber-purple .bank-area .bank-list-wrap .active .ok-icon[data-v-dc68ab55] {
    color: var(--color-text-gray-100);
    position: absolute;
    right: .25rem;
    bottom: .25rem;
    font-size: var(--ep-font-size-l, .875rem)
}

.color-primary-600[data-v-5dc5d922] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-5dc5d922] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-5dc5d922] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-5dc5d922] {
    color: var(--color-primary-900)
}

.bg-100[data-v-5dc5d922] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-5dc5d922] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-5dc5d922] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-5dc5d922] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-5dc5d922] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-5dc5d922] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-5dc5d922] {
    background-color: var(--color-warning)
}

.bg-link[data-v-5dc5d922] {
    background-color: var(--color-link)
}

.bg-danger[data-v-5dc5d922] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-5dc5d922] {
    color: var(--color-text-100)
}

.color-text-80[data-v-5dc5d922] {
    color: var(--color-text-80)
}

.color-text-50[data-v-5dc5d922] {
    color: var(--color-text-50)
}

.color-text-40[data-v-5dc5d922] {
    color: var(--color-text-40)
}

.color-text-20[data-v-5dc5d922] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-5dc5d922] {
    color: var(--color-currency)
}

.color-warning[data-v-5dc5d922] {
    color: var(--color-warning)
}

.color-danger[data-v-5dc5d922] {
    color: var(--color-danger)
}

.color-link[data-v-5dc5d922] {
    color: var(--color-link)
}

.color-line[data-v-5dc5d922] {
    color: var(--color-line)
}

.color-border[data-v-5dc5d922] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-5dc5d922] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-5dc5d922] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-5dc5d922] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-5dc5d922] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-5dc5d922] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-5dc5d922] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-5dc5d922] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-5dc5d922] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-5dc5d922] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-5dc5d922] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-5dc5d922] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-5dc5d922] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-5dc5d922] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-5dc5d922] {
    display: flex;
    align-items: center
}

.flex-start[data-v-5dc5d922] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-5dc5d922] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-5dc5d922] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-5dc5d922] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-5dc5d922] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-5dc5d922] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-5dc5d922] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-5dc5d922] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-5dc5d922] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-5dc5d922] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-5dc5d922] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-5dc5d922] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-5dc5d922] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-5dc5d922] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-5dc5d922] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-5dc5d922] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-5dc5d922] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-5dc5d922] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-5dc5d922] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-5dc5d922] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-5dc5d922] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-5dc5d922] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-5dc5d922] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-5dc5d922] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-5dc5d922],
.mlm-selected-item[data-v-5dc5d922] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-5dc5d922] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-5dc5d922]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-5dc5d922] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-5dc5d922] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-5dc5d922] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

[data-v-5dc5d922]::-webkit-scrollbar {
    display: none !important;
    width: 0px;
    height: 0px
}

.sub-tab-wrap[data-v-5dc5d922] {
    width: 22.875rem;
    margin: 0 auto
}

.color-primary-600[data-v-2b36645b] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-2b36645b] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-2b36645b] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-2b36645b] {
    color: var(--color-primary-900)
}

.bg-100[data-v-2b36645b] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-2b36645b] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-2b36645b] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-2b36645b] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-2b36645b] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-2b36645b] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-2b36645b] {
    background-color: var(--color-warning)
}

.bg-link[data-v-2b36645b] {
    background-color: var(--color-link)
}

.bg-danger[data-v-2b36645b] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-2b36645b] {
    color: var(--color-text-100)
}

.color-text-80[data-v-2b36645b] {
    color: var(--color-text-80)
}

.color-text-50[data-v-2b36645b] {
    color: var(--color-text-50)
}

.color-text-40[data-v-2b36645b] {
    color: var(--color-text-40)
}

.color-text-20[data-v-2b36645b] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-2b36645b] {
    color: var(--color-currency)
}

.color-warning[data-v-2b36645b] {
    color: var(--color-warning)
}

.color-danger[data-v-2b36645b] {
    color: var(--color-danger)
}

.color-link[data-v-2b36645b] {
    color: var(--color-link)
}

.color-line[data-v-2b36645b] {
    color: var(--color-line)
}

.color-border[data-v-2b36645b] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-2b36645b] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-2b36645b] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-2b36645b] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-2b36645b] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-2b36645b] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-2b36645b] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-2b36645b] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-2b36645b] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-2b36645b] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-2b36645b] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-2b36645b] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-2b36645b] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-2b36645b] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-2b36645b] {
    display: flex;
    align-items: center
}

.flex-start[data-v-2b36645b] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-2b36645b] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-2b36645b] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-2b36645b] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-2b36645b] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-2b36645b] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-2b36645b] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-2b36645b] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-2b36645b] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-2b36645b] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-2b36645b] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-2b36645b] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-2b36645b] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-2b36645b] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-2b36645b] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-2b36645b] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-2b36645b] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-2b36645b] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-2b36645b] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-2b36645b] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-2b36645b] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-2b36645b] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-2b36645b] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-2b36645b] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-2b36645b],
.mlm-selected-item[data-v-2b36645b] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-2b36645b] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-2b36645b]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-2b36645b] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-2b36645b] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-2b36645b] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.amount-input-wrap[data-v-2b36645b] {
    width: 100%;
    padding: 0 .75rem;
    box-sizing: border-box;
    margin: .5rem 0 .75rem;
    align-items: flex-end
}

.amount-input-wrap .input-area[data-v-2b36645b] {
    width: 100%
}

.amount-input-wrap .input-area .input-comp[data-v-2b36645b] {
    background: var(--color-bg-400)
}

.amount-input-wrap .text-area[data-v-2b36645b] {
    margin-bottom: 6px
}

.amount-input-wrap .text-area .title[data-v-2b36645b] {
    color: var(--color-text-100);
    font-size: var(--font-size-12);
    font-weight: var(--font-weight-bold);
    line-height: 1.125rem;
    margin-right: .1875rem;
    margin: .375rem 0
}

.amount-input-wrap.amber-purple .text-area .title[data-v-2b36645b] {
    color: var(--text-color-light-purple-1-100)
}

.amount-input-wrap.amber-purple .left-area .title[data-v-2b36645b] {
    max-width: 7.0625rem;
    white-space: nowrap
}

.new-skin-symbol .amount-input-wrap[data-v-2b36645b] {
    width: 100%;
    padding: 0 .75rem;
    box-sizing: border-box;
    margin: .5rem 0 .75rem;
    align-items: flex-end
}

.new-skin-symbol .amount-input-wrap .input-area .right-area[data-v-2b36645b] {
    width: 15rem;
    background: var(--ep-color-background-fill-surface-lowered)
}

.new-skin-symbol .amount-input-wrap .input-area .input-comp[data-v-2b36645b] {
    background: var(--ep-color-background-fill-surface-lowered)
}

.new-skin-symbol .amount-input-wrap .text-area[data-v-2b36645b] {
    margin-bottom: 6px
}

.new-skin-symbol .amount-input-wrap .text-area .title[data-v-2b36645b] {
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-bold, 700);
    color: var(--ep-color-text-default);
    line-height: 1.125rem;
    margin-right: .1875rem;
    margin: .375rem 0
}

.color-primary-600[data-v-af7dcca7] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-af7dcca7] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-af7dcca7] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-af7dcca7] {
    color: var(--color-primary-900)
}

.bg-100[data-v-af7dcca7] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-af7dcca7] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-af7dcca7] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-af7dcca7] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-af7dcca7] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-af7dcca7] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-af7dcca7] {
    background-color: var(--color-warning)
}

.bg-link[data-v-af7dcca7] {
    background-color: var(--color-link)
}

.bg-danger[data-v-af7dcca7] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-af7dcca7] {
    color: var(--color-text-100)
}

.color-text-80[data-v-af7dcca7] {
    color: var(--color-text-80)
}

.color-text-50[data-v-af7dcca7] {
    color: var(--color-text-50)
}

.color-text-40[data-v-af7dcca7] {
    color: var(--color-text-40)
}

.color-text-20[data-v-af7dcca7] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-af7dcca7] {
    color: var(--color-currency)
}

.color-warning[data-v-af7dcca7] {
    color: var(--color-warning)
}

.color-danger[data-v-af7dcca7] {
    color: var(--color-danger)
}

.color-link[data-v-af7dcca7] {
    color: var(--color-link)
}

.color-line[data-v-af7dcca7] {
    color: var(--color-line)
}

.color-border[data-v-af7dcca7] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-af7dcca7] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-af7dcca7] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-af7dcca7] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-af7dcca7] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-af7dcca7] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-af7dcca7] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-af7dcca7] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-af7dcca7] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-af7dcca7] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-af7dcca7] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-af7dcca7] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-af7dcca7] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-af7dcca7] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-af7dcca7] {
    display: flex;
    align-items: center
}

.flex-start[data-v-af7dcca7] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-af7dcca7] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-af7dcca7] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-af7dcca7] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-af7dcca7] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-af7dcca7] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-af7dcca7] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-af7dcca7] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-af7dcca7] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-af7dcca7] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-af7dcca7] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-af7dcca7] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-af7dcca7] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-af7dcca7] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-af7dcca7] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-af7dcca7] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-af7dcca7] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-af7dcca7] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-af7dcca7] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-af7dcca7] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-af7dcca7] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-af7dcca7] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-af7dcca7] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-af7dcca7] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-af7dcca7],
.mlm-selected-item[data-v-af7dcca7] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-af7dcca7] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-af7dcca7]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-af7dcca7] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-af7dcca7] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-af7dcca7] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.AmountBtnList-wrap[data-v-af7dcca7] {
    width: 23.125rem;
    margin: .625rem auto 0
}

.color-primary-600[data-v-93b09c82] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-93b09c82] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-93b09c82] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-93b09c82] {
    color: var(--color-primary-900)
}

.bg-100[data-v-93b09c82] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-93b09c82] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-93b09c82] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-93b09c82] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-93b09c82] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-93b09c82] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-93b09c82] {
    background-color: var(--color-warning)
}

.bg-link[data-v-93b09c82] {
    background-color: var(--color-link)
}

.bg-danger[data-v-93b09c82] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-93b09c82] {
    color: var(--color-text-100)
}

.color-text-80[data-v-93b09c82] {
    color: var(--color-text-80)
}

.color-text-50[data-v-93b09c82] {
    color: var(--color-text-50)
}

.color-text-40[data-v-93b09c82] {
    color: var(--color-text-40)
}

.color-text-20[data-v-93b09c82] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-93b09c82] {
    color: var(--color-currency)
}

.color-warning[data-v-93b09c82] {
    color: var(--color-warning)
}

.color-danger[data-v-93b09c82] {
    color: var(--color-danger)
}

.color-link[data-v-93b09c82] {
    color: var(--color-link)
}

.color-line[data-v-93b09c82] {
    color: var(--color-line)
}

.color-border[data-v-93b09c82] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-93b09c82] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-93b09c82] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-93b09c82] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-93b09c82] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-93b09c82] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-93b09c82] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-93b09c82] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-93b09c82] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-93b09c82] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-93b09c82] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-93b09c82] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-93b09c82] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-93b09c82] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-93b09c82] {
    display: flex;
    align-items: center
}

.flex-start[data-v-93b09c82] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-93b09c82] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-93b09c82] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-93b09c82] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-93b09c82] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-93b09c82] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-93b09c82] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-93b09c82] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-93b09c82] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-93b09c82] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-93b09c82] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-93b09c82] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-93b09c82] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-93b09c82] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-93b09c82] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-93b09c82] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-93b09c82] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-93b09c82] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-93b09c82] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-93b09c82] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-93b09c82] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-93b09c82] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-93b09c82] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-93b09c82] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-93b09c82],
.mlm-selected-item[data-v-93b09c82] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-93b09c82] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-93b09c82]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-93b09c82] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-93b09c82] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-93b09c82] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.pay-channe[data-v-93b09c82] {
    margin-top: .75rem
}

[data-v-93b09c82]::-webkit-scrollbar {
    display: none !important;
    width: 0px;
    height: 0px
}

.AmountBtnList-wrap[data-v-93b09c82] {
    width: 23.125rem;
    margin: .625rem auto 0
}

.color-primary-600[data-v-8426128c] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-8426128c] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-8426128c] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-8426128c] {
    color: var(--color-primary-900)
}

.bg-100[data-v-8426128c] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-8426128c] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-8426128c] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-8426128c] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-8426128c] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-8426128c] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-8426128c] {
    background-color: var(--color-warning)
}

.bg-link[data-v-8426128c] {
    background-color: var(--color-link)
}

.bg-danger[data-v-8426128c] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-8426128c] {
    color: var(--color-text-100)
}

.color-text-80[data-v-8426128c] {
    color: var(--color-text-80)
}

.color-text-50[data-v-8426128c] {
    color: var(--color-text-50)
}

.color-text-40[data-v-8426128c] {
    color: var(--color-text-40)
}

.color-text-20[data-v-8426128c] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-8426128c] {
    color: var(--color-currency)
}

.color-warning[data-v-8426128c] {
    color: var(--color-warning)
}

.color-danger[data-v-8426128c] {
    color: var(--color-danger)
}

.color-link[data-v-8426128c] {
    color: var(--color-link)
}

.color-line[data-v-8426128c] {
    color: var(--color-line)
}

.color-border[data-v-8426128c] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-8426128c] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-8426128c] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-8426128c] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-8426128c] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-8426128c] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-8426128c] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-8426128c] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-8426128c] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-8426128c] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-8426128c] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-8426128c] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-8426128c] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-8426128c] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-8426128c] {
    display: flex;
    align-items: center
}

.flex-start[data-v-8426128c] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-8426128c] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-8426128c] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-8426128c] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-8426128c] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-8426128c] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-8426128c] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-8426128c] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-8426128c] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-8426128c] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-8426128c] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-8426128c] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-8426128c] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-8426128c] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-8426128c] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-8426128c] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-8426128c] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-8426128c] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-8426128c] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-8426128c] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-8426128c] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-8426128c] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-8426128c] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-8426128c] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-8426128c],
.mlm-selected-item[data-v-8426128c] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-8426128c] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-8426128c]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-8426128c] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-8426128c] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-8426128c] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.tips[data-v-8426128c] {
    line-height: 1.375rem;
    font-size: .75rem;
    margin-top: .5625rem;
    color: var(--color-text-white-100)
}

.tips .alert[data-v-8426128c] {
    font-size: 1.375rem;
    vertical-align: middle
}

.label[data-v-8426128c] {
    margin-top: .5625rem;
    color: var(--color-text-white-100)
}

.green-default .tips[data-v-8426128c],
.green-v01 .tips[data-v-8426128c],
.green-v02 .tips[data-v-8426128c],
.forest-green .tips[data-v-8426128c] {
    line-height: 1.375rem;
    font-size: .75rem;
    margin-top: .5625rem;
    color: var(--color-text-gray-100)
}

.green-default .tips .alert[data-v-8426128c],
.green-v01 .tips .alert[data-v-8426128c],
.green-v02 .tips .alert[data-v-8426128c],
.forest-green .tips .alert[data-v-8426128c] {
    font-size: 1.375rem;
    vertical-align: middle
}

.green-default .label[data-v-8426128c],
.green-v01 .label[data-v-8426128c],
.green-v02 .label[data-v-8426128c],
.forest-green .label[data-v-8426128c] {
    margin-top: .5625rem;
    color: var(--color-text-gray-100)
}

.amber-purple .tips[data-v-8426128c] {
    line-height: 1.375rem;
    font-size: .75rem;
    margin-top: .5625rem;
    color: var(--text-color-light-purple-1-100)
}

.amber-purple .tips .alert[data-v-8426128c] {
    font-size: 1.375rem;
    vertical-align: middle
}

.amber-purple .label[data-v-8426128c] {
    margin-top: .5625rem;
    color: var(--text-color-light-purple-1-100)
}

.auroral-yellow .tips[data-v-8426128c] {
    line-height: 1.375rem;
    font-size: .75rem;
    margin-top: .5625rem;
    color: var(--color-text-gray-200)
}

.auroral-yellow .tips .alert[data-v-8426128c] {
    font-size: 1.375rem;
    vertical-align: middle
}

.auroral-yellow .label[data-v-8426128c] {
    margin-top: .5625rem;
    color: var(--color-text-gray-200)
}

.color-primary-600[data-v-bbf16719] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-bbf16719] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-bbf16719] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-bbf16719] {
    color: var(--color-primary-900)
}

.bg-100[data-v-bbf16719] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-bbf16719] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-bbf16719] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-bbf16719] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-bbf16719] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-bbf16719] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-bbf16719] {
    background-color: var(--color-warning)
}

.bg-link[data-v-bbf16719] {
    background-color: var(--color-link)
}

.bg-danger[data-v-bbf16719] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-bbf16719] {
    color: var(--color-text-100)
}

.color-text-80[data-v-bbf16719] {
    color: var(--color-text-80)
}

.color-text-50[data-v-bbf16719] {
    color: var(--color-text-50)
}

.color-text-40[data-v-bbf16719] {
    color: var(--color-text-40)
}

.color-text-20[data-v-bbf16719] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-bbf16719] {
    color: var(--color-currency)
}

.color-warning[data-v-bbf16719] {
    color: var(--color-warning)
}

.color-danger[data-v-bbf16719] {
    color: var(--color-danger)
}

.color-link[data-v-bbf16719] {
    color: var(--color-link)
}

.color-line[data-v-bbf16719] {
    color: var(--color-line)
}

.color-border[data-v-bbf16719] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-bbf16719] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-bbf16719] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-bbf16719] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-bbf16719] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-bbf16719] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-bbf16719] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-bbf16719] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-bbf16719] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-bbf16719] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-bbf16719] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-bbf16719] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-bbf16719] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-bbf16719] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-bbf16719] {
    display: flex;
    align-items: center
}

.flex-start[data-v-bbf16719] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-bbf16719] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-bbf16719] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-bbf16719] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-bbf16719] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-bbf16719] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-bbf16719] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-bbf16719] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-bbf16719] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-bbf16719] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-bbf16719] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-bbf16719] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-bbf16719] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-bbf16719] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-bbf16719] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-bbf16719] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-bbf16719] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-bbf16719] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-bbf16719] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-bbf16719] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-bbf16719] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-bbf16719] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-bbf16719] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-bbf16719] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-bbf16719],
.mlm-selected-item[data-v-bbf16719] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-bbf16719] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-bbf16719]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-bbf16719] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-bbf16719] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-bbf16719] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-input.money-input label div input::placeholder {
    font-size: .75rem
}

ion-input.money-input[data-v-bbf16719] {
    --placeholder-opacity: 1;
    --padding-bottom: 0;
    --padding-start: .625rem;
    --padding-end: .625rem;
    --padding-top: 0;
    --color: var(--color-text-white-100);
    --placeholder-color: var(--color-text-gray-200);
    --background: var(--color-bg-200);
    overflow: hidden;
    border-radius: var(--rounded-middle);
    font-size: .875rem;
    height: 3.125rem;
    margin: 1.125rem 0
}

ion-input.money-input .left-label[data-v-bbf16719] {
    margin-inline-end: .3125rem;
    color: var(--color-text-gray-100)
}

ion-input.money-input .gift[data-v-bbf16719] {
    font-size: var(--font-size-16);
    color: var(--color-text-gray-100)
}

ion-input.money-input .gift .bonus[data-v-bbf16719] {
    color: var(--color-success)
}

.green-default ion-input.money-input[data-v-bbf16719],
.green-v01 ion-input.money-input[data-v-bbf16719],
.green-v02 ion-input.money-input[data-v-bbf16719] {
    --placeholder-opacity: 1;
    --padding-bottom: 0;
    --padding-start: .625rem;
    --padding-end: .625rem;
    --padding-top: 0;
    --color: var(--color-text-white-100);
    --placeholder-color: var(--color-text-gray-200);
    --background: var(--color-bg-400);
    overflow: hidden;
    border-radius: var(--rounded-middle);
    font-size: .875rem;
    height: 3.125rem;
    margin: 1.125rem 0
}

.green-default ion-input.money-input .left-label[data-v-bbf16719],
.green-v01 ion-input.money-input .left-label[data-v-bbf16719],
.green-v02 ion-input.money-input .left-label[data-v-bbf16719] {
    margin-inline-end: .3125rem;
    color: var(--color-text-gray-100)
}

.green-default ion-input.money-input .gift[data-v-bbf16719],
.green-v01 ion-input.money-input .gift[data-v-bbf16719],
.green-v02 ion-input.money-input .gift[data-v-bbf16719] {
    font-size: var(--font-size-16);
    color: var(--color-text-gray-100)
}

.green-default ion-input.money-input .gift .bonus[data-v-bbf16719],
.green-v01 ion-input.money-input .gift .bonus[data-v-bbf16719],
.green-v02 ion-input.money-input .gift .bonus[data-v-bbf16719] {
    color: var(--color-success)
}

.amber-purple ion-input.money-input[data-v-bbf16719] {
    --placeholder-opacity: 1;
    --padding-bottom: 0;
    --padding-start: .625rem;
    --padding-end: .625rem;
    --padding-top: 0;
    --color: var(--color-text-white-100);
    --placeholder-color: var(--text-color-light-purple-2-100);
    --background: var(--color-bg-400);
    overflow: hidden;
    border-radius: var(--rounded-middle);
    font-size: .875rem;
    height: 3.125rem;
    margin: 1.125rem 0
}

.amber-purple ion-input.money-input .left-label[data-v-bbf16719] {
    margin-inline-end: .3125rem;
    color: var(--text-color-light-purple-1-100)
}

.amber-purple ion-input.money-input .gift[data-v-bbf16719] {
    font-size: var(--font-size-16);
    color: var(--text-color-light-purple-1-100)
}

.amber-purple ion-input.money-input .gift .bonus[data-v-bbf16719] {
    color: var(--color-success)
}

.color-primary-600[data-v-1de5d927] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-1de5d927] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-1de5d927] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-1de5d927] {
    color: var(--color-primary-900)
}

.bg-100[data-v-1de5d927] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-1de5d927] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-1de5d927] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-1de5d927] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-1de5d927] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-1de5d927] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-1de5d927] {
    background-color: var(--color-warning)
}

.bg-link[data-v-1de5d927] {
    background-color: var(--color-link)
}

.bg-danger[data-v-1de5d927] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-1de5d927] {
    color: var(--color-text-100)
}

.color-text-80[data-v-1de5d927] {
    color: var(--color-text-80)
}

.color-text-50[data-v-1de5d927] {
    color: var(--color-text-50)
}

.color-text-40[data-v-1de5d927] {
    color: var(--color-text-40)
}

.color-text-20[data-v-1de5d927] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-1de5d927] {
    color: var(--color-currency)
}

.color-warning[data-v-1de5d927] {
    color: var(--color-warning)
}

.color-danger[data-v-1de5d927] {
    color: var(--color-danger)
}

.color-link[data-v-1de5d927] {
    color: var(--color-link)
}

.color-line[data-v-1de5d927] {
    color: var(--color-line)
}

.color-border[data-v-1de5d927] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-1de5d927] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-1de5d927] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-1de5d927] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-1de5d927] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-1de5d927] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-1de5d927] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-1de5d927] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-1de5d927] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-1de5d927] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-1de5d927] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-1de5d927] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-1de5d927] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-1de5d927] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-1de5d927] {
    display: flex;
    align-items: center
}

.flex-start[data-v-1de5d927] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-1de5d927] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-1de5d927] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-1de5d927] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-1de5d927] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-1de5d927] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-1de5d927] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-1de5d927] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-1de5d927] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-1de5d927] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-1de5d927] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-1de5d927] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-1de5d927] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-1de5d927] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-1de5d927] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-1de5d927] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-1de5d927] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-1de5d927] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-1de5d927] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-1de5d927] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-1de5d927] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-1de5d927] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-1de5d927] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-1de5d927] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-1de5d927],
.mlm-selected-item[data-v-1de5d927] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-1de5d927] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-1de5d927]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-1de5d927] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-1de5d927] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-1de5d927] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.tab-list[data-v-1de5d927] {
    width: 22.5rem;
    flex-wrap: wrap
}

.tab-list li[data-v-1de5d927] {
    width: 6.875rem
}

.tab-list .item[data-v-1de5d927] {
    height: 2.5rem;
    background: var(--color-bg-200);
    text-align: center;
    line-height: 2.5rem;
    color: var(--color-text-gray-200);
    margin-top: .9375rem;
    border-radius: var(--rounded-middle);
    position: relative
}

.tab-list .item .tag[data-v-1de5d927] {
    position: absolute;
    font-size: var(--font-size-8);
    top: -.375rem;
    right: 0;
    color: var(--text-color-white-100);
    background: var(--color-danger);
    padding: 0 3px;
    border-radius: var(--rounded-small);
    height: .9375rem;
    line-height: .9375rem
}

.tab-list .active[data-v-1de5d927] {
    background: var(--theme-color-gradient-100);
    color: var(--color-text-white-100)
}

.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)
}

.amber-purple .tab-list[data-v-1de5d927] {
    width: 22.5rem;
    flex-wrap: wrap
}

.amber-purple .tab-list li[data-v-1de5d927] {
    width: 6.875rem
}

.amber-purple .tab-list .item[data-v-1de5d927] {
    height: 2.5rem;
    background: var(--color-bg-200);
    text-align: center;
    line-height: 2.5rem;
    color: var(--color-text-100);
    margin-top: .9375rem;
    border-radius: var(--rounded-middle);
    position: relative
}

.amber-purple .tab-list .item .tag[data-v-1de5d927] {
    position: absolute;
    font-size: var(--font-size-8);
    top: -.375rem;
    right: 0;
    color: var(--text-color-white-100);
    background: var(--color-danger);
    padding: 0 3px;
    border-radius: var(--rounded-small);
    height: .9375rem;
    line-height: .9375rem
}

.amber-purple .tab-list .active[data-v-1de5d927] {
    background: var(--theme-color-700);
    color: var(--color-text-white-100)
}

.amber-purple .tab-list .item[data-v-1de5d927] {
    border: 1px solid var(--line-color)
}

.auroral-yellow .tab-list[data-v-1de5d927] {
    width: 22.5rem;
    flex-wrap: wrap
}

.auroral-yellow .tab-list li[data-v-1de5d927] {
    width: 6.875rem
}

.auroral-yellow .tab-list .item[data-v-1de5d927] {
    height: 2.5rem;
    background: var(--color-bg-200);
    text-align: center;
    line-height: 2.5rem;
    color: var(--color-text-gray-200);
    margin-top: .9375rem;
    border-radius: var(--rounded-middle);
    position: relative
}

.auroral-yellow .tab-list .item .tag[data-v-1de5d927] {
    position: absolute;
    font-size: var(--font-size-8);
    top: -.375rem;
    right: 0;
    color: var(--text-color-white-100);
    background: var(--color-danger);
    padding: 0 3px;
    border-radius: var(--rounded-small);
    height: .9375rem;
    line-height: .9375rem
}

.auroral-yellow .tab-list .active[data-v-1de5d927] {
    background: var(--theme-color-800);
    color: var(--color-text-black-100)
}

.color-primary-600[data-v-bf982a68] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-bf982a68] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-bf982a68] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-bf982a68] {
    color: var(--color-primary-900)
}

.bg-100[data-v-bf982a68] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-bf982a68] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-bf982a68] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-bf982a68] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-bf982a68] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-bf982a68] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-bf982a68] {
    background-color: var(--color-warning)
}

.bg-link[data-v-bf982a68] {
    background-color: var(--color-link)
}

.bg-danger[data-v-bf982a68] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-bf982a68] {
    color: var(--color-text-100)
}

.color-text-80[data-v-bf982a68] {
    color: var(--color-text-80)
}

.color-text-50[data-v-bf982a68] {
    color: var(--color-text-50)
}

.color-text-40[data-v-bf982a68] {
    color: var(--color-text-40)
}

.color-text-20[data-v-bf982a68] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-bf982a68] {
    color: var(--color-currency)
}

.color-warning[data-v-bf982a68] {
    color: var(--color-warning)
}

.color-danger[data-v-bf982a68] {
    color: var(--color-danger)
}

.color-link[data-v-bf982a68] {
    color: var(--color-link)
}

.color-line[data-v-bf982a68] {
    color: var(--color-line)
}

.color-border[data-v-bf982a68] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-bf982a68] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-bf982a68] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-bf982a68] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-bf982a68] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-bf982a68] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-bf982a68] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-bf982a68] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-bf982a68] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-bf982a68] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-bf982a68] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-bf982a68] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-bf982a68] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-bf982a68] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-bf982a68] {
    display: flex;
    align-items: center
}

.flex-start[data-v-bf982a68] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-bf982a68] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-bf982a68] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-bf982a68] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-bf982a68] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-bf982a68] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-bf982a68] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-bf982a68] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-bf982a68] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-bf982a68] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-bf982a68] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-bf982a68] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-bf982a68] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-bf982a68] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-bf982a68] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-bf982a68] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-bf982a68] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-bf982a68] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-bf982a68] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-bf982a68] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-bf982a68] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-bf982a68] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-bf982a68] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-bf982a68] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-bf982a68],
.mlm-selected-item[data-v-bf982a68] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-bf982a68] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-bf982a68]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-bf982a68] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-bf982a68] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-bf982a68] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.line[data-v-bf982a68] {
    background: var(--color-line);
    height: .0625rem;
    margin-top: .9375rem
}

.packet-model[data-v-d2bf7101] {
    transform: translate(-50%, -50%)
}

.mining-btn[data-v-d2bf7101] {
    background: var(--color-primary-btn-active);
    line-height: 2.1875rem;
    border-radius: var(--rounded-small);
    font-weight: var(--font-weight-bold)
}

.dis-color[data-v-d2bf7101] {
    background: var(--color-primary-btn-disable);
    color: var(--color-primary-btn-text-disable)
}

.mine-time[data-v-d2bf7101] {
    border: 1px solid #FF9141;
    border-radius: .625rem;
    flex-wrap: wrap;
    font-size: .75rem;
    align-content: start
}

.mine-item[data-v-d2bf7101] {
    width: 33%;
    text-align: center
}

.shiny[data-v-d2bf7101] {
    position: relative;
    overflow: hidden
}

.shiny[data-v-d2bf7101]:before {
    content: "";
    animation: shiny-d2bf7101 4s ease-in-out infinite;
    background: var(--color-text-100);
    display: inline-block;
    height: 100%;
    left: 0;
    position: absolute;
    top: -180px;
    width: 30px
}

@keyframes shiny-d2bf7101 {
    0% {
        opacity: 0;
        transform: scale(0) rotate(45deg)
    }

    80% {
        opacity: .5;
        transform: scale(0) rotate(45deg)
    }

    81% {
        opacity: 1;
        transform: scale(4) rotate(45deg)
    }

    to {
        opacity: 0;
        transform: scale(50) rotate(45deg)
    }
}

.activity-name[data-v-d2bf7101] {
    text-shadow: 2px 2px #7a5f1b
}

.alert-main[data-v-d2bf7101] {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.alert-mask[data-v-d2bf7101] {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .5
}

.footer-rule[data-v-d2bf7101] {
    height: 3.125rem;
    margin-bottom: 1.6rem;
    overflow-y: auto
}

.new-skin-symbol .mining-btn[data-v-d2bf7101] {
    background: var(--ep-dynamic-primary);
    color: var(--ep-color-text-default)
}

.new-skin-symbol .dis-color[data-v-d2bf7101] {
    background: var(--ep-color-background-fill-active-disabled)
}

.color-primary-600[data-v-954b3991] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-954b3991] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-954b3991] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-954b3991] {
    color: var(--color-primary-900)
}

.bg-100[data-v-954b3991] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-954b3991] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-954b3991] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-954b3991] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-954b3991] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-954b3991] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-954b3991] {
    background-color: var(--color-warning)
}

.bg-link[data-v-954b3991] {
    background-color: var(--color-link)
}

.bg-danger[data-v-954b3991] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-954b3991] {
    color: var(--color-text-100)
}

.color-text-80[data-v-954b3991] {
    color: var(--color-text-80)
}

.color-text-50[data-v-954b3991] {
    color: var(--color-text-50)
}

.color-text-40[data-v-954b3991] {
    color: var(--color-text-40)
}

.color-text-20[data-v-954b3991] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-954b3991] {
    color: var(--color-currency)
}

.color-warning[data-v-954b3991] {
    color: var(--color-warning)
}

.color-danger[data-v-954b3991] {
    color: var(--color-danger)
}

.color-link[data-v-954b3991] {
    color: var(--color-link)
}

.color-line[data-v-954b3991] {
    color: var(--color-line)
}

.color-border[data-v-954b3991] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-954b3991] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-954b3991] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-954b3991] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-954b3991] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-954b3991] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-954b3991] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-954b3991] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-954b3991] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-954b3991] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-954b3991] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-954b3991] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-954b3991] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-954b3991] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-954b3991] {
    display: flex;
    align-items: center
}

.flex-start[data-v-954b3991] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-954b3991] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-954b3991] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-954b3991] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-954b3991] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-954b3991] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-954b3991] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-954b3991] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-954b3991] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-954b3991] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-954b3991] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-954b3991] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-954b3991] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-954b3991] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-954b3991] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-954b3991] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-954b3991] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-954b3991] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-954b3991] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-954b3991] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-954b3991] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-954b3991] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-954b3991] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-954b3991] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-954b3991],
.mlm-selected-item[data-v-954b3991] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-954b3991] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-954b3991]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-954b3991] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-954b3991] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-954b3991] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

@keyframes scaleAnimation-954b3991 {
    0% {
        transform: scale(2)
    }

    50% {
        transform: scale(1)
    }

    to {
        transform: scale(2)
    }
}

.red-packet-container[data-v-954b3991] {
    background: var(--ep-color-background-fill-body-default);
    width: 22.5rem;
    border-radius: var(--ep-border-radius-surface-large, 20px);
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden;
    height: 30rem
}

.red-packet-container .top-container[data-v-954b3991] {
    height: 15rem;
    width: 100%;
    background: url(/assets/red_packet_modeal_bg-BPm-n3Bq.png) no-repeat;
    background-size: 100% 100%;
    position: relative
}

.red-packet-container .top-container .activity-name[data-v-954b3991] {
    color: var(--ep-color-text-highlight-white, #FFF);
    text-align: center;
    text-shadow: 0rem .0469rem .0625rem rgba(0, 0, 0, .45);
    -webkit-text-stroke-width: .0625rem;
    -webkit-text-stroke-color: var(--ep-color-border-warning, #FA8313);
    font-size: var(--ep-font-size-xxl, 24px);
    font-style: normal;
    font-weight: var(--ep-font-weight-bold, 700);
    line-height: 60px;
    text-transform: capitalize
}

.red-packet-container .top-container .close-icon[data-v-954b3991] {
    position: absolute;
    right: 4px;
    top: 5px;
    font-size: var(--ep-font-size-xxxl, 36px);
    color: var(--ep-color-icon-default, #FFF);
    cursor: pointer
}

.red-packet-container .top-container .star-light[data-v-954b3991] {
    position: absolute;
    display: block;
    top: 6.25rem;
    right: 5rem;
    width: 7.5rem;
    height: 7.5rem;
    mix-blend-mode: screen;
    animation: scaleAnimation-954b3991 1.5s ease-in-out infinite
}

.red-packet-container .bottom-container[data-v-954b3991] {
    position: absolute;
    top: 13.75rem;
    left: 0;
    width: 100%;
    height: 6.25rem;
    background: var(--ep-color-background-fill-body-default);
    z-index: 100
}

.red-packet-container .bottom-container .mining-btn-container[data-v-954b3991] {
    width: 18.75rem;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, -30%)
}

.red-packet-container .bottom-container .tip-text[data-v-954b3991] {
    width: 18.75rem;
    text-align: left;
    color: var(--ep-color-text-brand-primary);
    margin: 40px auto 12px;
    font-size: var(--ep-font-size-m, 14px);
    font-weight: var(--ep-font-weight-bold, 700)
}

.red-packet-container .bottom-container .time-list-container[data-v-954b3991] {
    width: 18.75rem;
    height: 3.1875rem;
    overflow-y: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    font-size: var(--ep-font-size-s, 12px);
    border: .0625rem solid var(--ep-color-border-warning);
    border-radius: var(--ep-border-radius-m, 6px);
    scrollbar-width: none
}

.red-packet-container .bottom-container .time-list-container li[data-v-954b3991] {
    flex: 0 0 33.33%;
    height: 1.0625rem;
    text-align: center;
    color: var(--ep-color-text-warning);
    margin-top: .375rem
}

.red-packet-container .bottom-container .time-list-container .out-dated[data-v-954b3991] {
    color: var(--ep-color-text-weaker)
}

.red-packet-container .bottom-container .rule-text[data-v-954b3991] {
    width: 18.75rem;
    text-align: left;
    color: var(--ep-color-text-weak);
    font-size: var(--ep-font-size-s, .75rem);
    margin: .75rem auto
}

.color-primary-600[data-v-eee91f85] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-eee91f85] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-eee91f85] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-eee91f85] {
    color: var(--color-primary-900)
}

.bg-100[data-v-eee91f85] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-eee91f85] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-eee91f85] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-eee91f85] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-eee91f85] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-eee91f85] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-eee91f85] {
    background-color: var(--color-warning)
}

.bg-link[data-v-eee91f85] {
    background-color: var(--color-link)
}

.bg-danger[data-v-eee91f85] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-eee91f85] {
    color: var(--color-text-100)
}

.color-text-80[data-v-eee91f85] {
    color: var(--color-text-80)
}

.color-text-50[data-v-eee91f85] {
    color: var(--color-text-50)
}

.color-text-40[data-v-eee91f85] {
    color: var(--color-text-40)
}

.color-text-20[data-v-eee91f85] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-eee91f85] {
    color: var(--color-currency)
}

.color-warning[data-v-eee91f85] {
    color: var(--color-warning)
}

.color-danger[data-v-eee91f85] {
    color: var(--color-danger)
}

.color-link[data-v-eee91f85] {
    color: var(--color-link)
}

.color-line[data-v-eee91f85] {
    color: var(--color-line)
}

.color-border[data-v-eee91f85] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-eee91f85] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-eee91f85] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-eee91f85] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-eee91f85] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-eee91f85] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-eee91f85] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-eee91f85] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-eee91f85] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-eee91f85] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-eee91f85] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-eee91f85] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-eee91f85] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-eee91f85] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-eee91f85] {
    display: flex;
    align-items: center
}

.flex-start[data-v-eee91f85] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-eee91f85] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-eee91f85] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-eee91f85] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-eee91f85] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-eee91f85] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-eee91f85] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-eee91f85] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-eee91f85] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-eee91f85] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-eee91f85] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-eee91f85] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-eee91f85] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-eee91f85] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-eee91f85] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-eee91f85] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-eee91f85] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-eee91f85] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-eee91f85] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-eee91f85] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-eee91f85] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-eee91f85] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-eee91f85] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-eee91f85] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-eee91f85],
.mlm-selected-item[data-v-eee91f85] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-eee91f85] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-eee91f85]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-eee91f85] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-eee91f85] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-eee91f85] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-modal[data-v-eee91f85] {
    --height: 35rem
}

.red-packet-container[data-v-eee91f85] {
    width: 21.875rem;
    border-radius: var(--ep-border-radius-surface-large, 20px);
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden;
    min-height: 35rem
}

.red-packet-container .close-icon[data-v-eee91f85] {
    position: absolute;
    right: 4px;
    top: 5px;
    font-size: var(--ep-font-size-xxxl, 36px);
    color: #fff;
    cursor: pointer
}

.red-packet-container .bottom-container[data-v-eee91f85] {
    margin-top: .8rem
}

.red-packet-container .bottom-container .rule-text[data-v-eee91f85] {
    width: 19.0625rem;
    margin: .75rem auto;
    color: var(--ep-color-text-highlight-white-weak, rgba(255, 255, 255, .6));
    font-size: var(--ep-font-size-s, 12px);
    font-weight: var(--ep-font-weight-regular, var(--font-weight-regular));
    line-height: 150%
}

.red-packet-container .wrap[data-v-eee91f85] {
    position: absolute;
    top: 13.2rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.red-packet-container .wrap .mid[data-v-eee91f85] {
    height: 10rem
}

.red-packet-container .wrap .tip-text[data-v-eee91f85] {
    color: var(--ep-color-text-warning, #FC974C);
    text-align: center;
    font-size: var(--ep-font-size-s, 12px);
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    line-height: 150%;
    width: 18.75rem;
    margin: 1.5rem auto
}

.red-packet-container .wrap .time-list-container[data-v-eee91f85] {
    width: 16.875rem;
    height: 3.1875rem;
    overflow-y: auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 auto;
    padding-bottom: .375rem;
    list-style: none;
    font-size: var(--ep-font-size-s, 12px);
    border-radius: var(--ep-border-radius-m, 6px);
    scrollbar-width: none;
    background-color: rgba(0, 0, 0, .2)
}

.red-packet-container .wrap .time-list-container li[data-v-eee91f85] {
    flex: 0 0 33.33%;
    height: 1.0625rem;
    text-align: center;
    color: var(--ep-color-text-highlight-white);
    margin-top: .375rem
}

.red-packet-container .wrap .time-list-container .out-dated[data-v-eee91f85] {
    color: var(--ep-color-text-highlight-white-weaker)
}

.red-packet-container .btn-cls[data-v-eee91f85] {
    background-size: 100% 100%;
    width: 16.25rem;
    height: 3.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: .24rem;
    color: var(--ep-color-text-highlight-white, #FFF);
    font-size: var(--ep-font-size-s, 12px);
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    line-height: 150%
}

.color-primary-600[data-v-519d9a50] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-519d9a50] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-519d9a50] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-519d9a50] {
    color: var(--color-primary-900)
}

.bg-100[data-v-519d9a50] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-519d9a50] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-519d9a50] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-519d9a50] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-519d9a50] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-519d9a50] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-519d9a50] {
    background-color: var(--color-warning)
}

.bg-link[data-v-519d9a50] {
    background-color: var(--color-link)
}

.bg-danger[data-v-519d9a50] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-519d9a50] {
    color: var(--color-text-100)
}

.color-text-80[data-v-519d9a50] {
    color: var(--color-text-80)
}

.color-text-50[data-v-519d9a50] {
    color: var(--color-text-50)
}

.color-text-40[data-v-519d9a50] {
    color: var(--color-text-40)
}

.color-text-20[data-v-519d9a50] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-519d9a50] {
    color: var(--color-currency)
}

.color-warning[data-v-519d9a50] {
    color: var(--color-warning)
}

.color-danger[data-v-519d9a50] {
    color: var(--color-danger)
}

.color-link[data-v-519d9a50] {
    color: var(--color-link)
}

.color-line[data-v-519d9a50] {
    color: var(--color-line)
}

.color-border[data-v-519d9a50] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-519d9a50] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-519d9a50] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-519d9a50] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-519d9a50] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-519d9a50] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-519d9a50] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-519d9a50] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-519d9a50] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-519d9a50] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-519d9a50] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-519d9a50] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-519d9a50] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-519d9a50] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-519d9a50] {
    display: flex;
    align-items: center
}

.flex-start[data-v-519d9a50] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-519d9a50] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-519d9a50] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-519d9a50] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-519d9a50] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-519d9a50] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-519d9a50] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-519d9a50] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-519d9a50] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-519d9a50] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-519d9a50] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-519d9a50] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-519d9a50] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-519d9a50] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-519d9a50] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-519d9a50] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-519d9a50] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-519d9a50] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-519d9a50] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-519d9a50] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-519d9a50] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-519d9a50] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-519d9a50] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-519d9a50] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-519d9a50],
.mlm-selected-item[data-v-519d9a50] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-519d9a50] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-519d9a50]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-519d9a50] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-519d9a50] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-519d9a50] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.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
}

.green-default .header[data-v-519d9a50] {
    --padding-end: .9375rem;
    --background: #2B4F14
}

.green-default .header[data-v-519d9a50] .menu-bar {
    color: #afc69f
}

.green-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
}

.green-default .header .assets-box .assets-img[data-v-519d9a50] {
    width: 1.25rem;
    margin-inline-end: .3125rem
}

.green-default .header .assets-box .currency[data-v-519d9a50] {
    font-size: .875rem;
    font-weight: 700;
    margin-right: .25rem;
    color: #fbed3c;
    text-shadow: none
}

.green-default .header .assets-box .assets-box-number[data-v-519d9a50] {
    font-size: .875rem;
    font-weight: 700;
    color: #fbed3c;
    text-shadow: none
}

.green-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(180deg, #ffc271, #f2910d)
}

.green-default .header .assets-box .wallet ion-icon[data-v-519d9a50] {
    font-size: 1.125rem;
    color: #fff
}

.green-default .header .assets-box .deposit[data-v-519d9a50] {
    margin-left: .375rem;
    border-radius: .375rem;
    background: linear-gradient(180deg, #6a853a, #98c24f)
}

.green-default .header .assets-box ion-button[data-v-519d9a50]::part(native) {
    color: #fff
}

.green-default .header .primaryBtn[data-v-519d9a50] {
    display: flex;
    align-items: center
}

.green-default .header .primaryBtn .login[data-v-519d9a50]::part(native) {
    background: linear-gradient(180deg, #13c96a, #1d9554);
    color: #fff
}

.green-default .header .primaryBtn .register[data-v-519d9a50]::part(native) {
    background: linear-gradient(180deg, #ffc271, #f2910d);
    color: #fff
}

.green-default .header .primaryBtn .register-btn-warpper[data-v-519d9a50] {
    display: flex;
    align-items: center;
    position: relative
}

.green-default .header .primaryBtn .register-btn-warpper .rewardTag[data-v-519d9a50] {
    position: absolute;
    top: -.5rem;
    right: -.5rem
}

.green-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
}

.green-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
}

.green-default .header ion-button.outline-btn[data-v-519d9a50] {
    --border-width: .0625rem;
    --border-style: solid
}

.green-default .header ion-button.outline-btn.login[data-v-519d9a50] {
    --background: #1A223A;
    --color: #1F8AE4;
    --border-color: #1F8AE4
}

.green-default .header ion-button.outline-btn.login[data-v-519d9a50]::part(native) {
    color: #1f8ae4
}

.green-default .header ion-button.outline-btn.register[data-v-519d9a50] {
    --background: #3C3834;
    --color: #FBA531;
    --border-color: #FBA531
}

.green-default .header ion-button.outline-btn.register[data-v-519d9a50]::part(native) {
    color: #fba531
}

.green-default .header ion-button.search[data-v-519d9a50] {
    padding-left: .5rem;
    margin: 0;
    font-size: 1.375rem
}

.green-default .header ion-button.search .search-icon[data-v-519d9a50] {
    color: #afc69f
}

.green-default .header ion-button.earth[data-v-519d9a50] {
    flex-shrink: 0;
    padding-left: .5rem;
    margin: 0;
    font-size: 1.375rem
}

.green-default .header ion-button.earth .language-icon[data-v-519d9a50] {
    color: #afc69f
}

.green-default .header ion-button.btn-margin+.btn-margin[data-v-519d9a50] {
    margin-inline-start: .625rem
}

.green-default #language[data-v-519d9a50] {
    --background: #2B4F14
}

.green-default #language[data-v-519d9a50]::part(content) {
    margin-top: 1.5rem;
    margin-left: .125rem;
    border-radius: .375rem;
    width: max-content
}

.green-default #language ion-button[data-v-519d9a50] {
    --color: #AFC69F;
    --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
}

.green-default #language ion-button .flag[data-v-519d9a50] {
    border-radius: .75rem;
    font-size: 1.25rem;
    margin-right: .5rem
}

.green-default .v02 .header[data-v-519d9a50] {
    --padding-end: .9375rem;
    --background: radial-gradient(80.18% 120% at 0% 0%, #939033 0%, #325D16 100%)
}

.green-default .v02 .header[data-v-519d9a50] .menu-bar {
    color: #afc69f
}

.green-default .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
}

.green-default .v02 .header .assets-box .assets-img[data-v-519d9a50] {
    width: 1.25rem;
    margin-inline-end: .3125rem
}

.green-default .v02 .header .assets-box .currency[data-v-519d9a50] {
    font-size: .875rem;
    font-weight: 700;
    margin-right: .25rem;
    color: #fbed3c;
    text-shadow: none
}

.green-default .v02 .header .assets-box .assets-box-number[data-v-519d9a50] {
    font-size: .875rem;
    font-weight: 700;
    color: #fbed3c;
    text-shadow: none
}

.green-default .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(180deg, #ffc271, #f2910d)
}

.green-default .v02 .header .assets-box .wallet ion-icon[data-v-519d9a50] {
    font-size: 1.125rem;
    color: #fff
}

.green-default .v02 .header .assets-box .deposit[data-v-519d9a50] {
    margin-left: .375rem;
    border-radius: .375rem;
    background: linear-gradient(180deg, #6a853a, #98c24f)
}

.green-default .v02 .header .assets-box ion-button[data-v-519d9a50]::part(native) {
    color: #fff
}

.green-default .v02 .header .primaryBtn[data-v-519d9a50] {
    display: flex;
    align-items: center
}

.green-default .v02 .header .primaryBtn .login[data-v-519d9a50]::part(native) {
    background: linear-gradient(180deg, #13c96a, #1d9554);
    color: #fff
}

.green-default .v02 .header .primaryBtn .register[data-v-519d9a50]::part(native) {
    background: linear-gradient(180deg, #ffc271, #f2910d);
    color: #fff
}

.green-default .v02 .header .primaryBtn .register-btn-warpper[data-v-519d9a50] {
    display: flex;
    align-items: center;
    position: relative
}

.green-default .v02 .header .primaryBtn .register-btn-warpper .rewardTag[data-v-519d9a50] {
    position: absolute;
    top: -.5rem;
    right: -.5rem
}

.green-default .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
}

.green-default .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
}

.green-default .v02 .header ion-button.outline-btn[data-v-519d9a50] {
    --border-width: .0625rem;
    --border-style: solid
}

.green-default .v02 .header ion-button.outline-btn.login[data-v-519d9a50] {
    --background: #1A223A;
    --color: #1F8AE4;
    --border-color: #1F8AE4
}

.green-default .v02 .header ion-button.outline-btn.login[data-v-519d9a50]::part(native) {
    color: #1f8ae4
}

.green-default .v02 .header ion-button.outline-btn.register[data-v-519d9a50] {
    --background: #3C3834;
    --color: #FBA531;
    --border-color: #FBA531
}

.green-default .v02 .header ion-button.outline-btn.register[data-v-519d9a50]::part(native) {
    color: #fba531
}

.green-default .v02 .header ion-button.search[data-v-519d9a50] {
    padding-left: .5rem;
    margin: 0;
    font-size: 1.375rem
}

.green-default .v02 .header ion-button.search .search-icon[data-v-519d9a50] {
    color: #afc69f
}

.green-default .v02 .header ion-button.earth[data-v-519d9a50] {
    flex-shrink: 0;
    padding-left: .5rem;
    margin: 0;
    font-size: 1.375rem
}

.green-default .v02 .header ion-button.earth .language-icon[data-v-519d9a50] {
    color: #afc69f
}

.green-default .v02 .header ion-button.btn-margin+.btn-margin[data-v-519d9a50] {
    margin-inline-start: .625rem
}

.green-default .v02 #language[data-v-519d9a50] {
    --background: #3B3466
}

.green-default .v02 #language[data-v-519d9a50]::part(content) {
    margin-top: 1.5rem;
    margin-left: .125rem;
    border-radius: .375rem;
    width: max-content
}

.green-default .v02 #language ion-button[data-v-519d9a50] {
    --color: #AFC69F;
    --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
}

.green-default .v02 #language ion-button .flag[data-v-519d9a50] {
    border-radius: .75rem;
    font-size: 1.25rem;
    margin-right: .5rem
}

.green-default:has(.home-type-Platform, #aaaa #bbbb) .header .icon-btn[data-v-519d9a50] {
    font-size: 1.5rem
}

.green-default:has(.home-type-Platform, #aaaa #bbbb) .header .login[data-v-519d9a50],
.green-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
}

.green-default:has(.home-type-Platform, #aaaa #bbbb) .header .assets-box .currency[data-v-519d9a50] {
    font-family: Inter
}

.green-default:has(.home-type-Platform, #aaaa #bbbb) .header .assets-box .assets-box-number[data-v-519d9a50] {
    font-family: Inter
}

.green-default:has(.home-type-Platform, #aaaa #bbbb) .header .assets-box .wallet[data-v-519d9a50] {
    padding: .3125rem .4375rem
}

.green-default:has(.home-type-Platform, #aaaa #bbbb) .header .assets-box .wallet ion-icon[data-v-519d9a50] {
    font-size: 1.125rem
}

.forest-green .v01 .header[data-v-519d9a50] {
    --padding-end: .9375rem;
    --background: linear-gradient(to right, #007B4C 0%, #004D37 100%)
}

.forest-green .v01 .header[data-v-519d9a50] .menu-bar {
    color: #7e9071
}

.forest-green .v01 .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
}

.forest-green .v01 .header .assets-box .assets-img[data-v-519d9a50] {
    width: 1.25rem;
    margin-inline-end: .3125rem
}

.forest-green .v01 .header .assets-box .currency[data-v-519d9a50] {
    font-size: .875rem;
    font-weight: 700;
    margin-right: .25rem;
    color: #fbed3c;
    text-shadow: none
}

.forest-green .v01 .header .assets-box .assets-box-number[data-v-519d9a50] {
    font-size: .875rem;
    font-weight: 700;
    color: #fbed3c;
    text-shadow: none
}

.forest-green .v01 .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(180deg, #ffc271, #f2910d)
}

.forest-green .v01 .header .assets-box .wallet ion-icon[data-v-519d9a50] {
    font-size: 1.125rem;
    color: #fff
}

.forest-green .v01 .header .assets-box .deposit[data-v-519d9a50] {
    margin-left: .375rem;
    border-radius: .375rem;
    background: linear-gradient(180deg, #6a853a, #98c24f)
}

.forest-green .v01 .header .assets-box ion-button[data-v-519d9a50]::part(native) {
    color: #fff
}

.forest-green .v01 .header .primaryBtn[data-v-519d9a50] {
    display: flex;
    align-items: center
}

.forest-green .v01 .header .primaryBtn .login[data-v-519d9a50]::part(native) {
    background: linear-gradient(180deg, #13c96a, #1d9554);
    color: #fff
}

.forest-green .v01 .header .primaryBtn .register[data-v-519d9a50]::part(native) {
    background: linear-gradient(180deg, #ffc271, #f2910d);
    color: #fff
}

.forest-green .v01 .header .primaryBtn .register-btn-warpper[data-v-519d9a50] {
    display: flex;
    align-items: center;
    position: relative
}

.forest-green .v01 .header .primaryBtn .register-btn-warpper .rewardTag[data-v-519d9a50] {
    position: absolute;
    top: -.5rem;
    right: -.5rem
}

.forest-green .v01 .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
}

.forest-green .v01 .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
}

.forest-green .v01 .header ion-button.outline-btn[data-v-519d9a50] {
    --border-width: .0625rem;
    --border-style: solid
}

.forest-green .v01 .header ion-button.outline-btn.login[data-v-519d9a50] {
    --background: #1A223A;
    --color: #1F8AE4;
    --border-color: #1F8AE4
}

.forest-green .v01 .header ion-button.outline-btn.login[data-v-519d9a50]::part(native) {
    color: #1f8ae4
}

.forest-green .v01 .header ion-button.outline-btn.register[data-v-519d9a50] {
    --background: #3C3834;
    --color: #FBA531;
    --border-color: #FBA531
}

.forest-green .v01 .header ion-button.outline-btn.register[data-v-519d9a50]::part(native) {
    color: #fba531
}

.forest-green .v01 .header ion-button.search[data-v-519d9a50] {
    padding-left: .5rem;
    margin: 0;
    font-size: 1.375rem
}

.forest-green .v01 .header ion-button.search .search-icon[data-v-519d9a50] {
    color: #afc69f
}

.forest-green .v01 .header ion-button.earth[data-v-519d9a50] {
    flex-shrink: 0;
    padding-left: .5rem;
    margin: 0;
    font-size: 1.375rem
}

.forest-green .v01 .header ion-button.earth .language-icon[data-v-519d9a50] {
    color: #afc69f
}

.forest-green .v01 .header ion-button.btn-margin+.btn-margin[data-v-519d9a50] {
    margin-inline-start: .625rem
}

.forest-green .v01 #language[data-v-519d9a50] {
    --background: #007B4C
}

.forest-green .v01 #language[data-v-519d9a50]::part(content) {
    margin-top: 1.5rem;
    margin-left: .125rem;
    border-radius: .375rem;
    width: max-content
}

.forest-green .v01 #language ion-button[data-v-519d9a50] {
    --color: #AFC69F;
    --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
}

.forest-green .v01 #language ion-button .flag[data-v-519d9a50] {
    border-radius: .75rem;
    font-size: 1.25rem;
    margin-right: .5rem
}

.forest-green .v02 .header[data-v-519d9a50] {
    --padding-end: .9375rem;
    --background: radial-gradient(80.18% 120% at 0% 0%, #007B4C 0%, #004D37 100%)
}

.forest-green .v02 .header[data-v-519d9a50] .menu-bar {
    color: #fff
}

.forest-green .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
}

.forest-green .v02 .header .assets-box .assets-img[data-v-519d9a50] {
    width: 1.25rem;
    margin-inline-end: .3125rem
}

.forest-green .v02 .header .assets-box .currency[data-v-519d9a50] {
    font-size: .875rem;
    font-weight: 700;
    margin-right: .25rem;
    color: #fbed3c;
    text-shadow: none
}

.forest-green .v02 .header .assets-box .assets-box-number[data-v-519d9a50] {
    font-size: .875rem;
    font-weight: 700;
    color: #fbed3c;
    text-shadow: none
}

.forest-green .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(180deg, #ffc271, #f2910d)
}

.forest-green .v02 .header .assets-box .wallet ion-icon[data-v-519d9a50] {
    font-size: 1.125rem;
    color: #a34343
}

.forest-green .v02 .header .assets-box .deposit[data-v-519d9a50] {
    margin-left: .375rem;
    border-radius: .375rem;
    background: linear-gradient(180deg, #6a853a, #98c24f)
}

.forest-green .v02 .header .assets-box ion-button[data-v-519d9a50]::part(native) {
    color: #fff
}

.forest-green .v02 .header .primaryBtn[data-v-519d9a50] {
    display: flex;
    align-items: center
}

.forest-green .v02 .header .primaryBtn .login[data-v-519d9a50]::part(native) {
    background: linear-gradient(180deg, #13c96a, #1d9554);
    color: #fff
}

.forest-green .v02 .header .primaryBtn .register[data-v-519d9a50]::part(native) {
    background: linear-gradient(180deg, #ffc271, #f2910d);
    color: #fff
}

.forest-green .v02 .header .primaryBtn .register-btn-warpper[data-v-519d9a50] {
    display: flex;
    align-items: center;
    position: relative
}

.forest-green .v02 .header .primaryBtn .register-btn-warpper .rewardTag[data-v-519d9a50] {
    position: absolute;
    top: -.5rem;
    right: -.5rem
}

.forest-green .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
}

.forest-green .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
}

.forest-green .v02 .header ion-button.outline-btn[data-v-519d9a50] {
    --border-width: .0625rem;
    --border-style: solid
}

.forest-green .v02 .header ion-button.outline-btn.login[data-v-519d9a50] {
    --background: #1A223A;
    --color: #1F8AE4;
    --border-color: #1F8AE4
}

.forest-green .v02 .header ion-button.outline-btn.login[data-v-519d9a50]::part(native) {
    color: #1f8ae4
}

.forest-green .v02 .header ion-button.outline-btn.register[data-v-519d9a50] {
    --background: #3C3834;
    --color: #FBA531;
    --border-color: #FBA531
}

.forest-green .v02 .header ion-button.outline-btn.register[data-v-519d9a50]::part(native) {
    color: #fba531
}

.forest-green .v02 .header ion-button.search[data-v-519d9a50] {
    padding-left: .5rem;
    margin: 0;
    font-size: 1.375rem
}

.forest-green .v02 .header ion-button.search .search-icon[data-v-519d9a50] {
    color: #fff
}

.forest-green .v02 .header ion-button.earth[data-v-519d9a50] {
    flex-shrink: 0;
    padding-left: .5rem;
    margin: 0;
    font-size: 1.375rem
}

.forest-green .v02 .header ion-button.earth .language-icon[data-v-519d9a50] {
    color: #fff
}

.forest-green .v02 .header ion-button.btn-margin+.btn-margin[data-v-519d9a50] {
    margin-inline-start: .625rem
}

.forest-green .v02 #language[data-v-519d9a50] {
    --background: #007B4C
}

.forest-green .v02 #language[data-v-519d9a50]::part(content) {
    margin-top: 1.5rem;
    margin-left: .125rem;
    border-radius: .375rem;
    width: max-content
}

.forest-green .v02 #language ion-button[data-v-519d9a50] {
    --color: #AFC69F;
    --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
}

.forest-green .v02 #language ion-button .flag[data-v-519d9a50] {
    border-radius: .75rem;
    font-size: 1.25rem;
    margin-right: .5rem
}

.forest-green:has(.home-type-Platform, #aaaa #bbbb) .header .icon-btn[data-v-519d9a50] {
    font-size: 1.5rem
}

.forest-green:has(.home-type-Platform, #aaaa #bbbb) .header .login[data-v-519d9a50],
.forest-green: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
}

.forest-green:has(.home-type-Platform, #aaaa #bbbb) .header .assets-box .currency[data-v-519d9a50] {
    font-family: Inter
}

.forest-green:has(.home-type-Platform, #aaaa #bbbb) .header .assets-box .assets-box-number[data-v-519d9a50] {
    font-family: Inter
}

.forest-green:has(.home-type-Platform, #aaaa #bbbb) .header .assets-box .wallet[data-v-519d9a50] {
    padding: .3125rem .4375rem
}

.forest-green:has(.home-type-Platform, #aaaa #bbbb) .header .assets-box .wallet ion-icon[data-v-519d9a50] {
    font-size: 1.125rem
}

.amber-purple .header[data-v-519d9a50] {
    --padding-end: .9375rem;
    --background: #3B3466
}

.amber-purple .header[data-v-519d9a50] .menu-bar {
    color: #686299
}

.amber-purple .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
}

.amber-purple .header .assets-box .assets-img[data-v-519d9a50] {
    width: 1.25rem;
    margin-inline-end: .3125rem
}

.amber-purple .header .assets-box .currency[data-v-519d9a50] {
    font-size: .875rem;
    font-weight: 700;
    margin-right: .25rem;
    color: #f5c84c;
    text-shadow: none
}

.amber-purple .header .assets-box .assets-box-number[data-v-519d9a50] {
    font-size: .875rem;
    font-weight: 700;
    color: #f5c84c;
    text-shadow: none
}

.amber-purple .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(180deg, #ffc271, #f2910d)
}

.amber-purple .header .assets-box .wallet ion-icon[data-v-519d9a50] {
    font-size: 1.125rem;
    color: #fff
}

.amber-purple .header .assets-box .deposit[data-v-519d9a50] {
    margin-left: .375rem;
    border-radius: .375rem;
    background: linear-gradient(180deg, #6a853a, #98c24f)
}

.amber-purple .header .assets-box ion-button[data-v-519d9a50]::part(native) {
    color: #fff
}

.amber-purple .header .primaryBtn[data-v-519d9a50] {
    display: flex;
    align-items: center
}

.amber-purple .header .primaryBtn .login[data-v-519d9a50]::part(native) {
    background: linear-gradient(2deg, #3bdf86 23.05%, #2376a4 98.19%);
    color: #fff
}

.amber-purple .header .primaryBtn .register[data-v-519d9a50]::part(native) {
    background: linear-gradient(5deg, #f0bf4a 20.82%, #8d36d1 112.62%);
    color: #fff
}

.amber-purple .header .primaryBtn .register-btn-warpper[data-v-519d9a50] {
    display: flex;
    align-items: center;
    position: relative
}

.amber-purple .header .primaryBtn .register-btn-warpper .rewardTag[data-v-519d9a50] {
    position: absolute;
    top: -.5rem;
    right: -.5rem
}

.amber-purple .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
}

.amber-purple .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
}

.amber-purple .header ion-button.outline-btn[data-v-519d9a50] {
    --border-width: .0625rem;
    --border-style: solid
}

.amber-purple .header ion-button.outline-btn.login[data-v-519d9a50] {
    --background: #1A223A;
    --color: #1F8AE4;
    --border-color: #1F8AE4
}

.amber-purple .header ion-button.outline-btn.login[data-v-519d9a50]::part(native) {
    color: #1f8ae4
}

.amber-purple .header ion-button.outline-btn.register[data-v-519d9a50] {
    --background: #3C3834;
    --color: #FBA531;
    --border-color: #FBA531
}

.amber-purple .header ion-button.outline-btn.register[data-v-519d9a50]::part(native) {
    color: #fba531
}

.amber-purple .header ion-button.search[data-v-519d9a50] {
    padding-left: .5rem;
    margin: 0;
    font-size: 1.375rem
}

.amber-purple .header ion-button.search .search-icon[data-v-519d9a50] {
    color: #bdb8e1
}

.amber-purple .header ion-button.earth[data-v-519d9a50] {
    flex-shrink: 0;
    padding-left: .5rem;
    margin: 0;
    font-size: 1.375rem
}

.amber-purple .header ion-button.earth .language-icon[data-v-519d9a50] {
    color: #bdb8e1
}

.amber-purple .header ion-button.btn-margin+.btn-margin[data-v-519d9a50] {
    margin-inline-start: .625rem
}

.amber-purple #language[data-v-519d9a50] {
    --background: #3B3466
}

.amber-purple #language[data-v-519d9a50]::part(content) {
    margin-top: 1.5rem;
    margin-left: .125rem;
    border-radius: .375rem;
    width: max-content
}

.amber-purple #language ion-button[data-v-519d9a50] {
    --color: #BDB8E1;
    --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
}

.amber-purple #language ion-button .flag[data-v-519d9a50] {
    border-radius: .75rem;
    font-size: 1.25rem;
    margin-right: .5rem
}

.amber-purple .home-type-Platform.v01 .header[data-v-519d9a50] {
    --padding-end: .9375rem;
    --background: #262346
}

.amber-purple .home-type-Platform.v01 .header[data-v-519d9a50] .menu-bar {
    color: #fff
}

.amber-purple .home-type-Platform.v01 .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
}

.amber-purple .home-type-Platform.v01 .header .assets-box .assets-img[data-v-519d9a50] {
    width: 1.25rem;
    margin-inline-end: .3125rem
}

.amber-purple .home-type-Platform.v01 .header .assets-box .currency[data-v-519d9a50] {
    font-size: .875rem;
    font-weight: 700;
    margin-right: .25rem;
    color: #f5c84c;
    text-shadow: none
}

.amber-purple .home-type-Platform.v01 .header .assets-box .assets-box-number[data-v-519d9a50] {
    font-size: .875rem;
    font-weight: 700;
    color: #f5c84c;
    text-shadow: none
}

.amber-purple .home-type-Platform.v01 .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: #f5c84c
}

.amber-purple .home-type-Platform.v01 .header .assets-box .wallet ion-icon[data-v-519d9a50] {
    font-size: 1.125rem;
    color: #3f5070
}

.amber-purple .home-type-Platform.v01 .header .assets-box .deposit[data-v-519d9a50] {
    margin-left: .375rem;
    border-radius: .375rem;
    background: linear-gradient(180deg, #6a853a, #98c24f)
}

.amber-purple .home-type-Platform.v01 .header .assets-box ion-button[data-v-519d9a50]::part(native) {
    color: #fff
}

.amber-purple .home-type-Platform.v01 .header .primaryBtn[data-v-519d9a50] {
    display: flex;
    align-items: center
}

.amber-purple .home-type-Platform.v01 .header .primaryBtn .login[data-v-519d9a50]::part(native) {
    background: linear-gradient(2deg, #3bdf86 23.05%, #2376a4 98.19%);
    color: #fff
}

.amber-purple .home-type-Platform.v01 .header .primaryBtn .register[data-v-519d9a50]::part(native) {
    background: linear-gradient(5deg, #f0bf4a 20.82%, #8d36d1 112.62%);
    color: #fff
}

.amber-purple .home-type-Platform.v01 .header .primaryBtn .register-btn-warpper[data-v-519d9a50] {
    display: flex;
    align-items: center;
    position: relative
}

.amber-purple .home-type-Platform.v01 .header .primaryBtn .register-btn-warpper .rewardTag[data-v-519d9a50] {
    position: absolute;
    top: -.5rem;
    right: -.5rem
}

.amber-purple .home-type-Platform.v01 .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
}

.amber-purple .home-type-Platform.v01 .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
}

.amber-purple .home-type-Platform.v01 .header ion-button.outline-btn[data-v-519d9a50] {
    --border-width: .0625rem;
    --border-style: solid
}

.amber-purple .home-type-Platform.v01 .header ion-button.outline-btn.login[data-v-519d9a50] {
    --background: #1A223A;
    --color: #1F8AE4;
    --border-color: #1F8AE4
}

.amber-purple .home-type-Platform.v01 .header ion-button.outline-btn.login[data-v-519d9a50]::part(native) {
    color: #1f8ae4
}

.amber-purple .home-type-Platform.v01 .header ion-button.outline-btn.register[data-v-519d9a50] {
    --background: #3C3834;
    --color: #FBA531;
    --border-color: #FBA531
}

.amber-purple .home-type-Platform.v01 .header ion-button.outline-btn.register[data-v-519d9a50]::part(native) {
    color: #fba531
}

.amber-purple .home-type-Platform.v01 .header ion-button.search[data-v-519d9a50] {
    padding-left: .5rem;
    margin: 0;
    font-size: 1.375rem
}

.amber-purple .home-type-Platform.v01 .header ion-button.search .search-icon[data-v-519d9a50] {
    color: #686299
}

.amber-purple .home-type-Platform.v01 .header ion-button.earth[data-v-519d9a50] {
    flex-shrink: 0;
    padding-left: .5rem;
    margin: 0;
    font-size: 1.375rem
}

.amber-purple .home-type-Platform.v01 .header ion-button.earth .language-icon[data-v-519d9a50] {
    color: #686299
}

.amber-purple .home-type-Platform.v01 .header ion-button.btn-margin+.btn-margin[data-v-519d9a50] {
    margin-inline-start: .625rem
}

.amber-purple .home-type-Platform.v01 #language[data-v-519d9a50] {
    --background: #3B3466
}

.amber-purple .home-type-Platform.v01 #language[data-v-519d9a50]::part(content) {
    margin-top: 1.5rem;
    margin-left: .125rem;
    border-radius: .375rem;
    width: max-content
}

.amber-purple .home-type-Platform.v01 #language ion-button[data-v-519d9a50] {
    --color: #BDB8E1;
    --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
}

.amber-purple .home-type-Platform.v01 #language ion-button .flag[data-v-519d9a50] {
    border-radius: .75rem;
    font-size: 1.25rem;
    margin-right: .5rem
}

.amber-purple:has(.home-type-Platform, #aaaa #bbbb) .header .icon-btn[data-v-519d9a50] {
    font-size: 1.5rem
}

.amber-purple:has(.home-type-Platform, #aaaa #bbbb) .header .login[data-v-519d9a50],
.amber-purple: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
}

.amber-purple:has(.home-type-Platform, #aaaa #bbbb) .header .assets-box .currency[data-v-519d9a50] {
    font-family: Inter
}

.amber-purple:has(.home-type-Platform, #aaaa #bbbb) .header .assets-box .assets-box-number[data-v-519d9a50] {
    font-family: Inter
}

.amber-purple:has(.home-type-Platform, #aaaa #bbbb) .header .assets-box .wallet[data-v-519d9a50] {
    padding: .3125rem .4375rem
}

.amber-purple:has(.home-type-Platform, #aaaa #bbbb) .header .assets-box .wallet ion-icon[data-v-519d9a50] {
    font-size: 1.125rem
}

.auroral-yellow .header[data-v-519d9a50] {
    --padding-end: .9375rem;
    --background: #24221F
}

.auroral-yellow .header[data-v-519d9a50] .menu-bar {
    color: #8a867c
}

.auroral-yellow .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
}

.auroral-yellow .header .assets-box .assets-img[data-v-519d9a50] {
    width: 1.25rem;
    margin-inline-end: .3125rem
}

.auroral-yellow .header .assets-box .currency[data-v-519d9a50] {
    font-size: .875rem;
    font-weight: 700;
    margin-right: .25rem;
    color: #fff;
    text-shadow: 0 0 .625rem #FFB200
}

.auroral-yellow .header .assets-box .assets-box-number[data-v-519d9a50] {
    font-size: .875rem;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 0 .625rem #FFB200
}

.auroral-yellow .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(180deg, #ffc271, #f2910d)
}

.auroral-yellow .header .assets-box .wallet ion-icon[data-v-519d9a50] {
    font-size: 1.125rem;
    color: #fff
}

.auroral-yellow .header .assets-box .deposit[data-v-519d9a50] {
    margin-left: .375rem;
    border-radius: .375rem;
    background: linear-gradient(180deg, #252320, #36322c)
}

.auroral-yellow .header .assets-box ion-button[data-v-519d9a50]::part(native) {
    color: #f7fb43
}

.auroral-yellow .header .primaryBtn .login[data-v-519d9a50]::part(native) {
    background: transparent;
    color: #fff
}

.auroral-yellow .header .primaryBtn .register[data-v-519d9a50]::part(native) {
    background: #f7fb43;
    color: #2d2d2d
}

.auroral-yellow .header .primaryBtn .register-btn-warpper[data-v-519d9a50] {
    display: flex;
    align-items: center;
    position: relative
}

.auroral-yellow .header .primaryBtn .register-btn-warpper .rewardTag[data-v-519d9a50] {
    position: absolute;
    top: -.5rem;
    right: -.5rem
}

.auroral-yellow .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
}

.auroral-yellow .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
}

.auroral-yellow .header ion-button.outline-btn[data-v-519d9a50] {
    --border-width: .0625rem;
    --border-style: solid
}

.auroral-yellow .header ion-button.outline-btn.login[data-v-519d9a50] {
    --background: #1A223A;
    --color: #1F8AE4;
    --border-color: #1F8AE4
}

.auroral-yellow .header ion-button.outline-btn.login[data-v-519d9a50]::part(native) {
    color: #1f8ae4
}

.auroral-yellow .header ion-button.outline-btn.register[data-v-519d9a50] {
    --background: #3C3834;
    --color: #FBA531;
    --border-color: #FBA531
}

.auroral-yellow .header ion-button.outline-btn.register[data-v-519d9a50]::part(native) {
    color: #fba531
}

.auroral-yellow .header ion-button.search[data-v-519d9a50] {
    padding-left: .5rem;
    margin: 0;
    font-size: 1.375rem
}

.auroral-yellow .header ion-button.search .search-icon[data-v-519d9a50] {
    color: #bdb8e1
}

.auroral-yellow .header ion-button.earth[data-v-519d9a50] {
    flex-shrink: 0;
    padding-left: .5rem;
    margin: 0;
    font-size: 1.375rem
}

.auroral-yellow .header ion-button.earth .language-icon[data-v-519d9a50] {
    color: #bdb8e1
}

.auroral-yellow .header ion-button.btn-margin+.btn-margin[data-v-519d9a50] {
    margin-inline-start: .625rem
}

.auroral-yellow #language[data-v-519d9a50] {
    --background: #3B3466
}

.auroral-yellow #language[data-v-519d9a50]::part(content) {
    margin-top: 1.5rem;
    margin-left: .125rem;
    border-radius: .375rem;
    width: max-content
}

.auroral-yellow #language ion-button[data-v-519d9a50] {
    --color: #BDB8E1;
    --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
}

.auroral-yellow #language ion-button .flag[data-v-519d9a50] {
    border-radius: .75rem;
    font-size: 1.25rem;
    margin-right: .5rem
}

.auroral-yellow .header[data-v-519d9a50] {
    --padding-start: .875rem;
    --padding-end: .625rem
}

.auroral-yellow .header[data-v-519d9a50] .menu-btn {
    padding-inline-start: 0;
    padding-inline-end: .375rem
}

.auroral-yellow .header[data-v-519d9a50] .menu-bar {
    padding: .375rem;
    border-radius: .375rem;
    background: #171616
}

.auroral-yellow .header .assets-box .currency[data-v-519d9a50],
.auroral-yellow .header .assets-box .assets-box-number[data-v-519d9a50] {
    font-style: italic
}

.auroral-yellow .header .assets-box .deposit[data-v-519d9a50] {
    margin-inline-start: 1.25rem;
    box-shadow: 0 -.0625rem #f7fb43 inset
}

.auroral-yellow .header .assets-box .deposit[data-v-519d9a50]::part(native) {
    font-size: .6875rem;
    font-weight: 600
}

.auroral-yellow .header .primaryBtn[data-v-519d9a50] {
    display: flex;
    align-items: center
}

.auroral-yellow .header .primaryBtn .login[data-v-519d9a50] {
    font-size: .875rem;
    font-weight: 700;
    --box-shadow: none;
    --background-hover: transparent
}

.auroral-yellow .header .primaryBtn .register[data-v-519d9a50] {
    font-size: .875rem;
    font-weight: 700
}

.auroral-yellow .header ion-button.btn-margin+.btn-margin[data-v-519d9a50] {
    margin-inline-start: .5rem
}

.color-primary-600[data-v-af85f064] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-af85f064] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-af85f064] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-af85f064] {
    color: var(--color-primary-900)
}

.bg-100[data-v-af85f064] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-af85f064] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-af85f064] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-af85f064] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-af85f064] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-af85f064] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-af85f064] {
    background-color: var(--color-warning)
}

.bg-link[data-v-af85f064] {
    background-color: var(--color-link)
}

.bg-danger[data-v-af85f064] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-af85f064] {
    color: var(--color-text-100)
}

.color-text-80[data-v-af85f064] {
    color: var(--color-text-80)
}

.color-text-50[data-v-af85f064] {
    color: var(--color-text-50)
}

.color-text-40[data-v-af85f064] {
    color: var(--color-text-40)
}

.color-text-20[data-v-af85f064] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-af85f064] {
    color: var(--color-currency)
}

.color-warning[data-v-af85f064] {
    color: var(--color-warning)
}

.color-danger[data-v-af85f064] {
    color: var(--color-danger)
}

.color-link[data-v-af85f064] {
    color: var(--color-link)
}

.color-line[data-v-af85f064] {
    color: var(--color-line)
}

.color-border[data-v-af85f064] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-af85f064] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-af85f064] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-af85f064] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-af85f064] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-af85f064] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-af85f064] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-af85f064] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-af85f064] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-af85f064] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-af85f064] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-af85f064] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-af85f064] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-af85f064] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-af85f064] {
    display: flex;
    align-items: center
}

.flex-start[data-v-af85f064] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-af85f064] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-af85f064] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-af85f064] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-af85f064] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-af85f064] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-af85f064] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-af85f064] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-af85f064] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-af85f064] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-af85f064] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-af85f064] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-af85f064] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-af85f064] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-af85f064] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-af85f064] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-af85f064] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-af85f064] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-af85f064] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-af85f064] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-af85f064] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-af85f064] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-af85f064] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-af85f064] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-af85f064],
.mlm-selected-item[data-v-af85f064] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-af85f064] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-af85f064]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-af85f064] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-af85f064] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-af85f064] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.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
}

ion-col[data-v-c42a3008] {
    padding-inline-start: .1875rem;
    padding-inline-end: .1875rem;
    padding-top: 0;
    padding-bottom: 0
}

ion-col div.recharge[data-v-c42a3008] {
    background: linear-gradient(90deg, #ffdc62, #ffb448)
}

ion-col div.activity[data-v-c42a3008] {
    background: linear-gradient(90deg, #c85ffb, #73a4f7)
}

ion-col.agent[data-v-c42a3008] {
    background: linear-gradient(90deg, #e34a22, #ff8b3d 40%, #ff8b3d 59.5%, #e34a22)
}

ion-col.agent p[data-v-c42a3008] {
    position: relative;
    color: #d53d03
}

ion-col.agent p[data-v-c42a3008]:before {
    content: attr(text);
    position: absolute;
    top: -.125rem;
    left: 0;
    z-index: 10;
    background: linear-gradient(180deg, #fef0d6 16.5%, #fff 23.44%, #ffe0a7 44.27%, #ffe7bb 58.63%, #fff 70.4%, #ffe1a7 90%);
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 800;
    text-shadow: none
}

.arrow[data-v-c42a3008] {
    animation: arrow-c42a3008 1s infinite
}

@keyframes arrow-c42a3008 {
    0% {
        transform: translate(-5px)
    }

    50% {
        transform: translate(0)
    }

    to {
        transform: translate(-5px)
    }
}

ion-col[data-v-8a00e9ff] {
    padding-inline-start: .1875rem;
    padding-inline-end: .1875rem;
    padding-top: 0;
    padding-bottom: 0
}

ion-col div.recharge[data-v-8a00e9ff] {
    background: linear-gradient(90deg, #ffdc62, #ffb448)
}

ion-col div.activity[data-v-8a00e9ff] {
    background: linear-gradient(90deg, #c85ffb, #73a4f7)
}

ion-col.agent[data-v-8a00e9ff] {
    background: linear-gradient(90deg, #e34a22, #ff8b3d 40%, #ff8b3d 59.5%, #e34a22)
}

ion-col.agent p[data-v-8a00e9ff] {
    position: relative;
    color: #d53d03
}

ion-col.agent p[data-v-8a00e9ff]:before {
    content: attr(text);
    position: absolute;
    top: -.125rem;
    left: 0;
    z-index: 10;
    background: linear-gradient(180deg, #fef0d6 16.5%, #fff 23.44%, #ffe0a7 44.27%, #ffe7bb 58.63%, #fff 70.4%, #ffe1a7 90%);
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 800;
    text-shadow: none
}

.arrow[data-v-8a00e9ff] {
    animation: arrow-8a00e9ff 1s infinite
}

@keyframes arrow-8a00e9ff {
    0% {
        transform: translate(-5px)
    }

    50% {
        transform: translate(0)
    }

    to {
        transform: translate(-5px)
    }
}

.color-primary-600[data-v-001b6d8d] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-001b6d8d] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-001b6d8d] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-001b6d8d] {
    color: var(--color-primary-900)
}

.bg-100[data-v-001b6d8d] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-001b6d8d] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-001b6d8d] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-001b6d8d] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-001b6d8d] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-001b6d8d] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-001b6d8d] {
    background-color: var(--color-warning)
}

.bg-link[data-v-001b6d8d] {
    background-color: var(--color-link)
}

.bg-danger[data-v-001b6d8d] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-001b6d8d] {
    color: var(--color-text-100)
}

.color-text-80[data-v-001b6d8d] {
    color: var(--color-text-80)
}

.color-text-50[data-v-001b6d8d] {
    color: var(--color-text-50)
}

.color-text-40[data-v-001b6d8d] {
    color: var(--color-text-40)
}

.color-text-20[data-v-001b6d8d] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-001b6d8d] {
    color: var(--color-currency)
}

.color-warning[data-v-001b6d8d] {
    color: var(--color-warning)
}

.color-danger[data-v-001b6d8d] {
    color: var(--color-danger)
}

.color-link[data-v-001b6d8d] {
    color: var(--color-link)
}

.color-line[data-v-001b6d8d] {
    color: var(--color-line)
}

.color-border[data-v-001b6d8d] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-001b6d8d] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-001b6d8d] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-001b6d8d] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-001b6d8d] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-001b6d8d] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-001b6d8d] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-001b6d8d] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-001b6d8d] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-001b6d8d] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-001b6d8d] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-001b6d8d] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-001b6d8d] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-001b6d8d] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-001b6d8d] {
    display: flex;
    align-items: center
}

.flex-start[data-v-001b6d8d] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-001b6d8d] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-001b6d8d] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-001b6d8d] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-001b6d8d] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-001b6d8d] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-001b6d8d] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-001b6d8d] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-001b6d8d] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-001b6d8d] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-001b6d8d] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-001b6d8d] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-001b6d8d] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-001b6d8d] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-001b6d8d] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-001b6d8d] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-001b6d8d] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-001b6d8d] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-001b6d8d] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-001b6d8d] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-001b6d8d] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-001b6d8d] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-001b6d8d] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-001b6d8d] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-001b6d8d],
.mlm-selected-item[data-v-001b6d8d] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-001b6d8d] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-001b6d8d]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-001b6d8d] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-001b6d8d] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-001b6d8d] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.wrapper[data-v-001b6d8d] {
    padding-inline: .9375rem;
    margin-block-start: .625rem
}

.wrapper ion-segment[data-v-001b6d8d] {
    --background: transparent;
    height: 3.125rem;
    gap: .375rem;
    border-radius: 0
}

.wrapper ion-segment.ios ion-segment-button[data-v-001b6d8d] {
    --border-radius: 1.25rem;
    --indicator-color: transparent;
    --color: transparent;
    --color-checked: transparent;
    --padding-start: 0;
    --padding-end: 0;
    --padding-top: 0;
    --padding-bottom: 0;
    text-transform: capitalize;
    margin-top: 0;
    margin-bottom: 0;
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    width: 9.375rem;
    border-radius: .625rem;
    overflow: hidden
}

.wrapper ion-segment.ios ion-segment-button .img[data-v-001b6d8d] {
    width: 100%
}

ion-col[data-v-c1e98f1f] {
    padding: unset;
    margin: unset
}

.color-primary-600[data-v-c9817b65] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-c9817b65] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-c9817b65] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-c9817b65] {
    color: var(--color-primary-900)
}

.bg-100[data-v-c9817b65] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-c9817b65] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-c9817b65] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-c9817b65] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-c9817b65] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-c9817b65] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-c9817b65] {
    background-color: var(--color-warning)
}

.bg-link[data-v-c9817b65] {
    background-color: var(--color-link)
}

.bg-danger[data-v-c9817b65] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-c9817b65] {
    color: var(--color-text-100)
}

.color-text-80[data-v-c9817b65] {
    color: var(--color-text-80)
}

.color-text-50[data-v-c9817b65] {
    color: var(--color-text-50)
}

.color-text-40[data-v-c9817b65] {
    color: var(--color-text-40)
}

.color-text-20[data-v-c9817b65] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-c9817b65] {
    color: var(--color-currency)
}

.color-warning[data-v-c9817b65] {
    color: var(--color-warning)
}

.color-danger[data-v-c9817b65] {
    color: var(--color-danger)
}

.color-link[data-v-c9817b65] {
    color: var(--color-link)
}

.color-line[data-v-c9817b65] {
    color: var(--color-line)
}

.color-border[data-v-c9817b65] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-c9817b65] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-c9817b65] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-c9817b65] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-c9817b65] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-c9817b65] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-c9817b65] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-c9817b65] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-c9817b65] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-c9817b65] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-c9817b65] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-c9817b65] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-c9817b65] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-c9817b65] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-c9817b65] {
    display: flex;
    align-items: center
}

.flex-start[data-v-c9817b65] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-c9817b65] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-c9817b65] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-c9817b65] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-c9817b65] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-c9817b65] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-c9817b65] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-c9817b65] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-c9817b65] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-c9817b65] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-c9817b65] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-c9817b65] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-c9817b65] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-c9817b65] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-c9817b65] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-c9817b65] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-c9817b65] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-c9817b65] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-c9817b65] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-c9817b65] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-c9817b65] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-c9817b65] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-c9817b65] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-c9817b65] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-c9817b65],
.mlm-selected-item[data-v-c9817b65] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-c9817b65] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-c9817b65]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-c9817b65] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-c9817b65] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-c9817b65] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.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
}

.green-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: #366718
}

.green-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, #2d5714 46.36%, rgba(54, 103, 24, .4))
}

.green-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, #2d5714 46.36%, rgba(54, 103, 24, .4))
}

.green-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: #afc69f
}

.green-default .tabbar-tabs-inicio-components-MarqueeView-default-index .label[data-v-c9817b65] {
    z-index: 0;
    color: #afc69f
}

.green-default .tabbar-tabs-inicio-components-MarqueeView-default-index .badge[data-v-c9817b65] {
    z-index: 4;
    position: relative;
    padding-inline-end: .25rem
}

.green-default .tabbar-tabs-inicio-components-MarqueeView-default-index .badge ion-icon[data-v-c9817b65] {
    font-size: 1.25rem;
    vertical-align: sub;
    color: #fff
}

.green-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
}

.amber-purple .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: #2c294d
}

.amber-purple .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, #201d3b 46.36%, rgba(44, 41, 77, .4))
}

.amber-purple .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, #201d3b 46.36%, rgba(44, 41, 77, .4))
}

.amber-purple .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: #bdb8e1
}

.amber-purple .tabbar-tabs-inicio-components-MarqueeView-default-index .label[data-v-c9817b65] {
    z-index: 0;
    color: #bdb8e1
}

.amber-purple .tabbar-tabs-inicio-components-MarqueeView-default-index .badge[data-v-c9817b65] {
    z-index: 4;
    position: relative;
    padding-inline-end: .25rem
}

.amber-purple .tabbar-tabs-inicio-components-MarqueeView-default-index .badge ion-icon[data-v-c9817b65] {
    font-size: 1.25rem;
    vertical-align: sub;
    color: #fff
}

.amber-purple .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
}

.color-primary-600[data-v-a2dcac1d] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-a2dcac1d] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-a2dcac1d] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-a2dcac1d] {
    color: var(--color-primary-900)
}

.bg-100[data-v-a2dcac1d] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-a2dcac1d] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-a2dcac1d] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-a2dcac1d] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-a2dcac1d] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-a2dcac1d] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-a2dcac1d] {
    background-color: var(--color-warning)
}

.bg-link[data-v-a2dcac1d] {
    background-color: var(--color-link)
}

.bg-danger[data-v-a2dcac1d] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-a2dcac1d] {
    color: var(--color-text-100)
}

.color-text-80[data-v-a2dcac1d] {
    color: var(--color-text-80)
}

.color-text-50[data-v-a2dcac1d] {
    color: var(--color-text-50)
}

.color-text-40[data-v-a2dcac1d] {
    color: var(--color-text-40)
}

.color-text-20[data-v-a2dcac1d] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-a2dcac1d] {
    color: var(--color-currency)
}

.color-warning[data-v-a2dcac1d] {
    color: var(--color-warning)
}

.color-danger[data-v-a2dcac1d] {
    color: var(--color-danger)
}

.color-link[data-v-a2dcac1d] {
    color: var(--color-link)
}

.color-line[data-v-a2dcac1d] {
    color: var(--color-line)
}

.color-border[data-v-a2dcac1d] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-a2dcac1d] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-a2dcac1d] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-a2dcac1d] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-a2dcac1d] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-a2dcac1d] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-a2dcac1d] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-a2dcac1d] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-a2dcac1d] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-a2dcac1d] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-a2dcac1d] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-a2dcac1d] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-a2dcac1d] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-a2dcac1d] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-a2dcac1d] {
    display: flex;
    align-items: center
}

.flex-start[data-v-a2dcac1d] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-a2dcac1d] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-a2dcac1d] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-a2dcac1d] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-a2dcac1d] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-a2dcac1d] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-a2dcac1d] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-a2dcac1d] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-a2dcac1d] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-a2dcac1d] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-a2dcac1d] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-a2dcac1d] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-a2dcac1d] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-a2dcac1d] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-a2dcac1d] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-a2dcac1d] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-a2dcac1d] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-a2dcac1d] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-a2dcac1d] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-a2dcac1d] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-a2dcac1d] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-a2dcac1d] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-a2dcac1d] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-a2dcac1d] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-a2dcac1d],
.mlm-selected-item[data-v-a2dcac1d] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-a2dcac1d] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-a2dcac1d]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-a2dcac1d] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-a2dcac1d] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-a2dcac1d] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.green-default .v01 .marquee-container[data-v-a2dcac1d],
.green-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/marquee.svg) no-repeat no-repeat center / 100% 100%
}

.green-default .v01 .marquee-container .megaphone[data-v-a2dcac1d],
.green-default .v02 .marquee-container .megaphone[data-v-a2dcac1d] {
    width: 1.25rem;
    height: 1.25rem;
    margin-inline-end: .6875rem;
    color: #afc69f
}

.green-default .v01 .marquee-container .label[data-v-a2dcac1d],
.green-default .v02 .marquee-container .label[data-v-a2dcac1d] {
    color: #fbed3c;
    margin-top: .3125rem
}

.green-default .v01 .marquee-container .badge[data-v-a2dcac1d],
.green-default .v02 .marquee-container .badge[data-v-a2dcac1d] {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(-60%);
    width: 1rem;
    height: 1rem;
    font-size: .75rem
}

.green-default .v01 .marquee-container .badge ion-icon[data-v-a2dcac1d],
.green-default .v02 .marquee-container .badge ion-icon[data-v-a2dcac1d] {
    font-size: 1rem
}

.green-default .v01 .marquee-container .badge .dot[data-v-a2dcac1d],
.green-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
}

.forest-green .v01 .marquee-container[data-v-a2dcac1d],
.forest-green .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/marquee1.svg) no-repeat no-repeat center / 100% 100%
}

.forest-green .v01 .marquee-container .megaphone[data-v-a2dcac1d],
.forest-green .v02 .marquee-container .megaphone[data-v-a2dcac1d] {
    width: 1.25rem;
    height: 1.25rem;
    margin-inline-end: .6875rem;
    color: #fff
}

.forest-green .v01 .marquee-container .label[data-v-a2dcac1d],
.forest-green .v02 .marquee-container .label[data-v-a2dcac1d] {
    color: #fbed3c;
    margin-top: .3125rem
}

.forest-green .v01 .marquee-container .badge[data-v-a2dcac1d],
.forest-green .v02 .marquee-container .badge[data-v-a2dcac1d] {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(-60%);
    width: 1rem;
    height: 1rem;
    font-size: .75rem
}

.forest-green .v01 .marquee-container .badge ion-icon[data-v-a2dcac1d],
.forest-green .v02 .marquee-container .badge ion-icon[data-v-a2dcac1d] {
    font-size: 1rem
}

.forest-green .v01 .marquee-container .badge .dot[data-v-a2dcac1d],
.forest-green .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
}

.amber-purple .v01 .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/marquee2.svg) no-repeat no-repeat center / 100% 100%
}

.amber-purple .v01 .marquee-container .megaphone[data-v-a2dcac1d] {
    width: 1.25rem;
    height: 1.25rem;
    margin-inline-end: .6875rem;
    color: #bdb8e1
}

.amber-purple .v01 .marquee-container .label[data-v-a2dcac1d] {
    color: #3ee48a;
    margin-top: .3125rem
}

.amber-purple .v01 .marquee-container .badge[data-v-a2dcac1d] {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(-60%);
    width: 1rem;
    height: 1rem;
    font-size: .75rem
}

.amber-purple .v01 .marquee-container .badge ion-icon[data-v-a2dcac1d] {
    font-size: 1rem
}

.amber-purple .v01 .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 .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
}

.color-primary-600[data-v-c779dc80] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-c779dc80] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-c779dc80] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-c779dc80] {
    color: var(--color-primary-900)
}

.bg-100[data-v-c779dc80] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-c779dc80] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-c779dc80] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-c779dc80] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-c779dc80] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-c779dc80] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-c779dc80] {
    background-color: var(--color-warning)
}

.bg-link[data-v-c779dc80] {
    background-color: var(--color-link)
}

.bg-danger[data-v-c779dc80] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-c779dc80] {
    color: var(--color-text-100)
}

.color-text-80[data-v-c779dc80] {
    color: var(--color-text-80)
}

.color-text-50[data-v-c779dc80] {
    color: var(--color-text-50)
}

.color-text-40[data-v-c779dc80] {
    color: var(--color-text-40)
}

.color-text-20[data-v-c779dc80] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-c779dc80] {
    color: var(--color-currency)
}

.color-warning[data-v-c779dc80] {
    color: var(--color-warning)
}

.color-danger[data-v-c779dc80] {
    color: var(--color-danger)
}

.color-link[data-v-c779dc80] {
    color: var(--color-link)
}

.color-line[data-v-c779dc80] {
    color: var(--color-line)
}

.color-border[data-v-c779dc80] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-c779dc80] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-c779dc80] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-c779dc80] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-c779dc80] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-c779dc80] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-c779dc80] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-c779dc80] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-c779dc80] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-c779dc80] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-c779dc80] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-c779dc80] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-c779dc80] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-c779dc80] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-c779dc80] {
    display: flex;
    align-items: center
}

.flex-start[data-v-c779dc80] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-c779dc80] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-c779dc80] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-c779dc80] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-c779dc80] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-c779dc80] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-c779dc80] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-c779dc80] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-c779dc80] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-c779dc80] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-c779dc80] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-c779dc80] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-c779dc80] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-c779dc80] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-c779dc80] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-c779dc80] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-c779dc80] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-c779dc80] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-c779dc80] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-c779dc80] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-c779dc80] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-c779dc80] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-c779dc80] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-c779dc80] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-c779dc80],
.mlm-selected-item[data-v-c779dc80] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-c779dc80] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-c779dc80]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-c779dc80] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-c779dc80] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-c779dc80] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.tabbar-tabs-inicio-components-MarqueeView-default-index[data-v-c779dc80] {
    height: 2.25rem;
    margin-block: .75rem;
    margin-inline: .9375rem;
    display: flex;
    align-items: center;
    gap: .625rem
}

.tabbar-tabs-inicio-components-MarqueeView-default-index .megaphone-wrapper[data-v-c779dc80] {
    flex: 1;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
    border-radius: .25rem;
    background: #24221f
}

.tabbar-tabs-inicio-components-MarqueeView-default-index .megaphone-wrapper[data-v-c779dc80]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 2.5rem;
    height: 100%;
    border-radius: .25rem 0 0 .25rem;
    background: none
}

.tabbar-tabs-inicio-components-MarqueeView-default-index .megaphone-wrapper[data-v-c779dc80]:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    width: 2.5rem;
    height: 100%;
    border-radius: 0 .25rem .25rem 0;
    background: none
}

.tabbar-tabs-inicio-components-MarqueeView-default-index .megaphone-wrapper .megaphone[data-v-c779dc80] {
    z-index: 4;
    font-size: 1.25rem;
    padding-inline-start: .5rem;
    padding-inline-end: .375rem;
    color: #fff
}

.tabbar-tabs-inicio-components-MarqueeView-default-index .megaphone-wrapper .label[data-v-c779dc80] {
    z-index: 0;
    color: #fff
}

.tabbar-tabs-inicio-components-MarqueeView-default-index .megaphone-wrapper .badge[data-v-c779dc80] {
    z-index: 4;
    width: 1.375rem;
    height: 1.3125rem;
    padding: .375rem;
    margin-inline-start: .25rem;
    margin-inline-end: .4375rem;
    border-radius: 40%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background: #38342e
}

.tabbar-tabs-inicio-components-MarqueeView-default-index .megaphone-wrapper .badge ion-icon[data-v-c779dc80] {
    position: absolute;
    font-size: .6875rem;
    color: #f7fb43
}

.tabbar-tabs-inicio-components-MarqueeView-default-index .megaphone-wrapper .badge .dot[data-v-c779dc80] {
    position: absolute;
    top: -.25rem;
    right: -.3125rem;
    width: .75rem;
    height: .75rem;
    line-height: .75rem;
    font-size: .5625rem;
    border-radius: 50%;
    color: #fff;
    background-color: red;
    text-align: center
}

.tabbar-tabs-inicio-components-MarqueeView-default-index ion-button.unset-btn[data-v-c779dc80] {
    --padding-top: 0;
    --padding-bottom: 0;
    --padding-start: 0;
    --padding-end: 0;
    min-height: min-content;
    min-width: min-content
}

.tabbar-tabs-inicio-components-MarqueeView-default-index ion-button.search[data-v-c779dc80] {
    margin: 0;
    width: 2.25rem;
    height: 100%;
    --border-radius: .375rem;
    --background: #24221F
}

.tabbar-tabs-inicio-components-MarqueeView-default-index ion-button.search .search-icon[data-v-c779dc80] {
    font-size: 1.375rem;
    color: #f7fb43
}

.color-primary-600[data-v-5c9afe31] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-5c9afe31] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-5c9afe31] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-5c9afe31] {
    color: var(--color-primary-900)
}

.bg-100[data-v-5c9afe31] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-5c9afe31] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-5c9afe31] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-5c9afe31] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-5c9afe31] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-5c9afe31] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-5c9afe31] {
    background-color: var(--color-warning)
}

.bg-link[data-v-5c9afe31] {
    background-color: var(--color-link)
}

.bg-danger[data-v-5c9afe31] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-5c9afe31] {
    color: var(--color-text-100)
}

.color-text-80[data-v-5c9afe31] {
    color: var(--color-text-80)
}

.color-text-50[data-v-5c9afe31] {
    color: var(--color-text-50)
}

.color-text-40[data-v-5c9afe31] {
    color: var(--color-text-40)
}

.color-text-20[data-v-5c9afe31] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-5c9afe31] {
    color: var(--color-currency)
}

.color-warning[data-v-5c9afe31] {
    color: var(--color-warning)
}

.color-danger[data-v-5c9afe31] {
    color: var(--color-danger)
}

.color-link[data-v-5c9afe31] {
    color: var(--color-link)
}

.color-line[data-v-5c9afe31] {
    color: var(--color-line)
}

.color-border[data-v-5c9afe31] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-5c9afe31] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-5c9afe31] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-5c9afe31] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-5c9afe31] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-5c9afe31] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-5c9afe31] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-5c9afe31] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-5c9afe31] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-5c9afe31] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-5c9afe31] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-5c9afe31] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-5c9afe31] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-5c9afe31] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-5c9afe31] {
    display: flex;
    align-items: center
}

.flex-start[data-v-5c9afe31] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-5c9afe31] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-5c9afe31] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-5c9afe31] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-5c9afe31] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-5c9afe31] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-5c9afe31] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-5c9afe31] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-5c9afe31] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-5c9afe31] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-5c9afe31] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-5c9afe31] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-5c9afe31] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-5c9afe31] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-5c9afe31] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-5c9afe31] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-5c9afe31] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-5c9afe31] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-5c9afe31] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-5c9afe31] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-5c9afe31] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-5c9afe31] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-5c9afe31] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-5c9afe31] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-5c9afe31],
.mlm-selected-item[data-v-5c9afe31] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-5c9afe31] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-5c9afe31]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-5c9afe31] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-5c9afe31] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-5c9afe31] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.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
}

.green-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: #34571d
}

.green-default .tabbar-tabs-inicio-components-AppInstall-default-index .install-container[data-v-5c9afe31] {
    padding-inline: .5625rem;
    margin-block: .625rem;
    font-size: .625rem
}

.green-default .tabbar-tabs-inicio-components-AppInstall-default-index .install-container .row[data-v-5c9afe31] {
    height: 2.625rem
}

.green-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
}

.green-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: #34571d
}

.green-default .tabbar-tabs-inicio-components-AppInstall-default-index .install-container .install-btn .icon[data-v-5c9afe31] {
    font-size: 1.875rem;
    margin-right: .3125rem
}

.green-default .tabbar-tabs-inicio-components-AppInstall-default-index .install-container .install-btn .text[data-v-5c9afe31] {
    color: #afc69f
}

.green-default .tabbar-tabs-inicio-components-AppInstall-default-index .install-container .install-btn .text-sub[data-v-5c9afe31] {
    font-size: .5rem;
    color: #7e9071
}

.amber-purple .tabbar-tabs-inicio-components-AppInstall-default-index .divider[data-v-5c9afe31] {
    width: 22.5rem;
    height: 1px;
    margin-left: .9375rem;
    margin-block: .9375rem;
    background-color: #5f588c
}

.amber-purple .tabbar-tabs-inicio-components-AppInstall-default-index .install-container[data-v-5c9afe31] {
    padding-inline: .5625rem;
    margin-block: .625rem;
    font-size: .625rem
}

.amber-purple .tabbar-tabs-inicio-components-AppInstall-default-index .install-container .row[data-v-5c9afe31] {
    height: 2.625rem
}

.amber-purple .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
}

.amber-purple .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: #5f588c
}

.amber-purple .tabbar-tabs-inicio-components-AppInstall-default-index .install-container .install-btn .icon[data-v-5c9afe31] {
    font-size: 1.875rem;
    margin-right: .3125rem
}

.amber-purple .tabbar-tabs-inicio-components-AppInstall-default-index .install-container .install-btn .text[data-v-5c9afe31] {
    color: #bdb8e1
}

.amber-purple .tabbar-tabs-inicio-components-AppInstall-default-index .install-container .install-btn .text-sub[data-v-5c9afe31] {
    font-size: .5rem;
    color: #686299
}

.color-primary-600[data-v-acf44767] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-acf44767] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-acf44767] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-acf44767] {
    color: var(--color-primary-900)
}

.bg-100[data-v-acf44767] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-acf44767] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-acf44767] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-acf44767] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-acf44767] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-acf44767] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-acf44767] {
    background-color: var(--color-warning)
}

.bg-link[data-v-acf44767] {
    background-color: var(--color-link)
}

.bg-danger[data-v-acf44767] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-acf44767] {
    color: var(--color-text-100)
}

.color-text-80[data-v-acf44767] {
    color: var(--color-text-80)
}

.color-text-50[data-v-acf44767] {
    color: var(--color-text-50)
}

.color-text-40[data-v-acf44767] {
    color: var(--color-text-40)
}

.color-text-20[data-v-acf44767] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-acf44767] {
    color: var(--color-currency)
}

.color-warning[data-v-acf44767] {
    color: var(--color-warning)
}

.color-danger[data-v-acf44767] {
    color: var(--color-danger)
}

.color-link[data-v-acf44767] {
    color: var(--color-link)
}

.color-line[data-v-acf44767] {
    color: var(--color-line)
}

.color-border[data-v-acf44767] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-acf44767] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-acf44767] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-acf44767] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-acf44767] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-acf44767] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-acf44767] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-acf44767] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-acf44767] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-acf44767] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-acf44767] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-acf44767] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-acf44767] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-acf44767] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-acf44767] {
    display: flex;
    align-items: center
}

.flex-start[data-v-acf44767] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-acf44767] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-acf44767] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-acf44767] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-acf44767] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-acf44767] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-acf44767] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-acf44767] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-acf44767] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-acf44767] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-acf44767] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-acf44767] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-acf44767] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-acf44767] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-acf44767] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-acf44767] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-acf44767] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-acf44767] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-acf44767] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-acf44767] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-acf44767] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-acf44767] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-acf44767] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-acf44767] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-acf44767],
.mlm-selected-item[data-v-acf44767] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-acf44767] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-acf44767]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-acf44767] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-acf44767] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-acf44767] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.install-container[data-v-acf44767] {
    background: url(/images/appInstallBg.png) no-repeat center center / cover
}

.install-container .topLine[data-v-acf44767] {
    background: linear-gradient(0deg, #bff1ff, #bff1ff), linear-gradient(180deg, #fff, rgba(255, 255, 255, 0));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    box-shadow: 0 .13rem .26rem rgba(0, 0, 0, .14)
}

.install-container .text[data-v-acf44767] {
    font-weight: 700;
    color: #4075d3
}

.border[data-v-acf44767]:active {
    background: rgba(255, 255, 255, .8)
}

ion-col[data-v-acf44767] {
    padding-inline-start: .375rem;
    padding-inline-end: .375rem;
    padding-top: 0;
    padding-bottom: 0
}

.green-default .install-container .border[data-v-acf44767] {
    border-color: var(--line-color);
    background-color: var(--color-bg-200)
}

.green-default .install-container .text[data-v-acf44767] {
    color: var(--color-text-gray-100)
}

.green-default .install-container .text-sub[data-v-acf44767] {
    color: var(--color-text-gray-200)
}

.color-primary-600[data-v-86b06481] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-86b06481] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-86b06481] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-86b06481] {
    color: var(--color-primary-900)
}

.bg-100[data-v-86b06481] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-86b06481] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-86b06481] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-86b06481] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-86b06481] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-86b06481] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-86b06481] {
    background-color: var(--color-warning)
}

.bg-link[data-v-86b06481] {
    background-color: var(--color-link)
}

.bg-danger[data-v-86b06481] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-86b06481] {
    color: var(--color-text-100)
}

.color-text-80[data-v-86b06481] {
    color: var(--color-text-80)
}

.color-text-50[data-v-86b06481] {
    color: var(--color-text-50)
}

.color-text-40[data-v-86b06481] {
    color: var(--color-text-40)
}

.color-text-20[data-v-86b06481] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-86b06481] {
    color: var(--color-currency)
}

.color-warning[data-v-86b06481] {
    color: var(--color-warning)
}

.color-danger[data-v-86b06481] {
    color: var(--color-danger)
}

.color-link[data-v-86b06481] {
    color: var(--color-link)
}

.color-line[data-v-86b06481] {
    color: var(--color-line)
}

.color-border[data-v-86b06481] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-86b06481] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-86b06481] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-86b06481] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-86b06481] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-86b06481] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-86b06481] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-86b06481] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-86b06481] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-86b06481] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-86b06481] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-86b06481] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-86b06481] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-86b06481] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-86b06481] {
    display: flex;
    align-items: center
}

.flex-start[data-v-86b06481] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-86b06481] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-86b06481] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-86b06481] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-86b06481] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-86b06481] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-86b06481] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-86b06481] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-86b06481] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-86b06481] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-86b06481] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-86b06481] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-86b06481] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-86b06481] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-86b06481] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-86b06481] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-86b06481] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-86b06481] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-86b06481] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-86b06481] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-86b06481] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-86b06481] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-86b06481] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-86b06481] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-86b06481],
.mlm-selected-item[data-v-86b06481] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-86b06481] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-86b06481]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-86b06481] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-86b06481] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-86b06481] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.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
}

.color-primary-600[data-v-b7b0d936] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-b7b0d936] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-b7b0d936] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-b7b0d936] {
    color: var(--color-primary-900)
}

.bg-100[data-v-b7b0d936] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-b7b0d936] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-b7b0d936] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-b7b0d936] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-b7b0d936] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-b7b0d936] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-b7b0d936] {
    background-color: var(--color-warning)
}

.bg-link[data-v-b7b0d936] {
    background-color: var(--color-link)
}

.bg-danger[data-v-b7b0d936] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-b7b0d936] {
    color: var(--color-text-100)
}

.color-text-80[data-v-b7b0d936] {
    color: var(--color-text-80)
}

.color-text-50[data-v-b7b0d936] {
    color: var(--color-text-50)
}

.color-text-40[data-v-b7b0d936] {
    color: var(--color-text-40)
}

.color-text-20[data-v-b7b0d936] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-b7b0d936] {
    color: var(--color-currency)
}

.color-warning[data-v-b7b0d936] {
    color: var(--color-warning)
}

.color-danger[data-v-b7b0d936] {
    color: var(--color-danger)
}

.color-link[data-v-b7b0d936] {
    color: var(--color-link)
}

.color-line[data-v-b7b0d936] {
    color: var(--color-line)
}

.color-border[data-v-b7b0d936] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-b7b0d936] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-b7b0d936] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-b7b0d936] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-b7b0d936] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-b7b0d936] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-b7b0d936] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-b7b0d936] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-b7b0d936] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-b7b0d936] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-b7b0d936] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-b7b0d936] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-b7b0d936] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-b7b0d936] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-b7b0d936] {
    display: flex;
    align-items: center
}

.flex-start[data-v-b7b0d936] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-b7b0d936] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-b7b0d936] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-b7b0d936] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-b7b0d936] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-b7b0d936] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-b7b0d936] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-b7b0d936] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-b7b0d936] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-b7b0d936] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-b7b0d936] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-b7b0d936] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-b7b0d936] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-b7b0d936] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-b7b0d936] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-b7b0d936] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-b7b0d936] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-b7b0d936] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-b7b0d936] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-b7b0d936] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-b7b0d936] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-b7b0d936] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-b7b0d936] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-b7b0d936] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-b7b0d936],
.mlm-selected-item[data-v-b7b0d936] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-b7b0d936] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-b7b0d936]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-b7b0d936] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-b7b0d936] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-b7b0d936] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.green-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
}

.green-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;
    z-index: -2
}

.green-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%, #ffe565 36.19%, rgba(255, 229, 101, 0));
    opacity: .32;
    z-index: -1
}

.green-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%, #CCFFBF 100%);
    text-shadow: 0 .13rem .2599rem rgba(0, 0, 0, .14);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block
}

.green-default .install-container .introduce[data-v-b7b0d936] {
    color: #7e9071;
    font-weight: 600;
    font-size: .875rem;
    text-align: center
}

.green-default .install-container .btn-container[data-v-b7b0d936] {
    display: flex;
    gap: 1.875rem;
    margin-top: 2.1875rem;
    text-align: left
}

.green-default .install-container .btn-container .ios-btn[data-v-b7b0d936],
.green-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)
}

.green-default .install-container .btn-container .ios-btn[data-v-b7b0d936]:active,
.green-default .install-container .btn-container .android-btn[data-v-b7b0d936]:active {
    transform: scale(.95)
}

.green-default .install-container .btn-container .ios-btn .logo[data-v-b7b0d936],
.green-default .install-container .btn-container .android-btn .logo[data-v-b7b0d936] {
    font-size: 1.875rem;
    margin-right: .3125rem
}

.green-default .install-container .btn-container .ios-btn .text-sub[data-v-b7b0d936],
.green-default .install-container .btn-container .android-btn .text-sub[data-v-b7b0d936] {
    color: #afc69f;
    font-size: .5rem;
    font-weight: 400;
    line-height: 1;
    margin-bottom: .3125rem
}

.green-default .install-container .btn-container .ios-btn .text[data-v-b7b0d936],
.green-default .install-container .btn-container .android-btn .text[data-v-b7b0d936] {
    color: #fff;
    font-size: .625rem;
    font-weight: 500;
    line-height: 1.1
}

.green-default .install-container .btn-container .ios-btn .logo[data-v-b7b0d936] {
    color: #fff
}

.green-default .install-container .app-logo[data-v-b7b0d936] {
    display: inline-block;
    width: 12.8125rem;
    height: 2.9896rem;
    margin-top: 1.875rem
}

.forest-green .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
}

.forest-green .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, .1) 67.55%, rgba(0, 0, 0, .16));
    z-index: -2
}

.forest-green .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%, #a7f167 36.19%, rgba(255, 229, 101, 0));
    opacity: .32;
    z-index: -1
}

.forest-green .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%, #CCFFBF 100%);
    text-shadow: 0 .13rem .2599rem rgba(0, 0, 0, .14);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block
}

.forest-green .install-container .introduce[data-v-b7b0d936] {
    color: #fff;
    font-weight: 600;
    font-size: .875rem;
    text-align: center
}

.forest-green .install-container .btn-container[data-v-b7b0d936] {
    display: flex;
    gap: 1.875rem;
    margin-top: 2.1875rem;
    text-align: left
}

.forest-green .install-container .btn-container .ios-btn[data-v-b7b0d936],
.forest-green .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, .13)
}

.forest-green .install-container .btn-container .ios-btn[data-v-b7b0d936]:active,
.forest-green .install-container .btn-container .android-btn[data-v-b7b0d936]:active {
    transform: scale(.95)
}

.forest-green .install-container .btn-container .ios-btn .logo[data-v-b7b0d936],
.forest-green .install-container .btn-container .android-btn .logo[data-v-b7b0d936] {
    font-size: 1.875rem;
    margin-right: .3125rem
}

.forest-green .install-container .btn-container .ios-btn .text-sub[data-v-b7b0d936],
.forest-green .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
}

.forest-green .install-container .btn-container .ios-btn .text[data-v-b7b0d936],
.forest-green .install-container .btn-container .android-btn .text[data-v-b7b0d936] {
    color: #fff;
    font-size: .625rem;
    font-weight: 500;
    line-height: 1.1
}

.forest-green .install-container .btn-container .ios-btn .logo[data-v-b7b0d936] {
    color: #fff
}

.forest-green .install-container .app-logo[data-v-b7b0d936] {
    display: inline-block;
    width: 12.8125rem;
    height: 2.9896rem;
    margin-top: 1.875rem
}

.forest-green .install-container[data-v-b7b0d936]:before {
    filter: sepia(1) saturate(5) hue-rotate(120deg) brightness(.7)
}

.amber-purple .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
}

.amber-purple .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, .1) 67.55%, rgba(0, 0, 0, .16));
    z-index: -2
}

.amber-purple .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%, rgba(255, 229, 101, .5) 36.19%, rgba(255, 229, 101, 0));
    opacity: .32;
    z-index: -1
}

.amber-purple .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%, #D5C0FD 100%);
    text-shadow: 0 .13rem .2599rem rgba(0, 0, 0, .14);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block
}

.amber-purple .install-container .introduce[data-v-b7b0d936] {
    color: #bdb8e1;
    font-weight: 600;
    font-size: .875rem;
    text-align: center
}

.amber-purple .install-container .btn-container[data-v-b7b0d936] {
    display: flex;
    gap: 1.875rem;
    margin-top: 2.1875rem;
    text-align: left
}

.amber-purple .install-container .btn-container .ios-btn[data-v-b7b0d936],
.amber-purple .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)
}

.amber-purple .install-container .btn-container .ios-btn[data-v-b7b0d936]:active,
.amber-purple .install-container .btn-container .android-btn[data-v-b7b0d936]:active {
    transform: scale(.95)
}

.amber-purple .install-container .btn-container .ios-btn .logo[data-v-b7b0d936],
.amber-purple .install-container .btn-container .android-btn .logo[data-v-b7b0d936] {
    font-size: 1.875rem;
    margin-right: .3125rem
}

.amber-purple .install-container .btn-container .ios-btn .text-sub[data-v-b7b0d936],
.amber-purple .install-container .btn-container .android-btn .text-sub[data-v-b7b0d936] {
    color: #bdb8e1;
    font-size: .5rem;
    font-weight: 400;
    line-height: 1;
    margin-bottom: .3125rem
}

.amber-purple .install-container .btn-container .ios-btn .text[data-v-b7b0d936],
.amber-purple .install-container .btn-container .android-btn .text[data-v-b7b0d936] {
    color: #fff;
    font-size: .625rem;
    font-weight: 500;
    line-height: 1.1
}

.amber-purple .install-container .btn-container .ios-btn .logo[data-v-b7b0d936] {
    color: #fff
}

.amber-purple .install-container .app-logo[data-v-b7b0d936] {
    display: inline-block;
    width: 12.8125rem;
    height: 2.9896rem;
    margin-top: 1.875rem
}

.amber-purple .install-container[data-v-b7b0d936]:before {
    filter: sepia(1) saturate(.1) hue-rotate(120deg) brightness(1)
}

.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)
}

.color-primary-600[data-v-832ca017] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-832ca017] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-832ca017] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-832ca017] {
    color: var(--color-primary-900)
}

.bg-100[data-v-832ca017] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-832ca017] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-832ca017] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-832ca017] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-832ca017] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-832ca017] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-832ca017] {
    background-color: var(--color-warning)
}

.bg-link[data-v-832ca017] {
    background-color: var(--color-link)
}

.bg-danger[data-v-832ca017] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-832ca017] {
    color: var(--color-text-100)
}

.color-text-80[data-v-832ca017] {
    color: var(--color-text-80)
}

.color-text-50[data-v-832ca017] {
    color: var(--color-text-50)
}

.color-text-40[data-v-832ca017] {
    color: var(--color-text-40)
}

.color-text-20[data-v-832ca017] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-832ca017] {
    color: var(--color-currency)
}

.color-warning[data-v-832ca017] {
    color: var(--color-warning)
}

.color-danger[data-v-832ca017] {
    color: var(--color-danger)
}

.color-link[data-v-832ca017] {
    color: var(--color-link)
}

.color-line[data-v-832ca017] {
    color: var(--color-line)
}

.color-border[data-v-832ca017] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-832ca017] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-832ca017] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-832ca017] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-832ca017] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-832ca017] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-832ca017] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-832ca017] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-832ca017] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-832ca017] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-832ca017] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-832ca017] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-832ca017] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-832ca017] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-832ca017] {
    display: flex;
    align-items: center
}

.flex-start[data-v-832ca017] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-832ca017] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-832ca017] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-832ca017] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-832ca017] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-832ca017] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-832ca017] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-832ca017] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-832ca017] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-832ca017] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-832ca017] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-832ca017] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-832ca017] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-832ca017] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-832ca017] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-832ca017] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-832ca017] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-832ca017] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-832ca017] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-832ca017] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-832ca017] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-832ca017] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-832ca017] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-832ca017] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-832ca017],
.mlm-selected-item[data-v-832ca017] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-832ca017] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-832ca017]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-832ca017] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-832ca017] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-832ca017] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .app-install[data-v-832ca017] {
    display: flex;
    align-items: center;
    margin-inline-end: 1rem;
    margin-block-start: 3.625rem
}

html .app-install .showy[data-v-832ca017] {
    width: 0;
    height: 13.4063rem
}

html .app-install .showy.good-img[data-v-832ca017] {
    position: relative;
    flex-shrink: 0;
    width: 6.4375rem;
    margin-inline-end: -.875rem
}

html .app-install-content[data-v-832ca017] {
    padding: 1.0625rem 1rem .875rem;
    border-radius: .625rem;
    border: .0625rem solid #4C4943
}

html .app-install-content .title[data-v-832ca017] {
    display: flex;
    align-items: center;
    font-size: .875rem;
    font-weight: 500;
    color: #fff
}

html .app-install-content .title .title-logo[data-v-832ca017] {
    width: 1.25rem;
    height: 1.25rem;
    color: var(--theme-color-800)
}

html .app-install-content .description[data-v-832ca017] {
    margin-block-start: .625rem;
    font-size: .75rem;
    font-weight: 400;
    color: var(--text-color2)
}

html .app-install-content .btn-container[data-v-832ca017] {
    margin-block-start: .875rem;
    display: flex;
    gap: 1rem
}

html .app-install-content .btn-container .ios-btn[data-v-832ca017],
html .app-install-content .btn-container .android-btn[data-v-832ca017] {
    flex: 1;
    min-height: 2.625rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6.1875rem;
    border: .0625rem solid #4C4943;
    background: linear-gradient(180deg, #38342e 4.76%, #24221f)
}

html .app-install-content .btn-container .ios-btn[data-v-832ca017]:active,
html .app-install-content .btn-container .android-btn[data-v-832ca017]:active {
    transform: scale(.95)
}

html .app-install-content .btn-container .ios-btn .logo[data-v-832ca017],
html .app-install-content .btn-container .android-btn .logo[data-v-832ca017] {
    font-size: 1.25rem;
    margin-inline-end: .375rem
}

html .app-install-content .btn-container .ios-btn .text[data-v-832ca017],
html .app-install-content .btn-container .android-btn .text[data-v-832ca017] {
    font-size: .625rem;
    font-weight: 700;
    color: #fff
}

.color-primary-600[data-v-c8a3e52b] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-c8a3e52b] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-c8a3e52b] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-c8a3e52b] {
    color: var(--color-primary-900)
}

.bg-100[data-v-c8a3e52b] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-c8a3e52b] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-c8a3e52b] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-c8a3e52b] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-c8a3e52b] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-c8a3e52b] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-c8a3e52b] {
    background-color: var(--color-warning)
}

.bg-link[data-v-c8a3e52b] {
    background-color: var(--color-link)
}

.bg-danger[data-v-c8a3e52b] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-c8a3e52b] {
    color: var(--color-text-100)
}

.color-text-80[data-v-c8a3e52b] {
    color: var(--color-text-80)
}

.color-text-50[data-v-c8a3e52b] {
    color: var(--color-text-50)
}

.color-text-40[data-v-c8a3e52b] {
    color: var(--color-text-40)
}

.color-text-20[data-v-c8a3e52b] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-c8a3e52b] {
    color: var(--color-currency)
}

.color-warning[data-v-c8a3e52b] {
    color: var(--color-warning)
}

.color-danger[data-v-c8a3e52b] {
    color: var(--color-danger)
}

.color-link[data-v-c8a3e52b] {
    color: var(--color-link)
}

.color-line[data-v-c8a3e52b] {
    color: var(--color-line)
}

.color-border[data-v-c8a3e52b] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-c8a3e52b] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-c8a3e52b] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-c8a3e52b] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-c8a3e52b] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-c8a3e52b] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-c8a3e52b] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-c8a3e52b] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-c8a3e52b] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-c8a3e52b] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-c8a3e52b] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-c8a3e52b] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-c8a3e52b] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-c8a3e52b] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-c8a3e52b] {
    display: flex;
    align-items: center
}

.flex-start[data-v-c8a3e52b] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-c8a3e52b] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-c8a3e52b] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-c8a3e52b] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-c8a3e52b] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-c8a3e52b] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-c8a3e52b] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-c8a3e52b] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-c8a3e52b] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-c8a3e52b] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-c8a3e52b] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-c8a3e52b] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-c8a3e52b] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-c8a3e52b] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-c8a3e52b] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-c8a3e52b] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-c8a3e52b] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-c8a3e52b] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-c8a3e52b] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-c8a3e52b] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-c8a3e52b] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-c8a3e52b] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-c8a3e52b] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-c8a3e52b] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-c8a3e52b],
.mlm-selected-item[data-v-c8a3e52b] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-c8a3e52b] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-c8a3e52b]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-c8a3e52b] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-c8a3e52b] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-c8a3e52b] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.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
}

.green-default .tabbar-tabs-inicio-components-FooterContent-default-index[data-v-c8a3e52b] {
    padding-inline: .9375rem
}

.green-default .tabbar-tabs-inicio-components-FooterContent-default-index .divider[data-v-c8a3e52b] {
    height: 1px;
    width: 22.5rem;
    margin-block: .9375rem;
    background-color: #34571d
}

.green-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: #afc69f
}

.green-default .tabbar-tabs-inicio-components-FooterContent-default-index .footer-container .content[data-v-c8a3e52b] {
    margin: .625rem 0 .875rem;
    color: #7e9071
}

.green-default .tabbar-tabs-inicio-components-FooterContent-default-index .footer-container .content .text[data-v-c8a3e52b] {
    font-size: .6875rem;
    line-height: 1.5
}

.green-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: #afc69f
}

.green-default .tabbar-tabs-inicio-components-FooterContent-default-index .footer-container .intro .text[data-v-c8a3e52b] {
    font-weight: 800;
    font-size: .875rem;
    color: #afc69f
}

.green-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: #7e9071
}

.amber-purple .tabbar-tabs-inicio-components-FooterContent-default-index[data-v-c8a3e52b] {
    padding-inline: .9375rem
}

.amber-purple .tabbar-tabs-inicio-components-FooterContent-default-index .divider[data-v-c8a3e52b] {
    height: 1px;
    width: 22.5rem;
    margin-block: .9375rem;
    background-color: #5f588c
}

.amber-purple .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: #bdb8e1
}

.amber-purple .tabbar-tabs-inicio-components-FooterContent-default-index .footer-container .content[data-v-c8a3e52b] {
    margin: .625rem 0 .875rem;
    color: #686299
}

.amber-purple .tabbar-tabs-inicio-components-FooterContent-default-index .footer-container .content .text[data-v-c8a3e52b] {
    font-size: .6875rem;
    line-height: 1.5
}

.amber-purple .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: #bdb8e1
}

.amber-purple .tabbar-tabs-inicio-components-FooterContent-default-index .footer-container .intro .text[data-v-c8a3e52b] {
    font-weight: 800;
    font-size: .875rem;
    color: #bdb8e1
}

.amber-purple .tabbar-tabs-inicio-components-FooterContent-default-index .footer-container .intro .version[data-v-c8a3e52b] {
    margin-left: .5rem;
    font-size: .625rem;
    text-align: center;
    color: #686299
}

.color-primary-600[data-v-6f1199dd] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-6f1199dd] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-6f1199dd] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-6f1199dd] {
    color: var(--color-primary-900)
}

.bg-100[data-v-6f1199dd] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-6f1199dd] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-6f1199dd] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-6f1199dd] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-6f1199dd] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-6f1199dd] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-6f1199dd] {
    background-color: var(--color-warning)
}

.bg-link[data-v-6f1199dd] {
    background-color: var(--color-link)
}

.bg-danger[data-v-6f1199dd] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-6f1199dd] {
    color: var(--color-text-100)
}

.color-text-80[data-v-6f1199dd] {
    color: var(--color-text-80)
}

.color-text-50[data-v-6f1199dd] {
    color: var(--color-text-50)
}

.color-text-40[data-v-6f1199dd] {
    color: var(--color-text-40)
}

.color-text-20[data-v-6f1199dd] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-6f1199dd] {
    color: var(--color-currency)
}

.color-warning[data-v-6f1199dd] {
    color: var(--color-warning)
}

.color-danger[data-v-6f1199dd] {
    color: var(--color-danger)
}

.color-link[data-v-6f1199dd] {
    color: var(--color-link)
}

.color-line[data-v-6f1199dd] {
    color: var(--color-line)
}

.color-border[data-v-6f1199dd] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-6f1199dd] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-6f1199dd] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-6f1199dd] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-6f1199dd] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-6f1199dd] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-6f1199dd] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-6f1199dd] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-6f1199dd] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-6f1199dd] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-6f1199dd] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-6f1199dd] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-6f1199dd] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-6f1199dd] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-6f1199dd] {
    display: flex;
    align-items: center
}

.flex-start[data-v-6f1199dd] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-6f1199dd] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-6f1199dd] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-6f1199dd] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-6f1199dd] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-6f1199dd] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-6f1199dd] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-6f1199dd] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-6f1199dd] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-6f1199dd] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-6f1199dd] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-6f1199dd] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-6f1199dd] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-6f1199dd] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-6f1199dd] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-6f1199dd] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-6f1199dd] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-6f1199dd] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-6f1199dd] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-6f1199dd] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-6f1199dd] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-6f1199dd] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-6f1199dd] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-6f1199dd] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-6f1199dd],
.mlm-selected-item[data-v-6f1199dd] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-6f1199dd] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-6f1199dd]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-6f1199dd] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-6f1199dd] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-6f1199dd] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.divider[data-v-6f1199dd] {
    background-color: var(--line-color)
}

ion-col[data-v-6f1199dd] {
    padding-inline-start: 0;
    padding-inline-end: 0;
    padding-top: 0;
    padding-bottom: 0
}

.green-default .footer-container .text[data-v-6f1199dd] {
    color: var(--color-text-gray-100)
}

.green-default .footer-container .text-sub[data-v-6f1199dd] {
    color: var(--color-text-gray-200)
}

.version[data-v-6f1199dd] {
    color: var(--color-text-second)
}

.color-primary-600[data-v-3c72d563] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-3c72d563] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-3c72d563] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-3c72d563] {
    color: var(--color-primary-900)
}

.bg-100[data-v-3c72d563] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-3c72d563] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-3c72d563] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-3c72d563] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-3c72d563] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-3c72d563] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-3c72d563] {
    background-color: var(--color-warning)
}

.bg-link[data-v-3c72d563] {
    background-color: var(--color-link)
}

.bg-danger[data-v-3c72d563] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-3c72d563] {
    color: var(--color-text-100)
}

.color-text-80[data-v-3c72d563] {
    color: var(--color-text-80)
}

.color-text-50[data-v-3c72d563] {
    color: var(--color-text-50)
}

.color-text-40[data-v-3c72d563] {
    color: var(--color-text-40)
}

.color-text-20[data-v-3c72d563] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-3c72d563] {
    color: var(--color-currency)
}

.color-warning[data-v-3c72d563] {
    color: var(--color-warning)
}

.color-danger[data-v-3c72d563] {
    color: var(--color-danger)
}

.color-link[data-v-3c72d563] {
    color: var(--color-link)
}

.color-line[data-v-3c72d563] {
    color: var(--color-line)
}

.color-border[data-v-3c72d563] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-3c72d563] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-3c72d563] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-3c72d563] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-3c72d563] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-3c72d563] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-3c72d563] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-3c72d563] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-3c72d563] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-3c72d563] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-3c72d563] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-3c72d563] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-3c72d563] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-3c72d563] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-3c72d563] {
    display: flex;
    align-items: center
}

.flex-start[data-v-3c72d563] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-3c72d563] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-3c72d563] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-3c72d563] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-3c72d563] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-3c72d563] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-3c72d563] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-3c72d563] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-3c72d563] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-3c72d563] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-3c72d563] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-3c72d563] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-3c72d563] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-3c72d563] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-3c72d563] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-3c72d563] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-3c72d563] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-3c72d563] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-3c72d563] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-3c72d563] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-3c72d563] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-3c72d563] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-3c72d563] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-3c72d563] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-3c72d563],
.mlm-selected-item[data-v-3c72d563] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-3c72d563] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-3c72d563]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-3c72d563] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-3c72d563] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-3c72d563] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.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
}

.color-primary-600[data-v-cc04f3dc] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-cc04f3dc] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-cc04f3dc] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-cc04f3dc] {
    color: var(--color-primary-900)
}

.bg-100[data-v-cc04f3dc] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-cc04f3dc] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-cc04f3dc] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-cc04f3dc] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-cc04f3dc] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-cc04f3dc] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-cc04f3dc] {
    background-color: var(--color-warning)
}

.bg-link[data-v-cc04f3dc] {
    background-color: var(--color-link)
}

.bg-danger[data-v-cc04f3dc] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-cc04f3dc] {
    color: var(--color-text-100)
}

.color-text-80[data-v-cc04f3dc] {
    color: var(--color-text-80)
}

.color-text-50[data-v-cc04f3dc] {
    color: var(--color-text-50)
}

.color-text-40[data-v-cc04f3dc] {
    color: var(--color-text-40)
}

.color-text-20[data-v-cc04f3dc] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-cc04f3dc] {
    color: var(--color-currency)
}

.color-warning[data-v-cc04f3dc] {
    color: var(--color-warning)
}

.color-danger[data-v-cc04f3dc] {
    color: var(--color-danger)
}

.color-link[data-v-cc04f3dc] {
    color: var(--color-link)
}

.color-line[data-v-cc04f3dc] {
    color: var(--color-line)
}

.color-border[data-v-cc04f3dc] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-cc04f3dc] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-cc04f3dc] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-cc04f3dc] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-cc04f3dc] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-cc04f3dc] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-cc04f3dc] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-cc04f3dc] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-cc04f3dc] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-cc04f3dc] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-cc04f3dc] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-cc04f3dc] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-cc04f3dc] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-cc04f3dc] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-cc04f3dc] {
    display: flex;
    align-items: center
}

.flex-start[data-v-cc04f3dc] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-cc04f3dc] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-cc04f3dc] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-cc04f3dc] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-cc04f3dc] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-cc04f3dc] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-cc04f3dc] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-cc04f3dc] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-cc04f3dc] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-cc04f3dc] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-cc04f3dc] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-cc04f3dc] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-cc04f3dc] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-cc04f3dc] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-cc04f3dc] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-cc04f3dc] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-cc04f3dc] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-cc04f3dc] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-cc04f3dc] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-cc04f3dc] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-cc04f3dc] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-cc04f3dc] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-cc04f3dc] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-cc04f3dc] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-cc04f3dc],
.mlm-selected-item[data-v-cc04f3dc] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-cc04f3dc] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-cc04f3dc]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-cc04f3dc] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-cc04f3dc] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-cc04f3dc] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.green-default .footer-container[data-v-cc04f3dc] {
    background: #183009;
    color: #7e9071;
    border-radius: 0 0 .625rem .625rem
}

.green-default .footer-container .content .text[data-v-cc04f3dc] {
    color: #7e9071
}

.green-default .footer-container .intro .text[data-v-cc04f3dc] {
    color: #afc69f
}

.green-default .footer-container .intro .version[data-v-cc04f3dc] {
    color: #7e9071
}

.forest-green .footer-container[data-v-cc04f3dc] {
    background: #006849;
    color: #50b388;
    border-radius: 0 0 .625rem .625rem
}

.forest-green .footer-container .content .text[data-v-cc04f3dc],
.forest-green .footer-container .intro .text[data-v-cc04f3dc] {
    color: #50b388
}

.forest-green .footer-container .intro .version[data-v-cc04f3dc] {
    color: rgba(255, 255, 255, .4)
}

.amber-purple .footer-container[data-v-cc04f3dc] {
    background: var(--color-bg-200);
    color: var(--text-color2);
    border-radius: 0 0 .625rem .625rem
}

.amber-purple .footer-container .content .text[data-v-cc04f3dc] {
    color: var(--text-color2)
}

.amber-purple .footer-container .intro .text[data-v-cc04f3dc] {
    color: var(--text-color1)
}

.amber-purple .footer-container .intro .version[data-v-cc04f3dc] {
    color: #7e9071
}

.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
}

.color-primary-600[data-v-f3eaa1cd] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-f3eaa1cd] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-f3eaa1cd] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-f3eaa1cd] {
    color: var(--color-primary-900)
}

.bg-100[data-v-f3eaa1cd] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-f3eaa1cd] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-f3eaa1cd] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-f3eaa1cd] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-f3eaa1cd] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-f3eaa1cd] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-f3eaa1cd] {
    background-color: var(--color-warning)
}

.bg-link[data-v-f3eaa1cd] {
    background-color: var(--color-link)
}

.bg-danger[data-v-f3eaa1cd] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-f3eaa1cd] {
    color: var(--color-text-100)
}

.color-text-80[data-v-f3eaa1cd] {
    color: var(--color-text-80)
}

.color-text-50[data-v-f3eaa1cd] {
    color: var(--color-text-50)
}

.color-text-40[data-v-f3eaa1cd] {
    color: var(--color-text-40)
}

.color-text-20[data-v-f3eaa1cd] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-f3eaa1cd] {
    color: var(--color-currency)
}

.color-warning[data-v-f3eaa1cd] {
    color: var(--color-warning)
}

.color-danger[data-v-f3eaa1cd] {
    color: var(--color-danger)
}

.color-link[data-v-f3eaa1cd] {
    color: var(--color-link)
}

.color-line[data-v-f3eaa1cd] {
    color: var(--color-line)
}

.color-border[data-v-f3eaa1cd] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-f3eaa1cd] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-f3eaa1cd] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-f3eaa1cd] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-f3eaa1cd] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-f3eaa1cd] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-f3eaa1cd] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-f3eaa1cd] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-f3eaa1cd] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-f3eaa1cd] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-f3eaa1cd] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-f3eaa1cd] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-f3eaa1cd] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-f3eaa1cd] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-f3eaa1cd] {
    display: flex;
    align-items: center
}

.flex-start[data-v-f3eaa1cd] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-f3eaa1cd] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-f3eaa1cd] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-f3eaa1cd] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-f3eaa1cd] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-f3eaa1cd] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-f3eaa1cd] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-f3eaa1cd] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-f3eaa1cd] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-f3eaa1cd] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-f3eaa1cd] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-f3eaa1cd] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-f3eaa1cd] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-f3eaa1cd] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-f3eaa1cd] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-f3eaa1cd] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-f3eaa1cd] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-f3eaa1cd] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-f3eaa1cd] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-f3eaa1cd] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-f3eaa1cd] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-f3eaa1cd] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-f3eaa1cd] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-f3eaa1cd] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-f3eaa1cd],
.mlm-selected-item[data-v-f3eaa1cd] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-f3eaa1cd] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-f3eaa1cd]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-f3eaa1cd] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-f3eaa1cd] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-f3eaa1cd] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .footer-container[data-v-f3eaa1cd] {
    margin-top: 2.5rem
}

html .footer-container .logo-box[data-v-f3eaa1cd] {
    display: flex;
    flex-direction: column;
    margin-block-end: 1.625rem;
    position: relative;
    z-index: 5
}

html .footer-container .logo-box .logo-box-inner[data-v-f3eaa1cd] {
    height: 3.75rem;
    padding-block: .75rem;
    display: flex;
    align-items: center
}

html .footer-container .logo-box .logo-box-inner .logo[data-v-f3eaa1cd] {
    width: auto;
    height: 100%;
    max-width: 11.25rem;
    object-fit: contain;
    object-position: left
}

html .footer-container .logo-box .logo-box-inner .age[data-v-f3eaa1cd] {
    height: 1.5rem
}

html .footer-container .logo-box .logo-box-inner .age[data-v-f3eaa1cd]:before {
    content: "";
    width: .0625rem;
    height: 100%;
    display: inline-block;
    margin-inline: .75rem;
    background-color: #38342e
}

html .footer-container .logo-box .logo-box-inner .age ion-icon[data-v-f3eaa1cd] {
    font-size: 1.5rem
}

html .footer-container .logo-box .intro[data-v-f3eaa1cd] {
    font-size: .75rem;
    font-weight: 400;
    color: var(--text-color2)
}

html .footer-container .content[data-v-f3eaa1cd] {
    position: relative;
    padding: 1.125rem 1.5rem 2.1875rem;
    border-radius: .625rem;
    background: #24221f;
    color: var(--text-color2)
}

html .footer-container .content[data-v-f3eaa1cd]:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    transform: translateY(-70%);
    width: 10.5rem;
    height: 10.5rem;
    background: url(/images/intro.png) no-repeat center center / contain;
    z-index: 1
}

html .footer-container .content .text[data-v-f3eaa1cd] {
    font-size: .6875rem;
    font-weight: 400;
    line-height: 1.5
}

html .footer-container .content .language-selection-box[data-v-f3eaa1cd] {
    margin-block-start: 1.625rem;
    background: #38342e
}

html .footer-container .content .language-selection-box[data-v-f3eaa1cd] .language-text {
    color: #fff
}

html .footer-container .content .language-selection-box[data-v-f3eaa1cd] .arrow-icon {
    background: #24221f;
    color: var(--text-color1)
}

html .footer-container .content .social-content[data-v-f3eaa1cd] {
    margin-block-start: 1.625rem
}

html .footer-container .version[data-v-f3eaa1cd] {
    margin-left: .5rem;
    font-size: .625rem;
    text-align: center;
    color: var(--text-color2)
}

.color-primary-600[data-v-06d49461] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-06d49461] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-06d49461] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-06d49461] {
    color: var(--color-primary-900)
}

.bg-100[data-v-06d49461] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-06d49461] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-06d49461] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-06d49461] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-06d49461] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-06d49461] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-06d49461] {
    background-color: var(--color-warning)
}

.bg-link[data-v-06d49461] {
    background-color: var(--color-link)
}

.bg-danger[data-v-06d49461] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-06d49461] {
    color: var(--color-text-100)
}

.color-text-80[data-v-06d49461] {
    color: var(--color-text-80)
}

.color-text-50[data-v-06d49461] {
    color: var(--color-text-50)
}

.color-text-40[data-v-06d49461] {
    color: var(--color-text-40)
}

.color-text-20[data-v-06d49461] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-06d49461] {
    color: var(--color-currency)
}

.color-warning[data-v-06d49461] {
    color: var(--color-warning)
}

.color-danger[data-v-06d49461] {
    color: var(--color-danger)
}

.color-link[data-v-06d49461] {
    color: var(--color-link)
}

.color-line[data-v-06d49461] {
    color: var(--color-line)
}

.color-border[data-v-06d49461] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-06d49461] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-06d49461] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-06d49461] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-06d49461] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-06d49461] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-06d49461] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-06d49461] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-06d49461] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-06d49461] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-06d49461] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-06d49461] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-06d49461] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-06d49461] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-06d49461] {
    display: flex;
    align-items: center
}

.flex-start[data-v-06d49461] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-06d49461] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-06d49461] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-06d49461] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-06d49461] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-06d49461] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-06d49461] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-06d49461] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-06d49461] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-06d49461] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-06d49461] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-06d49461] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-06d49461] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-06d49461] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-06d49461] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-06d49461] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-06d49461] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-06d49461] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-06d49461] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-06d49461] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-06d49461] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-06d49461] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-06d49461] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-06d49461] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-06d49461],
.mlm-selected-item[data-v-06d49461] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-06d49461] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-06d49461]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-06d49461] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-06d49461] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-06d49461] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.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
}

.green-default .tabbar-tabs-inicio-components-PartView-default-index[data-v-06d49461] {
    margin-block: .875rem;
    display: flex;
    flex-direction: column;
    align-items: center
}

.green-default .tabbar-tabs-inicio-components-PartView-default-index .game-brand[data-v-06d49461] {
    width: 21.25rem;
    height: 8.75rem
}

.green-default .tabbar-tabs-inicio-components-PartView-default-index .social-box[data-v-06d49461] {
    margin-top: .875rem;
    text-align: center;
    width: 100%;
    padding: 0 .46875rem
}

.green-default .tabbar-tabs-inicio-components-PartView-default-index .social-box .title[data-v-06d49461] {
    margin-bottom: .625rem;
    font-size: .625rem;
    color: #afc69f
}

.green-default .tabbar-tabs-inicio-components-PartView-default-index .social-box .row[data-v-06d49461] {
    width: 100%;
    justify-content: space-evenly
}

.green-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
}

.green-default .tabbar-tabs-inicio-components-PartView-default-index .payment-box[data-v-06d49461] {
    margin-top: .875rem
}

.green-default .tabbar-tabs-inicio-components-PartView-default-index .payment-box .img[data-v-06d49461] {
    width: 100%
}

.green-default .tabbar-tabs-inicio-components-PartView-default-index .divider[data-v-06d49461] {
    width: 22.5rem;
    height: 1px;
    background-color: #34571d
}

.amber-purple .tabbar-tabs-inicio-components-PartView-default-index[data-v-06d49461] {
    margin-block: .875rem;
    display: flex;
    flex-direction: column;
    align-items: center
}

.amber-purple .tabbar-tabs-inicio-components-PartView-default-index .game-brand[data-v-06d49461] {
    width: 21.25rem;
    height: 8.75rem
}

.amber-purple .tabbar-tabs-inicio-components-PartView-default-index .social-box[data-v-06d49461] {
    margin-top: .875rem;
    text-align: center;
    width: 100%;
    padding: 0 .46875rem
}

.amber-purple .tabbar-tabs-inicio-components-PartView-default-index .social-box .title[data-v-06d49461] {
    margin-bottom: .625rem;
    font-size: .625rem;
    color: #bdb8e1
}

.amber-purple .tabbar-tabs-inicio-components-PartView-default-index .social-box .row[data-v-06d49461] {
    width: 100%;
    justify-content: space-evenly
}

.amber-purple .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
}

.amber-purple .tabbar-tabs-inicio-components-PartView-default-index .payment-box[data-v-06d49461] {
    margin-top: .875rem
}

.amber-purple .tabbar-tabs-inicio-components-PartView-default-index .payment-box .img[data-v-06d49461] {
    width: 100%
}

.amber-purple .tabbar-tabs-inicio-components-PartView-default-index .divider[data-v-06d49461] {
    width: 22.5rem;
    height: 1px;
    background-color: #5f588c
}

.color-primary-600[data-v-6e921d0b] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-6e921d0b] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-6e921d0b] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-6e921d0b] {
    color: var(--color-primary-900)
}

.bg-100[data-v-6e921d0b] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-6e921d0b] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-6e921d0b] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-6e921d0b] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-6e921d0b] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-6e921d0b] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-6e921d0b] {
    background-color: var(--color-warning)
}

.bg-link[data-v-6e921d0b] {
    background-color: var(--color-link)
}

.bg-danger[data-v-6e921d0b] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-6e921d0b] {
    color: var(--color-text-100)
}

.color-text-80[data-v-6e921d0b] {
    color: var(--color-text-80)
}

.color-text-50[data-v-6e921d0b] {
    color: var(--color-text-50)
}

.color-text-40[data-v-6e921d0b] {
    color: var(--color-text-40)
}

.color-text-20[data-v-6e921d0b] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-6e921d0b] {
    color: var(--color-currency)
}

.color-warning[data-v-6e921d0b] {
    color: var(--color-warning)
}

.color-danger[data-v-6e921d0b] {
    color: var(--color-danger)
}

.color-link[data-v-6e921d0b] {
    color: var(--color-link)
}

.color-line[data-v-6e921d0b] {
    color: var(--color-line)
}

.color-border[data-v-6e921d0b] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-6e921d0b] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-6e921d0b] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-6e921d0b] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-6e921d0b] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-6e921d0b] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-6e921d0b] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-6e921d0b] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-6e921d0b] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-6e921d0b] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-6e921d0b] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-6e921d0b] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-6e921d0b] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-6e921d0b] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-6e921d0b] {
    display: flex;
    align-items: center
}

.flex-start[data-v-6e921d0b] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-6e921d0b] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-6e921d0b] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-6e921d0b] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-6e921d0b] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-6e921d0b] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-6e921d0b] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-6e921d0b] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-6e921d0b] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-6e921d0b] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-6e921d0b] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-6e921d0b] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-6e921d0b] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-6e921d0b] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-6e921d0b] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-6e921d0b] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-6e921d0b] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-6e921d0b] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-6e921d0b] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-6e921d0b] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-6e921d0b] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-6e921d0b] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-6e921d0b] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-6e921d0b] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-6e921d0b],
.mlm-selected-item[data-v-6e921d0b] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-6e921d0b] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-6e921d0b]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-6e921d0b] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-6e921d0b] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-6e921d0b] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.box[data-v-6e921d0b] {
    width: 4rem
}

.divider[data-v-6e921d0b] {
    background-color: var(--line-color)
}

.green-default .part-container .text[data-v-6e921d0b] {
    color: var(--color-text-gray-100)
}

.color-primary-600[data-v-0eab4a43] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-0eab4a43] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-0eab4a43] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-0eab4a43] {
    color: var(--color-primary-900)
}

.bg-100[data-v-0eab4a43] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-0eab4a43] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-0eab4a43] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-0eab4a43] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-0eab4a43] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-0eab4a43] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-0eab4a43] {
    background-color: var(--color-warning)
}

.bg-link[data-v-0eab4a43] {
    background-color: var(--color-link)
}

.bg-danger[data-v-0eab4a43] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-0eab4a43] {
    color: var(--color-text-100)
}

.color-text-80[data-v-0eab4a43] {
    color: var(--color-text-80)
}

.color-text-50[data-v-0eab4a43] {
    color: var(--color-text-50)
}

.color-text-40[data-v-0eab4a43] {
    color: var(--color-text-40)
}

.color-text-20[data-v-0eab4a43] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-0eab4a43] {
    color: var(--color-currency)
}

.color-warning[data-v-0eab4a43] {
    color: var(--color-warning)
}

.color-danger[data-v-0eab4a43] {
    color: var(--color-danger)
}

.color-link[data-v-0eab4a43] {
    color: var(--color-link)
}

.color-line[data-v-0eab4a43] {
    color: var(--color-line)
}

.color-border[data-v-0eab4a43] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-0eab4a43] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-0eab4a43] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-0eab4a43] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-0eab4a43] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-0eab4a43] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-0eab4a43] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-0eab4a43] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-0eab4a43] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-0eab4a43] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-0eab4a43] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-0eab4a43] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-0eab4a43] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-0eab4a43] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-0eab4a43] {
    display: flex;
    align-items: center
}

.flex-start[data-v-0eab4a43] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-0eab4a43] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-0eab4a43] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-0eab4a43] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-0eab4a43] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-0eab4a43] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-0eab4a43] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-0eab4a43] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-0eab4a43] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-0eab4a43] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-0eab4a43] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-0eab4a43] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-0eab4a43] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-0eab4a43] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-0eab4a43] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-0eab4a43] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-0eab4a43] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-0eab4a43] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-0eab4a43] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-0eab4a43] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-0eab4a43] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-0eab4a43] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-0eab4a43] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-0eab4a43] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-0eab4a43],
.mlm-selected-item[data-v-0eab4a43] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-0eab4a43] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-0eab4a43]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-0eab4a43] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-0eab4a43] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-0eab4a43] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.social-box[data-v-0eab4a43] {
    margin-top: 2.5rem;
    text-align: center;
    width: 100%;
    padding-inline: .9375rem
}

.social-box .title[data-v-0eab4a43] {
    margin-bottom: 1.25rem;
    font-size: .75rem;
    font-weight: 700;
    color: #899fbe
}

.social-box .img-container[data-v-0eab4a43] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 1.125rem
}

.social-box .img-container .img[data-v-0eab4a43] {
    flex-shrink: 0;
    width: 2.875rem;
    height: 2.875rem;
    border-radius: .75rem;
    border: .375rem solid rgba(137, 159, 190, .13);
    overflow: hidden;
    object-fit: cover
}

.color-primary-600[data-v-17f9e8b6] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-17f9e8b6] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-17f9e8b6] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-17f9e8b6] {
    color: var(--color-primary-900)
}

.bg-100[data-v-17f9e8b6] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-17f9e8b6] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-17f9e8b6] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-17f9e8b6] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-17f9e8b6] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-17f9e8b6] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-17f9e8b6] {
    background-color: var(--color-warning)
}

.bg-link[data-v-17f9e8b6] {
    background-color: var(--color-link)
}

.bg-danger[data-v-17f9e8b6] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-17f9e8b6] {
    color: var(--color-text-100)
}

.color-text-80[data-v-17f9e8b6] {
    color: var(--color-text-80)
}

.color-text-50[data-v-17f9e8b6] {
    color: var(--color-text-50)
}

.color-text-40[data-v-17f9e8b6] {
    color: var(--color-text-40)
}

.color-text-20[data-v-17f9e8b6] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-17f9e8b6] {
    color: var(--color-currency)
}

.color-warning[data-v-17f9e8b6] {
    color: var(--color-warning)
}

.color-danger[data-v-17f9e8b6] {
    color: var(--color-danger)
}

.color-link[data-v-17f9e8b6] {
    color: var(--color-link)
}

.color-line[data-v-17f9e8b6] {
    color: var(--color-line)
}

.color-border[data-v-17f9e8b6] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-17f9e8b6] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-17f9e8b6] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-17f9e8b6] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-17f9e8b6] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-17f9e8b6] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-17f9e8b6] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-17f9e8b6] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-17f9e8b6] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-17f9e8b6] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-17f9e8b6] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-17f9e8b6] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-17f9e8b6] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-17f9e8b6] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-17f9e8b6] {
    display: flex;
    align-items: center
}

.flex-start[data-v-17f9e8b6] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-17f9e8b6] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-17f9e8b6] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-17f9e8b6] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-17f9e8b6] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-17f9e8b6] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-17f9e8b6] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-17f9e8b6] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-17f9e8b6] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-17f9e8b6] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-17f9e8b6] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-17f9e8b6] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-17f9e8b6] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-17f9e8b6] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-17f9e8b6] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-17f9e8b6] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-17f9e8b6] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-17f9e8b6] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-17f9e8b6] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-17f9e8b6] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-17f9e8b6] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-17f9e8b6] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-17f9e8b6] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-17f9e8b6] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-17f9e8b6],
.mlm-selected-item[data-v-17f9e8b6] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-17f9e8b6] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-17f9e8b6]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-17f9e8b6] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-17f9e8b6] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-17f9e8b6] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.green-default .part-container[data-v-17f9e8b6] {
    padding-inline: .9375rem
}

.green-default .part-container .title[data-v-17f9e8b6] {
    font-size: .875rem;
    font-weight: 800;
    line-height: 2;
    align-self: flex-start;
    color: var(--text-color1)
}

.green-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
}

.green-default .part-container .game-img[data-v-17f9e8b6] {
    width: 100%;
    height: 6.25rem
}

.green-default .part-container .divider[data-v-17f9e8b6] {
    width: 100%;
    height: .0625rem;
    background-color: var(--line-color)
}

.forest-green .part-container[data-v-17f9e8b6] {
    padding-inline: .9375rem
}

.forest-green .part-container .title[data-v-17f9e8b6] {
    font-size: .875rem;
    font-weight: 800;
    line-height: 2;
    align-self: flex-start;
    color: #fff
}

.forest-green .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 #006849 inset
}

.forest-green .part-container .game-img[data-v-17f9e8b6] {
    width: 100%;
    height: 6.25rem
}

.forest-green .part-container .divider[data-v-17f9e8b6] {
    width: 100%;
    height: .0625rem;
    background-color: #009f76
}

.amber-purple .part-container[data-v-17f9e8b6] {
    padding-inline: .9375rem
}

.amber-purple .part-container .title[data-v-17f9e8b6] {
    font-size: .875rem;
    font-weight: 800;
    line-height: 2;
    align-self: flex-start;
    color: var(--text-color1)
}

.amber-purple .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
}

.amber-purple .part-container .game-img[data-v-17f9e8b6] {
    width: 100%;
    height: 6.25rem
}

.amber-purple .part-container .divider[data-v-17f9e8b6] {
    width: 100%;
    height: .0625rem;
    background-color: var(--line-color)
}

.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)
}

.color-primary-600[data-v-fe404896] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-fe404896] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-fe404896] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-fe404896] {
    color: var(--color-primary-900)
}

.bg-100[data-v-fe404896] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-fe404896] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-fe404896] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-fe404896] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-fe404896] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-fe404896] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-fe404896] {
    background-color: var(--color-warning)
}

.bg-link[data-v-fe404896] {
    background-color: var(--color-link)
}

.bg-danger[data-v-fe404896] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-fe404896] {
    color: var(--color-text-100)
}

.color-text-80[data-v-fe404896] {
    color: var(--color-text-80)
}

.color-text-50[data-v-fe404896] {
    color: var(--color-text-50)
}

.color-text-40[data-v-fe404896] {
    color: var(--color-text-40)
}

.color-text-20[data-v-fe404896] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-fe404896] {
    color: var(--color-currency)
}

.color-warning[data-v-fe404896] {
    color: var(--color-warning)
}

.color-danger[data-v-fe404896] {
    color: var(--color-danger)
}

.color-link[data-v-fe404896] {
    color: var(--color-link)
}

.color-line[data-v-fe404896] {
    color: var(--color-line)
}

.color-border[data-v-fe404896] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-fe404896] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-fe404896] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-fe404896] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-fe404896] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-fe404896] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-fe404896] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-fe404896] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-fe404896] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-fe404896] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-fe404896] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-fe404896] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-fe404896] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-fe404896] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-fe404896] {
    display: flex;
    align-items: center
}

.flex-start[data-v-fe404896] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-fe404896] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-fe404896] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-fe404896] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-fe404896] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-fe404896] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-fe404896] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-fe404896] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-fe404896] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-fe404896] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-fe404896] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-fe404896] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-fe404896] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-fe404896] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-fe404896] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-fe404896] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-fe404896] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-fe404896] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-fe404896] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-fe404896] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-fe404896] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-fe404896] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-fe404896] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-fe404896] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-fe404896],
.mlm-selected-item[data-v-fe404896] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-fe404896] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-fe404896]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-fe404896] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-fe404896] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-fe404896] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.game-classification[data-v-fe404896] {
    margin-block: 2.8125rem;
    margin-inline: .9375rem
}

.game-classification .head[data-v-fe404896] {
    display: flex;
    flex-direction: column;
    align-items: center
}

.game-classification .head .logo[data-v-fe404896] {
    width: 6.9375rem;
    height: 1.625rem
}

.game-classification .head .title[data-v-fe404896] {
    margin-top: .4375rem;
    font-size: .75rem;
    font-weight: 400;
    color: rgba(255, 255, 255, .4)
}

.game-classification .intro[data-v-fe404896] {
    font-size: .6875rem;
    line-height: 1.5;
    margin-bottom: 2.8125rem;
    text-align: center;
    color: #616d93
}

.game-classification .intro .text[data-v-fe404896] {
    font-weight: 800;
    font-size: .875rem;
    color: #616d93
}

.game-classification .intro .version[data-v-fe404896] {
    margin-left: .5rem;
    font-size: .625rem;
    text-align: center;
    color: #616d93
}

.game-classification .row[data-v-fe404896] {
    display: flex;
    margin-top: 1.25rem;
    padding-inline-start: 3.125rem;
    padding-inline-end: 1.5625rem
}

.game-classification .row .col[data-v-fe404896] {
    flex: 0 0 50%
}

.game-classification .row .col .col-title[data-v-fe404896] {
    font-size: .875rem;
    font-weight: 700;
    color: #fff
}

.game-classification .row .col .list[data-v-fe404896] {
    background: transparent;
    margin-top: 1rem
}

.game-classification .row .col .list .list-item[data-v-fe404896],
.game-classification .row .col .list .label[data-v-fe404896] {
    --background: transparent
}

.game-classification .row .col .list .list-item[data-v-fe404896] {
    color: #899fbe;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.8
}

.game-classification .row .col .list .active[data-v-fe404896] {
    color: #fff
}

.color-primary-600[data-v-8e4f8f19] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-8e4f8f19] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-8e4f8f19] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-8e4f8f19] {
    color: var(--color-primary-900)
}

.bg-100[data-v-8e4f8f19] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-8e4f8f19] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-8e4f8f19] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-8e4f8f19] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-8e4f8f19] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-8e4f8f19] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-8e4f8f19] {
    background-color: var(--color-warning)
}

.bg-link[data-v-8e4f8f19] {
    background-color: var(--color-link)
}

.bg-danger[data-v-8e4f8f19] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-8e4f8f19] {
    color: var(--color-text-100)
}

.color-text-80[data-v-8e4f8f19] {
    color: var(--color-text-80)
}

.color-text-50[data-v-8e4f8f19] {
    color: var(--color-text-50)
}

.color-text-40[data-v-8e4f8f19] {
    color: var(--color-text-40)
}

.color-text-20[data-v-8e4f8f19] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-8e4f8f19] {
    color: var(--color-currency)
}

.color-warning[data-v-8e4f8f19] {
    color: var(--color-warning)
}

.color-danger[data-v-8e4f8f19] {
    color: var(--color-danger)
}

.color-link[data-v-8e4f8f19] {
    color: var(--color-link)
}

.color-line[data-v-8e4f8f19] {
    color: var(--color-line)
}

.color-border[data-v-8e4f8f19] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-8e4f8f19] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-8e4f8f19] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-8e4f8f19] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-8e4f8f19] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-8e4f8f19] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-8e4f8f19] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-8e4f8f19] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-8e4f8f19] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-8e4f8f19] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-8e4f8f19] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-8e4f8f19] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-8e4f8f19] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-8e4f8f19] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-8e4f8f19] {
    display: flex;
    align-items: center
}

.flex-start[data-v-8e4f8f19] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-8e4f8f19] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-8e4f8f19] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-8e4f8f19] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-8e4f8f19] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-8e4f8f19] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-8e4f8f19] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-8e4f8f19] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-8e4f8f19] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-8e4f8f19] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-8e4f8f19] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-8e4f8f19] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-8e4f8f19] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-8e4f8f19] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-8e4f8f19] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-8e4f8f19] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-8e4f8f19] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-8e4f8f19] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-8e4f8f19] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-8e4f8f19] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-8e4f8f19] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-8e4f8f19] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-8e4f8f19] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-8e4f8f19] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-8e4f8f19],
.mlm-selected-item[data-v-8e4f8f19] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-8e4f8f19] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-8e4f8f19]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-8e4f8f19] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-8e4f8f19] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-8e4f8f19] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.green-default ion-segment[data-v-8e4f8f19]:after {
    content: "";
    display: block;
    height: .0625rem;
    width: 100%;
    background-color: #34571d;
    position: absolute;
    bottom: .03rem;
    left: 0;
    z-index: -1
}

.green-default ion-segment.md ion-segment-button[data-v-8e4f8f19] {
    --indicator-color: linear-gradient(90deg, #EABD5B, #4C8902);
    --indicator-height: .125rem;
    --padding-start: .375rem;
    --padding-end: .375rem;
    --padding-top: .125rem;
    --padding-bottom: .125rem;
    --color: #7E9071;
    --color-checked: #FBED3C;
    text-transform: capitalize;
    min-width: 0;
    font-size: .875rem;
    font-weight: 400
}

.green-default ion-segment.md ion-segment-button[data-v-8e4f8f19]::part(indicator) {
    width: 80%;
    margin-left: auto;
    margin-right: auto
}

.green-default ion-segment.md ion-segment-button .segment-button-checked[data-v-8e4f8f19]::part(native) {
    font-weight: 900;
    font-size: 1rem
}

.forest-green ion-segment[data-v-8e4f8f19]:after {
    content: "";
    display: block;
    height: .0625rem;
    width: 100%;
    background-color: #009f76;
    position: absolute;
    bottom: .03rem;
    left: 0;
    z-index: -1
}

.forest-green ion-segment.md ion-segment-button[data-v-8e4f8f19] {
    --indicator-color: linear-gradient(90deg, #FBED3C, #06DFA5);
    --indicator-height: .125rem;
    --padding-start: .375rem;
    --padding-end: .375rem;
    --padding-top: .125rem;
    --padding-bottom: .125rem;
    --color: #fff;
    --color-checked: #EEF93B;
    text-transform: capitalize;
    min-width: 0;
    font-size: .875rem;
    font-weight: 400
}

.forest-green ion-segment.md ion-segment-button[data-v-8e4f8f19]::part(indicator) {
    width: 80%;
    margin-left: auto;
    margin-right: auto
}

.forest-green ion-segment.md ion-segment-button .segment-button-checked[data-v-8e4f8f19]::part(native) {
    font-weight: 900;
    font-size: 1rem
}

.color-primary-600[data-v-7fe6e489] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-7fe6e489] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-7fe6e489] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-7fe6e489] {
    color: var(--color-primary-900)
}

.bg-100[data-v-7fe6e489] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-7fe6e489] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-7fe6e489] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-7fe6e489] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-7fe6e489] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-7fe6e489] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-7fe6e489] {
    background-color: var(--color-warning)
}

.bg-link[data-v-7fe6e489] {
    background-color: var(--color-link)
}

.bg-danger[data-v-7fe6e489] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-7fe6e489] {
    color: var(--color-text-100)
}

.color-text-80[data-v-7fe6e489] {
    color: var(--color-text-80)
}

.color-text-50[data-v-7fe6e489] {
    color: var(--color-text-50)
}

.color-text-40[data-v-7fe6e489] {
    color: var(--color-text-40)
}

.color-text-20[data-v-7fe6e489] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-7fe6e489] {
    color: var(--color-currency)
}

.color-warning[data-v-7fe6e489] {
    color: var(--color-warning)
}

.color-danger[data-v-7fe6e489] {
    color: var(--color-danger)
}

.color-link[data-v-7fe6e489] {
    color: var(--color-link)
}

.color-line[data-v-7fe6e489] {
    color: var(--color-line)
}

.color-border[data-v-7fe6e489] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-7fe6e489] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-7fe6e489] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-7fe6e489] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-7fe6e489] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-7fe6e489] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-7fe6e489] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-7fe6e489] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-7fe6e489] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-7fe6e489] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-7fe6e489] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-7fe6e489] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-7fe6e489] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-7fe6e489] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-7fe6e489] {
    display: flex;
    align-items: center
}

.flex-start[data-v-7fe6e489] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-7fe6e489] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-7fe6e489] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-7fe6e489] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-7fe6e489] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-7fe6e489] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-7fe6e489] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-7fe6e489] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-7fe6e489] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-7fe6e489] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-7fe6e489] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-7fe6e489] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-7fe6e489] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-7fe6e489] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-7fe6e489] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-7fe6e489] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-7fe6e489] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-7fe6e489] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-7fe6e489] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-7fe6e489] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-7fe6e489] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-7fe6e489] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-7fe6e489] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-7fe6e489] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-7fe6e489],
.mlm-selected-item[data-v-7fe6e489] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-7fe6e489] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-7fe6e489]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-7fe6e489] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-7fe6e489] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-7fe6e489] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.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
}

.forest-green .support[data-v-7fe6e489],
.green-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(180deg, #13c96a, #1d9554)
}

.forest-green .support .dot[data-v-7fe6e489],
.green-default .support .dot[data-v-7fe6e489] {
    position: absolute;
    top: .5rem;
    left: 1.5625rem;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background: red
}

.amber-purple .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(270deg, #7041f3, #f5c84c 130.92%)
}

.amber-purple .support .dot[data-v-7fe6e489] {
    position: absolute;
    top: .5rem;
    left: 1.5625rem;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background: red
}

.color-primary-600[data-v-ae5ff710] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-ae5ff710] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-ae5ff710] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-ae5ff710] {
    color: var(--color-primary-900)
}

.bg-100[data-v-ae5ff710] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-ae5ff710] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-ae5ff710] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-ae5ff710] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-ae5ff710] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-ae5ff710] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-ae5ff710] {
    background-color: var(--color-warning)
}

.bg-link[data-v-ae5ff710] {
    background-color: var(--color-link)
}

.bg-danger[data-v-ae5ff710] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-ae5ff710] {
    color: var(--color-text-100)
}

.color-text-80[data-v-ae5ff710] {
    color: var(--color-text-80)
}

.color-text-50[data-v-ae5ff710] {
    color: var(--color-text-50)
}

.color-text-40[data-v-ae5ff710] {
    color: var(--color-text-40)
}

.color-text-20[data-v-ae5ff710] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-ae5ff710] {
    color: var(--color-currency)
}

.color-warning[data-v-ae5ff710] {
    color: var(--color-warning)
}

.color-danger[data-v-ae5ff710] {
    color: var(--color-danger)
}

.color-link[data-v-ae5ff710] {
    color: var(--color-link)
}

.color-line[data-v-ae5ff710] {
    color: var(--color-line)
}

.color-border[data-v-ae5ff710] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-ae5ff710] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-ae5ff710] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-ae5ff710] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-ae5ff710] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-ae5ff710] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-ae5ff710] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-ae5ff710] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-ae5ff710] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-ae5ff710] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-ae5ff710] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-ae5ff710] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-ae5ff710] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-ae5ff710] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-ae5ff710] {
    display: flex;
    align-items: center
}

.flex-start[data-v-ae5ff710] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-ae5ff710] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-ae5ff710] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-ae5ff710] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-ae5ff710] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-ae5ff710] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-ae5ff710] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-ae5ff710] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-ae5ff710] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-ae5ff710] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-ae5ff710] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-ae5ff710] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-ae5ff710] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-ae5ff710] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-ae5ff710] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-ae5ff710] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-ae5ff710] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-ae5ff710] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-ae5ff710] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-ae5ff710] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-ae5ff710] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-ae5ff710] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-ae5ff710] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-ae5ff710] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-ae5ff710],
.mlm-selected-item[data-v-ae5ff710] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-ae5ff710] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-ae5ff710]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-ae5ff710] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-ae5ff710] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-ae5ff710] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.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
}

.green-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, #13c96a, #1d9554);
    box-shadow: 0 -2px #006af9 inset
}

.green-default .support .dot[data-v-ae5ff710] {
    position: absolute;
    top: .5rem;
    left: 1.5625rem;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background: red
}

.amber-purple .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(270deg, #7041f3, #f5c84c 130.92%);
    box-shadow: 0 -2px #006af9 inset
}

.amber-purple .support .dot[data-v-ae5ff710] {
    position: absolute;
    top: .5rem;
    left: 1.5625rem;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background: red
}

.color-primary-600[data-v-22cb8c1f] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-22cb8c1f] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-22cb8c1f] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-22cb8c1f] {
    color: var(--color-primary-900)
}

.bg-100[data-v-22cb8c1f] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-22cb8c1f] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-22cb8c1f] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-22cb8c1f] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-22cb8c1f] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-22cb8c1f] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-22cb8c1f] {
    background-color: var(--color-warning)
}

.bg-link[data-v-22cb8c1f] {
    background-color: var(--color-link)
}

.bg-danger[data-v-22cb8c1f] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-22cb8c1f] {
    color: var(--color-text-100)
}

.color-text-80[data-v-22cb8c1f] {
    color: var(--color-text-80)
}

.color-text-50[data-v-22cb8c1f] {
    color: var(--color-text-50)
}

.color-text-40[data-v-22cb8c1f] {
    color: var(--color-text-40)
}

.color-text-20[data-v-22cb8c1f] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-22cb8c1f] {
    color: var(--color-currency)
}

.color-warning[data-v-22cb8c1f] {
    color: var(--color-warning)
}

.color-danger[data-v-22cb8c1f] {
    color: var(--color-danger)
}

.color-link[data-v-22cb8c1f] {
    color: var(--color-link)
}

.color-line[data-v-22cb8c1f] {
    color: var(--color-line)
}

.color-border[data-v-22cb8c1f] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-22cb8c1f] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-22cb8c1f] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-22cb8c1f] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-22cb8c1f] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-22cb8c1f] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-22cb8c1f] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-22cb8c1f] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-22cb8c1f] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-22cb8c1f] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-22cb8c1f] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-22cb8c1f] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-22cb8c1f] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-22cb8c1f] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-22cb8c1f] {
    display: flex;
    align-items: center
}

.flex-start[data-v-22cb8c1f] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-22cb8c1f] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-22cb8c1f] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-22cb8c1f] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-22cb8c1f] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-22cb8c1f] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-22cb8c1f] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-22cb8c1f] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-22cb8c1f] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-22cb8c1f] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-22cb8c1f] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-22cb8c1f] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-22cb8c1f] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-22cb8c1f] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-22cb8c1f] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-22cb8c1f] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-22cb8c1f] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-22cb8c1f] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-22cb8c1f] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-22cb8c1f] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-22cb8c1f] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-22cb8c1f] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-22cb8c1f] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-22cb8c1f] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-22cb8c1f],
.mlm-selected-item[data-v-22cb8c1f] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-22cb8c1f] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-22cb8c1f]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-22cb8c1f] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-22cb8c1f] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-22cb8c1f] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .support[data-v-22cb8c1f] {
    width: 3.375rem;
    height: 3.375rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    left: 1rem;
    z-index: 50;
    border-radius: 50%;
    background: linear-gradient(327deg, #feb805 12.46%, #f5bb78 87.98%)
}

html .support .support-img[data-v-22cb8c1f] {
    width: 100%;
    height: 100%
}

html .support .dot[data-v-22cb8c1f] {
    position: absolute;
    top: .1rem;
    right: .3rem;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background: red;
    outline: .1563rem solid rgba(255, 255, 255, .4)
}

.color-primary-600[data-v-61467caf] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-61467caf] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-61467caf] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-61467caf] {
    color: var(--color-primary-900)
}

.bg-100[data-v-61467caf] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-61467caf] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-61467caf] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-61467caf] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-61467caf] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-61467caf] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-61467caf] {
    background-color: var(--color-warning)
}

.bg-link[data-v-61467caf] {
    background-color: var(--color-link)
}

.bg-danger[data-v-61467caf] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-61467caf] {
    color: var(--color-text-100)
}

.color-text-80[data-v-61467caf] {
    color: var(--color-text-80)
}

.color-text-50[data-v-61467caf] {
    color: var(--color-text-50)
}

.color-text-40[data-v-61467caf] {
    color: var(--color-text-40)
}

.color-text-20[data-v-61467caf] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-61467caf] {
    color: var(--color-currency)
}

.color-warning[data-v-61467caf] {
    color: var(--color-warning)
}

.color-danger[data-v-61467caf] {
    color: var(--color-danger)
}

.color-link[data-v-61467caf] {
    color: var(--color-link)
}

.color-line[data-v-61467caf] {
    color: var(--color-line)
}

.color-border[data-v-61467caf] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-61467caf] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-61467caf] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-61467caf] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-61467caf] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-61467caf] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-61467caf] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-61467caf] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-61467caf] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-61467caf] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-61467caf] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-61467caf] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-61467caf] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-61467caf] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-61467caf] {
    display: flex;
    align-items: center
}

.flex-start[data-v-61467caf] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-61467caf] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-61467caf] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-61467caf] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-61467caf] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-61467caf] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-61467caf] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-61467caf] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-61467caf] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-61467caf] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-61467caf] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-61467caf] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-61467caf] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-61467caf] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-61467caf] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-61467caf] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-61467caf] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-61467caf] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-61467caf] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-61467caf] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-61467caf] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-61467caf] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-61467caf] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-61467caf] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-61467caf],
.mlm-selected-item[data-v-61467caf] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-61467caf] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-61467caf]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-61467caf] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-61467caf] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-61467caf] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.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
}

.green-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: #2b4f14
}

.green-default .to-top-box .icon-wall[data-v-61467caf] {
    width: 1.375rem;
    height: 1.375rem;
    font-size: 1.375rem;
    background: linear-gradient(180deg, #13c96a, #1d9554);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center
}

.green-default .to-top-box .icon-wall .icon[data-v-61467caf] {
    color: #fff
}

.green-default .to-top-box .to-top-text[data-v-61467caf] {
    color: #afc69f
}

.amber-purple .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: #3b3466
}

.amber-purple .to-top-box .icon-wall[data-v-61467caf] {
    width: 1.375rem;
    height: 1.375rem;
    font-size: 1.375rem;
    background: #7041f3;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center
}

.amber-purple .to-top-box .icon-wall .icon[data-v-61467caf] {
    color: #fff
}

.amber-purple .to-top-box .to-top-text[data-v-61467caf] {
    color: #bdb8e1
}

.color-primary-600[data-v-49557771] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-49557771] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-49557771] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-49557771] {
    color: var(--color-primary-900)
}

.bg-100[data-v-49557771] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-49557771] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-49557771] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-49557771] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-49557771] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-49557771] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-49557771] {
    background-color: var(--color-warning)
}

.bg-link[data-v-49557771] {
    background-color: var(--color-link)
}

.bg-danger[data-v-49557771] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-49557771] {
    color: var(--color-text-100)
}

.color-text-80[data-v-49557771] {
    color: var(--color-text-80)
}

.color-text-50[data-v-49557771] {
    color: var(--color-text-50)
}

.color-text-40[data-v-49557771] {
    color: var(--color-text-40)
}

.color-text-20[data-v-49557771] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-49557771] {
    color: var(--color-currency)
}

.color-warning[data-v-49557771] {
    color: var(--color-warning)
}

.color-danger[data-v-49557771] {
    color: var(--color-danger)
}

.color-link[data-v-49557771] {
    color: var(--color-link)
}

.color-line[data-v-49557771] {
    color: var(--color-line)
}

.color-border[data-v-49557771] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-49557771] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-49557771] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-49557771] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-49557771] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-49557771] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-49557771] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-49557771] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-49557771] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-49557771] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-49557771] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-49557771] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-49557771] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-49557771] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-49557771] {
    display: flex;
    align-items: center
}

.flex-start[data-v-49557771] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-49557771] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-49557771] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-49557771] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-49557771] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-49557771] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-49557771] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-49557771] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-49557771] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-49557771] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-49557771] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-49557771] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-49557771] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-49557771] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-49557771] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-49557771] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-49557771] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-49557771] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-49557771] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-49557771] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-49557771] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-49557771] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-49557771] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-49557771] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-49557771],
.mlm-selected-item[data-v-49557771] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-49557771] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-49557771]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-49557771] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-49557771] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-49557771] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.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
}

.amber-purple .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: #7041f3
}

.amber-purple .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
}

.amber-purple .to-top-box .icon-wall .icon[data-v-49557771] {
    color: #fff
}

.amber-purple .to-top-box .to-top-text[data-v-49557771] {
    color: #fff;
    font-size: .75rem;
    font-weight: 500;
    margin-bottom: .125rem
}

.forest-green .to-top-box[data-v-49557771],
.green-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
}

.forest-green .to-top-box .icon-wall[data-v-49557771],
.green-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
}

.forest-green .to-top-box .icon-wall .icon[data-v-49557771],
.green-default .to-top-box .icon-wall .icon[data-v-49557771] {
    color: #fff
}

.forest-green .to-top-box .to-top-text[data-v-49557771],
.green-default .to-top-box .to-top-text[data-v-49557771] {
    color: #fff;
    font-size: .75rem;
    font-weight: 500;
    margin-bottom: .125rem
}

.color-primary-600[data-v-5211e863] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-5211e863] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-5211e863] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-5211e863] {
    color: var(--color-primary-900)
}

.bg-100[data-v-5211e863] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-5211e863] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-5211e863] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-5211e863] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-5211e863] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-5211e863] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-5211e863] {
    background-color: var(--color-warning)
}

.bg-link[data-v-5211e863] {
    background-color: var(--color-link)
}

.bg-danger[data-v-5211e863] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-5211e863] {
    color: var(--color-text-100)
}

.color-text-80[data-v-5211e863] {
    color: var(--color-text-80)
}

.color-text-50[data-v-5211e863] {
    color: var(--color-text-50)
}

.color-text-40[data-v-5211e863] {
    color: var(--color-text-40)
}

.color-text-20[data-v-5211e863] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-5211e863] {
    color: var(--color-currency)
}

.color-warning[data-v-5211e863] {
    color: var(--color-warning)
}

.color-danger[data-v-5211e863] {
    color: var(--color-danger)
}

.color-link[data-v-5211e863] {
    color: var(--color-link)
}

.color-line[data-v-5211e863] {
    color: var(--color-line)
}

.color-border[data-v-5211e863] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-5211e863] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-5211e863] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-5211e863] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-5211e863] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-5211e863] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-5211e863] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-5211e863] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-5211e863] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-5211e863] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-5211e863] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-5211e863] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-5211e863] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-5211e863] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-5211e863] {
    display: flex;
    align-items: center
}

.flex-start[data-v-5211e863] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-5211e863] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-5211e863] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-5211e863] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-5211e863] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-5211e863] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-5211e863] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-5211e863] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-5211e863] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-5211e863] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-5211e863] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-5211e863] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-5211e863] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-5211e863] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-5211e863] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-5211e863] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-5211e863] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-5211e863] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-5211e863] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-5211e863] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-5211e863] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-5211e863] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-5211e863] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-5211e863] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-5211e863],
.mlm-selected-item[data-v-5211e863] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-5211e863] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-5211e863]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-5211e863] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-5211e863] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-5211e863] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .to-top-box[data-v-5211e863] {
    width: 3.25rem;
    height: 3.25rem;
    border-radius: .375rem;
    position: fixed;
    z-index: 50;
    right: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #38342e;
    border: .0625rem solid #4C4943;
    box-shadow: 0 .125rem .4562rem -.25rem rgba(238, 255, 0, .15) inset
}

html .to-top-box .icon[data-v-5211e863] {
    font-size: 2.5rem;
    color: var(--text-color1)
}

.color-primary-600[data-v-be0f5626] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-be0f5626] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-be0f5626] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-be0f5626] {
    color: var(--color-primary-900)
}

.bg-100[data-v-be0f5626] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-be0f5626] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-be0f5626] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-be0f5626] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-be0f5626] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-be0f5626] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-be0f5626] {
    background-color: var(--color-warning)
}

.bg-link[data-v-be0f5626] {
    background-color: var(--color-link)
}

.bg-danger[data-v-be0f5626] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-be0f5626] {
    color: var(--color-text-100)
}

.color-text-80[data-v-be0f5626] {
    color: var(--color-text-80)
}

.color-text-50[data-v-be0f5626] {
    color: var(--color-text-50)
}

.color-text-40[data-v-be0f5626] {
    color: var(--color-text-40)
}

.color-text-20[data-v-be0f5626] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-be0f5626] {
    color: var(--color-currency)
}

.color-warning[data-v-be0f5626] {
    color: var(--color-warning)
}

.color-danger[data-v-be0f5626] {
    color: var(--color-danger)
}

.color-link[data-v-be0f5626] {
    color: var(--color-link)
}

.color-line[data-v-be0f5626] {
    color: var(--color-line)
}

.color-border[data-v-be0f5626] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-be0f5626] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-be0f5626] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-be0f5626] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-be0f5626] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-be0f5626] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-be0f5626] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-be0f5626] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-be0f5626] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-be0f5626] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-be0f5626] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-be0f5626] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-be0f5626] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-be0f5626] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-be0f5626] {
    display: flex;
    align-items: center
}

.flex-start[data-v-be0f5626] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-be0f5626] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-be0f5626] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-be0f5626] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-be0f5626] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-be0f5626] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-be0f5626] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-be0f5626] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-be0f5626] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-be0f5626] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-be0f5626] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-be0f5626] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-be0f5626] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-be0f5626] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-be0f5626] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-be0f5626] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-be0f5626] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-be0f5626] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-be0f5626] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-be0f5626] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-be0f5626] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-be0f5626] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-be0f5626] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-be0f5626] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-be0f5626],
.mlm-selected-item[data-v-be0f5626] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-be0f5626] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-be0f5626]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-be0f5626] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-be0f5626] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-be0f5626] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.btn-history[data-v-be0f5626] {
    height: 1.875rem;
    padding-top: .375rem;
    margin-right: 1rem;
    border-radius: var(--ep-border-radius-m, .3125rem)
}

.btn-history ion-icon[data-v-be0f5626] {
    font-size: var(--ep-font-size-xl, 1.125rem);
    color: var(--color-link)
}

ion-content[data-v-be0f5626] {
    --padding-top: 1rem;
    --padding-bottom: 1rem;
    --padding-start: 1rem;
    --padding-end: 1rem
}

ion-item[data-v-be0f5626] {
    --background: transparent;
    --border-color: var(--ep-color-border-default, var(--color-line))
}

ion-segment[data-v-be0f5626] {
    --background: transparent;
    border-radius: 0;
    display: flex;
    justify-content: left
}

ion-segment-button.segment-button-disabled[data-v-be0f5626] {
    opacity: 1
}

ion-segment-button.ios[data-v-be0f5626] {
    --border-radius: .375rem;
    --background: transparent;
    --color: var(--color-text-100);
    --indicator-color: transparent;
    --padding-start: 0;
    --padding-end: 0;
    --padding-top: 0;
    --padding-bottom: 0;
    --indicator-box-shadow: none;
    flex: 0 0 auto;
    text-transform: capitalize;
    min-width: 0;
    max-width: 2.25rem;
    min-height: 2.5rem;
    max-height: 2.5rem;
    margin: .5rem .375rem .5rem 0
}

ion-segment-button.ios ion-icon[data-v-be0f5626] {
    width: 2.25rem;
    height: 2.25rem
}

ion-segment-button.ios[data-v-be0f5626]::part(native) {
    max-width: 2.25rem
}

ion-button.copy[data-v-be0f5626]::part(native) {
    --padding-top: 0;
    --padding-bottom: 0;
    --padding-start: 0;
    --padding-end: 0
}

.content-item[data-v-be0f5626] {
    background: var(--ep-color-background-fill-surface-raised-L1, var(--color-bg-200));
    margin-bottom: 1rem;
    border-radius: var(--ep-border-radius-m, var(--rounded-middle))
}

.share[data-v-be0f5626] {
    width: 100%
}

.share .share-url[data-v-be0f5626] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.share .share-url .url-title[data-v-be0f5626] {
    color: var(--textbg-dark-white-40, var(--color-text-80));
    font-size: var(--ep-font-size-s, .75rem);
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.share .share-url .url-title .url-link[data-v-be0f5626] {
    color: var(--ep-color-text-info, var(--color-link))
}

.share .social-media[data-v-be0f5626] {
    width: 100%
}

.share .social-media .warpper[data-v-be0f5626] {
    width: 100%;
    margin-top: .5rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.share .social-media .warpper .title[data-v-be0f5626] {
    font-size: var(--ep-font-size-s, .75rem);
    line-height: 1.5;
    color: var(--ep-color-text-default, var(--color-text-80))
}

.share .social-media .warpper .reward-text[data-v-be0f5626] {
    display: flex;
    align-items: center
}

.share .social-media .warpper .reward-text span[data-v-be0f5626] {
    font-size: var(--ep-font-size-s, .75rem);
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-warning, var(--color-currency))
}

.share .details[data-v-be0f5626] {
    width: 100%
}

.share .details .content[data-v-be0f5626] {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    font-size: var(--ep-font-size-s, .75rem);
    line-height: 1.5;
    font-weight: var(--ep-font-weight-regular, var(--font-weight-regular));
    color: var(--ep-color-text-default, var(--color-text-80))
}

.share .details .content .bet-register-count[data-v-be0f5626] {
    max-width: 15.625rem
}

.share .details .content .bet-register-count .count-text[data-v-be0f5626] {
    color: var(--ep-color-text-success, var(--color-link))
}

.share .details .content .bet-register-count .valid-text[data-v-be0f5626] {
    color: var(--ep-color-text-default, var(--color-text-100))
}

.share .details .content .btn-details[data-v-be0f5626] {
    color: var(--ep-color-text-info, var(--color-link));
    font-size: var(--ep-font-size-s, .75rem);
    line-height: 1.5;
    font-weight: var(--ep-font-weight-regular, var(--font-weight-regular))
}

.share .details .btn-claim[data-v-be0f5626] {
    width: 100%;
    margin-bottom: 1.25rem
}

.validCondition-list[data-v-be0f5626] {
    width: 100%;
    height: auto
}

.validCondition-list .title[data-v-be0f5626] {
    font-size: var(--ep-font-size-s, .75rem);
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-weaker, var(--color-agent-text))
}

.validCondition-list .count[data-v-be0f5626] {
    font-size: var(--ep-font-size-s, .75rem);
    line-height: 1.5;
    font-weight: var(--ep-font-weight-regular, var(--font-weight-regular));
    color: var(--ep-color-text-default, var(--color-text-80))
}

.validCondition-list .reward[data-v-be0f5626] {
    font-size: var(--ep-font-size-s, .75rem);
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-warning, var(--color-currency))
}

.validCondition[data-v-be0f5626] {
    width: 100%;
    height: auto
}

.validCondition .title[data-v-be0f5626] {
    width: 100%;
    text-align: left;
    margin-top: .25rem;
    margin-bottom: .25rem
}

.validCondition .title p[data-v-be0f5626] {
    font-size: var(--ep-font-size-s, .75rem);
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-weaker, var(--color-agent-text))
}

.validCondition ion-item[data-v-be0f5626]:last-child {
    --border-color: transparent
}

.copy[data-v-be0f5626],
.more[data-v-be0f5626] {
    --color: var(--ep-color-text-default, var(--color-text-100))
}

.copy .icon[data-v-be0f5626] {
    margin-left: .75rem;
    margin-right: .75rem;
    font-size: 1.75rem;
    color: var(--color-copy-button)
}

.condition[data-v-be0f5626] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    font-size: .75rem
}

.condition-item[data-v-be0f5626] {
    width: 100%;
    padding: .25rem 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    font-size: .75rem
}

.condition-item .condition-name[data-v-be0f5626] {
    width: 16.25rem;
    text-align: left;
    font-size: var(--ep-font-size-m, .75rem);
    color: var(--ep-color-text-default, var(--color-agent-text))
}

.condition-item .condition-text[data-v-be0f5626] {
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    text-align: right;
    font-size: var(--ep-font-size-s, .75rem);
    color: var(--ep-color-text-info, var(--color-link))
}

.redPacketGet[data-v-be0f5626] {
    animation-name: redPacketShake-be0f5626;
    animation-duration: 1s;
    animation-iteration-count: infinite
}

.arrow_icon[data-v-be0f5626] {
    position: absolute;
    top: 2rem;
    right: .25rem;
    font-size: .875rem;
    line-height: 1.25rem;
    color: var(--ep-color-text-default, var(--color-agent-text))
}

.i8n-box[data-v-be0f5626] {
    width: 4.25rem;
    margin-top: .625rem;
    margin-bottom: .625rem;
    white-space: normal;
    text-align: center;
    font-size: .65rem;
    line-height: .9rem;
    color: var(--ep-color-text-default, var(--color-agent-text))
}

.i8n-box span[data-v-be0f5626] {
    color: var(--ep-color-text-warning, var(--color-currency))
}

@keyframes redPacketShake-be0f5626 {
    30% {
        scale: 1.1;
        transform: rotate(0)
    }

    40% {
        transform: rotate(-15deg)
    }

    50% {
        transform: rotate(0)
    }

    60% {
        transform: rotate(-15deg)
    }

    70% {
        transform: rotate(0);
        scale: 1.1
    }

    to {
        scale: 1
    }
}

.reward-box[data-v-be0f5626] {
    width: 100%;
    padding: .625rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.reward-box .real-item[data-v-be0f5626] {
    position: relative
}

.reward-item[data-v-be0f5626] {
    width: 25%
}

.text-position[data-v-be0f5626] {
    width: 4rem;
    position: absolute;
    top: 2.5625rem;
    left: 2.1rem;
    font-size: .6875rem;
    line-height: .75rem;
    text-align: center;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-highlight-white, #fff);
    text-shadow: -1px -1px 1px red, 1px -1px 1px red, -1px 1px 1px red, 1px 1px 1px red
}

.reward-item[data-v-be0f5626]:nth-child(4),
.reward-item[data-v-be0f5626]:nth-child(4n) {
    width: 20%
}

.rule-text[data-v-be0f5626] {
    font-size: var(--ep-font-size-s, .75rem);
    line-height: 1.5;
    font-weight: var(--ep-font-weight-regular, var(--font-weight-regular));
    color: var(--ep-color-text-weaker, var(--color-agent-text));
    padding: .625rem
}

.rule-text[data-v-be0f5626] .ruleHeader {
    justify-content: start;
    margin-bottom: 1rem
}

.rule-text[data-v-be0f5626] .ruleHeader .span-cls {
    font-size: 1rem;
    margin: 0
}

.rule-text[data-v-be0f5626] .item-wrap {
    padding: 0 0 0 .375rem
}

.new-skin-symbol .btn-history ion-icon[data-v-be0f5626] {
    color: var(--ep-color-icon-default)
}

.new-skin-symbol .share .share-url .url-title[data-v-be0f5626] {
    color: var(--ep-color-text-default)
}

.new-skin-symbol .share .copy .icon[data-v-be0f5626] {
    color: var(--ep-color-icon-default)
}

.color-primary-600[data-v-b9ca3233] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-b9ca3233] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-b9ca3233] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-b9ca3233] {
    color: var(--color-primary-900)
}

.bg-100[data-v-b9ca3233] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-b9ca3233] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-b9ca3233] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-b9ca3233] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-b9ca3233] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-b9ca3233] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-b9ca3233] {
    background-color: var(--color-warning)
}

.bg-link[data-v-b9ca3233] {
    background-color: var(--color-link)
}

.bg-danger[data-v-b9ca3233] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-b9ca3233] {
    color: var(--color-text-100)
}

.color-text-80[data-v-b9ca3233] {
    color: var(--color-text-80)
}

.color-text-50[data-v-b9ca3233] {
    color: var(--color-text-50)
}

.color-text-40[data-v-b9ca3233] {
    color: var(--color-text-40)
}

.color-text-20[data-v-b9ca3233] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-b9ca3233] {
    color: var(--color-currency)
}

.color-warning[data-v-b9ca3233] {
    color: var(--color-warning)
}

.color-danger[data-v-b9ca3233] {
    color: var(--color-danger)
}

.color-link[data-v-b9ca3233] {
    color: var(--color-link)
}

.color-line[data-v-b9ca3233] {
    color: var(--color-line)
}

.color-border[data-v-b9ca3233] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-b9ca3233] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-b9ca3233] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-b9ca3233] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-b9ca3233] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-b9ca3233] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-b9ca3233] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-b9ca3233] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-b9ca3233] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-b9ca3233] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-b9ca3233] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-b9ca3233] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-b9ca3233] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-b9ca3233] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-b9ca3233] {
    display: flex;
    align-items: center
}

.flex-start[data-v-b9ca3233] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-b9ca3233] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-b9ca3233] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-b9ca3233] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-b9ca3233] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-b9ca3233] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-b9ca3233] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-b9ca3233] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-b9ca3233] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-b9ca3233] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-b9ca3233] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-b9ca3233] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-b9ca3233] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-b9ca3233] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-b9ca3233] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-b9ca3233] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-b9ca3233] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-b9ca3233] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-b9ca3233] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-b9ca3233] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-b9ca3233] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-b9ca3233] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-b9ca3233] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-b9ca3233] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-b9ca3233],
.mlm-selected-item[data-v-b9ca3233] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-b9ca3233] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-b9ca3233]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-b9ca3233] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-b9ca3233] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-b9ca3233] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-toolbar.agent-info[data-v-b9ca3233] {
    font-size: .875rem;
    line-height: 1.3125rem;
    --ion-toolbar-background: var(--color-bg-200);
    border-radius: var(--rounded-middle)
}

.spread-user-info-weaker[data-v-b9ca3233] {
    color: var(--my-card-detail-color)
}

.exclusive-link[data-v-b9ca3233] {
    font-size: .625rem;
    color: var(--color-text-100)
}

.spread-user-share-icon[data-v-b9ca3233] {
    font-size: 1.125rem;
    line-height: 1.75rem;
    color: var(--color-text-100)
}

.spread-user-info-default-text[data-v-b9ca3233] {
    color: var(--color-text-100)
}

.spread-info-amount-text[data-v-b9ca3233] {
    font-size: .75rem;
    line-height: 1.125rem;
    color: var(--color-currency)
}

.spread-user-agent-type[data-v-b9ca3233] {
    background: var(--color-bg-200);
    border-radius: var(--rounded-middle)
}

.referral-tips[data-v-b9ca3233] {
    color: var(--color-text-80);
    font-weight: var(--font-weight-medium);
    border-bottom: 1px solid var(--color-line)
}

.spread-qr-box[data-v-b9ca3233] {
    overflow: hidden;
    border-radius: var(--rounded-small);
    background: var(--spread-qr-box-bg)
}

.spread-save-qr-btn[data-v-b9ca3233] {
    font-size: .625rem;
    background: var(--spread-save-qr-bg);
    color: var(--color-text-100)
}

ion-list ion-item ion-label.item-title[data-v-b9ca3233] {
    color: var(--color-text-80);
    font-size: var(--font-size-14);
    font-weight: var(--font-weight-medium);
    line-height: 1.3125rem
}

.spread-user-item-tips[data-v-b9ca3233] {
    margin: .375rem .5rem .375rem 0;
    color: var(--my-card-detail-color) !important
}

ion-note.spread-user-item-amount[data-v-b9ca3233] {
    font-size: .75rem;
    line-height: 1.125rem;
    --color: var(--color-currency)
}

ion-note.spread-user-item-more[data-v-b9ca3233] {
    font-size: .75rem;
    line-height: 1.125rem;
    --color: var(--color-link);
    margin-right: 0
}

.spread-user-text-80[data-v-b9ca3233] {
    font-size: .75rem;
    line-height: 1.125rem;
    color: var(--spread-text-color-80)
}

.card[data-v-b9ca3233] {
    background: var(--color-bg-200);
    border-radius: .625rem;
    margin: .625rem 0;
    padding: 0 .9375rem
}

.receive-rule[data-v-b9ca3233] {
    display: flex;
    justify-content: space-between;
    padding: 0 .625rem .625rem;
    border-bottom: 1px solid var(--color-line)
}

.receive-rule .text[data-v-b9ca3233] {
    width: 80%
}

.receive-rule .text .hint[data-v-b9ca3233] {
    line-height: 1.0625rem;
    color: var(--color-text-40)
}

.receive-rule .btn-warpper[data-v-b9ca3233] {
    display: flex;
    align-items: center;
    justify-content: center
}

.receive-rule .rule-btn[data-v-b9ca3233] {
    background: rgba(255, 255, 255, .1);
    border-radius: var(--rounded-small);
    color: #6691d5;
    height: 1.125rem;
    width: 3.875rem;
    display: flex;
    justify-content: center
}

.receive-rule .rule-btn ion-icon[data-v-b9ca3233] {
    font-size: 1.125rem;
    line-height: 1.125rem
}

.receive-rule .rule-btn span[data-v-b9ca3233] {
    font-size: .625rem;
    line-height: 1.125rem
}

ion-item[data-v-b9ca3233] {
    --background: transparent;
    --padding-bottom: 0px;
    --padding-end: 10px;
    --padding-start: 0;
    --padding-top: 0;
    --inner-padding-end: 0;
    font-size: .75rem;
    --border-color: var(--color-line)
}

ion-item[data-v-b9ca3233]::part(detail-icon) {
    color: var(--color-link);
    font-size: .875rem;
    margin-right: 5px
}

ion-segment[data-v-b9ca3233] {
    display: flex;
    --background: transparent;
    border-radius: 0
}

ion-segment-button.ios[data-v-b9ca3233] {
    --border-radius: .375rem;
    --background: transparent;
    --color: var(--color-text-100);
    --indicator-color: transparent;
    --padding-start: 0;
    --padding-end: 0;
    --padding-top: 0;
    --padding-bottom: 0;
    --indicator-box-shadow: none;
    text-transform: capitalize;
    min-width: 2.35rem;
    min-height: 2.5rem;
    max-height: 2.5rem;
    margin: 0 .375rem;
    margin-top: 0
}

ion-segment-button.segment-button-disabled[data-v-b9ca3233] {
    opacity: 1
}

ion-note[data-v-b9ca3233] {
    --color: var(--ion-text-color);
    margin-right: 10px
}

.flex-button[data-v-b9ca3233] {
    display: flex;
    flex-direction: column
}

ion-button[data-v-b9ca3233] {
    font-weight: var(--font-weight-bold);
    --border-radius: var(--rounded-small)
}

ion-button.claim[data-v-b9ca3233]::part(native) {
    color: var(--agent-btn-color);
    background: var(--color-primary-800);
    --background-activated: var(--button-right-bg-color-shade);
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint)
}

ion-button.on[data-v-b9ca3233]::part(native) {
    background: var(--color-primary-btn-disable);
    color: var(--color-primary-btn-text-disable);
    --background-activated: none;
    --background-focused: none;
    --background-hover: none
}

ion-button.history[data-v-b9ca3233]::part(native) {
    color: var(--color-text-100);
    background: var(--color-bg-100);
    --background-activated: none;
    --background-focused: none
}

.agent-share-box[data-v-b9ca3233] {
    border-radius: .3125rem;
    border: 1px solid var(--spread-share-box-border-color)
}

.spread-user-share-link[data-v-b9ca3233] {
    color: var(--color-link)
}

ion-button.shiny[data-v-b9ca3233] {
    position: relative;
    overflow: hidden
}

ion-button.shiny[data-v-b9ca3233]:before {
    content: "";
    animation: shiny-b9ca3233 4s ease-in-out infinite;
    background: var(--text-color-white-100);
    display: inline-block;
    height: 100%;
    left: 0;
    position: absolute;
    top: -180px;
    width: 20px;
    z-index: 100
}

@keyframes shiny-b9ca3233 {
    0% {
        opacity: 0;
        transform: scale(0) rotate(45deg)
    }

    80% {
        opacity: .5;
        transform: scale(0) rotate(45deg)
    }

    81% {
        opacity: 1;
        transform: scale(4) rotate(45deg)
    }

    to {
        opacity: 0;
        transform: scale(50) rotate(45deg)
    }
}

.new-skin-symbol .middle-text-white[data-v-b9ca3233] {
    font-size: var(--ep-font-size-m);
    color: var(--ep-color-text-default);
    line-height: 1.3125rem
}

.new-skin-symbol ion-toolbar.agent-info[data-v-b9ca3233] {
    font-size: var(--ep-font-size-m);
    line-height: 1.3125rem;
    --ion-toolbar-background: var(--ep-color-background-fill-surface-raised-L1);
    border-radius: var(--ep-border-radius-m)
}

.new-skin-symbol .spread-user-info-weaker[data-v-b9ca3233] {
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol .exclusive-link[data-v-b9ca3233] {
    font-size: var(--ep-font-size-s);
    color: var(--ep-color-text-default)
}

.new-skin-symbol .spread-user-share-icon[data-v-b9ca3233] {
    font-size: var(--ep-font-size-xl);
    line-height: 1.75rem;
    color: var(--ep-color-text-default)
}

.new-skin-symbol .spread-user-info-default-text[data-v-b9ca3233] {
    color: var(--ep-color-text-default)
}

.new-skin-symbol .spread-info-amount-text[data-v-b9ca3233] {
    font-size: var(--ep-font-size-s);
    line-height: 1.125rem;
    color: var(--ep-color-text-warning)
}

.new-skin-symbol .spread-user-agent-type[data-v-b9ca3233] {
    background: var(--ep-color-background-fill-surface-raised-L1);
    border-radius: var(--ep-border-radius-m)
}

.new-skin-symbol .referral-tips[data-v-b9ca3233] {
    color: var(--ep-color-text-default);
    font-weight: var(--ep-font-weight-medium);
    border-bottom: 1px solid var(--ep-color-border-default)
}

.new-skin-symbol .spread-qr-box[data-v-b9ca3233] {
    border-radius: var(--ep-border-radius-s);
    background: var(--ep-neutral-white-white-100)
}

.new-skin-symbol .spread-save-qr-btn[data-v-b9ca3233] {
    font-size: var(--ep-font-size-xs);
    background: var(--ep-color-icon-info);
    color: var(--ep-color-text-highlight-white)
}

.new-skin-symbol ion-list ion-item ion-label.item-title[data-v-b9ca3233] {
    color: var(--ep-color-text-default);
    font-size: var(--ep-font-size-m);
    font-weight: var(--ep-font-weight-medium)
}

.new-skin-symbol .spread-user-item-tips[data-v-b9ca3233] {
    color: var(--ep-color-text-weaker) !important
}

.new-skin-symbol ion-note.spread-user-item-amount[data-v-b9ca3233] {
    font-size: var(--ep-font-size-s);
    line-height: 1.125rem;
    --color: var(--ep-color-text-warning)
}

.new-skin-symbol ion-note.spread-user-item-more[data-v-b9ca3233] {
    font-size: var(--ep-font-size-s);
    line-height: 1.125rem;
    --color: var(--ep-color-text-info)
}

.new-skin-symbol .spread-user-text-80[data-v-b9ca3233] {
    font-size: var(--ep-font-size-s);
    line-height: 1.125rem;
    color: var(--ep-color-text-default)
}

.new-skin-symbol .card[data-v-b9ca3233] {
    background: var(--ep-color-background-fill-surface-raised-L1)
}

.new-skin-symbol .receive-rule[data-v-b9ca3233] {
    border-bottom: 1px solid var(--ep-color-background-fill-surface-raised-L1)
}

.new-skin-symbol .receive-rule .text .hint[data-v-b9ca3233] {
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol ion-item[data-v-b9ca3233] {
    --border-color: var(--ep-color-background-fill-surface-raised-L1)
}

.new-skin-symbol ion-item[data-v-b9ca3233]::part(detail-icon) {
    opacity: 1;
    color: var(--ep-color-icon-info)
}

.new-skin-symbol ion-segment-button.ios[data-v-b9ca3233] {
    --border-radius: var(--ep-border-radius-m);
    --color: var(--ep-color-background-fill-surface-raised-L2)
}

.new-skin-symbol ion-button[data-v-b9ca3233] {
    font-weight: var(--ep-font-weight-bold);
    --border-radius: var(--ep-border-radius-s)
}

.new-skin-symbol ion-button.claim[data-v-b9ca3233]::part(native) {
    color: var(--ep-color-text-default);
    background: var(--ep-dynamic-primary);
    --background-activated: var(--ep-dynamic-primary);
    --background-focused: var(--ep-dynamic-primary);
    --background-hover: var(--ep-dynamic-primary)
}

.new-skin-symbol ion-button.on[data-v-b9ca3233]::part(native) {
    background: var(--ep-color-background-fill-active-disabled);
    color: var(--ep-color-text-inverse-disabled)
}

.new-skin-symbol ion-button.history[data-v-b9ca3233]::part(native) {
    color: var(--ep-color-text-default);
    background: var(--ep-color-background-fill-surface-raised-L2)
}

.new-skin-symbol .agent-share-box[data-v-b9ca3233] {
    border-radius: var(--ep-border-radius-m);
    border: 1px solid var(--ep-color-border-default)
}

.new-skin-symbol .spread-user-share-link[data-v-b9ca3233] {
    color: var(--ep-color-text-info)
}

.new-skin-symbol ion-button.shiny[data-v-b9ca3233]:before {
    background: var(--ep-color-text-highlight-white)
}

.color-primary-600[data-v-c2a6f1f0] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-c2a6f1f0] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-c2a6f1f0] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-c2a6f1f0] {
    color: var(--color-primary-900)
}

.bg-100[data-v-c2a6f1f0] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-c2a6f1f0] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-c2a6f1f0] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-c2a6f1f0] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-c2a6f1f0] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-c2a6f1f0] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-c2a6f1f0] {
    background-color: var(--color-warning)
}

.bg-link[data-v-c2a6f1f0] {
    background-color: var(--color-link)
}

.bg-danger[data-v-c2a6f1f0] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-c2a6f1f0] {
    color: var(--color-text-100)
}

.color-text-80[data-v-c2a6f1f0] {
    color: var(--color-text-80)
}

.color-text-50[data-v-c2a6f1f0] {
    color: var(--color-text-50)
}

.color-text-40[data-v-c2a6f1f0] {
    color: var(--color-text-40)
}

.color-text-20[data-v-c2a6f1f0] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-c2a6f1f0] {
    color: var(--color-currency)
}

.color-warning[data-v-c2a6f1f0] {
    color: var(--color-warning)
}

.color-danger[data-v-c2a6f1f0] {
    color: var(--color-danger)
}

.color-link[data-v-c2a6f1f0] {
    color: var(--color-link)
}

.color-line[data-v-c2a6f1f0] {
    color: var(--color-line)
}

.color-border[data-v-c2a6f1f0] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-c2a6f1f0] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-c2a6f1f0] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-c2a6f1f0] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-c2a6f1f0] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-c2a6f1f0] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-c2a6f1f0] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-c2a6f1f0] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-c2a6f1f0] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-c2a6f1f0] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-c2a6f1f0] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-c2a6f1f0] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-c2a6f1f0] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-c2a6f1f0] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-c2a6f1f0] {
    display: flex;
    align-items: center
}

.flex-start[data-v-c2a6f1f0] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-c2a6f1f0] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-c2a6f1f0] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-c2a6f1f0] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-c2a6f1f0] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-c2a6f1f0] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-c2a6f1f0] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-c2a6f1f0] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-c2a6f1f0] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-c2a6f1f0] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-c2a6f1f0] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-c2a6f1f0] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-c2a6f1f0] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-c2a6f1f0] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-c2a6f1f0] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-c2a6f1f0] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-c2a6f1f0] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-c2a6f1f0] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-c2a6f1f0] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-c2a6f1f0] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-c2a6f1f0] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-c2a6f1f0] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-c2a6f1f0] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-c2a6f1f0] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-c2a6f1f0],
.mlm-selected-item[data-v-c2a6f1f0] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-c2a6f1f0] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-c2a6f1f0]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-c2a6f1f0] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-c2a6f1f0] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-c2a6f1f0] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-popover[data-v-c2a6f1f0] {
    --backdrop-opacity: .6;
    --box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .6);
    --width: 18.75rem
}

ion-popover ion-content[data-v-c2a6f1f0] {
    --padding-start: .75rem;
    --padding-end: .75rem;
    --padding-top: .75rem;
    --padding-bottom: .75rem;
    --color: var(--ep-color-text-weaker, rgba(255, 255, 255, .4));
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-regular, 400);
    line-height: 1.5
}

.wrapper[data-v-c2a6f1f0] {
    height: 100%;
    overflow-y: auto;
    padding: 12px .75rem
}

.shares[data-v-c2a6f1f0] {
    margin-top: 1.125rem
}

.share-board[data-v-c2a6f1f0] {
    overflow-y: hidden;
    width: 100%;
    height: 16.625rem;
    padding: 0 .625rem;
    border-radius: var(--ep-border-radius-xl, .625rem);
    background-color: var(--ep-color-background-fill-surface-raised-L1, #18254E);
    background-image: url(/assets/share-url-bg-COyEscz5.png);
    background-size: cover;
    background-position: center;
    background-blend-mode: normal;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px)
}

.share-board .title[data-v-c2a6f1f0] {
    color: var(--ep-color-text-default, #FFF);
    font-size: var(--ep-font-size-xxl, 1.5rem);
    font-weight: var(--ep-font-weight-blod, 700);
    line-height: 1.5;
    margin-top: 1.25rem
}

.share-board .id[data-v-c2a6f1f0] {
    color: var(--ep-color-text-weaker, rgba(255, 255, 255, .4));
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-regular, 400);
    line-height: 1.5
}

.share-board .share-url[data-v-c2a6f1f0] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 6.25rem;
    margin-top: .625rem;
    border-radius: var(--ep-border-radius-m, .375rem);
    border: .0625rem solid var(--ep-color-border-default, #242B42);
    background: var(--ep-neutral-black-black-20, rgba(0, 0, 0, .2))
}

.share-board .share-url .qr-box[data-v-c2a6f1f0] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 5rem;
    padding: .25rem .5625rem .125rem;
    margin: .3125rem 0
}

.share-board .share-url .qr-box QrCode[data-v-c2a6f1f0] {
    border-radius: var(--ep-border-radius-s, .25rem) var(--ep-border-radius-s, .25rem) 0 0
}

.share-board .share-url .qr-box .save-qr-btn[data-v-c2a6f1f0] {
    width: 3.875rem;
    height: 1.1875rem;
    background: var(--ep-color-icon-info, #5C82F5);
    color: var(--ep-color-text-default, #FFF);
    text-align: center;
    font-size: var(--ep-font-size-xs, .625rem);
    font-weight: var(--ep-font-weight-regular, 400);
    line-height: 1.5;
    border-radius: 0 0 var(--ep-border-radius-m, .375rem) var(--ep-border-radius-m, .375rem)
}

.share-board .share-url .divder[data-v-c2a6f1f0] {
    width: .0625rem;
    height: 5.4375rem;
    border-right: .0625rem solid var(--ep-color-border-default, #242B42)
}

.share-board .share-url .url-box[data-v-c2a6f1f0] {
    width: 100%;
    height: 100%;
    padding: .25rem .4375rem .5625rem .625rem;
    position: relative
}

.share-board .share-url .url-box p[data-v-c2a6f1f0] {
    color: var(--ep-color-text-brand-primary, #3A8EE3);
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-regular, 400);
    text-align: left;
    line-height: 1.5
}

.share-board .share-url .url-box .copy-btn[data-v-c2a6f1f0] {
    position: absolute;
    right: .4375rem;
    bottom: .5625rem;
    width: 4.875rem;
    height: 1.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--ep-border-radius-s, .25rem);
    border: 1px solid var(--ep-color-border-default, #242B42);
    background: var(--ep-color-background-fill-surface-raised-L2, #1A1F30)
}

.share-board .share-url .url-box .copy-btn ion-icon[data-v-c2a6f1f0] {
    color: var(--ep-color-icon-weaker, #FFF);
    font-size: 1rem;
    margin-right: .25rem
}

.share-board .share-url .url-box .copy-btn p[data-v-c2a6f1f0] {
    color: var(--ep-color-text-default, #FFF);
    font-size: var(--ep-font-size-xs, .625rem);
    font-style: normal;
    font-weight: var(--ep-font-weight-regular, 400);
    line-height: 1.5
}

.share-platform-list[data-v-c2a6f1f0] {
    width: 100%;
    height: 2.5rem;
    margin-top: 1.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1
}

.share-platform-list ion-segment[data-v-c2a6f1f0] {
    display: flex;
    --background: transparent;
    border-radius: 0
}

.share-platform-list ion-segment-button.ios[data-v-c2a6f1f0] {
    --border-radius: .375rem;
    --background: transparent;
    --indicator-color: transparent;
    --padding-start: 0;
    --padding-end: 0;
    --padding-top: 0;
    --padding-bottom: 0;
    --indicator-box-shadow: none;
    text-transform: capitalize;
    min-width: 2.5rem;
    min-height: 2.5rem;
    max-height: 2.5rem;
    margin: 0 .375rem;
    margin-top: 0
}

.share-platform-list ion-segment-button.ios ion-icon[data-v-c2a6f1f0] {
    width: 2.5rem;
    height: 2.5rem
}

.share-platform-list ion-segment-button.segment-button-disabled[data-v-c2a6f1f0] {
    opacity: 1
}

.share-platform-list .divder[data-v-c2a6f1f0] {
    width: .0625rem;
    height: 2.5rem;
    margin-left: .3125rem;
    border-right: 1px solid var(--ep-color-border-default, #242B42)
}

.share-platform-list .icon-share[data-v-c2a6f1f0] {
    min-width: 2.5rem;
    height: 2.5rem;
    color: var(--ep-color-icon-brand-primary, #0A77DA);
    margin-left: .625rem
}

.commission-amount[data-v-c2a6f1f0] {
    overflow: hidden;
    width: 100%;
    margin: .9375rem 0;
    padding: 0 .75rem;
    border-radius: var(--ep-border-radius-xl, .625rem);
    background: var(--ep-color-background-fill-surface-raised-L1, #18254E);
    -webkit-backdrop-filter: blur(.25rem);
    backdrop-filter: blur(.25rem)
}

.commission-amount .title-warpper[data-v-c2a6f1f0] {
    margin-top: .5625rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.commission-amount .title-warpper .commission-title[data-v-c2a6f1f0] {
    display: flex;
    align-items: center
}

.commission-amount .title-warpper .commission-title p[data-v-c2a6f1f0] {
    margin-right: .5rem;
    color: var(--ep-color-text-default, #FFF);
    text-align: center;
    font-size: var(--ep-font-size-l, 1rem);
    font-weight: var(--ep-font-weight-medium, 600);
    line-height: 1.5
}

.commission-amount .title-warpper .commission-title .icon-tips[data-v-c2a6f1f0] {
    font-size: 1.125rem;
    color: var(--ep-color-icon-weaker)
}

.commission-amount .title-warpper .record-btn[data-v-c2a6f1f0] {
    width: 4.5625rem;
    height: 1.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--ep-border-radius-s, .25rem);
    border: 1px solid var(--ep-color-border-default, #1E2D67);
    background: var(--ep-color-background-fill-surface-raised-L2, #1D2A55)
}

.commission-amount .title-warpper .record-btn ion-icon[data-v-c2a6f1f0] {
    color: var(--ep-color-icon-weaker, #FFF);
    font-size: 1rem;
    margin-right: .25rem
}

.commission-amount .title-warpper .record-btn p[data-v-c2a6f1f0] {
    color: var(--ep-color-text-default, #FFF);
    font-size: var(--font-size-xs, .625rem);
    font-style: normal;
    font-weight: var(--font-weight-regular, 400);
    line-height: 1.5
}

.commission-amount .commission-content[data-v-c2a6f1f0] {
    width: 100%;
    height: 5rem;
    margin-top: .8125rem;
    padding-left: 1.0625rem;
    border-radius: var(--ep-border-radius-m, .375rem);
    background-color: var(--ep-color-background-fill-surface-raised-L2, #1D2A55);
    background-image: url(/assets/commission-amount-bg-BZKZvzOy.png);
    background-size: cover;
    background-position: center;
    background-blend-mode: normal;
    display: flex;
    align-items: center
}

.commission-amount .commission-content .commission-warpper .label[data-v-c2a6f1f0] {
    color: var(--ep-color-text-default, #FFF);
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-regular, 400);
    line-height: 1.5
}

.commission-amount .commission-content .commission-warpper .amount[data-v-c2a6f1f0] {
    color: var(--ep-color-text-highlight, #F5C84C);
    text-shadow: .5px 1px 0px #A52410;
    font-size: var(--ep-font-size-xxl, 1.5rem);
    font-weight: var(--ep-font-weight-blod, 700);
    line-height: 1.5
}

.commission-amount .commission-bottom[data-v-c2a6f1f0] {
    margin-top: .6875rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.commission-amount .commission-bottom .label[data-v-c2a6f1f0] {
    color: var(--ep-color-text-weaker, rgba(255, 255, 255, .4));
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-regular, 400);
    line-height: 1.5
}

.commission-amount .commission-bottom .amount[data-v-c2a6f1f0] {
    color: var(--ep-color-text-warning, #FC974C);
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-blod, 700);
    line-height: 1.5
}

.commission-amount .commission-bottom ion-button.claim[data-v-c2a6f1f0] {
    height: 1.875rem;
    margin-bottom: .625rem;
    color: var(--ep-color-text-inverse, #FFF);
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-blod, 700);
    line-height: 1.5;
    --background: var(--ep-color-background-fill-active-primary, #D64258)
}

.team-commission[data-v-c2a6f1f0] {
    width: 100%;
    padding: 1.25rem .75rem;
    border-radius: var(--ep-border-radius-xl, .625rem);
    background: var(--ep-color-background-fill-surface-raised-L1, #18254E)
}

.team-commission ion-segment[data-v-c2a6f1f0] {
    border-radius: var(--ep-border-radius-m, .375rem);
    --background: var(--ep-color-background-fill-body-default, #131F42)
}

.team-commission ion-segment-button.ios[data-v-c2a6f1f0] {
    --border-radius: var(--ep-border-radius-s, .25rem);
    --color: var(--ep-color-text-weak, rgba(255, 255, 255, .6));
    --color-checked: var(--ep-color-text-default, #FFF);
    --indicator-color: var(--ep-color-background-fill-surface-raised-L2, #1D2A55);
    --padding-start: 0;
    --padding-end: 0;
    --padding-top: 0;
    --padding-bottom: 0;
    --indicator-box-shadow: none;
    text-transform: capitalize;
    min-width: 2.5rem;
    min-height: 2.0625rem;
    max-height: 2.0625rem;
    margin: .1875rem;
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-medium, 600)
}

.team-commission ion-segment-button.ios.segment-button-after-checked[data-v-c2a6f1f0] {
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-regular, 400)
}

.team-commission .team-details-item[data-v-c2a6f1f0] {
    width: 100%;
    margin-top: 1.5rem
}

.team-commission .team-details-item .total[data-v-c2a6f1f0] {
    display: flex;
    align-items: center
}

.team-commission .team-details-item .total ion-icon[data-v-c2a6f1f0] {
    color: var(--ep-color-icon-weaker, #FFF);
    width: 1.5rem;
    height: 1.5rem
}

.team-commission .team-details-item .total .total-label[data-v-c2a6f1f0] {
    margin: 0 .375rem;
    color: var(--ep-color-text-default, #FFF);
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-medium, 600);
    line-height: 1.5
}

.team-commission .team-details-item .total .total-amount[data-v-c2a6f1f0] {
    color: var(--ep-color-text-brand-primary, #0A77DA);
    font-size: var(--ep-font-size-m, .875rem);
    font-weight: var(--ep-font-weight-medium, 600);
    line-height: 1.5
}

.team-commission .team-details-item .details[data-v-c2a6f1f0] {
    width: 100%;
    margin-top: .5rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.team-commission .team-details-item .details .details-board[data-v-c2a6f1f0] {
    width: 10.25rem;
    height: 3.875rem;
    padding: .625rem;
    display: flex;
    align-items: center;
    flex-direction: column;
    border-radius: var(--ep-border-radius-s, .25rem);
    background: var(--ep-color-background-fill-surface-raised-L2, #1D2A55)
}

.team-commission .team-details-item .details .details-board .details-label[data-v-c2a6f1f0] {
    color: var(--ep-color-text-weakest, rgba(255, 255, 255, .2));
    font-size: var(--ep-font-size-xs, .625rem);
    font-weight: var(--ep-font-weight-regular, 400);
    line-height: 1.5
}

.team-commission .team-details-item .details .details-board .details-amount[data-v-c2a6f1f0] {
    color: var(--ep-color-text-weak, rgba(255, 255, 255, .6));
    font-size: var(--ep-font-size-xl, 1.125rem);
    font-weight: var(--ep-font-weight-regular, 400);
    line-height: 1.5
}

.color-primary-600[data-v-1326bc42] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-1326bc42] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-1326bc42] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-1326bc42] {
    color: var(--color-primary-900)
}

.bg-100[data-v-1326bc42] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-1326bc42] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-1326bc42] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-1326bc42] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-1326bc42] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-1326bc42] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-1326bc42] {
    background-color: var(--color-warning)
}

.bg-link[data-v-1326bc42] {
    background-color: var(--color-link)
}

.bg-danger[data-v-1326bc42] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-1326bc42] {
    color: var(--color-text-100)
}

.color-text-80[data-v-1326bc42] {
    color: var(--color-text-80)
}

.color-text-50[data-v-1326bc42] {
    color: var(--color-text-50)
}

.color-text-40[data-v-1326bc42] {
    color: var(--color-text-40)
}

.color-text-20[data-v-1326bc42] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-1326bc42] {
    color: var(--color-currency)
}

.color-warning[data-v-1326bc42] {
    color: var(--color-warning)
}

.color-danger[data-v-1326bc42] {
    color: var(--color-danger)
}

.color-link[data-v-1326bc42] {
    color: var(--color-link)
}

.color-line[data-v-1326bc42] {
    color: var(--color-line)
}

.color-border[data-v-1326bc42] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-1326bc42] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-1326bc42] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-1326bc42] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-1326bc42] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-1326bc42] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-1326bc42] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-1326bc42] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-1326bc42] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-1326bc42] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-1326bc42] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-1326bc42] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-1326bc42] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-1326bc42] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-1326bc42] {
    display: flex;
    align-items: center
}

.flex-start[data-v-1326bc42] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-1326bc42] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-1326bc42] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-1326bc42] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-1326bc42] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-1326bc42] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-1326bc42] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-1326bc42] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-1326bc42] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-1326bc42] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-1326bc42] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-1326bc42] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-1326bc42] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-1326bc42] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-1326bc42] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-1326bc42] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-1326bc42] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-1326bc42] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-1326bc42] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-1326bc42] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-1326bc42] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-1326bc42] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-1326bc42] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-1326bc42] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-1326bc42],
.mlm-selected-item[data-v-1326bc42] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-1326bc42] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-1326bc42]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-1326bc42] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-1326bc42] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-1326bc42] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.spread-middle-text[data-v-1326bc42] {
    font-size: .875rem;
    line-height: 1.3125rem
}

.spread-performance-info[data-v-1326bc42] {
    background: var(--color-bg-300)
}

.select-item[data-v-1326bc42] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: var(--font-size-12);
    line-height: 1.125rem;
    color: var(--color-text-100);
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0;
    background: var(--spread-commission-select-box-bg)
}

.spread-date-select[data-v-1326bc42] {
    display: flex;
    align-items: center;
    border-radius: var(--rounded-small);
    background: var(--spread-commission-select-bg);
    height: 1.758rem
}

.spread-search-icon[data-v-1326bc42] {
    color: var(--my-card-detail-color) !important
}

.sparead-table-title[data-v-1326bc42] {
    color: var(--my-card-detail-color);
    font-size: var(--font-size-12);
    line-height: 1.125rem;
    font-weight: var(--font-weight-bold)
}

ion-searchbar#search-agency[data-v-1326bc42] {
    height: 1.758rem;
    padding: 0;
    margin-left: .75rem;
    --color: var(--color-text-100);
    border-radius: var(--rounded-small);
    --background: var(--spread-commission-select-bg);
    --placeholder-color: var(--color-text-100);
    --box-shadow: none;
    overflow: hidden
}

ion-item.table-title-bg[data-v-1326bc42] {
    --background: var(--color-bg-100);
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

ion-item.table-item-bg[data-v-1326bc42]:nth-child(odd) {
    --background: transparent
}

ion-item.table-item-bg[data-v-1326bc42]:nth-child(2n) {
    --background: var(--color-bg-400)
}

ion-item ion-row.spread-table-item[data-v-1326bc42] {
    font-size: var(--font-size-12);
    line-height: 1.125rem;
    color: var(--color-text-80) !important
}

ion-button#popover-trigger[data-v-1326bc42] {
    --padding-start: 0;
    --padding-end: 0
}

#popover-trigger p.on[data-v-1326bc42] {
    border-bottom: 1px solid #38A8FA
}

ion-content[data-v-1326bc42] {
    --background: transperent
}

ion-grid[data-v-1326bc42] {
    --ion-grid-padding: 0
}

ion-col[data-v-1326bc42] {
    --ion-grid-column-padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

ion-modal[data-v-1326bc42] {
    --height: auto;
    --border-radius: var(--rounded-large);
    --background: var(--color-bg-300);
    background: var(--color-bg-mask-black);
    padding: 0 1.5625rem;
    height: auto
}

ion-modal ion-toolbar[data-v-1326bc42] {
    --background: var(--skin-ion-toolbar-bg);
    border-bottom: 1px solid var(--color-line)
}

ion-modal ion-toolbar ion-title[data-v-1326bc42] {
    color: var(--ep-color-text-default)
}

ion-list[data-v-1326bc42] {
    background: var(--color-bg-300)
}

ion-list ion-item.modal-item-detail[data-v-1326bc42] {
    font-size: var(--font-size-12);
    line-height: 1.125rem;
    --background: var(--color-bg-300)
}

ion-list ion-item.modal-item-detail ion-label[data-v-1326bc42] {
    color: var(--color-text-100);
    margin: .625rem 0
}

ion-datetime[data-v-1326bc42] {
    --background: var(--color-bg-200);
    color: var(--color-text-100);
    --wheel-highlight-background: var(--color-primary-800)
}

ion-datetime[data-v-1326bc42]::part(calendar-day active) {
    color: var(--agent-btn-color);
    background: var(--color-primary-800);
    box-shadow: none
}

ion-datetime[data-v-1326bc42]::part(month-year-button) {
    --color: var(--color-text-100)
}

.spread-performance-amount[data-v-1326bc42] {
    color: var(--color-currency)
}

.spread-table-item-search[data-v-1326bc42] {
    font-size: .75rem;
    line-height: 1.125rem;
    color: var(--color-text-100)
}

ion-icon.model-close[data-v-1326bc42] {
    color: var(--text-color-white-100)
}

.select-item[data-v-1326bc42] .date {
    border-radius: var(--rounded-small);
    background: var(--spread-commission-select-bg)
}

.select-item[data-v-1326bc42] .date .timeChoose div {
    color: var(--color-text-100)
}

.select-item[data-v-1326bc42] .date .timeChoose ion-icon {
    color: var(--color-text-100)
}

.new-skin-symbol .spread-middle-text[data-v-1326bc42] {
    font-size: var(--ep-font-size-m);
    line-height: 1.3125rem
}

.new-skin-symbol .spread-performance-info[data-v-1326bc42] {
    background: var(--ep-color-background-fill-body-default)
}

.new-skin-symbol .select-item[data-v-1326bc42] {
    font-size: var(--ep-font-size-s);
    color: var(--ep-color-text-default);
    border-radius: var(--ep-border-radius-m) var(--ep-border-radius-m) 0 0;
    background: var(--ep-color-background-fill-surface-raised-L1)
}

.new-skin-symbol .spread-date-select[data-v-1326bc42] {
    border-radius: var(--ep-border-radius-s);
    background: var(--ep-color-background-fill-body-default)
}

.new-skin-symbol .spread-search-icon[data-v-1326bc42] {
    color: var(--ep-color-text-weaker) !important
}

.new-skin-symbol .sparead-table-title[data-v-1326bc42] {
    color: var(--ep-color-text-weak);
    font-size: var(--ep-font-size-s);
    font-weight: var(--ep-font-weight-bold)
}

.new-skin-symbol ion-searchbar#search-agency[data-v-1326bc42] {
    --color: var(--ep-color-text-default);
    border-radius: var(--ep-border-radius-s);
    --background: var(--ep-color-background-fill-body-default);
    --placeholder-color: var(--ep-color-text-weak)
}

.new-skin-symbol ion-item.table-title-bg[data-v-1326bc42] {
    --background: var(--ep-color-background-fill-surface-raised-L2);
    border-radius: var(--ep-border-radius-m) var(--ep-border-radius-m) 0 0
}

.new-skin-symbol ion-item.table-item-bg[data-v-1326bc42]:nth-child(2n) {
    --background: var(--ep-color-background-fill-surface-lowered)
}

.new-skin-symbol ion-item ion-row.spread-table-item[data-v-1326bc42] {
    font-size: var(--ep-font-size-s);
    color: var(--ep-color-text-weaker) !important
}

.new-skin-symbol ion-item ion-row.spread-table-item ion-col.spread-table-item-light[data-v-1326bc42] {
    color: var(--ep-color-text-weak)
}

.new-skin-symbol ion-modal[data-v-1326bc42] {
    --border-radius: var(--ep-border-radius-xl);
    --background: var(--ep-color-background-fill-surface-raised-L1)
}

.new-skin-symbol ion-modal ion-toolbar[data-v-1326bc42] {
    --background: var(--ep-color-background-fill-top-nav-secondary);
    border-bottom: 1px solid var(--ep-color-border-default)
}

.new-skin-symbol ion-list[data-v-1326bc42] {
    background: var(--ep-color-background-fill-surface-raised-L1)
}

.new-skin-symbol ion-list ion-item.modal-item-detail[data-v-1326bc42] {
    font-size: var(--ep-font-size-s);
    --background: var(--ep-color-background-fill-surface-raised-L1)
}

.new-skin-symbol ion-list ion-item.modal-item-detail ion-label[data-v-1326bc42] {
    color: var(--ep-color-text-default)
}

.new-skin-symbol ion-datetime[data-v-1326bc42] {
    --background: var(--ep-color-background-fill-surface-raised-L2);
    color: var(--ep-color-text-weak);
    --wheel-highlight-background: var(--ep-color-background-fill-active-primary)
}

.new-skin-symbol ion-datetime[data-v-1326bc42]::part(calendar-day active) {
    color: var(--ep-color-text-inverse);
    background: var(--ep-color-background-fill-active-primary)
}

.new-skin-symbol ion-datetime[data-v-1326bc42]::part(month-year-button) {
    --color: var(--ep-color-background-fill-active-primary)
}

.new-skin-symbol .spread-performance-amount[data-v-1326bc42] {
    color: var(--ep-color-text-warning)
}

.new-skin-symbol .spread-table-item-search[data-v-1326bc42] {
    font-size: var(--ep-font-size-s);
    line-height: 1.125rem;
    color: var(--ep-color-icon-default)
}

.new-skin-symbol ion-icon.model-close[data-v-1326bc42] {
    color: var(--ep-color-icon-default)
}

.new-skin-symbol .select-item[data-v-1326bc42] .date {
    border-radius: var(--ep-border-radius-s);
    background: var(--ep-color-background-fill-body-default)
}

.new-skin-symbol .select-item[data-v-1326bc42] .date .timeChoose div {
    color: var(--ep-color-text-default)
}

.new-skin-symbol .select-item[data-v-1326bc42] .date .timeChoose ion-icon {
    color: var(--ep-color-icon-weaker)
}

.color-primary-600[data-v-acece551] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-acece551] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-acece551] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-acece551] {
    color: var(--color-primary-900)
}

.bg-100[data-v-acece551] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-acece551] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-acece551] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-acece551] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-acece551] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-acece551] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-acece551] {
    background-color: var(--color-warning)
}

.bg-link[data-v-acece551] {
    background-color: var(--color-link)
}

.bg-danger[data-v-acece551] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-acece551] {
    color: var(--color-text-100)
}

.color-text-80[data-v-acece551] {
    color: var(--color-text-80)
}

.color-text-50[data-v-acece551] {
    color: var(--color-text-50)
}

.color-text-40[data-v-acece551] {
    color: var(--color-text-40)
}

.color-text-20[data-v-acece551] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-acece551] {
    color: var(--color-currency)
}

.color-warning[data-v-acece551] {
    color: var(--color-warning)
}

.color-danger[data-v-acece551] {
    color: var(--color-danger)
}

.color-link[data-v-acece551] {
    color: var(--color-link)
}

.color-line[data-v-acece551] {
    color: var(--color-line)
}

.color-border[data-v-acece551] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-acece551] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-acece551] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-acece551] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-acece551] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-acece551] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-acece551] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-acece551] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-acece551] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-acece551] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-acece551] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-acece551] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-acece551] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-acece551] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-acece551] {
    display: flex;
    align-items: center
}

.flex-start[data-v-acece551] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-acece551] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-acece551] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-acece551] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-acece551] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-acece551] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-acece551] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-acece551] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-acece551] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-acece551] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-acece551] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-acece551] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-acece551] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-acece551] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-acece551] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-acece551] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-acece551] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-acece551] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-acece551] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-acece551] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-acece551] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-acece551] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-acece551] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-acece551] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-acece551],
.mlm-selected-item[data-v-acece551] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-acece551] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-acece551]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-acece551] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-acece551] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-acece551] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.spread-commission-info[data-v-acece551] {
    background: var(--color-bg-300)
}

#popover-trigger p.on[data-v-acece551] {
    border-bottom: 1px solid var(--color-primary-800)
}

ion-content#main[data-v-acece551] {
    --background: transperent
}

.spread-select-item[data-v-acece551] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: var(--font-size-12);
    line-height: 1.125rem;
    color: var(--color-text-100);
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0;
    background: var(--spread-commission-select-box-bg)
}

.spread-date-select[data-v-acece551] {
    display: flex;
    align-items: center;
    border-radius: var(--rounded-small);
    background: var(--spread-commission-select-bg);
    height: 1.758rem
}

.spread-date-select ion-icon[data-v-acece551] {
    font-size: .875rem;
    color: var(--color-text-100)
}

ion-item[data-v-acece551]::part(native) {
    padding: 0 0 0 .625rem !important
}

ion-grid[data-v-acece551] {
    --ion-grid-padding: 0
}

ion-col[data-v-acece551] {
    --ion-grid-column-padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

ion-item.table-title-bg[data-v-acece551] {
    --background: var(--color-bg-100);
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

ion-item.table-item-bg[data-v-acece551]:nth-child(odd) {
    --background: transparent
}

ion-item.table-item-bg[data-v-acece551]:nth-child(2n) {
    --background: var(--color-bg-400)
}

ion-item ion-grid ion-row.spread-table-item[data-v-acece551] {
    font-size: var(--font-size-12);
    line-height: 1.125rem;
    color: var(--color-text-80) !important
}

ion-select[data-v-acece551] {
    flex: 1;
    min-height: 0;
    --background: var(--spread-commission-select-bg);
    --border-radius: var(--rounded-small);
    --padding-top: 0px;
    --padding-bottom: 0px;
    --padding-start: .25rem;
    --padding-end: 0px;
    color: var(--color-text-100);
    font-size: var(--font-size-12);
    height: 1.758rem;
    margin-left: 5px;
    overflow: hidden
}

ion-datetime[data-v-acece551] {
    --background: var(--color-bg-200);
    color: var(--color-text-100);
    --wheel-highlight-background: var(--color-primary-800)
}

ion-datetime[data-v-acece551]::part(calendar-day active) {
    color: var(--agent-btn-color);
    background: var(--color-primary-800);
    box-shadow: none
}

ion-datetime[data-v-acece551]::part(month-year-button) {
    --color: var(--color-text-100)
}

ion-header ion-toolbar.commission-modal-toolbar[data-v-acece551] {
    --background: var(--skin-ion-toolbar-bg)
}

ion-header ion-toolbar.commission-modal-toolbar ion-icon.commission-modal-back[data-v-acece551] {
    color: var(--text-color-white-100)
}

.commission-modal-detail-conten[data-v-acece551] {
    background: var(--color-bg-300)
}

.commission-modal-detail-segment[data-v-acece551] {
    color: var(--color-bg-400)
}

ion-button#popover-trigger[data-v-acece551] {
    --padding-start: 0;
    --padding-end: 0
}

ion-segment.md[data-v-acece551] {
    display: flex;
    justify-content: left
}

ion-segment-button.md[data-v-acece551]::part(indicator) {
    margin-left: auto;
    margin-right: auto
}

ion-segment-button.md[data-v-acece551]::part(indicator-background) {
    background: var(--color-primary-800);
    height: 1px
}

ion-segment-button.md[data-v-acece551] {
    --padding-start: 0;
    --padding-end: 0;
    --padding-top: 2px;
    --padding-bottom: 2px;
    text-transform: capitalize;
    margin-right: .8rem
}

ion-segment-button.md ion-button[data-v-acece551] {
    text-transform: none;
    height: 2.625rem;
    margin: 0;
    --padding-top: 0px;
    --padding-bottom: 5px;
    --padding-start: 0;
    --padding-end: 0;
    min-width: 0
}

ion-button.base-style[data-v-acece551] {
    --color: var(--color-text-40);
    font-size: var(--font-1size-14)
}

ion-button.select-style[data-v-acece551] {
    font-weight: 700;
    --color: var(--color-primary-800)
}

.sparead-table-title[data-v-acece551] {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-12);
    line-height: 1.125rem;
    color: var(--my-card-detail-color) !important
}

.spread-commission-amount[data-v-acece551] {
    color: var(--color-currency)
}

.spread-table-item-search[data-v-acece551] {
    font-size: .75rem;
    line-height: 1.125rem;
    color: var(--color-text-100)
}

.spread-table-item-light[data-v-acece551] {
    color: var(--color-text-80)
}

.spread-select-item[data-v-acece551] .date {
    display: flex;
    align-items: center;
    border-radius: var(--rounded-small);
    background: var(--spread-commission-select-bg);
    height: 1.758rem;
    padding: 0 .25rem 0 .5rem
}

.spread-select-item[data-v-acece551] .date .timeChoose {
    width: 100%;
    justify-content: space-between
}

.spread-select-item[data-v-acece551] .date .timeChoose p {
    font-size: .75rem;
    color: var(--color-text-100);
    margin: 0
}

.spread-select-item[data-v-acece551] .date .timeChoose p.on {
    border-bottom: 1px solid var(--color-primary-800)
}

.spread-select-item[data-v-acece551] .date .timeChoose .separator {
    margin: 0 .25rem;
    font-size: .75rem;
    color: var(--color-text-100)
}

.spread-select-item[data-v-acece551] .date .timeChoose ion-icon {
    font-size: .875rem;
    color: var(--color-text-100);
    margin: .125rem 0 .125rem .25rem
}

.new-skin-symbol .spread-commission-info[data-v-acece551] {
    background: var(--ep-color-background-fill-body-default)
}

.new-skin-symbol #popover-trigger p.on[data-v-acece551] {
    border-bottom: 1px solid var(--ep-primary-primary-800)
}

.new-skin-symbol .spread-select-item[data-v-acece551] {
    font-size: var(--ep-font-size-s);
    line-height: 1.125rem;
    color: var(--ep-color-text-default);
    border-radius: var(--ep-border-radius-m) var(--ep-border-radius-m) 0 0;
    background: var(--ep-color-background-fill-surface-raised-L1)
}

.new-skin-symbol .spread-date-select[data-v-acece551] {
    border-radius: .25rem;
    background: var(--ep-color-background-fill-body-default)
}

.new-skin-symbol .spread-date-select ion-icon[data-v-acece551] {
    font-size: var(--ep-font-size-m);
    color: var(--ep-color-icon-default)
}

.new-skin-symbol ion-item.table-title-bg[data-v-acece551] {
    --background: var(--ep-color-background-fill-surface-raised-L2);
    border-radius: var(--ep-border-radius-m) var(--ep-border-radius-m) 0 0
}

.new-skin-symbol ion-item.table-item-bg[data-v-acece551]:nth-child(2n) {
    --background: var(--ep-color-background-fill-surface-lowered)
}

.new-skin-symbol ion-item ion-grid ion-row.spread-table-item[data-v-acece551] {
    font-size: var(--ep-font-size-s);
    line-height: 1.125rem;
    color: var(--ep-color-text-weaker) !important
}

.new-skin-symbol ion-select[data-v-acece551] {
    --background: var(--ep-color-background-fill-body-default);
    --border-radius: var(--ep-border-radius-s);
    color: var(--ep-color-text-default);
    font-size: var(--ep-font-size-s)
}

.new-skin-symbol ion-datetime[data-v-acece551] {
    --background: var(--ep-color-background-fill-surface-raised-L2);
    color: var(--ep-color-text-weak);
    --wheel-highlight-background: var(--ep-color-background-fill-active-primary)
}

.new-skin-symbol ion-datetime[data-v-acece551]::part(calendar-day active) {
    color: var(--ep-color-text-inverse);
    background: var(--ep-color-background-fill-active-primary)
}

.new-skin-symbol ion-datetime[data-v-acece551]::part(month-year-button) {
    --color: var(--ep-color-background-fill-active-primary)
}

.new-skin-symbol ion-icon.commission-modal-back[data-v-acece551] {
    color: var(--ep-color-icon-default)
}

.new-skin-symbol .commission-modal-detail-conten[data-v-acece551] {
    background: var(--ep-color-background-fill-body-default)
}

.new-skin-symbol .commission-modal-detail-segment[data-v-acece551] {
    color: var(--ep-color-background-fill-surface-lowered)
}

.new-skin-symbol ion-segment-button.md[data-v-acece551]::part(indicator-background) {
    background: var(--ep-color-border-selected)
}

.new-skin-symbol ion-button.base-style[data-v-acece551] {
    --color: var(--ep-color-text-weaker);
    font-size: var(--ep-font-size-m)
}

.new-skin-symbol ion-button.select-style[data-v-acece551] {
    font-weight: var(--ep-font-weight-bold);
    --color: var(--ep-color-text-selected)
}

.new-skin-symbol .sparead-table-title[data-v-acece551] {
    font-weight: var(--ep-font-weight-bold);
    font-size: var(--ep-font-size-s);
    line-height: 1.125rem;
    color: var(--ep-color-text-weaker) !important
}

.new-skin-symbol .spread-commission-amount[data-v-acece551] {
    color: var(--ep-color-text-warning)
}

.new-skin-symbol .spread-table-item-search[data-v-acece551] {
    font-size: var(--ep-font-size-s);
    line-height: 1.125rem;
    color: var(--ep-color-icon-default)
}

.new-skin-symbol .spread-table-item-light[data-v-acece551] {
    color: var(--ep-color-text-weak)
}

.new-skin-symbol .spread-select-item[data-v-acece551] .date {
    background: var(--ep-color-background-fill-body-default);
    border-radius: var(--ep-border-radius-s)
}

.new-skin-symbol .spread-select-item[data-v-acece551] .date .timeChoose p {
    color: var(--ep-color-text-default)
}

.new-skin-symbol .spread-select-item[data-v-acece551] .date .timeChoose p.on {
    border-bottom: 1px solid var(--ep-color-background-fill-active-primary)
}

.new-skin-symbol .spread-select-item[data-v-acece551] .date .timeChoose .separator {
    color: var(--ep-color-text-default)
}

.new-skin-symbol .spread-select-item[data-v-acece551] .date .timeChoose ion-icon {
    color: var(--ep-color-icon-weaker)
}

.color-primary-600[data-v-88f9eb3c] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-88f9eb3c] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-88f9eb3c] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-88f9eb3c] {
    color: var(--color-primary-900)
}

.bg-100[data-v-88f9eb3c] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-88f9eb3c] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-88f9eb3c] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-88f9eb3c] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-88f9eb3c] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-88f9eb3c] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-88f9eb3c] {
    background-color: var(--color-warning)
}

.bg-link[data-v-88f9eb3c] {
    background-color: var(--color-link)
}

.bg-danger[data-v-88f9eb3c] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-88f9eb3c] {
    color: var(--color-text-100)
}

.color-text-80[data-v-88f9eb3c] {
    color: var(--color-text-80)
}

.color-text-50[data-v-88f9eb3c] {
    color: var(--color-text-50)
}

.color-text-40[data-v-88f9eb3c] {
    color: var(--color-text-40)
}

.color-text-20[data-v-88f9eb3c] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-88f9eb3c] {
    color: var(--color-currency)
}

.color-warning[data-v-88f9eb3c] {
    color: var(--color-warning)
}

.color-danger[data-v-88f9eb3c] {
    color: var(--color-danger)
}

.color-link[data-v-88f9eb3c] {
    color: var(--color-link)
}

.color-line[data-v-88f9eb3c] {
    color: var(--color-line)
}

.color-border[data-v-88f9eb3c] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-88f9eb3c] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-88f9eb3c] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-88f9eb3c] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-88f9eb3c] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-88f9eb3c] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-88f9eb3c] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-88f9eb3c] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-88f9eb3c] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-88f9eb3c] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-88f9eb3c] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-88f9eb3c] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-88f9eb3c] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-88f9eb3c] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-88f9eb3c] {
    display: flex;
    align-items: center
}

.flex-start[data-v-88f9eb3c] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-88f9eb3c] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-88f9eb3c] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-88f9eb3c] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-88f9eb3c] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-88f9eb3c] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-88f9eb3c] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-88f9eb3c] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-88f9eb3c] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-88f9eb3c] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-88f9eb3c] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-88f9eb3c] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-88f9eb3c] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-88f9eb3c] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-88f9eb3c] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-88f9eb3c] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-88f9eb3c] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-88f9eb3c] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-88f9eb3c] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-88f9eb3c] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-88f9eb3c] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-88f9eb3c] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-88f9eb3c] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-88f9eb3c] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-88f9eb3c],
.mlm-selected-item[data-v-88f9eb3c] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-88f9eb3c] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-88f9eb3c]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-88f9eb3c] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-88f9eb3c] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-88f9eb3c] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.people[data-v-88f9eb3c] {
    border-radius: 50%;
    background-size: 100% 100% !important
}

.agent-level[data-v-88f9eb3c] {
    border-radius: 50%;
    font-size: .625rem
}

.pepole-A[data-v-88f9eb3c] {
    background: url(/icons/spread/manA.png), #fff
}

.pepole-B1[data-v-88f9eb3c],
.pepole-B3[data-v-88f9eb3c] {
    background: url(/icons/spread/manB1.png), #fff
}

.pepole-B2[data-v-88f9eb3c] {
    background: url(/icons/spread/manB2.png), #fff
}

.pepole-C1[data-v-88f9eb3c],
.pepole-C3[data-v-88f9eb3c] {
    background: url(/icons/spread/womanC1.png), #fff
}

.pepole-C2[data-v-88f9eb3c] {
    background: url(/icons/spread/womanC2.png), #fff
}

.new-skin-symbol .agent-level[data-v-88f9eb3c] {
    font-size: .625rem
}

.color-primary-600[data-v-e88a1d33] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-e88a1d33] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-e88a1d33] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-e88a1d33] {
    color: var(--color-primary-900)
}

.bg-100[data-v-e88a1d33] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-e88a1d33] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-e88a1d33] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-e88a1d33] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-e88a1d33] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-e88a1d33] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-e88a1d33] {
    background-color: var(--color-warning)
}

.bg-link[data-v-e88a1d33] {
    background-color: var(--color-link)
}

.bg-danger[data-v-e88a1d33] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-e88a1d33] {
    color: var(--color-text-100)
}

.color-text-80[data-v-e88a1d33] {
    color: var(--color-text-80)
}

.color-text-50[data-v-e88a1d33] {
    color: var(--color-text-50)
}

.color-text-40[data-v-e88a1d33] {
    color: var(--color-text-40)
}

.color-text-20[data-v-e88a1d33] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-e88a1d33] {
    color: var(--color-currency)
}

.color-warning[data-v-e88a1d33] {
    color: var(--color-warning)
}

.color-danger[data-v-e88a1d33] {
    color: var(--color-danger)
}

.color-link[data-v-e88a1d33] {
    color: var(--color-link)
}

.color-line[data-v-e88a1d33] {
    color: var(--color-line)
}

.color-border[data-v-e88a1d33] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-e88a1d33] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-e88a1d33] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-e88a1d33] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-e88a1d33] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-e88a1d33] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-e88a1d33] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-e88a1d33] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-e88a1d33] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-e88a1d33] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-e88a1d33] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-e88a1d33] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-e88a1d33] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-e88a1d33] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-e88a1d33] {
    display: flex;
    align-items: center
}

.flex-start[data-v-e88a1d33] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-e88a1d33] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-e88a1d33] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-e88a1d33] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-e88a1d33] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-e88a1d33] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-e88a1d33] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-e88a1d33] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-e88a1d33] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-e88a1d33] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-e88a1d33] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-e88a1d33] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-e88a1d33] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-e88a1d33] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-e88a1d33] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-e88a1d33] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-e88a1d33] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-e88a1d33] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-e88a1d33] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-e88a1d33] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-e88a1d33] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-e88a1d33] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-e88a1d33] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-e88a1d33] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-e88a1d33],
.mlm-selected-item[data-v-e88a1d33] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-e88a1d33] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-e88a1d33]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-e88a1d33] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-e88a1d33] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-e88a1d33] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.spread-agent-explanation-conten[data-v-e88a1d33] {
    border: 1px solid;
    border-color: #293548;
    border-radius: .375rem;
    font-size: .6rem;
    background: #101629
}

.new-skin-symbol .spread-agent-explanation-conten[data-v-e88a1d33] {
    border-color: var(--ep-color-border-default);
    border-radius: .375rem;
    background: var(--ep-color-background-fill-surface-raised-L2)
}

.color-primary-600[data-v-bb2e08a8] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-bb2e08a8] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-bb2e08a8] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-bb2e08a8] {
    color: var(--color-primary-900)
}

.bg-100[data-v-bb2e08a8] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-bb2e08a8] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-bb2e08a8] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-bb2e08a8] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-bb2e08a8] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-bb2e08a8] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-bb2e08a8] {
    background-color: var(--color-warning)
}

.bg-link[data-v-bb2e08a8] {
    background-color: var(--color-link)
}

.bg-danger[data-v-bb2e08a8] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-bb2e08a8] {
    color: var(--color-text-100)
}

.color-text-80[data-v-bb2e08a8] {
    color: var(--color-text-80)
}

.color-text-50[data-v-bb2e08a8] {
    color: var(--color-text-50)
}

.color-text-40[data-v-bb2e08a8] {
    color: var(--color-text-40)
}

.color-text-20[data-v-bb2e08a8] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-bb2e08a8] {
    color: var(--color-currency)
}

.color-warning[data-v-bb2e08a8] {
    color: var(--color-warning)
}

.color-danger[data-v-bb2e08a8] {
    color: var(--color-danger)
}

.color-link[data-v-bb2e08a8] {
    color: var(--color-link)
}

.color-line[data-v-bb2e08a8] {
    color: var(--color-line)
}

.color-border[data-v-bb2e08a8] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-bb2e08a8] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-bb2e08a8] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-bb2e08a8] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-bb2e08a8] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-bb2e08a8] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-bb2e08a8] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-bb2e08a8] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-bb2e08a8] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-bb2e08a8] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-bb2e08a8] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-bb2e08a8] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-bb2e08a8] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-bb2e08a8] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-bb2e08a8] {
    display: flex;
    align-items: center
}

.flex-start[data-v-bb2e08a8] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-bb2e08a8] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-bb2e08a8] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-bb2e08a8] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-bb2e08a8] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-bb2e08a8] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-bb2e08a8] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-bb2e08a8] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-bb2e08a8] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-bb2e08a8] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-bb2e08a8] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-bb2e08a8] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-bb2e08a8] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-bb2e08a8] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-bb2e08a8] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-bb2e08a8] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-bb2e08a8] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-bb2e08a8] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-bb2e08a8] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-bb2e08a8] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-bb2e08a8] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-bb2e08a8] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-bb2e08a8] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-bb2e08a8] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-bb2e08a8],
.mlm-selected-item[data-v-bb2e08a8] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-bb2e08a8] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-bb2e08a8]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-bb2e08a8] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-bb2e08a8] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-bb2e08a8] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.commission-area[data-v-bb2e08a8] {
    margin: 2.5rem auto
}

.agent-item[data-v-bb2e08a8] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center
}

.spread-agent-explanation-text-amount[data-v-bb2e08a8] {
    color: #ffaa09
}

.spread-agent-info[data-v-bb2e08a8] {
    border: 1px solid;
    border-color: #2a324e;
    border-radius: .375rem;
    font-size: .625rem
}

.spread-agent-info .spread-agent-info-text[data-v-bb2e08a8] {
    color: var(--color-text-100)
}

.new-skin-symbol .spread-agent-explanation-text-amount[data-v-bb2e08a8] {
    color: var(--ep-color-text-warning)
}

.new-skin-symbol .spread-agent-info[data-v-bb2e08a8] {
    border-color: var(--ep-color-border-default);
    border-radius: .375rem;
    font-size: .625rem
}

.new-skin-symbol .spread-agent-info .spread-agent-info-text[data-v-bb2e08a8] {
    color: var(--ep-color-text-default)
}

.color-primary-600[data-v-d0325c54] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-d0325c54] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-d0325c54] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-d0325c54] {
    color: var(--color-primary-900)
}

.bg-100[data-v-d0325c54] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-d0325c54] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-d0325c54] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-d0325c54] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-d0325c54] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-d0325c54] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-d0325c54] {
    background-color: var(--color-warning)
}

.bg-link[data-v-d0325c54] {
    background-color: var(--color-link)
}

.bg-danger[data-v-d0325c54] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-d0325c54] {
    color: var(--color-text-100)
}

.color-text-80[data-v-d0325c54] {
    color: var(--color-text-80)
}

.color-text-50[data-v-d0325c54] {
    color: var(--color-text-50)
}

.color-text-40[data-v-d0325c54] {
    color: var(--color-text-40)
}

.color-text-20[data-v-d0325c54] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-d0325c54] {
    color: var(--color-currency)
}

.color-warning[data-v-d0325c54] {
    color: var(--color-warning)
}

.color-danger[data-v-d0325c54] {
    color: var(--color-danger)
}

.color-link[data-v-d0325c54] {
    color: var(--color-link)
}

.color-line[data-v-d0325c54] {
    color: var(--color-line)
}

.color-border[data-v-d0325c54] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-d0325c54] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-d0325c54] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-d0325c54] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-d0325c54] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-d0325c54] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-d0325c54] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-d0325c54] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-d0325c54] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-d0325c54] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-d0325c54] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-d0325c54] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-d0325c54] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-d0325c54] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-d0325c54] {
    display: flex;
    align-items: center
}

.flex-start[data-v-d0325c54] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-d0325c54] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-d0325c54] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-d0325c54] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-d0325c54] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-d0325c54] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-d0325c54] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-d0325c54] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-d0325c54] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-d0325c54] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-d0325c54] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-d0325c54] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-d0325c54] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-d0325c54] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-d0325c54] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-d0325c54] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-d0325c54] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-d0325c54] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-d0325c54] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-d0325c54] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-d0325c54] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-d0325c54] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-d0325c54] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-d0325c54] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-d0325c54],
.mlm-selected-item[data-v-d0325c54] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-d0325c54] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-d0325c54]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-d0325c54] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-d0325c54] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-d0325c54] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.c1-left[data-v-d0325c54] {
    top: 1rem
}

.c3-right[data-v-d0325c54] {
    top: 1rem;
    right: 0
}

.top-box-area[data-v-d0325c54] {
    top: -.2rem
}

.C2-toA[data-v-d0325c54] {
    right: 3.6rem;
    position: absolute;
    top: -2.9rem
}

.b1-arrow[data-v-d0325c54] {
    left: 2.2rem;
    transform: rotate(30deg);
    bottom: 5.1rem
}

.b2-arrow[data-v-d0325c54] {
    left: 36%;
    bottom: 5rem
}

.b3-arrow[data-v-d0325c54] {
    right: 2rem;
    transform: rotate(-30deg);
    bottom: 5.1rem
}

.c1-arrow-toB1[data-v-d0325c54] {
    bottom: 3.8rem;
    left: .5rem
}

.c2-arrow-toB1[data-v-d0325c54] {
    bottom: 4.2rem;
    left: 23%;
    transform: rotate(-28deg)
}

.c3-arrow-toB3[data-v-d0325c54] {
    right: .7rem;
    bottom: 3.8rem
}

.c2-arrow-toA[data-v-d0325c54] {
    bottom: 5.2rem;
    left: 24%
}

.c1-arrow-toA[data-v-d0325c54] {
    bottom: 5.2rem;
    left: -6.6rem
}

.c3-arrow-toA[data-v-d0325c54] {
    bottom: 5.2rem;
    right: -6.6rem;
    transform: scaleX(-1)
}

.tutorial-detail[data-v-d0325c54] {
    border-radius: .28rem;
    font-size: .6rem;
    padding: .4rem;
    border: 1px solid #293548;
    color: #6d788e
}

.tutorial-detail h1[data-v-d0325c54] {
    font-size: .7rem;
    margin: 0
}

.tutorial-detail p[data-v-d0325c54] {
    text-indent: .9rem
}

.spread-agent-explanation-border[data-v-d0325c54] {
    border: .0625rem solid #2A324E
}

.spread-agent-explanation-text-100[data-v-d0325c54] {
    color: var(--color-text-100)
}

.spread-agent-explanation-text-amount[data-v-d0325c54] {
    color: #ffaa09
}

.spread-agent-explanation-info[data-v-d0325c54] {
    font-size: .625rem;
    border-radius: .625rem
}

.new-skin-symbol .tutorial-detail[data-v-d0325c54] {
    border-radius: .28rem;
    font-size: .6rem;
    border: 1px solid var(--ep-color-border-default);
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol .tutorial-detail h1[data-v-d0325c54] {
    font-size: .7rem
}

.new-skin-symbol .spread-agent-explanation-border[data-v-d0325c54] {
    border: .0625rem solid var(--ep-color-border-default)
}

.new-skin-symbol .spread-agent-explanation-text-100[data-v-d0325c54] {
    color: var(--ep-color-text-default)
}

.new-skin-symbol .spread-agent-explanation-text-amount[data-v-d0325c54] {
    color: var(--ep-color-text-warning)
}

.new-skin-symbol .spread-agent-explanation-info[data-v-d0325c54] {
    font-size: .625rem;
    border-radius: .625rem
}

.color-primary-600[data-v-21361560] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-21361560] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-21361560] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-21361560] {
    color: var(--color-primary-900)
}

.bg-100[data-v-21361560] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-21361560] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-21361560] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-21361560] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-21361560] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-21361560] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-21361560] {
    background-color: var(--color-warning)
}

.bg-link[data-v-21361560] {
    background-color: var(--color-link)
}

.bg-danger[data-v-21361560] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-21361560] {
    color: var(--color-text-100)
}

.color-text-80[data-v-21361560] {
    color: var(--color-text-80)
}

.color-text-50[data-v-21361560] {
    color: var(--color-text-50)
}

.color-text-40[data-v-21361560] {
    color: var(--color-text-40)
}

.color-text-20[data-v-21361560] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-21361560] {
    color: var(--color-currency)
}

.color-warning[data-v-21361560] {
    color: var(--color-warning)
}

.color-danger[data-v-21361560] {
    color: var(--color-danger)
}

.color-link[data-v-21361560] {
    color: var(--color-link)
}

.color-line[data-v-21361560] {
    color: var(--color-line)
}

.color-border[data-v-21361560] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-21361560] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-21361560] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-21361560] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-21361560] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-21361560] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-21361560] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-21361560] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-21361560] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-21361560] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-21361560] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-21361560] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-21361560] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-21361560] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-21361560] {
    display: flex;
    align-items: center
}

.flex-start[data-v-21361560] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-21361560] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-21361560] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-21361560] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-21361560] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-21361560] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-21361560] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-21361560] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-21361560] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-21361560] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-21361560] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-21361560] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-21361560] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-21361560] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-21361560] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-21361560] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-21361560] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-21361560] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-21361560] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-21361560] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-21361560] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-21361560] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-21361560] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-21361560] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-21361560],
.mlm-selected-item[data-v-21361560] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-21361560] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-21361560]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-21361560] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-21361560] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-21361560] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.card[data-v-21361560] {
    background: var(--color-bg-300);
    border-radius: .625rem;
    padding-bottom: .625rem
}

ion-item[data-v-21361560] {
    --background: transparent;
    --padding-bottom: 0px;
    --padding-end: 10px;
    --padding-start: 0;
    --padding-top: 0;
    --inner-padding-end: 0
}

ion-item[data-v-21361560]::part(detail-icon) {
    color: var(--color-link);
    font-size: .875rem;
    margin-right: 5px
}

ion-label[data-v-21361560],
h6[data-v-21361560] {
    font-size: .875rem !important;
    text-align: center
}

h6[data-v-21361560] {
    margin-bottom: 5px
}

.new-skin-symbol .card[data-v-21361560] {
    border-radius: var(--ep-border-radius-xl);
    background: var(--ep-color-background-fill-body-default)
}

.new-skin-symbol ion-item[data-v-21361560]::part(detail-icon) {
    font-size: var(--ep-font-size-m);
    color: var(--ep-color-border-default)
}

.new-skin-symbol ion-label[data-v-21361560],
.new-skin-symbol h6[data-v-21361560] {
    font-size: var(--ep-font-size-m) !important;
    line-height: 1.3125rem;
    text-align: center
}

.color-primary-600[data-v-0b3e81c2] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-0b3e81c2] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-0b3e81c2] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-0b3e81c2] {
    color: var(--color-primary-900)
}

.bg-100[data-v-0b3e81c2] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-0b3e81c2] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-0b3e81c2] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-0b3e81c2] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-0b3e81c2] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-0b3e81c2] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-0b3e81c2] {
    background-color: var(--color-warning)
}

.bg-link[data-v-0b3e81c2] {
    background-color: var(--color-link)
}

.bg-danger[data-v-0b3e81c2] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-0b3e81c2] {
    color: var(--color-text-100)
}

.color-text-80[data-v-0b3e81c2] {
    color: var(--color-text-80)
}

.color-text-50[data-v-0b3e81c2] {
    color: var(--color-text-50)
}

.color-text-40[data-v-0b3e81c2] {
    color: var(--color-text-40)
}

.color-text-20[data-v-0b3e81c2] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-0b3e81c2] {
    color: var(--color-currency)
}

.color-warning[data-v-0b3e81c2] {
    color: var(--color-warning)
}

.color-danger[data-v-0b3e81c2] {
    color: var(--color-danger)
}

.color-link[data-v-0b3e81c2] {
    color: var(--color-link)
}

.color-line[data-v-0b3e81c2] {
    color: var(--color-line)
}

.color-border[data-v-0b3e81c2] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-0b3e81c2] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-0b3e81c2] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-0b3e81c2] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-0b3e81c2] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-0b3e81c2] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-0b3e81c2] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-0b3e81c2] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-0b3e81c2] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-0b3e81c2] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-0b3e81c2] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-0b3e81c2] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-0b3e81c2] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-0b3e81c2] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-0b3e81c2] {
    display: flex;
    align-items: center
}

.flex-start[data-v-0b3e81c2] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-0b3e81c2] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-0b3e81c2] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-0b3e81c2] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-0b3e81c2] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-0b3e81c2] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-0b3e81c2] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-0b3e81c2] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-0b3e81c2] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-0b3e81c2] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-0b3e81c2] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-0b3e81c2] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-0b3e81c2] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-0b3e81c2] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-0b3e81c2] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-0b3e81c2] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-0b3e81c2] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-0b3e81c2] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-0b3e81c2] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-0b3e81c2] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-0b3e81c2] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-0b3e81c2] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-0b3e81c2] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-0b3e81c2] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-0b3e81c2],
.mlm-selected-item[data-v-0b3e81c2] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-0b3e81c2] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-0b3e81c2]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-0b3e81c2] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-0b3e81c2] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-0b3e81c2] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.agent-bonus-rate-info[data-v-0b3e81c2] {
    background: var(--color-bg-300);
    font-size: .75rem;
    line-height: 1.125rem
}

ion-segment-button.md[data-v-0b3e81c2]::part(indicator-background) {
    background: var(--color-primary-800);
    height: 1px
}

ion-segment[data-v-0b3e81c2] {
    border-bottom: 1px solid var(--spread-share-box-border-color)
}

ion-segment-button[data-v-0b3e81c2] {
    --padding-start: 0;
    --padding-end: 0;
    text-transform: capitalize;
    min-width: 0;
    min-height: 0;
    margin-right: 10px;
    margin-top: 0;
    margin-bottom: 0
}

ion-segment-button ion-button[data-v-0b3e81c2] {
    min-width: 0
}

ion-segment-button ion-label[data-v-0b3e81c2] {
    font-size: .75rem !important;
    margin-top: .375rem;
    margin-bottom: .375rem
}

ion-label.selected-item[data-v-0b3e81c2] {
    color: var(--color-text-100)
}

ion-label.select-item[data-v-0b3e81c2] {
    color: var(--spread-bonus-rate-segment-item-color)
}

ion-content[data-v-0b3e81c2] {
    --background: transperent
}

ion-item[data-v-0b3e81c2] {
    --background: transparent;
    --padding-start: 0;
    --padding-end: 0;
    --inner-padding-end: 0;
    --inner-border-width: 0px;
    --min-height: 2.25rem
}

ion-item.spread-table-title[data-v-0b3e81c2] {
    font-size: var(--font-size-12);
    color: var(--color-text-40);
    line-height: 1.125rem;
    --background: var(--color-bg-100);
    border-radius: var(--rounded-small);
    font-weight: var(--font-weight-bold)
}

ion-item.spread-table-item[data-v-0b3e81c2] {
    font-size: var(--font-size-12);
    color: var(--color-text-40);
    line-height: 1.125rem
}

ion-item.odd[data-v-0b3e81c2] {
    --background: var(--color-bg-400);
    border-radius: var(--rounded-small)
}

ion-grid[data-v-0b3e81c2] {
    --ion-grid-padding: 0
}

ion-col[data-v-0b3e81c2] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--my-card-detail-color)
}

ion-col.spread-bonus-rate-amount[data-v-0b3e81c2] {
    color: var(--color-currency)
}

.new-skin-symbol .agent-bonus-rate-info[data-v-0b3e81c2] {
    font-size: var(--ep-font-size-s);
    line-height: 1.125rem;
    background: var(--ep-color-background-fill-body-default)
}

.new-skin-symbol ion-segment[data-v-0b3e81c2] {
    border-bottom: 1px solid var(--ep-color-border-default)
}

.new-skin-symbol ion-segment-button ion-label[data-v-0b3e81c2] {
    font-size: var(--ep-font-size-s) !important
}

.new-skin-symbol ion-segment-button.md[data-v-0b3e81c2]::part(indicator-background) {
    background: var(--ep-color-background-fill-active-active)
}

.new-skin-symbol ion-label.selected-item[data-v-0b3e81c2] {
    color: var(--ep-color-text-selected)
}

.new-skin-symbol ion-label.select-item[data-v-0b3e81c2] {
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol ion-item.spread-table-title[data-v-0b3e81c2] {
    font-size: var(--ep-font-size-s);
    line-height: 1.125rem;
    color: var(--ep-color-text-weaker);
    --background: var(--ep-color-background-fill-surface-raised-L2);
    border-radius: var(--ep-border-radius-s);
    font-weight: var(--ep-font-weight-bold)
}

.new-skin-symbol ion-item.spread-table-item[data-v-0b3e81c2] {
    font-size: var(--ep-font-size-s);
    line-height: 1.125rem;
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol ion-item.odd[data-v-0b3e81c2] {
    --background: var(--ep-color-background-fill-surface-lowered);
    border-radius: var(--ep-border-radius-s)
}

.new-skin-symbol ion-col[data-v-0b3e81c2] {
    color: var(--ep-color-text-weaker)
}

.new-skin-symbol ion-col.spread-bonus-rate-amount[data-v-0b3e81c2] {
    color: var(--ep-color-text-warning)
}

.color-primary-600[data-v-be10c7f5] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-be10c7f5] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-be10c7f5] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-be10c7f5] {
    color: var(--color-primary-900)
}

.bg-100[data-v-be10c7f5] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-be10c7f5] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-be10c7f5] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-be10c7f5] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-be10c7f5] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-be10c7f5] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-be10c7f5] {
    background-color: var(--color-warning)
}

.bg-link[data-v-be10c7f5] {
    background-color: var(--color-link)
}

.bg-danger[data-v-be10c7f5] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-be10c7f5] {
    color: var(--color-text-100)
}

.color-text-80[data-v-be10c7f5] {
    color: var(--color-text-80)
}

.color-text-50[data-v-be10c7f5] {
    color: var(--color-text-50)
}

.color-text-40[data-v-be10c7f5] {
    color: var(--color-text-40)
}

.color-text-20[data-v-be10c7f5] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-be10c7f5] {
    color: var(--color-currency)
}

.color-warning[data-v-be10c7f5] {
    color: var(--color-warning)
}

.color-danger[data-v-be10c7f5] {
    color: var(--color-danger)
}

.color-link[data-v-be10c7f5] {
    color: var(--color-link)
}

.color-line[data-v-be10c7f5] {
    color: var(--color-line)
}

.color-border[data-v-be10c7f5] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-be10c7f5] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-be10c7f5] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-be10c7f5] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-be10c7f5] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-be10c7f5] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-be10c7f5] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-be10c7f5] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-be10c7f5] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-be10c7f5] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-be10c7f5] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-be10c7f5] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-be10c7f5] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-be10c7f5] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-be10c7f5] {
    display: flex;
    align-items: center
}

.flex-start[data-v-be10c7f5] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-be10c7f5] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-be10c7f5] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-be10c7f5] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-be10c7f5] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-be10c7f5] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-be10c7f5] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-be10c7f5] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-be10c7f5] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-be10c7f5] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-be10c7f5] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-be10c7f5] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-be10c7f5] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-be10c7f5] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-be10c7f5] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-be10c7f5] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-be10c7f5] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-be10c7f5] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-be10c7f5] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-be10c7f5] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-be10c7f5] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-be10c7f5] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-be10c7f5] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-be10c7f5] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-be10c7f5],
.mlm-selected-item[data-v-be10c7f5] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-be10c7f5] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-be10c7f5]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-be10c7f5] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-be10c7f5] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-be10c7f5] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.wrapper[data-v-be10c7f5] {
    height: 100%;
    display: flex;
    padding: 1.3125rem .75rem
}

.wrapper .main-left[data-v-be10c7f5] {
    min-width: 4.375rem;
    margin-right: .6875rem
}

.wrapper .main-right[data-v-be10c7f5] {
    width: 100%;
    color: var(--ep-color-text-default, #FFF);
    font-size: var(--ep-font-size-s, .75rem);
    text-align: center;
    line-height: 1.5
}

.wrapper .main-right .table-title[data-v-be10c7f5] {
    background: var(--ep-color-background-fill-surface-raised-L2, #1D2A55);
    border-top-left-radius: var(--ep-border-radius-m, .375rem);
    border-top-right-radius: var(--ep-border-radius-m, .375rem);
    font-weight: var(--ep-font-weight-bold, 700)
}

.wrapper .main-right .table-title ion-col[data-v-be10c7f5] {
    display: flex;
    align-items: center;
    justify-content: center
}

.wrapper .main-right .table-item[data-v-be10c7f5] {
    height: 2.625rem;
    font-weight: var(--ep-font-weight-regular, 400);
    color: var(--ep-color-text-default, #FFF);
    display: flex;
    align-items: center;
    justify-content: center
}

.wrapper .main-right .table-item.even[data-v-be10c7f5] {
    background: var(--ep-color-background-fill-surface-lowered, #101B3C)
}

.wrapper .main-right .bonus-rate-amount[data-v-be10c7f5] {
    color: var(--ep-color-text-warning, #FC974C);
    font-weight: var(--ep-font-weight-bold, 700)
}

ion-segment[data-v-be10c7f5] {
    --background: transparent;
    display: flex;
    flex-direction: column
}

ion-segment-button.segment ion-icon[data-v-be10c7f5] {
    font-size: 2rem;
    line-height: 2rem;
    color: var(--ep-color-text-weaker)
}

ion-segment-button.segment ion-icon.check[data-v-be10c7f5] {
    color: var(--ep-color-text-selected)
}

ion-segment-button.segment ion-label[data-v-be10c7f5] {
    color: var(--ep-color-text-weaker);
    font-weight: var(--ep-font-weight-regular);
    font-size: var(--ep-font-size-s)
}

ion-segment-button.segment ion-label.check[data-v-be10c7f5] {
    color: var(--ep-color-text-default);
    font-weight: var(--ep-font-weight-medium)
}

ion-segment-button.ios[data-v-be10c7f5] {
    width: 4.375rem;
    height: 4.375rem;
    --background: var(--ep-color-background-fill-surface-raised-L1);
    --indicator-color: var(--ep-color-background-fill-surface-raised-L2);
    --padding-start: 0;
    --padding-end: 0;
    --padding-top: 0;
    --padding-bottom: 0;
    --border-radius: var(--ep-border-radius-m, .375rem);
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 1rem;
    text-transform: capitalize;
    min-width: 0
}

.color-primary-600[data-v-6d3a8d55] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-6d3a8d55] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-6d3a8d55] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-6d3a8d55] {
    color: var(--color-primary-900)
}

.bg-100[data-v-6d3a8d55] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-6d3a8d55] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-6d3a8d55] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-6d3a8d55] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-6d3a8d55] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-6d3a8d55] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-6d3a8d55] {
    background-color: var(--color-warning)
}

.bg-link[data-v-6d3a8d55] {
    background-color: var(--color-link)
}

.bg-danger[data-v-6d3a8d55] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-6d3a8d55] {
    color: var(--color-text-100)
}

.color-text-80[data-v-6d3a8d55] {
    color: var(--color-text-80)
}

.color-text-50[data-v-6d3a8d55] {
    color: var(--color-text-50)
}

.color-text-40[data-v-6d3a8d55] {
    color: var(--color-text-40)
}

.color-text-20[data-v-6d3a8d55] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-6d3a8d55] {
    color: var(--color-currency)
}

.color-warning[data-v-6d3a8d55] {
    color: var(--color-warning)
}

.color-danger[data-v-6d3a8d55] {
    color: var(--color-danger)
}

.color-link[data-v-6d3a8d55] {
    color: var(--color-link)
}

.color-line[data-v-6d3a8d55] {
    color: var(--color-line)
}

.color-border[data-v-6d3a8d55] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-6d3a8d55] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-6d3a8d55] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-6d3a8d55] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-6d3a8d55] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-6d3a8d55] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-6d3a8d55] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-6d3a8d55] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-6d3a8d55] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-6d3a8d55] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-6d3a8d55] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-6d3a8d55] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-6d3a8d55] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-6d3a8d55] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-6d3a8d55] {
    display: flex;
    align-items: center
}

.flex-start[data-v-6d3a8d55] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-6d3a8d55] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-6d3a8d55] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-6d3a8d55] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-6d3a8d55] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-6d3a8d55] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-6d3a8d55] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-6d3a8d55] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-6d3a8d55] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-6d3a8d55] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-6d3a8d55] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-6d3a8d55] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-6d3a8d55] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-6d3a8d55] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-6d3a8d55] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-6d3a8d55] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-6d3a8d55] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-6d3a8d55] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-6d3a8d55] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-6d3a8d55] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-6d3a8d55] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-6d3a8d55] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-6d3a8d55] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-6d3a8d55] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-6d3a8d55],
.mlm-selected-item[data-v-6d3a8d55] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-6d3a8d55] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-6d3a8d55]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-6d3a8d55] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-6d3a8d55] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-6d3a8d55] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

form[data-v-6d3a8d55] {
    background: var(--color-bg-300);
    width: 100%;
    margin: 0 auto;
    border-radius: .625rem
}

form ion-content[data-v-6d3a8d55] {
    --background: transparent
}

.illustrate[data-v-6d3a8d55] {
    font-size: var(--font-size-14);
    line-height: 1.3125rem;
    color: var(--color-text-80)
}

ion-item[data-v-6d3a8d55] {
    --background: transparent;
    --padding-bottom: 0px;
    --padding-end: 0;
    --padding-start: 0;
    --padding-top: 0;
    --inner-padding-end: 0;
    --inner-border-width: 0px
}

.new-skin-symbol form[data-v-6d3a8d55] {
    background: var(--ep-color-background-fill-surface-raised-L1);
    width: 100%;
    margin: 0 auto;
    border-radius: var(--ep-border-radius-m)
}

.new-skin-symbol form ion-content[data-v-6d3a8d55] {
    --background: transparent
}

.new-skin-symbol .illustrate[data-v-6d3a8d55] {
    font-size: var(--ep-font-size-m);
    line-height: 1.3125rem;
    color: var(--ep-color-text-weak)
}

.new-skin-symbol ion-item[data-v-6d3a8d55] {
    --background: transparent;
    --padding-bottom: 0px;
    --padding-end: 0;
    --padding-start: 0;
    --padding-top: 0;
    --inner-padding-end: 0;
    --inner-border-width: 0px
}

.color-primary-600[data-v-4bb9a161] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-4bb9a161] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-4bb9a161] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-4bb9a161] {
    color: var(--color-primary-900)
}

.bg-100[data-v-4bb9a161] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-4bb9a161] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-4bb9a161] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-4bb9a161] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-4bb9a161] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-4bb9a161] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-4bb9a161] {
    background-color: var(--color-warning)
}

.bg-link[data-v-4bb9a161] {
    background-color: var(--color-link)
}

.bg-danger[data-v-4bb9a161] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-4bb9a161] {
    color: var(--color-text-100)
}

.color-text-80[data-v-4bb9a161] {
    color: var(--color-text-80)
}

.color-text-50[data-v-4bb9a161] {
    color: var(--color-text-50)
}

.color-text-40[data-v-4bb9a161] {
    color: var(--color-text-40)
}

.color-text-20[data-v-4bb9a161] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-4bb9a161] {
    color: var(--color-currency)
}

.color-warning[data-v-4bb9a161] {
    color: var(--color-warning)
}

.color-danger[data-v-4bb9a161] {
    color: var(--color-danger)
}

.color-link[data-v-4bb9a161] {
    color: var(--color-link)
}

.color-line[data-v-4bb9a161] {
    color: var(--color-line)
}

.color-border[data-v-4bb9a161] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-4bb9a161] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-4bb9a161] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-4bb9a161] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-4bb9a161] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-4bb9a161] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-4bb9a161] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-4bb9a161] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-4bb9a161] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-4bb9a161] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-4bb9a161] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-4bb9a161] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-4bb9a161] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-4bb9a161] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-4bb9a161] {
    display: flex;
    align-items: center
}

.flex-start[data-v-4bb9a161] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-4bb9a161] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-4bb9a161] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-4bb9a161] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-4bb9a161] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-4bb9a161] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-4bb9a161] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-4bb9a161] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-4bb9a161] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-4bb9a161] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-4bb9a161] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-4bb9a161] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-4bb9a161] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-4bb9a161] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-4bb9a161] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-4bb9a161] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-4bb9a161] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-4bb9a161] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-4bb9a161] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-4bb9a161] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-4bb9a161] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-4bb9a161] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-4bb9a161] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-4bb9a161] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-4bb9a161],
.mlm-selected-item[data-v-4bb9a161] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-4bb9a161] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-4bb9a161]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-4bb9a161] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-4bb9a161] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-4bb9a161] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-select[data-v-4bb9a161]::part(icon) {
    color: transparent
}

ion-button#popover-trigger[data-v-4bb9a161] {
    --padding-start: 0;
    --padding-end: 0
}

#popover-trigger p.on[data-v-4bb9a161] {
    border-bottom: 1px solid #38A8FA
}

ion-content[data-v-4bb9a161] {
    --background: transperent
}

ion-item[data-v-4bb9a161] {
    --background: transparent;
    --padding-start: 0;
    --padding-end: 0;
    --inner-padding-end: 0;
    --border-color: #2A324E
}

ion-item.odd[data-v-4bb9a161] {
    --background: #151C2F
}

ion-grid[data-v-4bb9a161] {
    --ion-grid-padding: 0
}

ion-col[data-v-4bb9a161] {
    --ion-grid-column-padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

ion-modal[data-v-4bb9a161] {
    --height: auto;
    --border-radius: 16px;
    --background: #090F1F;
    background: var(--color-bg-mask-black);
    padding: 0 1.5625rem;
    height: auto
}

ion-modal ion-toolbar[data-v-4bb9a161] {
    --background: transparent;
    border-bottom: 1px solid #2A324E
}

.color-primary-600[data-v-e192027f] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-e192027f] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-e192027f] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-e192027f] {
    color: var(--color-primary-900)
}

.bg-100[data-v-e192027f] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-e192027f] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-e192027f] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-e192027f] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-e192027f] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-e192027f] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-e192027f] {
    background-color: var(--color-warning)
}

.bg-link[data-v-e192027f] {
    background-color: var(--color-link)
}

.bg-danger[data-v-e192027f] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-e192027f] {
    color: var(--color-text-100)
}

.color-text-80[data-v-e192027f] {
    color: var(--color-text-80)
}

.color-text-50[data-v-e192027f] {
    color: var(--color-text-50)
}

.color-text-40[data-v-e192027f] {
    color: var(--color-text-40)
}

.color-text-20[data-v-e192027f] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-e192027f] {
    color: var(--color-currency)
}

.color-warning[data-v-e192027f] {
    color: var(--color-warning)
}

.color-danger[data-v-e192027f] {
    color: var(--color-danger)
}

.color-link[data-v-e192027f] {
    color: var(--color-link)
}

.color-line[data-v-e192027f] {
    color: var(--color-line)
}

.color-border[data-v-e192027f] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-e192027f] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-e192027f] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-e192027f] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-e192027f] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-e192027f] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-e192027f] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-e192027f] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-e192027f] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-e192027f] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-e192027f] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-e192027f] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-e192027f] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-e192027f] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-e192027f] {
    display: flex;
    align-items: center
}

.flex-start[data-v-e192027f] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-e192027f] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-e192027f] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-e192027f] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-e192027f] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-e192027f] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-e192027f] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-e192027f] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-e192027f] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-e192027f] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-e192027f] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-e192027f] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-e192027f] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-e192027f] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-e192027f] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-e192027f] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-e192027f] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-e192027f] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-e192027f] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-e192027f] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-e192027f] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-e192027f] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-e192027f] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-e192027f] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-e192027f],
.mlm-selected-item[data-v-e192027f] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-e192027f] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-e192027f]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-e192027f] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-e192027f] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-e192027f] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-content[data-v-e192027f] {
    --color: var(--ep-color-text-default, var(--ep-compat-color-text-default));
    --padding-end: .75rem;
    --padding-start: .75rem;
    --padding-top: 15rem
}

ion-content[data-v-e192027f]::part(scroll) {
    gap: 1.25rem;
    display: flex;
    flex-direction: column
}

ion-content .reward-rule-amount-wrap[data-v-e192027f] {
    left: 0;
    top: .75rem;
    width: 100%;
    height: 100%;
    padding: 0 1.5rem;
    position: absolute
}

ion-content .reward-rule-amount-wrap .reward-rule-amount-content[data-v-e192027f] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    padding-top: 9.375rem;
    background: url(/assets/poster-reward-8oEsvSGz.png) no-repeat;
    background-size: 100% auto
}

ion-content .reward-rule-amount-wrap .reward-rule-amount-content .reward-rule-amount-warp[data-v-e192027f] {
    width: 9rem;
    display: flex;
    align-items: center;
    flex-direction: column;
    background: url(/assets/bg-reward-amount-Dd6szq1F.png) no-repeat;
    background-size: 100% auto
}

ion-content .reward-rule-amount-wrap .reward-rule-amount-content .reward-rule-amount-warp .reward-rule-amount[data-v-e192027f] {
    font-weight: var(--ep-font-weight-bold, 700);
    padding-top: .625rem;
    font-size: 1.125rem;
    color: #ffff57;
    text-shadow: -1px -1px 0 #821F07, 1px -1px 0 #821F07, -1px 1px 0 #821F07, 1px 1px 0 #821F07
}

ion-content .reward-rule-amount-wrap .reward-rule-amount-content .reward-rule-amount-warp .reward-rule-amount-title[data-v-e192027f] {
    color: #fff;
    font-size: .625rem;
    padding-top: .1875rem;
    font-weight: var(--ep-font-weight-regular, 400)
}

ion-content .reward-rule[data-v-e192027f] {
    gap: 1rem;
    display: flex;
    padding: .875rem;
    border-radius: .75rem;
    flex-direction: column;
    border: 1px solid var(--ep-color-border-default, var(--ep-compat-color-border-default));
    background: var(--ep-color-background-fill-surface-raised-L1, var(--ep-compat-color-background-fill-surface-raised-L1))
}

ion-content .reward-rule .reward-rule-title[data-v-e192027f] {
    font-weight: 600;
    text-align: center
}

ion-content .reward-rule .reward-rule-content[data-v-e192027f] {
    font-size: .75rem;
    padding-left: .5rem;
    color: var(--ep-color-text-weaker, var(--ep-compat-color-text-weaker))
}

ion-content .reward-rule .reward-rule-content>p[data-v-e192027f] {
    position: relative;
    padding: 0 .875rem 1rem 1.125rem;
    border-left: 1px solid var(--ep-color-border-default, var(--ep-compat-color-border-default))
}

ion-content .reward-rule .reward-rule-content>p.reward-rule-step5[data-v-e192027f] {
    border-left: none
}

ion-content .reward-rule .reward-rule-content>p .reward-rule-step[data-v-e192027f] {
    top: 0;
    left: -.625rem;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    position: absolute;
    text-align: center;
    color: var(--ep-agent-color-highlight-primary, var(--ep-color-icon-brand-primary, var(--ep-compat-color-icon-brand-primary)));
    border: 1px solid var(--ep-color-border-default, var(--ep-compat-color-border-default));
    background: var(--ep-color-background-fill-surface-raised-L1, var(--ep-compat-color-background-fill-surface-raised-L1))
}

ion-content .reward-detail[data-v-e192027f] {
    border-radius: .75rem;
    padding: .875rem .625rem;
    border: 1px solid var(--ep-color-border-default, var(--ep-compat-color-border-default));
    background: var(--ep-color-background-fill-surface-raised-L1, var(--ep-compat-color-background-fill-surface-raised-L1))
}

ion-content .reward-detail .reward-detail-title[data-v-e192027f] {
    padding: 0 .5rem .375rem;
    font-weight: 600
}

ion-content .reward-detail .reward-label[data-v-e192027f] {
    display: flex;
    font-size: .75rem;
    padding: .5rem;
    align-items: center;
    justify-content: space-between;
    color: var(--ep-color-text-weaker, var(--ep-compat-color-text-weaker))
}

ion-content .reward-detail .reward-label .reward-label-amount[data-v-e192027f] {
    padding-right: 1rem;
    width: 25%;
    text-align: center
}

ion-content .reward-detail .reward-detail-content[data-v-e192027f] {
    display: flex;
    flex-direction: column;
    background: var(--ep-color-background-fill-body-default, var(--ep-compat-color-background-fill-body-default));
    border-radius: .375rem;
    padding: 0 .5rem
}

ion-content .reward-detail .reward-detail-content .reward-detail-item[data-v-e192027f] {
    display: flex;
    padding: .75rem;
    font-size: .75rem;
    align-items: center;
    justify-content: space-between;
    color: var(--ep-color-text-weaker, var(--ep-compat-color-text-weaker));
    border-bottom: 1px solid var(--ep-color-border-default, var(--ep-compat-color-border-default))
}

ion-content .reward-detail .reward-detail-content .reward-detail-item.end[data-v-e192027f] {
    border-bottom: none
}

ion-content .reward-detail .reward-detail-content .reward-detail-item>div[data-v-e192027f] {
    width: 25%;
    text-align: center
}

ion-content .reward-detail .reward-detail-content .reward-detail-item>div.reward-detail-item-amount[data-v-e192027f] {
    font-weight: 600;
    color: var(--ep-color-text-default, var(--ep-compat-color-text-default))
}

.color-primary-600[data-v-ca4e4204] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-ca4e4204] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-ca4e4204] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-ca4e4204] {
    color: var(--color-primary-900)
}

.bg-100[data-v-ca4e4204] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-ca4e4204] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-ca4e4204] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-ca4e4204] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-ca4e4204] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-ca4e4204] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-ca4e4204] {
    background-color: var(--color-warning)
}

.bg-link[data-v-ca4e4204] {
    background-color: var(--color-link)
}

.bg-danger[data-v-ca4e4204] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-ca4e4204] {
    color: var(--color-text-100)
}

.color-text-80[data-v-ca4e4204] {
    color: var(--color-text-80)
}

.color-text-50[data-v-ca4e4204] {
    color: var(--color-text-50)
}

.color-text-40[data-v-ca4e4204] {
    color: var(--color-text-40)
}

.color-text-20[data-v-ca4e4204] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-ca4e4204] {
    color: var(--color-currency)
}

.color-warning[data-v-ca4e4204] {
    color: var(--color-warning)
}

.color-danger[data-v-ca4e4204] {
    color: var(--color-danger)
}

.color-link[data-v-ca4e4204] {
    color: var(--color-link)
}

.color-line[data-v-ca4e4204] {
    color: var(--color-line)
}

.color-border[data-v-ca4e4204] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-ca4e4204] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-ca4e4204] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-ca4e4204] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-ca4e4204] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-ca4e4204] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-ca4e4204] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-ca4e4204] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-ca4e4204] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-ca4e4204] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-ca4e4204] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-ca4e4204] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-ca4e4204] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-ca4e4204] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-ca4e4204] {
    display: flex;
    align-items: center
}

.flex-start[data-v-ca4e4204] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-ca4e4204] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-ca4e4204] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-ca4e4204] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-ca4e4204] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-ca4e4204] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-ca4e4204] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-ca4e4204] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-ca4e4204] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-ca4e4204] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-ca4e4204] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-ca4e4204] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-ca4e4204] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-ca4e4204] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-ca4e4204] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-ca4e4204] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-ca4e4204] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-ca4e4204] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-ca4e4204] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-ca4e4204] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-ca4e4204] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-ca4e4204] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-ca4e4204] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-ca4e4204] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-ca4e4204],
.mlm-selected-item[data-v-ca4e4204] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-ca4e4204] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-ca4e4204]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-ca4e4204] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-ca4e4204] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-ca4e4204] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-content[data-v-ca4e4204] {
    --color: var(--ep-color-text-default, var(--ep-compat-color-text-default));
    --padding-end: .75rem;
    --padding-start: .75rem;
    --padding-top: 15rem
}

ion-content[data-v-ca4e4204]::part(scroll) {
    gap: 1.25rem;
    display: flex;
    flex-direction: column
}

ion-content .comm-rule-amount-wrap[data-v-ca4e4204] {
    left: 0;
    top: -.5rem;
    width: 100%;
    height: 100%;
    padding: 0 1.5rem;
    position: absolute
}

ion-content .comm-rule-amount-wrap .comm-rule-amount-content[data-v-ca4e4204] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    padding: 7rem 1.125rem 0;
    background: url(/assets/poster-comm-N_IaIvJ3.png) no-repeat;
    background-position: .75rem 0;
    background-size: 100% auto
}

ion-content .comm-rule-amount-wrap .comm-rule-amount-content .comm-rule-amount-warp[data-v-ca4e4204] {
    width: 100%;
    display: flex;
    align-items: center;
    padding-top: 3.375rem;
    flex-direction: column;
    font-weight: var(--ep-font-weight-medium, 600);
    background: url(/assets/bg-comm-amount-DlZJ5swA.png) no-repeat;
    background-size: 100% auto
}

ion-content .comm-rule-amount-wrap .comm-rule-amount-content .comm-rule-amount-warp .comm-rule-amount-title[data-v-ca4e4204] {
    color: #fff;
    font-size: .75rem;
    line-height: .75rem
}

ion-content .comm-rule-amount-wrap .comm-rule-amount-content .comm-rule-amount-warp .comm-rule-amount[data-v-ca4e4204] {
    font-size: 1.125rem;
    color: #ffff57;
    text-shadow: -1px -1px 0 #821F07, 1px -1px 0 #821F07, -1px 1px 0 #821F07, 1px 1px 0 #821F07
}

ion-content .comm-rule[data-v-ca4e4204] {
    gap: 1rem;
    display: flex;
    padding: .875rem;
    border-radius: .75rem;
    flex-direction: column;
    border: 1px solid var(--ep-color-border-default, var(--ep-compat-color-border-default));
    background: var(--ep-color-background-fill-surface-raised-L1, var(--ep-compat-color-background-fill-surface-raised-L1))
}

ion-content .comm-rule .comm-rule-title[data-v-ca4e4204] {
    font-weight: 600;
    text-align: center
}

ion-content .comm-rule .comm-rule-content[data-v-ca4e4204] {
    font-size: .75rem;
    padding-left: .5rem;
    color: var(--ep-color-text-weaker, var(--ep-compat-color-text-weaker))
}

ion-content .comm-rule .comm-rule-content>p[data-v-ca4e4204] {
    position: relative;
    padding: 0 .875rem 1rem 1.125rem;
    border-left: 1px solid var(--ep-color-border-default, var(--ep-compat-color-border-default))
}

ion-content .comm-rule .comm-rule-content>p.comm-rule-step-last[data-v-ca4e4204] {
    border-left: none
}

ion-content .comm-rule .comm-rule-content>p .comm-rule-step[data-v-ca4e4204] {
    top: 0;
    left: -.625rem;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    position: absolute;
    text-align: center;
    color: var(--ep-agent-color-highlight-primary, var(--ep-color-icon-brand-primary, var(--ep-compat-color-icon-brand-primary)));
    border: 1px solid var(--ep-color-border-default, var(--ep-compat-color-border-default));
    background: var(--ep-color-background-fill-surface-raised-L1, var(--ep-compat-color-background-fill-surface-raised-L1))
}

.color-primary-600[data-v-07e6a349] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-07e6a349] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-07e6a349] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-07e6a349] {
    color: var(--color-primary-900)
}

.bg-100[data-v-07e6a349] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-07e6a349] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-07e6a349] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-07e6a349] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-07e6a349] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-07e6a349] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-07e6a349] {
    background-color: var(--color-warning)
}

.bg-link[data-v-07e6a349] {
    background-color: var(--color-link)
}

.bg-danger[data-v-07e6a349] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-07e6a349] {
    color: var(--color-text-100)
}

.color-text-80[data-v-07e6a349] {
    color: var(--color-text-80)
}

.color-text-50[data-v-07e6a349] {
    color: var(--color-text-50)
}

.color-text-40[data-v-07e6a349] {
    color: var(--color-text-40)
}

.color-text-20[data-v-07e6a349] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-07e6a349] {
    color: var(--color-currency)
}

.color-warning[data-v-07e6a349] {
    color: var(--color-warning)
}

.color-danger[data-v-07e6a349] {
    color: var(--color-danger)
}

.color-link[data-v-07e6a349] {
    color: var(--color-link)
}

.color-line[data-v-07e6a349] {
    color: var(--color-line)
}

.color-border[data-v-07e6a349] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-07e6a349] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-07e6a349] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-07e6a349] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-07e6a349] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-07e6a349] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-07e6a349] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-07e6a349] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-07e6a349] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-07e6a349] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-07e6a349] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-07e6a349] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-07e6a349] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-07e6a349] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-07e6a349] {
    display: flex;
    align-items: center
}

.flex-start[data-v-07e6a349] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-07e6a349] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-07e6a349] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-07e6a349] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-07e6a349] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-07e6a349] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-07e6a349] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-07e6a349] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-07e6a349] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-07e6a349] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-07e6a349] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-07e6a349] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-07e6a349] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-07e6a349] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-07e6a349] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-07e6a349] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-07e6a349] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-07e6a349] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-07e6a349] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-07e6a349] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-07e6a349] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-07e6a349] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-07e6a349] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-07e6a349] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-07e6a349],
.mlm-selected-item[data-v-07e6a349] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-07e6a349] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-07e6a349]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-07e6a349] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-07e6a349] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-07e6a349] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .tabbar-tabs-inicio-components-GameWrapper-Head-Head1-index[data-v-07e6a349] {
    display: flex;
    align-items: center;
    margin-top: .75rem;
    padding-inline: .375rem;
    margin-block-end: .8125rem
}

html .tabbar-tabs-inicio-components-GameWrapper-Head-Head1-index .logo-img[data-v-07e6a349] {
    width: 2.25rem;
    height: 2.25rem;
    margin-right: .5rem
}

html .tabbar-tabs-inicio-components-GameWrapper-Head-Head1-index .logo-icon[data-v-07e6a349] {
    margin-right: .5rem;
    font-size: 2.25rem;
    color: #38a8fa
}

html .tabbar-tabs-inicio-components-GameWrapper-Head-Head1-index .label[data-v-07e6a349] {
    flex: 1;
    color: none
}

html .tabbar-tabs-inicio-components-GameWrapper-Head-Head1-index .todo[data-v-07e6a349] {
    padding: .1875rem .75rem;
    border-radius: .1875rem;
    font-size: .875rem;
    background-color: #191e2d;
    color: #fba531
}

html .tabbar-tabs-inicio-components-GameWrapper-Head-Head1-index .todo .all[data-v-07e6a349] {
    margin-right: .25rem
}

html .tabbar-tabs-inicio-components-GameWrapper-Head-Head1-index .arrow-container[data-v-07e6a349] {
    display: flex;
    align-items: center
}

html .tabbar-tabs-inicio-components-GameWrapper-Head-Head1-index .arrow-container .left[data-v-07e6a349],
html .tabbar-tabs-inicio-components-GameWrapper-Head-Head1-index .arrow-container .right[data-v-07e6a349] {
    padding-inline: .5rem;
    padding-block: .375rem;
    border-radius: .1875rem;
    font-size: .875rem;
    background-color: #191e2d;
    color: #9ba7be
}

html .tabbar-tabs-inicio-components-GameWrapper-Head-Head1-index .arrow-container .left[data-v-07e6a349] {
    margin-inline: .3125rem
}

.green-default .tabbar-tabs-inicio-components-GameWrapper-Head-Head1-index[data-v-07e6a349] {
    display: flex;
    align-items: center;
    margin-top: .75rem;
    padding-inline: .375rem;
    margin-block-end: .8125rem
}

.green-default .tabbar-tabs-inicio-components-GameWrapper-Head-Head1-index .logo-img[data-v-07e6a349] {
    width: 2.25rem;
    height: 2.25rem;
    margin-right: .5rem
}

.green-default .tabbar-tabs-inicio-components-GameWrapper-Head-Head1-index .logo-icon[data-v-07e6a349] {
    margin-right: .5rem;
    font-size: 2.25rem;
    color: #28b812
}

.green-default .tabbar-tabs-inicio-components-GameWrapper-Head-Head1-index .label[data-v-07e6a349] {
    flex: 1;
    color: #afc69f
}

.green-default .tabbar-tabs-inicio-components-GameWrapper-Head-Head1-index .todo[data-v-07e6a349] {
    padding: .1875rem .75rem;
    border-radius: .1875rem;
    font-size: .875rem;
    background-color: #366718;
    color: #afc69f
}

.green-default .tabbar-tabs-inicio-components-GameWrapper-Head-Head1-index .todo .all[data-v-07e6a349] {
    margin-right: .25rem
}

.green-default .tabbar-tabs-inicio-components-GameWrapper-Head-Head1-index .arrow-container[data-v-07e6a349] {
    display: flex;
    align-items: center
}

.green-default .tabbar-tabs-inicio-components-GameWrapper-Head-Head1-index .arrow-container .left[data-v-07e6a349],
.green-default .tabbar-tabs-inicio-components-GameWrapper-Head-Head1-index .arrow-container .right[data-v-07e6a349] {
    padding-inline: .5rem;
    padding-block: .375rem;
    border-radius: .1875rem;
    font-size: .875rem;
    background-color: #366718;
    color: #afc69f
}

.green-default .tabbar-tabs-inicio-components-GameWrapper-Head-Head1-index .arrow-container .left[data-v-07e6a349] {
    margin-inline: .3125rem
}

.amber-purple .tabbar-tabs-inicio-components-GameWrapper-Head-Head1-index[data-v-07e6a349] {
    display: flex;
    align-items: center;
    margin-top: .75rem;
    padding-inline: .375rem;
    margin-block-end: .8125rem
}

.amber-purple .tabbar-tabs-inicio-components-GameWrapper-Head-Head1-index .logo-img[data-v-07e6a349] {
    width: 2.25rem;
    height: 2.25rem;
    margin-right: .5rem
}

.amber-purple .tabbar-tabs-inicio-components-GameWrapper-Head-Head1-index .logo-icon[data-v-07e6a349] {
    margin-right: .5rem;
    font-size: 2.25rem;
    color: #7041f3
}

.amber-purple .tabbar-tabs-inicio-components-GameWrapper-Head-Head1-index .label[data-v-07e6a349] {
    flex: 1;
    color: #bdb8e1
}

.amber-purple .tabbar-tabs-inicio-components-GameWrapper-Head-Head1-index .todo[data-v-07e6a349] {
    padding: .1875rem .75rem;
    border-radius: .1875rem;
    font-size: .875rem;
    background-color: #3b3466;
    color: #bdb8e1
}

.amber-purple .tabbar-tabs-inicio-components-GameWrapper-Head-Head1-index .todo .all[data-v-07e6a349] {
    margin-right: .25rem
}

.amber-purple .tabbar-tabs-inicio-components-GameWrapper-Head-Head1-index .arrow-container[data-v-07e6a349] {
    display: flex;
    align-items: center
}

.amber-purple .tabbar-tabs-inicio-components-GameWrapper-Head-Head1-index .arrow-container .left[data-v-07e6a349],
.amber-purple .tabbar-tabs-inicio-components-GameWrapper-Head-Head1-index .arrow-container .right[data-v-07e6a349] {
    padding-inline: .5rem;
    padding-block: .375rem;
    border-radius: .1875rem;
    font-size: .875rem;
    background-color: #3b3466;
    color: #bdb8e1
}

.amber-purple .tabbar-tabs-inicio-components-GameWrapper-Head-Head1-index .arrow-container .left[data-v-07e6a349] {
    margin-inline: .3125rem
}

.amber-purple .label[data-v-07e6a349] {
    font-weight: 600
}

.color-primary-600[data-v-3911d0af] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-3911d0af] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-3911d0af] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-3911d0af] {
    color: var(--color-primary-900)
}

.bg-100[data-v-3911d0af] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-3911d0af] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-3911d0af] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-3911d0af] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-3911d0af] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-3911d0af] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-3911d0af] {
    background-color: var(--color-warning)
}

.bg-link[data-v-3911d0af] {
    background-color: var(--color-link)
}

.bg-danger[data-v-3911d0af] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-3911d0af] {
    color: var(--color-text-100)
}

.color-text-80[data-v-3911d0af] {
    color: var(--color-text-80)
}

.color-text-50[data-v-3911d0af] {
    color: var(--color-text-50)
}

.color-text-40[data-v-3911d0af] {
    color: var(--color-text-40)
}

.color-text-20[data-v-3911d0af] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-3911d0af] {
    color: var(--color-currency)
}

.color-warning[data-v-3911d0af] {
    color: var(--color-warning)
}

.color-danger[data-v-3911d0af] {
    color: var(--color-danger)
}

.color-link[data-v-3911d0af] {
    color: var(--color-link)
}

.color-line[data-v-3911d0af] {
    color: var(--color-line)
}

.color-border[data-v-3911d0af] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-3911d0af] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-3911d0af] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-3911d0af] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-3911d0af] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-3911d0af] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-3911d0af] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-3911d0af] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-3911d0af] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-3911d0af] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-3911d0af] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-3911d0af] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-3911d0af] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-3911d0af] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-3911d0af] {
    display: flex;
    align-items: center
}

.flex-start[data-v-3911d0af] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-3911d0af] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-3911d0af] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-3911d0af] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-3911d0af] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-3911d0af] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-3911d0af] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-3911d0af] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-3911d0af] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-3911d0af] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-3911d0af] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-3911d0af] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-3911d0af] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-3911d0af] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-3911d0af] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-3911d0af] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-3911d0af] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-3911d0af] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-3911d0af] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-3911d0af] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-3911d0af] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-3911d0af] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-3911d0af] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-3911d0af] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-3911d0af],
.mlm-selected-item[data-v-3911d0af] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-3911d0af] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-3911d0af]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-3911d0af] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-3911d0af] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-3911d0af] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.headerBgImage[data-v-3911d0af] {
    width: calc(100% + 1.125rem);
    margin-left: -.5625rem;
    background: url(/images/headerTextBg.png) no-repeat left top / 70% 100%;
    margin-block-end: .875rem
}

.blueLine[data-v-3911d0af] {
    transform: rotate(30deg);
    transform-origin: 50% 50%
}

.sort[data-v-3911d0af] {
    color: var(--color-icon-platform-sort)
}

.arrow-container[data-v-3911d0af] {
    margin-inline-start: auto
}

.tab.none[data-v-3911d0af] {
    pointer-events: none;
    color: #5a6892
}

.logo-container[data-v-3911d0af] {
    position: relative;
    width: 1.875rem;
    height: 1.875rem;
    margin-inline-end: .4375rem
}

.logo-container .icon-light[data-v-3911d0af] {
    position: absolute;
    top: .5rem;
    left: 50%;
    transform: translate(-50%)
}

.logo-container .logo[data-v-3911d0af] {
    font-size: 1.875rem
}

.color-primary-600[data-v-04e42dca] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-04e42dca] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-04e42dca] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-04e42dca] {
    color: var(--color-primary-900)
}

.bg-100[data-v-04e42dca] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-04e42dca] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-04e42dca] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-04e42dca] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-04e42dca] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-04e42dca] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-04e42dca] {
    background-color: var(--color-warning)
}

.bg-link[data-v-04e42dca] {
    background-color: var(--color-link)
}

.bg-danger[data-v-04e42dca] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-04e42dca] {
    color: var(--color-text-100)
}

.color-text-80[data-v-04e42dca] {
    color: var(--color-text-80)
}

.color-text-50[data-v-04e42dca] {
    color: var(--color-text-50)
}

.color-text-40[data-v-04e42dca] {
    color: var(--color-text-40)
}

.color-text-20[data-v-04e42dca] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-04e42dca] {
    color: var(--color-currency)
}

.color-warning[data-v-04e42dca] {
    color: var(--color-warning)
}

.color-danger[data-v-04e42dca] {
    color: var(--color-danger)
}

.color-link[data-v-04e42dca] {
    color: var(--color-link)
}

.color-line[data-v-04e42dca] {
    color: var(--color-line)
}

.color-border[data-v-04e42dca] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-04e42dca] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-04e42dca] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-04e42dca] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-04e42dca] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-04e42dca] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-04e42dca] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-04e42dca] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-04e42dca] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-04e42dca] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-04e42dca] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-04e42dca] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-04e42dca] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-04e42dca] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-04e42dca] {
    display: flex;
    align-items: center
}

.flex-start[data-v-04e42dca] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-04e42dca] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-04e42dca] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-04e42dca] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-04e42dca] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-04e42dca] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-04e42dca] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-04e42dca] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-04e42dca] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-04e42dca] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-04e42dca] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-04e42dca] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-04e42dca] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-04e42dca] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-04e42dca] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-04e42dca] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-04e42dca] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-04e42dca] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-04e42dca] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-04e42dca] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-04e42dca] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-04e42dca] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-04e42dca] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-04e42dca] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-04e42dca],
.mlm-selected-item[data-v-04e42dca] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-04e42dca] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-04e42dca]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-04e42dca] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-04e42dca] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-04e42dca] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.green-default .headerBgImage[data-v-04e42dca] {
    display: flex;
    align-items: center;
    background: url(/svg/headerTextBgGreen01.svg) no-repeat 0 0 / 22.5rem 2.5625rem;
    height: 2.5625rem;
    margin-block-end: .875rem
}

.green-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
}

.green-default .headerBgImage .logo-wall .svg-container[data-v-04e42dca] {
    font-size: 1.875rem;
    width: 1.875rem;
    height: 1.875rem
}

.green-default .headerBgImage ion-label[data-v-04e42dca] {
    color: #afc69f
}

.green-default .headerBgImage .arrow-container[data-v-04e42dca] {
    margin-block-start: .625rem;
    margin-inline-end: .6675rem;
    line-height: 1
}

.green-default .headerBgImage .arrow-container .left[data-v-04e42dca],
.green-default .headerBgImage .arrow-container .right[data-v-04e42dca] {
    padding-inline: .25rem;
    padding-block: .25rem;
    border-radius: .1875rem;
    font-size: .875rem;
    color: #afc69f;
    background-color: #366718
}

.green-default .headerBgImage .arrow-container .left.invalid[data-v-04e42dca],
.green-default .headerBgImage .arrow-container .right.invalid[data-v-04e42dca] {
    pointer-events: none;
    color: #afc69f
}

.green-default .headerBgImage .arrow-container .right[data-v-04e42dca] {
    margin-inline-start: .3125rem
}

.forest-green .headerBgImage[data-v-04e42dca] {
    display: flex;
    align-items: center;
    background: url(/svg/headerTextBgGreen02.svg) no-repeat 0 0 / 22.5rem 2.5625rem;
    height: 2.5625rem;
    margin-block-end: .875rem
}

.forest-green .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
}

.forest-green .headerBgImage .logo-wall .svg-container[data-v-04e42dca] {
    font-size: 1.875rem;
    width: 1.875rem;
    height: 1.875rem
}

.forest-green .headerBgImage ion-label[data-v-04e42dca] {
    color: #fff
}

.forest-green .headerBgImage .arrow-container[data-v-04e42dca] {
    margin-block-start: .625rem;
    margin-inline-end: .6675rem;
    line-height: 1
}

.forest-green .headerBgImage .arrow-container .left[data-v-04e42dca],
.forest-green .headerBgImage .arrow-container .right[data-v-04e42dca] {
    padding-inline: .25rem;
    padding-block: .25rem;
    border-radius: .1875rem;
    font-size: .875rem;
    color: #afc69f;
    background-color: #00563a
}

.forest-green .headerBgImage .arrow-container .left.invalid[data-v-04e42dca],
.forest-green .headerBgImage .arrow-container .right.invalid[data-v-04e42dca] {
    pointer-events: none;
    color: #afc69f
}

.forest-green .headerBgImage .arrow-container .right[data-v-04e42dca] {
    margin-inline-start: .3125rem
}

.amber-purple .headerBgImage[data-v-04e42dca] {
    display: flex;
    align-items: center;
    background: url(/svg/headerTextBgGreen03.svg) no-repeat 0 0 / 22.5rem 2.5625rem;
    height: 2.5625rem;
    margin-block-end: .875rem
}

.amber-purple .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
}

.amber-purple .headerBgImage .logo-wall .svg-container[data-v-04e42dca] {
    font-size: 1.875rem;
    width: 1.875rem;
    height: 1.875rem
}

.amber-purple .headerBgImage ion-label[data-v-04e42dca] {
    color: #bdb8e1
}

.amber-purple .headerBgImage .arrow-container[data-v-04e42dca] {
    margin-block-start: .625rem;
    margin-inline-end: .6675rem;
    line-height: 1
}

.amber-purple .headerBgImage .arrow-container .left[data-v-04e42dca],
.amber-purple .headerBgImage .arrow-container .right[data-v-04e42dca] {
    padding-inline: .25rem;
    padding-block: .25rem;
    border-radius: .1875rem;
    font-size: .875rem;
    color: #686299;
    background-color: var(--color-bg-200)
}

.amber-purple .headerBgImage .arrow-container .left.invalid[data-v-04e42dca],
.amber-purple .headerBgImage .arrow-container .right.invalid[data-v-04e42dca] {
    pointer-events: none;
    color: #3b3466
}

.amber-purple .headerBgImage .arrow-container .right[data-v-04e42dca] {
    margin-inline-start: .3125rem
}

.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
}

.color-primary-600[data-v-47b41962] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-47b41962] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-47b41962] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-47b41962] {
    color: var(--color-primary-900)
}

.bg-100[data-v-47b41962] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-47b41962] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-47b41962] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-47b41962] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-47b41962] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-47b41962] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-47b41962] {
    background-color: var(--color-warning)
}

.bg-link[data-v-47b41962] {
    background-color: var(--color-link)
}

.bg-danger[data-v-47b41962] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-47b41962] {
    color: var(--color-text-100)
}

.color-text-80[data-v-47b41962] {
    color: var(--color-text-80)
}

.color-text-50[data-v-47b41962] {
    color: var(--color-text-50)
}

.color-text-40[data-v-47b41962] {
    color: var(--color-text-40)
}

.color-text-20[data-v-47b41962] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-47b41962] {
    color: var(--color-currency)
}

.color-warning[data-v-47b41962] {
    color: var(--color-warning)
}

.color-danger[data-v-47b41962] {
    color: var(--color-danger)
}

.color-link[data-v-47b41962] {
    color: var(--color-link)
}

.color-line[data-v-47b41962] {
    color: var(--color-line)
}

.color-border[data-v-47b41962] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-47b41962] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-47b41962] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-47b41962] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-47b41962] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-47b41962] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-47b41962] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-47b41962] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-47b41962] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-47b41962] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-47b41962] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-47b41962] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-47b41962] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-47b41962] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-47b41962] {
    display: flex;
    align-items: center
}

.flex-start[data-v-47b41962] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-47b41962] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-47b41962] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-47b41962] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-47b41962] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-47b41962] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-47b41962] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-47b41962] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-47b41962] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-47b41962] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-47b41962] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-47b41962] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-47b41962] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-47b41962] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-47b41962] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-47b41962] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-47b41962] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-47b41962] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-47b41962] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-47b41962] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-47b41962] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-47b41962] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-47b41962] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-47b41962] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-47b41962],
.mlm-selected-item[data-v-47b41962] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-47b41962] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-47b41962]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-47b41962] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-47b41962] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-47b41962] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.green-default .game-head[data-v-47b41962] {
    display: flex;
    align-items: center;
    margin-block-start: .9375rem;
    margin-block-end: .75rem
}

.green-default .game-head .logo-c[data-v-47b41962] {
    display: flex;
    align-items: center;
    text-transform: uppercase
}

.green-default .game-head .logo-c .logo[data-v-47b41962] {
    width: 1.875rem;
    height: 1.875rem;
    margin-inline-end: .4375rem
}

.green-default .game-head .logo-c ion-label[data-v-47b41962] {
    color: #afc69f
}

.green-default .game-head .todo[data-v-47b41962] {
    color: #afc69f;
    margin-inline-start: auto
}

.forest-green .game-head[data-v-47b41962] {
    display: flex;
    align-items: center;
    margin-block-start: .9375rem;
    margin-block-end: .75rem
}

.forest-green .game-head .logo-c[data-v-47b41962] {
    display: flex;
    align-items: center;
    text-transform: uppercase
}

.forest-green .game-head .logo-c .logo[data-v-47b41962] {
    width: 1.875rem;
    height: 1.875rem;
    margin-inline-end: .4375rem
}

.forest-green .game-head .logo-c ion-label[data-v-47b41962] {
    color: #fff
}

.forest-green .game-head .todo[data-v-47b41962] {
    color: rgba(255, 255, 255, .8);
    margin-inline-start: auto
}

.color-primary-600[data-v-3fda2d4c] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-3fda2d4c] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-3fda2d4c] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-3fda2d4c] {
    color: var(--color-primary-900)
}

.bg-100[data-v-3fda2d4c] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-3fda2d4c] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-3fda2d4c] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-3fda2d4c] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-3fda2d4c] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-3fda2d4c] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-3fda2d4c] {
    background-color: var(--color-warning)
}

.bg-link[data-v-3fda2d4c] {
    background-color: var(--color-link)
}

.bg-danger[data-v-3fda2d4c] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-3fda2d4c] {
    color: var(--color-text-100)
}

.color-text-80[data-v-3fda2d4c] {
    color: var(--color-text-80)
}

.color-text-50[data-v-3fda2d4c] {
    color: var(--color-text-50)
}

.color-text-40[data-v-3fda2d4c] {
    color: var(--color-text-40)
}

.color-text-20[data-v-3fda2d4c] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-3fda2d4c] {
    color: var(--color-currency)
}

.color-warning[data-v-3fda2d4c] {
    color: var(--color-warning)
}

.color-danger[data-v-3fda2d4c] {
    color: var(--color-danger)
}

.color-link[data-v-3fda2d4c] {
    color: var(--color-link)
}

.color-line[data-v-3fda2d4c] {
    color: var(--color-line)
}

.color-border[data-v-3fda2d4c] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-3fda2d4c] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-3fda2d4c] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-3fda2d4c] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-3fda2d4c] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-3fda2d4c] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-3fda2d4c] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-3fda2d4c] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-3fda2d4c] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-3fda2d4c] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-3fda2d4c] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-3fda2d4c] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-3fda2d4c] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-3fda2d4c] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-3fda2d4c] {
    display: flex;
    align-items: center
}

.flex-start[data-v-3fda2d4c] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-3fda2d4c] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-3fda2d4c] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-3fda2d4c] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-3fda2d4c] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-3fda2d4c] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-3fda2d4c] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-3fda2d4c] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-3fda2d4c] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-3fda2d4c] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-3fda2d4c] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-3fda2d4c] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-3fda2d4c] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-3fda2d4c] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-3fda2d4c] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-3fda2d4c] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-3fda2d4c] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-3fda2d4c] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-3fda2d4c] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-3fda2d4c] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-3fda2d4c] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-3fda2d4c] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-3fda2d4c] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-3fda2d4c] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-3fda2d4c],
.mlm-selected-item[data-v-3fda2d4c] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-3fda2d4c] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-3fda2d4c]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-3fda2d4c] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-3fda2d4c] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-3fda2d4c] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.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
}

.color-primary-600[data-v-d03a61c3] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-d03a61c3] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-d03a61c3] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-d03a61c3] {
    color: var(--color-primary-900)
}

.bg-100[data-v-d03a61c3] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-d03a61c3] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-d03a61c3] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-d03a61c3] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-d03a61c3] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-d03a61c3] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-d03a61c3] {
    background-color: var(--color-warning)
}

.bg-link[data-v-d03a61c3] {
    background-color: var(--color-link)
}

.bg-danger[data-v-d03a61c3] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-d03a61c3] {
    color: var(--color-text-100)
}

.color-text-80[data-v-d03a61c3] {
    color: var(--color-text-80)
}

.color-text-50[data-v-d03a61c3] {
    color: var(--color-text-50)
}

.color-text-40[data-v-d03a61c3] {
    color: var(--color-text-40)
}

.color-text-20[data-v-d03a61c3] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-d03a61c3] {
    color: var(--color-currency)
}

.color-warning[data-v-d03a61c3] {
    color: var(--color-warning)
}

.color-danger[data-v-d03a61c3] {
    color: var(--color-danger)
}

.color-link[data-v-d03a61c3] {
    color: var(--color-link)
}

.color-line[data-v-d03a61c3] {
    color: var(--color-line)
}

.color-border[data-v-d03a61c3] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-d03a61c3] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-d03a61c3] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-d03a61c3] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-d03a61c3] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-d03a61c3] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-d03a61c3] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-d03a61c3] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-d03a61c3] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-d03a61c3] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-d03a61c3] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-d03a61c3] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-d03a61c3] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-d03a61c3] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-d03a61c3] {
    display: flex;
    align-items: center
}

.flex-start[data-v-d03a61c3] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-d03a61c3] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-d03a61c3] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-d03a61c3] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-d03a61c3] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-d03a61c3] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-d03a61c3] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-d03a61c3] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-d03a61c3] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-d03a61c3] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-d03a61c3] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-d03a61c3] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-d03a61c3] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-d03a61c3] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-d03a61c3] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-d03a61c3] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-d03a61c3] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-d03a61c3] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-d03a61c3] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-d03a61c3] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-d03a61c3] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-d03a61c3] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-d03a61c3] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-d03a61c3] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-d03a61c3],
.mlm-selected-item[data-v-d03a61c3] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-d03a61c3] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-d03a61c3]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-d03a61c3] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-d03a61c3] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-d03a61c3] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.game-head[data-v-d03a61c3] {
    display: flex;
    align-items: center;
    background: url(/images/gameWrapperHead.jpg) no-repeat 0 0 / 23.125rem 2.625rem;
    height: 2.625rem;
    margin-block-start: 1.875rem;
    margin-inline: .625rem;
    border-radius: .75rem .9375rem 0 0;
    padding-inline-start: .5rem;
    padding-inline-end: .625rem
}

.game-head .logo-c[data-v-d03a61c3] {
    position: relative;
    display: flex;
    align-items: center
}

.game-head .logo-c .logo[data-v-d03a61c3] {
    width: 1.875rem;
    height: 1.875rem;
    margin-inline-end: .25rem;
    color: #fff
}

.game-head .logo-c .label[data-v-d03a61c3] {
    font-size: .875rem;
    font-weight: 700;
    color: #fff
}

.game-head .logo-c .total[data-v-d03a61c3] {
    --padding-start: .5625rem;
    --padding-end: .5625rem;
    --padding-top: .25rem;
    --padding-bottom: .25rem;
    color: #23db8c;
    --background: rgba(35, 219, 140, .2);
    font-size: .75rem;
    font-weight: 500;
    line-height: 1;
    margin-inline-start: .4375rem;
    border-radius: 6.1875rem;
    border: .0625rem solid #23DB8C
}

.game-head .arrow-container[data-v-d03a61c3] {
    display: flex;
    align-items: center;
    margin-inline-start: auto
}

.game-head .arrow-container .left[data-v-d03a61c3],
.game-head .arrow-container .right[data-v-d03a61c3] {
    width: 1.625rem;
    height: 1.625rem;
    border-radius: .4688rem;
    font-size: .875rem;
    background-color: transparent;
    color: #fff;
    border: .0625rem solid #4C4943
}

.game-head .arrow-container .left.invalid[data-v-d03a61c3],
.game-head .arrow-container .right.invalid[data-v-d03a61c3] {
    pointer-events: none;
    color: var(--text-color2)
}

.game-head .arrow-container .right[data-v-d03a61c3] {
    margin-inline-start: .3125rem
}

.color-primary-600[data-v-dce8c9ca] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-dce8c9ca] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-dce8c9ca] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-dce8c9ca] {
    color: var(--color-primary-900)
}

.bg-100[data-v-dce8c9ca] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-dce8c9ca] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-dce8c9ca] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-dce8c9ca] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-dce8c9ca] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-dce8c9ca] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-dce8c9ca] {
    background-color: var(--color-warning)
}

.bg-link[data-v-dce8c9ca] {
    background-color: var(--color-link)
}

.bg-danger[data-v-dce8c9ca] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-dce8c9ca] {
    color: var(--color-text-100)
}

.color-text-80[data-v-dce8c9ca] {
    color: var(--color-text-80)
}

.color-text-50[data-v-dce8c9ca] {
    color: var(--color-text-50)
}

.color-text-40[data-v-dce8c9ca] {
    color: var(--color-text-40)
}

.color-text-20[data-v-dce8c9ca] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-dce8c9ca] {
    color: var(--color-currency)
}

.color-warning[data-v-dce8c9ca] {
    color: var(--color-warning)
}

.color-danger[data-v-dce8c9ca] {
    color: var(--color-danger)
}

.color-link[data-v-dce8c9ca] {
    color: var(--color-link)
}

.color-line[data-v-dce8c9ca] {
    color: var(--color-line)
}

.color-border[data-v-dce8c9ca] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-dce8c9ca] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-dce8c9ca] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-dce8c9ca] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-dce8c9ca] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-dce8c9ca] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-dce8c9ca] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-dce8c9ca] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-dce8c9ca] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-dce8c9ca] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-dce8c9ca] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-dce8c9ca] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-dce8c9ca] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-dce8c9ca] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-dce8c9ca] {
    display: flex;
    align-items: center
}

.flex-start[data-v-dce8c9ca] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-dce8c9ca] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-dce8c9ca] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-dce8c9ca] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-dce8c9ca] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-dce8c9ca] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-dce8c9ca] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-dce8c9ca] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-dce8c9ca] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-dce8c9ca] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-dce8c9ca] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-dce8c9ca] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-dce8c9ca] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-dce8c9ca] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-dce8c9ca] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-dce8c9ca] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-dce8c9ca] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-dce8c9ca] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-dce8c9ca] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-dce8c9ca] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-dce8c9ca] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-dce8c9ca] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-dce8c9ca] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-dce8c9ca] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-dce8c9ca],
.mlm-selected-item[data-v-dce8c9ca] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-dce8c9ca] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-dce8c9ca]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-dce8c9ca] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-dce8c9ca] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-dce8c9ca] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.new-skin-symbol .btn-default[data-v-dce8c9ca] {
    width: 6.75rem;
    height: 2.125rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .5rem .625rem;
    box-sizing: border-box;
    border-radius: var(--ep-border-radius-m);
    background: var(--ep-dynamic-tertiary);
    margin-left: 18px
}

.new-skin-symbol .btn-default .download-svg[data-v-dce8c9ca] {
    font-size: 1.625rem;
    color: var(--ep-color-icon-inverse)
}

.new-skin-symbol .btn-default .btn-text[data-v-dce8c9ca] {
    font-size: var(--ep-font-size-s);
    color: var(--ep-color-text-inverse);
    font-weight: var(--ep-font-weight-bold)
}

.color-primary-600[data-v-4458f303] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-4458f303] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-4458f303] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-4458f303] {
    color: var(--color-primary-900)
}

.bg-100[data-v-4458f303] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-4458f303] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-4458f303] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-4458f303] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-4458f303] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-4458f303] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-4458f303] {
    background-color: var(--color-warning)
}

.bg-link[data-v-4458f303] {
    background-color: var(--color-link)
}

.bg-danger[data-v-4458f303] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-4458f303] {
    color: var(--color-text-100)
}

.color-text-80[data-v-4458f303] {
    color: var(--color-text-80)
}

.color-text-50[data-v-4458f303] {
    color: var(--color-text-50)
}

.color-text-40[data-v-4458f303] {
    color: var(--color-text-40)
}

.color-text-20[data-v-4458f303] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-4458f303] {
    color: var(--color-currency)
}

.color-warning[data-v-4458f303] {
    color: var(--color-warning)
}

.color-danger[data-v-4458f303] {
    color: var(--color-danger)
}

.color-link[data-v-4458f303] {
    color: var(--color-link)
}

.color-line[data-v-4458f303] {
    color: var(--color-line)
}

.color-border[data-v-4458f303] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-4458f303] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-4458f303] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-4458f303] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-4458f303] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-4458f303] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-4458f303] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-4458f303] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-4458f303] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-4458f303] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-4458f303] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-4458f303] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-4458f303] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-4458f303] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-4458f303] {
    display: flex;
    align-items: center
}

.flex-start[data-v-4458f303] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-4458f303] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-4458f303] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-4458f303] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-4458f303] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-4458f303] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-4458f303] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-4458f303] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-4458f303] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-4458f303] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-4458f303] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-4458f303] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-4458f303] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-4458f303] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-4458f303] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-4458f303] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-4458f303] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-4458f303] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-4458f303] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-4458f303] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-4458f303] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-4458f303] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-4458f303] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-4458f303] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-4458f303],
.mlm-selected-item[data-v-4458f303] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-4458f303] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-4458f303]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-4458f303] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-4458f303] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-4458f303] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.new-skin-symbol .btn-26[data-v-4458f303] {
    position: relative;
    z-index: 0;
    width: 6.75rem;
    height: 2.125rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .5rem .625rem;
    box-sizing: border-box;
    border-radius: var(--ep-border-radius-m);
    margin-left: 18px
}

.new-skin-symbol .btn-26 .download-svg[data-v-4458f303] {
    font-size: 1.625rem;
    color: var(--ep-color-icon-inverse)
}

.new-skin-symbol .btn-26 .btn-text[data-v-4458f303] {
    font-size: var(--ep-font-size-s);
    color: var(--ep-color-text-inverse);
    font-weight: var(--ep-font-weight-bold)
}

.new-skin-symbol .btn-26 svg[data-v-4458f303] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.color-primary-600[data-v-8d1315b7] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-8d1315b7] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-8d1315b7] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-8d1315b7] {
    color: var(--color-primary-900)
}

.bg-100[data-v-8d1315b7] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-8d1315b7] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-8d1315b7] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-8d1315b7] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-8d1315b7] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-8d1315b7] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-8d1315b7] {
    background-color: var(--color-warning)
}

.bg-link[data-v-8d1315b7] {
    background-color: var(--color-link)
}

.bg-danger[data-v-8d1315b7] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-8d1315b7] {
    color: var(--color-text-100)
}

.color-text-80[data-v-8d1315b7] {
    color: var(--color-text-80)
}

.color-text-50[data-v-8d1315b7] {
    color: var(--color-text-50)
}

.color-text-40[data-v-8d1315b7] {
    color: var(--color-text-40)
}

.color-text-20[data-v-8d1315b7] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-8d1315b7] {
    color: var(--color-currency)
}

.color-warning[data-v-8d1315b7] {
    color: var(--color-warning)
}

.color-danger[data-v-8d1315b7] {
    color: var(--color-danger)
}

.color-link[data-v-8d1315b7] {
    color: var(--color-link)
}

.color-line[data-v-8d1315b7] {
    color: var(--color-line)
}

.color-border[data-v-8d1315b7] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-8d1315b7] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-8d1315b7] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-8d1315b7] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-8d1315b7] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-8d1315b7] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-8d1315b7] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-8d1315b7] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-8d1315b7] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-8d1315b7] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-8d1315b7] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-8d1315b7] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-8d1315b7] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-8d1315b7] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-8d1315b7] {
    display: flex;
    align-items: center
}

.flex-start[data-v-8d1315b7] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-8d1315b7] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-8d1315b7] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-8d1315b7] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-8d1315b7] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-8d1315b7] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-8d1315b7] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-8d1315b7] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-8d1315b7] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-8d1315b7] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-8d1315b7] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-8d1315b7] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-8d1315b7] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-8d1315b7] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-8d1315b7] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-8d1315b7] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-8d1315b7] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-8d1315b7] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-8d1315b7] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-8d1315b7] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-8d1315b7] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-8d1315b7] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-8d1315b7] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-8d1315b7] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-8d1315b7],
.mlm-selected-item[data-v-8d1315b7] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-8d1315b7] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-8d1315b7]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-8d1315b7] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-8d1315b7] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-8d1315b7] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .layout1.activity-box[data-v-8d1315b7] {
    flex: 0 0 var(--item-flex-basis, calc(50% - .375rem));
    min-height: 2.125rem;
    margin: var(--item-margin, none);
    padding: var(--item-padding, .3125rem .625rem);
    display: flex;
    align-items: center;
    gap: .375rem;
    border-radius: var(--ep-border-radius-xl, .625rem);
    background: var(--ep-color-background-fill-surface-raised-L2)
}

html .layout1.activity-box[data-v-8d1315b7]:last-child:nth-child(odd) {
    flex-basis: var(--item-flex-basis, calc(50% - .375rem))
}

html .layout1.activity-box .activity-img[data-v-8d1315b7] {
    flex-shrink: 0;
    width: 0;
    height: 0
}

html .layout1.activity-box .activity-img.good-img[data-v-8d1315b7] {
    width: 1.5rem;
    height: 1.5rem
}

html .layout1.activity-box .label[data-v-8d1315b7] {
    width: 0;
    flex: 1;
    font-size: var(--ep-font-size-s, .75);
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--ep-color-text-default)
}

html .layout2.activity-box[data-v-8d1315b7] {
    flex: 0 0 calc(33.33333% - .25rem);
    min-height: 2.625rem;
    padding: .5625rem .625rem;
    display: flex;
    align-items: center;
    border-radius: var(--ep-border-radius-surface-default, 0);
    background: var(--ep-color-background-fill-surface-raised-L2)
}

html .layout2.activity-box[data-v-8d1315b7]:nth-child(1),
html .layout2.activity-box[data-v-8d1315b7]:nth-child(2) {
    flex-basis: calc(50% - .25rem)
}

html .layout2.activity-box[data-v-8d1315b7]:last-child:nth-child(odd) {
    flex-basis: calc(33.33333% - .25rem)
}

html .layout2.activity-box .activity-img[data-v-8d1315b7] {
    flex-shrink: 0;
    width: 0;
    height: 0
}

html .layout2.activity-box .activity-img.good-img[data-v-8d1315b7] {
    width: 1.5rem;
    height: 1.5rem
}

html .layout2.activity-box .label[data-v-8d1315b7] {
    width: 0;
    flex: 1;
    font-size: var(--ep-font-size-s, .75);
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--ep-color-text-default)
}

#tabbar-components-DrawerLeft-components-activityList2-1-index .layout1.activity-box[data-v-8d1315b7] {
    flex: 0 0 var(--item-flex-basis, calc(50% - .375rem));
    min-height: 2.125rem;
    margin: var(--item-margin, none);
    padding: var(--item-padding, .3125rem .625rem);
    display: flex;
    align-items: center;
    gap: .375rem;
    border-radius: var(--ep-border-radius-xl, .625rem);
    background: var(--ep-color-background-fill-surface-raised-L2)
}

#tabbar-components-DrawerLeft-components-activityList2-1-index .layout1.activity-box[data-v-8d1315b7]:last-child:nth-child(odd) {
    flex-basis: var(--item-flex-basis, calc(50% - .375rem))
}

#tabbar-components-DrawerLeft-components-activityList2-1-index .layout1.activity-box .activity-img[data-v-8d1315b7] {
    flex-shrink: 0;
    width: 0;
    height: 0
}

#tabbar-components-DrawerLeft-components-activityList2-1-index .layout1.activity-box .activity-img.good-img[data-v-8d1315b7] {
    width: 1.5rem;
    height: 1.5rem
}

#tabbar-components-DrawerLeft-components-activityList2-1-index .layout1.activity-box .label[data-v-8d1315b7] {
    width: 0;
    flex: 1;
    font-size: var(--ep-font-size-s, .75);
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--ep-color-text-default)
}

#tabbar-components-DrawerLeft-components-activityList2-1-index .layout2.activity-box[data-v-8d1315b7] {
    flex: 0 0 calc(33.33333% - .25rem);
    min-height: 2.625rem;
    padding: .5625rem .625rem;
    display: flex;
    align-items: center;
    border-radius: var(--ep-border-radius-surface-default, 0);
    background: var(--ep-color-background-fill-surface-raised-L2)
}

#tabbar-components-DrawerLeft-components-activityList2-1-index .layout2.activity-box[data-v-8d1315b7]:nth-child(1),
#tabbar-components-DrawerLeft-components-activityList2-1-index .layout2.activity-box[data-v-8d1315b7]:nth-child(2) {
    flex-basis: calc(50% - .25rem)
}

#tabbar-components-DrawerLeft-components-activityList2-1-index .layout2.activity-box[data-v-8d1315b7]:last-child:nth-child(odd) {
    flex-basis: calc(33.33333% - .25rem)
}

#tabbar-components-DrawerLeft-components-activityList2-1-index .layout2.activity-box .activity-img[data-v-8d1315b7] {
    flex-shrink: 0;
    width: 0;
    height: 0
}

#tabbar-components-DrawerLeft-components-activityList2-1-index .layout2.activity-box .activity-img.good-img[data-v-8d1315b7] {
    width: 1.5rem;
    height: 1.5rem
}

#tabbar-components-DrawerLeft-components-activityList2-1-index .layout2.activity-box .label[data-v-8d1315b7] {
    width: 0;
    flex: 1;
    font-size: var(--ep-font-size-s, .75);
    font-weight: var(--ep-font-weight-medium, 600);
    color: var(--ep-color-text-default)
}

.color-primary-600[data-v-13dd2a2c] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-13dd2a2c] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-13dd2a2c] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-13dd2a2c] {
    color: var(--color-primary-900)
}

.bg-100[data-v-13dd2a2c] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-13dd2a2c] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-13dd2a2c] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-13dd2a2c] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-13dd2a2c] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-13dd2a2c] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-13dd2a2c] {
    background-color: var(--color-warning)
}

.bg-link[data-v-13dd2a2c] {
    background-color: var(--color-link)
}

.bg-danger[data-v-13dd2a2c] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-13dd2a2c] {
    color: var(--color-text-100)
}

.color-text-80[data-v-13dd2a2c] {
    color: var(--color-text-80)
}

.color-text-50[data-v-13dd2a2c] {
    color: var(--color-text-50)
}

.color-text-40[data-v-13dd2a2c] {
    color: var(--color-text-40)
}

.color-text-20[data-v-13dd2a2c] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-13dd2a2c] {
    color: var(--color-currency)
}

.color-warning[data-v-13dd2a2c] {
    color: var(--color-warning)
}

.color-danger[data-v-13dd2a2c] {
    color: var(--color-danger)
}

.color-link[data-v-13dd2a2c] {
    color: var(--color-link)
}

.color-line[data-v-13dd2a2c] {
    color: var(--color-line)
}

.color-border[data-v-13dd2a2c] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-13dd2a2c] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-13dd2a2c] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-13dd2a2c] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-13dd2a2c] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-13dd2a2c] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-13dd2a2c] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-13dd2a2c] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-13dd2a2c] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-13dd2a2c] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-13dd2a2c] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-13dd2a2c] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-13dd2a2c] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-13dd2a2c] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-13dd2a2c] {
    display: flex;
    align-items: center
}

.flex-start[data-v-13dd2a2c] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-13dd2a2c] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-13dd2a2c] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-13dd2a2c] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-13dd2a2c] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-13dd2a2c] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-13dd2a2c] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-13dd2a2c] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-13dd2a2c] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-13dd2a2c] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-13dd2a2c] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-13dd2a2c] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-13dd2a2c] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-13dd2a2c] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-13dd2a2c] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-13dd2a2c] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-13dd2a2c] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-13dd2a2c] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-13dd2a2c] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-13dd2a2c] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-13dd2a2c] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-13dd2a2c] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-13dd2a2c] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-13dd2a2c] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-13dd2a2c],
.mlm-selected-item[data-v-13dd2a2c] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-13dd2a2c] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-13dd2a2c]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-13dd2a2c] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-13dd2a2c] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-13dd2a2c] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

html .activity-box[data-v-13dd2a2c] {
    width: 100%
}

html .activity-box .activity-img[data-v-13dd2a2c] {
    width: 0
}

html .activity-box .activity-img[data-v-13dd2a2c]::part(image) {
    border-radius: .375rem
}

html .activity-box .activity-img.good-img[data-v-13dd2a2c] {
    width: 100%;
    height: 4.875rem;
    object-fit: fill
}

.color-primary-600[data-v-8dfd549f] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-8dfd549f] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-8dfd549f] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-8dfd549f] {
    color: var(--color-primary-900)
}

.bg-100[data-v-8dfd549f] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-8dfd549f] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-8dfd549f] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-8dfd549f] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-8dfd549f] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-8dfd549f] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-8dfd549f] {
    background-color: var(--color-warning)
}

.bg-link[data-v-8dfd549f] {
    background-color: var(--color-link)
}

.bg-danger[data-v-8dfd549f] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-8dfd549f] {
    color: var(--color-text-100)
}

.color-text-80[data-v-8dfd549f] {
    color: var(--color-text-80)
}

.color-text-50[data-v-8dfd549f] {
    color: var(--color-text-50)
}

.color-text-40[data-v-8dfd549f] {
    color: var(--color-text-40)
}

.color-text-20[data-v-8dfd549f] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-8dfd549f] {
    color: var(--color-currency)
}

.color-warning[data-v-8dfd549f] {
    color: var(--color-warning)
}

.color-danger[data-v-8dfd549f] {
    color: var(--color-danger)
}

.color-link[data-v-8dfd549f] {
    color: var(--color-link)
}

.color-line[data-v-8dfd549f] {
    color: var(--color-line)
}

.color-border[data-v-8dfd549f] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-8dfd549f] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-8dfd549f] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-8dfd549f] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-8dfd549f] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-8dfd549f] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-8dfd549f] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-8dfd549f] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-8dfd549f] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-8dfd549f] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-8dfd549f] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-8dfd549f] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-8dfd549f] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-8dfd549f] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-8dfd549f] {
    display: flex;
    align-items: center
}

.flex-start[data-v-8dfd549f] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-8dfd549f] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-8dfd549f] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-8dfd549f] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-8dfd549f] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-8dfd549f] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-8dfd549f] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-8dfd549f] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-8dfd549f] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-8dfd549f] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-8dfd549f] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-8dfd549f] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-8dfd549f] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-8dfd549f] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-8dfd549f] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-8dfd549f] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-8dfd549f] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-8dfd549f] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-8dfd549f] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-8dfd549f] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-8dfd549f] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-8dfd549f] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-8dfd549f] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-8dfd549f] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-8dfd549f],
.mlm-selected-item[data-v-8dfd549f] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-8dfd549f] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-8dfd549f]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-8dfd549f] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-8dfd549f] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-8dfd549f] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

@keyframes scaleFade-8dfd549f {
    0% {
        transform: scale(.5);
        opacity: 1
    }

    50% {
        transform: scale(2);
        opacity: .5
    }

    to {
        transform: scale(3.5);
        opacity: 0
    }
}

.new-skin-symbol .ranking-header[data-v-8dfd549f] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 3.125rem;
    border-bottom: 1px solid var(--ep-color-border-default)
}

.new-skin-symbol .ranking-header .ranking-title[data-v-8dfd549f] {
    color: var(--ep-color-text-success);
    font-size: var(--ep-font-size-xl, 1.125rem);
    font-weight: var(--ep-font-weight-bold, 700);
    margin: 0 .4375rem
}

.new-skin-symbol .ranking-header .ranking-start[data-v-8dfd549f] {
    color: var(--ep-color-icon-success);
    font-size: var(--ep-font-size-s, .75rem)
}

.new-skin-symbol .ranking-header .line[data-v-8dfd549f] {
    position: absolute;
    height: 1px;
    width: 12.5rem;
    top: 0;
    left: 50%;
    transform: translate(-50%);
    background: linear-gradient(90deg, rgba(10, 119, 218, 0) 0%, var(--ep-color-border-brand, #0A77DA) 50%, rgba(10, 119, 218, 0) 100%)
}

.new-skin-symbol .top-three-area[data-v-8dfd549f] {
    height: 18.5rem;
    width: 100%;
    display: flex;
    justify-content: space-between;
    position: relative;
    overflow: hidden
}

.new-skin-symbol .top-three-area .ranking-item-2[data-v-8dfd549f] {
    margin-top: 5.1875rem
}

.new-skin-symbol .top-three-area .ranking-item-1[data-v-8dfd549f] {
    margin-top: 2.5625rem
}

.new-skin-symbol .top-three-area .ranking-item-3[data-v-8dfd549f] {
    margin-top: 5.5rem
}

.new-skin-symbol .top-three-area .ranking-item[data-v-8dfd549f] {
    text-align: center;
    width: 7.8125rem;
    position: relative;
    z-index: 3
}

.new-skin-symbol .top-three-area .ranking-item .ranking-avatar[data-v-8dfd549f] {
    position: relative;
    width: 4.375rem;
    height: 4.375rem;
    overflow: hidden;
    margin: 0 auto
}

.new-skin-symbol .top-three-area .ranking-item .ranking-avatar .avatar-border[data-v-8dfd549f] {
    width: 100%;
    height: 100%;
    background: url(/assets/ranking-avatar-border-DD3pN3zQ.png) no-repeat;
    background-size: 300% 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3
}

.new-skin-symbol .top-three-area .ranking-item .ranking-avatar .avatar-border-1[data-v-8dfd549f] {
    background-position: 0 0
}

.new-skin-symbol .top-three-area .ranking-item .ranking-avatar .avatar-border-2[data-v-8dfd549f] {
    background-position: 50% 0
}

.new-skin-symbol .top-three-area .ranking-item .ranking-avatar .avatar-border-3[data-v-8dfd549f] {
    background-position: 100% 0
}

.new-skin-symbol .top-three-area .ranking-item .ranking-avatar .avatar-img[data-v-8dfd549f] {
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1
}

.new-skin-symbol .top-three-area .ranking-item .name[data-v-8dfd549f] {
    color: var(--ep-color-text-default);
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-bold, 700);
    line-height: 1.125rem
}

.new-skin-symbol .top-three-area .ranking-item .amount[data-v-8dfd549f] {
    color: var(--ep-color-text-warning);
    font-size: var(--ep-font-size-s, .75rem);
    line-height: 1.125rem
}

.new-skin-symbol .top-three-area .top-three-bg[data-v-8dfd549f] {
    height: 9.75rem;
    width: 23.4375rem;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    z-index: 2
}

.new-skin-symbol .top-three-area .ranking-aperture[data-v-8dfd549f] {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    transform-origin: center center;
    animation: scaleFade-8dfd549f 12s ease-out infinite
}

.color-primary-600[data-v-245296a3] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-245296a3] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-245296a3] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-245296a3] {
    color: var(--color-primary-900)
}

.bg-100[data-v-245296a3] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-245296a3] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-245296a3] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-245296a3] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-245296a3] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-245296a3] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-245296a3] {
    background-color: var(--color-warning)
}

.bg-link[data-v-245296a3] {
    background-color: var(--color-link)
}

.bg-danger[data-v-245296a3] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-245296a3] {
    color: var(--color-text-100)
}

.color-text-80[data-v-245296a3] {
    color: var(--color-text-80)
}

.color-text-50[data-v-245296a3] {
    color: var(--color-text-50)
}

.color-text-40[data-v-245296a3] {
    color: var(--color-text-40)
}

.color-text-20[data-v-245296a3] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-245296a3] {
    color: var(--color-currency)
}

.color-warning[data-v-245296a3] {
    color: var(--color-warning)
}

.color-danger[data-v-245296a3] {
    color: var(--color-danger)
}

.color-link[data-v-245296a3] {
    color: var(--color-link)
}

.color-line[data-v-245296a3] {
    color: var(--color-line)
}

.color-border[data-v-245296a3] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-245296a3] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-245296a3] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-245296a3] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-245296a3] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-245296a3] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-245296a3] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-245296a3] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-245296a3] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-245296a3] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-245296a3] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-245296a3] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-245296a3] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-245296a3] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-245296a3] {
    display: flex;
    align-items: center
}

.flex-start[data-v-245296a3] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-245296a3] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-245296a3] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-245296a3] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-245296a3] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-245296a3] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-245296a3] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-245296a3] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-245296a3] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-245296a3] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-245296a3] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-245296a3] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-245296a3] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-245296a3] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-245296a3] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-245296a3] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-245296a3] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-245296a3] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-245296a3] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-245296a3] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-245296a3] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-245296a3] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-245296a3] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-245296a3] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-245296a3],
.mlm-selected-item[data-v-245296a3] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-245296a3] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-245296a3]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-245296a3] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-245296a3] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-245296a3] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.new-skin-symbol .ranking-header-list[data-v-245296a3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    color: var(--ep-color-text-weakest);
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-bold, 700);
    line-height: 1.125rem;
    margin-top: .5625rem
}

.new-skin-symbol .ranking-header-list .item[data-v-245296a3]:nth-child(1) {
    width: 3.75rem
}

.new-skin-symbol .ranking-header-list .item[data-v-245296a3]:nth-child(2) {
    width: 12.5rem
}

.new-skin-symbol .ranking-header-list .item[data-v-245296a3]:nth-child(3) {
    width: 6.25rem
}

.new-skin-symbol .ranking-list-container[data-v-245296a3] {
    height: 15rem;
    overflow: hidden;
    position: relative
}

.new-skin-symbol .ranking-list[data-v-245296a3] {
    position: absolute;
    width: 100%
}

.new-skin-symbol .ranking-list[data-v-245296a3]:hover {
    animation-play-state: paused
}

.new-skin-symbol .ranking-list[data-v-245296a3]:after {
    content: "";
    display: block;
    height: 15rem
}

.new-skin-symbol .ranking-list li[data-v-245296a3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    height: 3rem;
    line-height: 3rem
}

.new-skin-symbol .ranking-list li .item[data-v-245296a3]:nth-child(1) {
    width: 3.75rem
}

.new-skin-symbol .ranking-list li .item[data-v-245296a3]:nth-child(2) {
    width: 12.5rem
}

.new-skin-symbol .ranking-list li .item[data-v-245296a3]:nth-child(3) {
    width: 6.25rem
}

.new-skin-symbol .ranking-list li .rank[data-v-245296a3] {
    color: var(--ep-color-text-brand-primary);
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-medium, 600)
}

.new-skin-symbol .ranking-list li .ranking-user-info[data-v-245296a3] {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: .5rem
}

.new-skin-symbol .ranking-list li .ranking-user-info .avatar-img[data-v-245296a3] {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%
}

.new-skin-symbol .ranking-list li .ranking-user-info .name[data-v-245296a3] {
    color: var(--ep-color-text-weak);
    font-size: var(--ep-font-size-s, .75rem)
}

.new-skin-symbol .ranking-list li .amount[data-v-245296a3] {
    color: var(--ep-color-text-default);
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-medium, 600)
}

.color-primary-600[data-v-00a025ae] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-00a025ae] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-00a025ae] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-00a025ae] {
    color: var(--color-primary-900)
}

.bg-100[data-v-00a025ae] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-00a025ae] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-00a025ae] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-00a025ae] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-00a025ae] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-00a025ae] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-00a025ae] {
    background-color: var(--color-warning)
}

.bg-link[data-v-00a025ae] {
    background-color: var(--color-link)
}

.bg-danger[data-v-00a025ae] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-00a025ae] {
    color: var(--color-text-100)
}

.color-text-80[data-v-00a025ae] {
    color: var(--color-text-80)
}

.color-text-50[data-v-00a025ae] {
    color: var(--color-text-50)
}

.color-text-40[data-v-00a025ae] {
    color: var(--color-text-40)
}

.color-text-20[data-v-00a025ae] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-00a025ae] {
    color: var(--color-currency)
}

.color-warning[data-v-00a025ae] {
    color: var(--color-warning)
}

.color-danger[data-v-00a025ae] {
    color: var(--color-danger)
}

.color-link[data-v-00a025ae] {
    color: var(--color-link)
}

.color-line[data-v-00a025ae] {
    color: var(--color-line)
}

.color-border[data-v-00a025ae] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-00a025ae] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-00a025ae] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-00a025ae] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-00a025ae] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-00a025ae] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-00a025ae] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-00a025ae] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-00a025ae] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-00a025ae] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-00a025ae] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-00a025ae] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-00a025ae] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-00a025ae] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-00a025ae] {
    display: flex;
    align-items: center
}

.flex-start[data-v-00a025ae] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-00a025ae] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-00a025ae] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-00a025ae] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-00a025ae] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-00a025ae] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-00a025ae] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-00a025ae] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-00a025ae] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-00a025ae] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-00a025ae] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-00a025ae] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-00a025ae] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-00a025ae] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-00a025ae] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-00a025ae] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-00a025ae] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-00a025ae] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-00a025ae] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-00a025ae] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-00a025ae] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-00a025ae] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-00a025ae] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-00a025ae] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-00a025ae],
.mlm-selected-item[data-v-00a025ae] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-00a025ae] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-00a025ae]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-00a025ae] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-00a025ae] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-00a025ae] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.new-skin-symbol .ranking-header .ranking-title[data-v-00a025ae] {
    color: var(--ep-color-text-default);
    font-size: var(--ep-font-size-xl, 1.125rem);
    font-weight: var(--ep-font-weight-bold, 700);
    width: 100%;
    height: 3.125rem;
    line-height: 3.125rem;
    padding: 0 .75rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-bottom: 1px solid var(--ep-color-border-default)
}

.new-skin-symbol .ranking-header .ranking-title .ranking[data-v-00a025ae] {
    font-size: 2rem;
    margin-right: .3125rem
}

.new-skin-symbol .top-three-area[data-v-00a025ae] {
    height: 14.5rem;
    width: 100%;
    display: flex;
    justify-content: space-between;
    position: relative;
    overflow: hidden
}

.new-skin-symbol .top-three-area .ranking-item-2[data-v-00a025ae] {
    margin-top: 2.75rem
}

.new-skin-symbol .top-three-area .ranking-item-1[data-v-00a025ae] {
    margin-top: .625rem
}

.new-skin-symbol .top-three-area .ranking-item-3[data-v-00a025ae] {
    margin-top: 3.375rem
}

.new-skin-symbol .top-three-area .ranking-item[data-v-00a025ae] {
    text-align: center;
    width: 7.8125rem;
    position: relative;
    z-index: 3
}

.new-skin-symbol .top-three-area .ranking-item .ranking-avatar[data-v-00a025ae] {
    position: relative;
    width: 6.25rem;
    height: 5.625rem;
    overflow: hidden;
    margin: 0 auto
}

.new-skin-symbol .top-three-area .ranking-item .ranking-avatar .avatar-border[data-v-00a025ae] {
    width: 100%;
    height: 100%;
    background: url(/assets/ranking-avatar-border-24-D2Oti4Gz.png) no-repeat;
    background-size: 300% 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3
}

.new-skin-symbol .top-three-area .ranking-item .ranking-avatar .avatar-border-1[data-v-00a025ae] {
    background-position: 0 0
}

.new-skin-symbol .top-three-area .ranking-item .ranking-avatar .avatar-border-2[data-v-00a025ae] {
    background-position: 50% 0
}

.new-skin-symbol .top-three-area .ranking-item .ranking-avatar .avatar-border-3[data-v-00a025ae] {
    background-position: 100% 0
}

.new-skin-symbol .top-three-area .ranking-item .ranking-avatar .avatar-img[data-v-00a025ae] {
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1
}

.new-skin-symbol .top-three-area .ranking-item .name[data-v-00a025ae] {
    color: var(--ep-color-text-default);
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-bold, 700);
    line-height: 1.125rem
}

.new-skin-symbol .top-three-area .ranking-item .amount[data-v-00a025ae] {
    color: var(--ep-color-text-warning);
    font-size: var(--ep-font-size-s, .75rem);
    line-height: 1.125rem
}

.new-skin-symbol .top-three-area .ranking-item .amount .merchant-cy[data-v-00a025ae] {
    margin-right: .1875rem
}

.new-skin-symbol .top-three-area .top-three-bg[data-v-00a025ae] {
    height: 4.6875rem;
    width: 22.875rem;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    z-index: 2
}

.color-primary-600[data-v-911bcddf] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-911bcddf] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-911bcddf] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-911bcddf] {
    color: var(--color-primary-900)
}

.bg-100[data-v-911bcddf] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-911bcddf] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-911bcddf] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-911bcddf] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-911bcddf] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-911bcddf] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-911bcddf] {
    background-color: var(--color-warning)
}

.bg-link[data-v-911bcddf] {
    background-color: var(--color-link)
}

.bg-danger[data-v-911bcddf] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-911bcddf] {
    color: var(--color-text-100)
}

.color-text-80[data-v-911bcddf] {
    color: var(--color-text-80)
}

.color-text-50[data-v-911bcddf] {
    color: var(--color-text-50)
}

.color-text-40[data-v-911bcddf] {
    color: var(--color-text-40)
}

.color-text-20[data-v-911bcddf] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-911bcddf] {
    color: var(--color-currency)
}

.color-warning[data-v-911bcddf] {
    color: var(--color-warning)
}

.color-danger[data-v-911bcddf] {
    color: var(--color-danger)
}

.color-link[data-v-911bcddf] {
    color: var(--color-link)
}

.color-line[data-v-911bcddf] {
    color: var(--color-line)
}

.color-border[data-v-911bcddf] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-911bcddf] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-911bcddf] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-911bcddf] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-911bcddf] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-911bcddf] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-911bcddf] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-911bcddf] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-911bcddf] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-911bcddf] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-911bcddf] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-911bcddf] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-911bcddf] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-911bcddf] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-911bcddf] {
    display: flex;
    align-items: center
}

.flex-start[data-v-911bcddf] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-911bcddf] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-911bcddf] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-911bcddf] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-911bcddf] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-911bcddf] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-911bcddf] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-911bcddf] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-911bcddf] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-911bcddf] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-911bcddf] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-911bcddf] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-911bcddf] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-911bcddf] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-911bcddf] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-911bcddf] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-911bcddf] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-911bcddf] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-911bcddf] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-911bcddf] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-911bcddf] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-911bcddf] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-911bcddf] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-911bcddf] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-911bcddf],
.mlm-selected-item[data-v-911bcddf] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-911bcddf] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-911bcddf]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-911bcddf] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-911bcddf] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-911bcddf] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.new-skin-symbol .ranking-list-container[data-v-911bcddf] {
    height: 15rem;
    overflow: hidden;
    position: relative;
    margin: .25rem auto;
    width: 22.875rem;
    border-radius: var(--ep-border-radius-xl, .625rem)
}

.new-skin-symbol .ranking-list[data-v-911bcddf] {
    position: absolute;
    width: 22.875rem;
    margin: .25rem auto;
    background: linear-gradient(180deg, var(--ep-color-background-fill-surface-raised-L1, #252C32) 0%, rgba(44, 51, 59, 0) 100%)
}

.new-skin-symbol .ranking-list[data-v-911bcddf]:hover {
    animation-play-state: paused
}

.new-skin-symbol .ranking-list[data-v-911bcddf]:after {
    content: "";
    display: block;
    height: 15rem
}

.new-skin-symbol .ranking-list li[data-v-911bcddf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    height: 3rem;
    line-height: 3rem;
    border-bottom: 1px solid var(--ep-color-border-default);
    padding: 0 .625rem
}

.new-skin-symbol .ranking-list li[data-v-911bcddf]:last-child {
    border-bottom: none
}

.new-skin-symbol .ranking-list li .rank[data-v-911bcddf] {
    color: var(--ep-color-text-brand-primary);
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-medium, 600)
}

.new-skin-symbol .ranking-list li .ranking-user-info[data-v-911bcddf] {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.new-skin-symbol .ranking-list li .ranking-user-info .avatar-img[data-v-911bcddf] {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    margin: 0 .4375rem 0 .625rem
}

.new-skin-symbol .ranking-list li .ranking-user-info .name[data-v-911bcddf] {
    color: var(--ep-color-text-weak);
    font-size: var(--ep-font-size-s, .75rem)
}

.new-skin-symbol .ranking-list li .amount[data-v-911bcddf] {
    color: var(--ep-color-icon-warning);
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-medium, 600)
}

.new-skin-symbol .ranking-list li .amount .merchant-cy[data-v-911bcddf] {
    margin-right: .1875rem
}

.color-primary-600[data-v-063ad419] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-063ad419] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-063ad419] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-063ad419] {
    color: var(--color-primary-900)
}

.bg-100[data-v-063ad419] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-063ad419] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-063ad419] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-063ad419] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-063ad419] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-063ad419] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-063ad419] {
    background-color: var(--color-warning)
}

.bg-link[data-v-063ad419] {
    background-color: var(--color-link)
}

.bg-danger[data-v-063ad419] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-063ad419] {
    color: var(--color-text-100)
}

.color-text-80[data-v-063ad419] {
    color: var(--color-text-80)
}

.color-text-50[data-v-063ad419] {
    color: var(--color-text-50)
}

.color-text-40[data-v-063ad419] {
    color: var(--color-text-40)
}

.color-text-20[data-v-063ad419] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-063ad419] {
    color: var(--color-currency)
}

.color-warning[data-v-063ad419] {
    color: var(--color-warning)
}

.color-danger[data-v-063ad419] {
    color: var(--color-danger)
}

.color-link[data-v-063ad419] {
    color: var(--color-link)
}

.color-line[data-v-063ad419] {
    color: var(--color-line)
}

.color-border[data-v-063ad419] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-063ad419] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-063ad419] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-063ad419] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-063ad419] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-063ad419] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-063ad419] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-063ad419] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-063ad419] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-063ad419] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-063ad419] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-063ad419] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-063ad419] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-063ad419] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-063ad419] {
    display: flex;
    align-items: center
}

.flex-start[data-v-063ad419] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-063ad419] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-063ad419] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-063ad419] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-063ad419] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-063ad419] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-063ad419] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-063ad419] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-063ad419] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-063ad419] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-063ad419] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-063ad419] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-063ad419] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-063ad419] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-063ad419] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-063ad419] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-063ad419] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-063ad419] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-063ad419] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-063ad419] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-063ad419] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-063ad419] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-063ad419] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-063ad419] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-063ad419],
.mlm-selected-item[data-v-063ad419] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-063ad419] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-063ad419]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-063ad419] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-063ad419] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-063ad419] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

@keyframes scaleFade-063ad419 {
    0% {
        transform: scale(.5);
        opacity: 1
    }

    50% {
        transform: scale(2);
        opacity: .5
    }

    to {
        transform: scale(3.5);
        opacity: 0
    }
}

.new-skin-symbol .ranking-header[data-v-063ad419] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 3.125rem
}

.new-skin-symbol .ranking-header .ranking-title[data-v-063ad419] {
    color: var(--ep-color-text-success);
    font-size: var(--ep-font-size-xl, 1.125rem);
    font-weight: var(--ep-font-weight-bold, 700);
    margin: 0 .4375rem
}

.new-skin-symbol .ranking-header .ranking-start[data-v-063ad419] {
    color: var(--ep-color-icon-brand-secondary);
    font-size: var(--ep-font-size-s, .75rem)
}

.new-skin-symbol .ranking-header .line[data-v-063ad419] {
    overflow: visible;
    height: 6rem;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    top: 0;
    left: 0
}

.new-skin-symbol .ranking-header .line[data-v-063ad419]:before {
    overflow: visible;
    content: "";
    position: absolute;
    height: 40%;
    aspect-ratio: 133/19;
    background: var(--ep-color-background-fill-glow-primary-opacity-40);
    border-radius: 50%;
    filter: blur(2rem);
    z-index: -1
}

.new-skin-symbol .top-three-area[data-v-063ad419] {
    height: 18.5rem;
    margin: 0 .625rem;
    display: flex;
    justify-content: space-between;
    position: relative;
    background: var(--ep-color-background-fill-surface-raised-L1);
    border-radius: var(--ep-border-radius-surface-small, .75rem);
    border-top: 1px solid var(--ep-color-border-default);
    overflow: hidden
}

.new-skin-symbol .top-three-area .ranking-item-2[data-v-063ad419] {
    margin-top: 5.1875rem
}

.new-skin-symbol .top-three-area .ranking-item-1[data-v-063ad419] {
    margin-top: 2.5625rem
}

.new-skin-symbol .top-three-area .ranking-item-3[data-v-063ad419] {
    margin-top: 5.5rem
}

.new-skin-symbol .top-three-area .ranking-item[data-v-063ad419] {
    font-size: var(--ep-font-size-s, .75rem);
    text-align: center;
    width: 7.8125rem;
    position: relative;
    z-index: 3
}

.new-skin-symbol .top-three-area .ranking-item .ranking-avatar[data-v-063ad419] {
    position: relative;
    width: 5.875rem;
    height: 5.875rem;
    margin: 0 auto;
    z-index: -1
}

.new-skin-symbol .top-three-area .ranking-item .ranking-avatar .avatar-border[data-v-063ad419] {
    width: 100%;
    height: 200%;
    background: url(/assets/ranking-avatar-border-25-7-ZnLBhk.png) no-repeat;
    background-size: 300% 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3
}

.new-skin-symbol .top-three-area .ranking-item .ranking-avatar .avatar-border-1[data-v-063ad419] {
    background-position: 0 0
}

.new-skin-symbol .top-three-area .ranking-item .ranking-avatar .avatar-border-2[data-v-063ad419] {
    background-position: 50% 0
}

.new-skin-symbol .top-three-area .ranking-item .ranking-avatar .avatar-border-3[data-v-063ad419] {
    background-position: 100% 0
}

.new-skin-symbol .top-three-area .ranking-item .ranking-avatar .avatar-img[data-v-063ad419] {
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 50%;
    position: absolute;
    top: 58%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1
}

.new-skin-symbol .top-three-area .ranking-item .name[data-v-063ad419] {
    padding-top: .5rem;
    color: var(--ep-color-text-default);
    line-height: 1.125rem
}

.new-skin-symbol .top-three-area .ranking-item .amount[data-v-063ad419] {
    color: var(--ep-color-text-warning);
    font-weight: var(--ep-font-weight-bold, 700);
    line-height: 1.125rem
}

.new-skin-symbol .top-three-area .top-three-bg[data-v-063ad419] {
    height: 9.75rem;
    width: 23.4375rem;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    z-index: 2
}

.new-skin-symbol .top-three-area .ranking-aperture[data-v-063ad419] {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    transform-origin: center center;
    animation: scaleFade-063ad419 12s ease-out infinite
}

.color-primary-600[data-v-154436ea] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-154436ea] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-154436ea] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-154436ea] {
    color: var(--color-primary-900)
}

.bg-100[data-v-154436ea] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-154436ea] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-154436ea] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-154436ea] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-154436ea] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-154436ea] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-154436ea] {
    background-color: var(--color-warning)
}

.bg-link[data-v-154436ea] {
    background-color: var(--color-link)
}

.bg-danger[data-v-154436ea] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-154436ea] {
    color: var(--color-text-100)
}

.color-text-80[data-v-154436ea] {
    color: var(--color-text-80)
}

.color-text-50[data-v-154436ea] {
    color: var(--color-text-50)
}

.color-text-40[data-v-154436ea] {
    color: var(--color-text-40)
}

.color-text-20[data-v-154436ea] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-154436ea] {
    color: var(--color-currency)
}

.color-warning[data-v-154436ea] {
    color: var(--color-warning)
}

.color-danger[data-v-154436ea] {
    color: var(--color-danger)
}

.color-link[data-v-154436ea] {
    color: var(--color-link)
}

.color-line[data-v-154436ea] {
    color: var(--color-line)
}

.color-border[data-v-154436ea] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-154436ea] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-154436ea] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-154436ea] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-154436ea] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-154436ea] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-154436ea] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-154436ea] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-154436ea] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-154436ea] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-154436ea] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-154436ea] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-154436ea] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-154436ea] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-154436ea] {
    display: flex;
    align-items: center
}

.flex-start[data-v-154436ea] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-154436ea] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-154436ea] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-154436ea] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-154436ea] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-154436ea] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-154436ea] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-154436ea] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-154436ea] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-154436ea] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-154436ea] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-154436ea] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-154436ea] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-154436ea] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-154436ea] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-154436ea] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-154436ea] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-154436ea] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-154436ea] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-154436ea] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-154436ea] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-154436ea] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-154436ea] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-154436ea] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-154436ea],
.mlm-selected-item[data-v-154436ea] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-154436ea] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-154436ea]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-154436ea] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-154436ea] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-154436ea] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

@keyframes scaleFade-154436ea {
    0% {
        transform: scale(.5);
        opacity: 1
    }

    50% {
        transform: scale(2);
        opacity: .5
    }

    to {
        transform: scale(3.5);
        opacity: 0
    }
}

.new-skin-symbol .ranking-header[data-v-154436ea] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 3.125rem;
    border-top: .09375rem solid var(--ep-color-border-highlight);
    border-radius: var(--ep-border-radius-surface-default, .375rem) var(--ep-border-radius-surface-default, .375rem) 0 0;
    background: var(--ep-color-background-fill-active-active)
}

.new-skin-symbol .ranking-header .ranking-title[data-v-154436ea] {
    color: var(--ep-color-text-default);
    font-size: var(--ep-font-size-xl, 1.125rem);
    font-weight: var(--ep-font-weight-bold, 700);
    margin: 0 .4375rem
}

.new-skin-symbol .ranking-header .ranking-start[data-v-154436ea] {
    color: var(--ep-color-icon-brand-primary);
    font-size: var(--ep-font-size-xxs, .5rem)
}

.new-skin-symbol .ranking-header .line[data-v-154436ea] {
    position: absolute;
    height: 1px;
    width: 12.5rem;
    top: 0;
    left: 50%;
    transform: translate(-50%);
    background: linear-gradient(90deg, rgba(10, 119, 218, 0) 0%, var(--ep-color-border-brand, #0A77DA) 50%, rgba(10, 119, 218, 0) 100%)
}

.new-skin-symbol .top-three-area[data-v-154436ea] {
    height: 16.5rem;
    width: 100%;
    display: flex;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
    padding: 0 .875rem
}

.new-skin-symbol .top-three-area .ranking-item-2[data-v-154436ea] {
    margin-top: 3.625rem
}

.new-skin-symbol .top-three-area .ranking-item-1[data-v-154436ea] {
    margin-top: 1.375rem
}

.new-skin-symbol .top-three-area .ranking-item-3[data-v-154436ea] {
    margin-top: 3.625rem
}

.new-skin-symbol .top-three-area .ranking-item[data-v-154436ea] {
    text-align: center;
    width: 7.8125rem;
    position: relative;
    z-index: 3
}

.new-skin-symbol .top-three-area .ranking-item .ranking-avatar[data-v-154436ea] {
    position: relative;
    width: 3rem;
    height: 3rem;
    overflow: hidden;
    margin: .5rem auto 0
}

.new-skin-symbol .top-three-area .ranking-item .ranking-avatar .avatar-border[data-v-154436ea] {
    width: 100%;
    height: 100%;
    background: url(/assets/ranking-avatar-border-DD3pN3zQ.png) no-repeat;
    background-size: 300% 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3
}

.new-skin-symbol .top-three-area .ranking-item .ranking-avatar .avatar-border-1[data-v-154436ea] {
    background-position: 0 0
}

.new-skin-symbol .top-three-area .ranking-item .ranking-avatar .avatar-border-2[data-v-154436ea] {
    background-position: 50% 0
}

.new-skin-symbol .top-three-area .ranking-item .ranking-avatar .avatar-border-3[data-v-154436ea] {
    background-position: 100% 0
}

.new-skin-symbol .top-three-area .ranking-item .ranking-avatar .avatar-img[data-v-154436ea] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1
}

.new-skin-symbol .top-three-area .ranking-item .name[data-v-154436ea] {
    color: var(--ep-color-text-default);
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-bold, 700);
    line-height: 1.125rem
}

.new-skin-symbol .top-three-area .ranking-item .amount[data-v-154436ea] {
    color: var(--ep-color-text-warning);
    font-size: var(--ep-font-size-s, .75rem);
    line-height: 1.125rem
}

.new-skin-symbol .top-three-area .top-three-bg[data-v-154436ea] {
    height: 13rem;
    width: 94%;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center bottom;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    z-index: 2
}

.new-skin-symbol .top-three-area .ranking-aperture[data-v-154436ea] {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    transform-origin: center center;
    animation: scaleFade-154436ea 12s ease-out infinite
}

.color-primary-600[data-v-0593aadb] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-0593aadb] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-0593aadb] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-0593aadb] {
    color: var(--color-primary-900)
}

.bg-100[data-v-0593aadb] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-0593aadb] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-0593aadb] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-0593aadb] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-0593aadb] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-0593aadb] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-0593aadb] {
    background-color: var(--color-warning)
}

.bg-link[data-v-0593aadb] {
    background-color: var(--color-link)
}

.bg-danger[data-v-0593aadb] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-0593aadb] {
    color: var(--color-text-100)
}

.color-text-80[data-v-0593aadb] {
    color: var(--color-text-80)
}

.color-text-50[data-v-0593aadb] {
    color: var(--color-text-50)
}

.color-text-40[data-v-0593aadb] {
    color: var(--color-text-40)
}

.color-text-20[data-v-0593aadb] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-0593aadb] {
    color: var(--color-currency)
}

.color-warning[data-v-0593aadb] {
    color: var(--color-warning)
}

.color-danger[data-v-0593aadb] {
    color: var(--color-danger)
}

.color-link[data-v-0593aadb] {
    color: var(--color-link)
}

.color-line[data-v-0593aadb] {
    color: var(--color-line)
}

.color-border[data-v-0593aadb] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-0593aadb] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-0593aadb] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-0593aadb] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-0593aadb] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-0593aadb] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-0593aadb] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-0593aadb] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-0593aadb] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-0593aadb] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-0593aadb] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-0593aadb] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-0593aadb] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-0593aadb] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-0593aadb] {
    display: flex;
    align-items: center
}

.flex-start[data-v-0593aadb] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-0593aadb] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-0593aadb] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-0593aadb] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-0593aadb] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-0593aadb] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-0593aadb] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-0593aadb] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-0593aadb] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-0593aadb] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-0593aadb] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-0593aadb] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-0593aadb] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-0593aadb] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-0593aadb] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-0593aadb] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-0593aadb] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-0593aadb] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-0593aadb] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-0593aadb] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-0593aadb] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-0593aadb] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-0593aadb] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-0593aadb] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-0593aadb],
.mlm-selected-item[data-v-0593aadb] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-0593aadb] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-0593aadb]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-0593aadb] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-0593aadb] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-0593aadb] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.new-skin-symbol .ranking-header-list[data-v-0593aadb] {
    display: var(--display-header, flex);
    justify-content: space-between;
    align-items: center;
    text-align: center;
    color: var(--ep-color-text-weakest);
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-bold, 700);
    line-height: 1.125rem;
    margin-top: .5625rem
}

.new-skin-symbol .ranking-header-list .item[data-v-0593aadb]:nth-child(1) {
    width: 3.75rem
}

.new-skin-symbol .ranking-header-list .item[data-v-0593aadb]:nth-child(2) {
    width: 12.5rem
}

.new-skin-symbol .ranking-header-list .item[data-v-0593aadb]:nth-child(3) {
    width: 6.25rem
}

.new-skin-symbol .ranking-list-container[data-v-0593aadb] {
    margin-top: .75rem;
    height: 15rem;
    overflow: hidden;
    position: relative
}

.new-skin-symbol .ranking-list[data-v-0593aadb] {
    position: absolute;
    width: 100%;
    padding: 0 .75rem
}

.new-skin-symbol .ranking-list[data-v-0593aadb]:hover {
    animation-play-state: paused
}

.new-skin-symbol .ranking-list[data-v-0593aadb]:after {
    content: "";
    display: block;
    height: 15rem
}

.new-skin-symbol .ranking-list li[data-v-0593aadb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    height: 3rem;
    line-height: 3rem
}

.new-skin-symbol .ranking-list li[data-v-0593aadb]:nth-child(2n) {
    border-radius: var(--ep-border-radius-surface-default, .375rem);
    background: var(--ep-color-background-fill-surface-raised-L2)
}

.new-skin-symbol .ranking-list li .item[data-v-0593aadb]:nth-child(1) {
    width: 3.75rem
}

.new-skin-symbol .ranking-list li .item[data-v-0593aadb]:nth-child(2) {
    width: 12.5rem
}

.new-skin-symbol .ranking-list li .item[data-v-0593aadb]:nth-child(3) {
    width: 6.25rem
}

.new-skin-symbol .ranking-list li .rank[data-v-0593aadb] {
    color: var(--ep-color-text-brand-primary);
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-medium, 600)
}

.new-skin-symbol .ranking-list li .ranking-user-info[data-v-0593aadb] {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: .5rem
}

.new-skin-symbol .ranking-list li .ranking-user-info .avatar-img[data-v-0593aadb] {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%
}

.new-skin-symbol .ranking-list li .ranking-user-info .name[data-v-0593aadb] {
    color: var(--ep-color-text-weak);
    font-size: var(--ep-font-size-s, .75rem)
}

.new-skin-symbol .ranking-list li .amount[data-v-0593aadb] {
    color: var(--ep-color-text-default);
    font-size: var(--ep-font-size-s, .75rem);
    font-weight: var(--ep-font-weight-medium, 600)
}

.color-primary-600[data-v-4f0b3a2a] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-4f0b3a2a] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-4f0b3a2a] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-4f0b3a2a] {
    color: var(--color-primary-900)
}

.bg-100[data-v-4f0b3a2a] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-4f0b3a2a] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-4f0b3a2a] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-4f0b3a2a] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-4f0b3a2a] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-4f0b3a2a] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-4f0b3a2a] {
    background-color: var(--color-warning)
}

.bg-link[data-v-4f0b3a2a] {
    background-color: var(--color-link)
}

.bg-danger[data-v-4f0b3a2a] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-4f0b3a2a] {
    color: var(--color-text-100)
}

.color-text-80[data-v-4f0b3a2a] {
    color: var(--color-text-80)
}

.color-text-50[data-v-4f0b3a2a] {
    color: var(--color-text-50)
}

.color-text-40[data-v-4f0b3a2a] {
    color: var(--color-text-40)
}

.color-text-20[data-v-4f0b3a2a] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-4f0b3a2a] {
    color: var(--color-currency)
}

.color-warning[data-v-4f0b3a2a] {
    color: var(--color-warning)
}

.color-danger[data-v-4f0b3a2a] {
    color: var(--color-danger)
}

.color-link[data-v-4f0b3a2a] {
    color: var(--color-link)
}

.color-line[data-v-4f0b3a2a] {
    color: var(--color-line)
}

.color-border[data-v-4f0b3a2a] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-4f0b3a2a] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-4f0b3a2a] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-4f0b3a2a] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-4f0b3a2a] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-4f0b3a2a] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-4f0b3a2a] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-4f0b3a2a] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-4f0b3a2a] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-4f0b3a2a] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-4f0b3a2a] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-4f0b3a2a] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-4f0b3a2a] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-4f0b3a2a] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-4f0b3a2a] {
    display: flex;
    align-items: center
}

.flex-start[data-v-4f0b3a2a] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-4f0b3a2a] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-4f0b3a2a] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-4f0b3a2a] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-4f0b3a2a] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-4f0b3a2a] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-4f0b3a2a] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-4f0b3a2a] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-4f0b3a2a] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-4f0b3a2a] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-4f0b3a2a] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-4f0b3a2a] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-4f0b3a2a] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-4f0b3a2a] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-4f0b3a2a] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-4f0b3a2a] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-4f0b3a2a] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-4f0b3a2a] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-4f0b3a2a] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-4f0b3a2a] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-4f0b3a2a] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-4f0b3a2a] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-4f0b3a2a] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-4f0b3a2a] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-4f0b3a2a],
.mlm-selected-item[data-v-4f0b3a2a] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-4f0b3a2a] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-4f0b3a2a]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-4f0b3a2a] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-4f0b3a2a] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-4f0b3a2a] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.shiny[data-v-4f0b3a2a] {
    position: relative;
    overflow: hidden
}

.shiny[data-v-4f0b3a2a]:before {
    content: "";
    animation: shiny-4f0b3a2a 6s ease-in-out infinite;
    background: #fff;
    display: inline-block;
    height: 100%;
    left: 0;
    position: absolute;
    top: -180px;
    width: 30px
}

@keyframes shiny-4f0b3a2a {
    0% {
        opacity: 0;
        transform: scale(0) rotate(45deg)
    }

    80% {
        opacity: .5;
        transform: scale(0) rotate(45deg)
    }

    81% {
        opacity: 1;
        transform: scale(4) rotate(45deg)
    }

    to {
        opacity: 0;
        transform: scale(50) rotate(45deg)
    }
}

.first .content-top-wrap[data-v-4f0b3a2a] {
    background-color: #f5f6f8
}

.first .main-text[data-v-4f0b3a2a] {
    color: #000
}

.first .sub-text[data-v-4f0b3a2a] {
    color: #5f6368
}

.first .line-bg[data-v-4f0b3a2a] {
    background-color: #e8eaed
}

.first .btn[data-v-4f0b3a2a] {
    width: 100%;
    padding: 10px 8px;
    border-radius: 8px;
    background: #01875f;
    color: #fff;
    cursor: pointer
}

.four[data-v-4f0b3a2a] {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    margin-top: -1.875rem;
    z-index: 11;
    background: #1f2124
}

.four .content-top-wrap[data-v-4f0b3a2a] {
    background-color: #f5f6f8
}

.four .main-text[data-v-4f0b3a2a] {
    color: #fff
}

.four .sub-text[data-v-4f0b3a2a] {
    color: #9aa0a6
}

.four .line-bg[data-v-4f0b3a2a] {
    background-color: #3c4043
}

.four .btn[data-v-4f0b3a2a] {
    width: 100%;
    padding: 10px 8px;
    border-radius: 8px;
    background: #01875f;
    color: #000;
    cursor: pointer
}

.four .iconHeader[data-v-4f0b3a2a] {
    margin-top: -.9375rem
}

.four .gradient-overlay[data-v-4f0b3a2a] {
    position: absolute;
    top: -1.1875rem;
    left: 0;
    width: 100%;
    height: 1.25rem;
    background: linear-gradient(to top, #1f2124, rgba(0, 0, 0, 0));
    z-index: -1
}

.four.content-top-wrap[data-v-4f0b3a2a] {
    background-color: #1f2124 !important
}

ion-header#first[data-v-7a78a719] {
    background-color: #f5f6f8
}

ion-content#first[data-v-7a78a719] {
    background-color: #f5f6f8
}

ion-toolbar[data-v-7a78a719] {
    --background: #F5F6F8;
    --border-color: #DDD;
    --padding-top: .75rem;
    --padding-bottom: .75rem;
    --padding-start: 1.25rem;
    --padding-end: 1.25rem
}

.ion-page>ion-content[data-v-7a78a719] {
    --background: transparent;
    --color: #5F6368
}

.paddingDiv[data-v-7a78a719] {
    padding: 1.5rem
}

.publicUrl[data-v-7a78a719] {
    width: 7.875rem;
    height: 14rem;
    flex-shrink: 0;
    margin-right: .5rem;
    background-size: 100% 100%
}

.publicUrl img[data-v-7a78a719] {
    vertical-align: top;
    width: 100%;
    height: 100%
}

ion-footer[data-v-7a78a719] {
    --ion-background-color: transparent
}

ion-footer ion-toolbar[data-v-7a78a719] {
    --ion-toolbar-background: transparent
}

ion-footer ion-toolbar ion-tab-bar[data-v-7a78a719] {
    --ion-tab-bar-background: transparent
}

.footer-tabs[data-v-7a78a719] {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 1rem;
    background-color: #f5f6f8;
    height: 5rem;
    padding: 12px 20px;
    box-sizing: border-box;
    text-align: center
}

ion-toolbar[data-v-bd9fd883] {
    --background: #000;
    margin-top: .75rem;
    padding-bottom: .75rem;
    padding-left: .625rem;
    padding-right: .625rem
}

ion-content[data-v-bd9fd883] {
    --background: #000
}

.introduct[data-v-bd9fd883] {
    width: 16.875rem
}

div.star[data-v-bd9fd883] {
    background: url(/dw/star.png) no-repeat center center / cover
}

div.bell[data-v-bd9fd883] {
    background: url(/dw/bell.png) no-repeat center center / cover
}

div.shiny[data-v-bd9fd883] {
    position: relative;
    overflow: hidden;
    border-radius: 8px
}

div.shiny>div.btn[data-v-bd9fd883] {
    width: 100%;
    padding: 10px 8px;
    background: #01875f;
    color: #fff;
    cursor: pointer
}

div.shiny[data-v-bd9fd883]:before {
    content: "";
    animation: shiny-bd9fd883 6s ease-in-out infinite;
    background: #fff;
    display: inline-block;
    height: 100%;
    left: 0;
    position: absolute;
    top: -180px;
    width: 30px
}

@keyframes shiny-bd9fd883 {
    0% {
        opacity: 0;
        transform: scale(0) rotate(45deg)
    }

    80% {
        opacity: .5;
        transform: scale(0) rotate(45deg)
    }

    81% {
        opacity: 1;
        transform: scale(4) rotate(45deg)
    }

    to {
        opacity: 0;
        transform: scale(50) rotate(45deg)
    }
}

ion-content[data-v-b2b9bf5f] {
    --background: transparent
}

.introduct[data-v-b2b9bf5f] {
    color: #fbad31;
    font-size: .875rem;
    line-height: 1.5rem
}

div.swiper-box[data-v-b2b9bf5f] {
    background: url(/images/download/swiper-bg-third.jpg) no-repeat center center / cover
}

div.footer[data-v-b2b9bf5f] {
    background: url(/images/download/footer-bg-third.jpg) no-repeat center center / cover
}

div.footer p.name[data-v-b2b9bf5f] {
    letter-spacing: -.2rem;
    background: linear-gradient(0deg, #f8b419, #ffe0a7 40%, #fff, #ffe1a7 60%, #f8b419);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.color-primary-600[data-v-799652af] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-799652af] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-799652af] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-799652af] {
    color: var(--color-primary-900)
}

.bg-100[data-v-799652af] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-799652af] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-799652af] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-799652af] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-799652af] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-799652af] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-799652af] {
    background-color: var(--color-warning)
}

.bg-link[data-v-799652af] {
    background-color: var(--color-link)
}

.bg-danger[data-v-799652af] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-799652af] {
    color: var(--color-text-100)
}

.color-text-80[data-v-799652af] {
    color: var(--color-text-80)
}

.color-text-50[data-v-799652af] {
    color: var(--color-text-50)
}

.color-text-40[data-v-799652af] {
    color: var(--color-text-40)
}

.color-text-20[data-v-799652af] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-799652af] {
    color: var(--color-currency)
}

.color-warning[data-v-799652af] {
    color: var(--color-warning)
}

.color-danger[data-v-799652af] {
    color: var(--color-danger)
}

.color-link[data-v-799652af] {
    color: var(--color-link)
}

.color-line[data-v-799652af] {
    color: var(--color-line)
}

.color-border[data-v-799652af] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-799652af] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-799652af] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-799652af] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-799652af] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-799652af] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-799652af] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-799652af] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-799652af] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-799652af] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-799652af] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-799652af] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-799652af] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-799652af] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-799652af] {
    display: flex;
    align-items: center
}

.flex-start[data-v-799652af] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-799652af] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-799652af] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-799652af] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-799652af] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-799652af] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-799652af] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-799652af] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-799652af] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-799652af] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-799652af] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-799652af] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-799652af] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-799652af] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-799652af] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-799652af] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-799652af] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-799652af] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-799652af] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-799652af] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-799652af] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-799652af] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-799652af] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-799652af] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-799652af],
.mlm-selected-item[data-v-799652af] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-799652af] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-799652af]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-799652af] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-799652af] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-799652af] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.font-family-roboto[data-v-799652af] {
    font-family: Roboto, Google Sans, Arial, sans-serif
}

.font-family-google-sans[data-v-799652af] {
    font-family: Google Sans, Roboto, Arial, sans-serif
}

p[data-v-799652af],
div[data-v-799652af],
span[data-v-799652af] {
    font-family: Roboto, Google Sans, Arial, sans-serif
}

ion-content[data-v-799652af] {
    font-family: Roboto, Google Sans, Arial, sans-serif
}

ion-content .ios-first[data-v-799652af] {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    background-color: #fff;
    font-size: .875rem;
    color: rgba(0, 0, 0, .87);
    font-family: Roboto, RobotoDraft, Google Sans, Helvetica, Arial, sans-serif;
    overflow-y: scroll
}

ion-content .ios-first .wrap[data-v-799652af] {
    width: calc(100% - 3rem);
    position: relative;
    margin: 0 auto
}

ion-content .ios-first .wrap .top-content[data-v-799652af] {
    margin-top: 3rem;
    height: auto;
    margin-bottom: 1.5625rem
}

ion-content .ios-first .wrap .top-content .header[data-v-799652af] {
    color: #202124
}

ion-content .ios-first .wrap .top-content .header .iconHeader img[data-v-799652af] {
    width: 4.5rem;
    height: 4.5rem;
    border-width: 0;
    box-shadow: 0 .0625rem .125rem rgba(60, 64, 67, .3), 0 .0625rem .1875rem .0625rem rgba(60, 64, 67, .15);
    border-radius: 20%;
    margin: .4375rem 1.5rem 0 0
}

ion-content .ios-first .wrap .top-content .header .header-text .p1[data-v-799652af] {
    width: 100%;
    font-size: 1.5rem;
    display: flex;
    line-height: 2rem;
    letter-spacing: 0;
    font-weight: 500;
    align-items: flex-end;
    overflow-wrap: anywhere;
    word-break: keep-all;
    white-space: break-spaces
}

ion-content .ios-first .wrap .top-content .header .header-text .p2[data-v-799652af] {
    color: #0070c9;
    margin-top: .0625rem;
    line-height: 1.5rem;
    font-size: 1rem;
    letter-spacing: .00625em;
    font-weight: 500
}

ion-content .ios-first .wrap .top-content .header .header-text .p3[data-v-799652af] {
    line-height: 1rem;
    font-size: .75rem;
    letter-spacing: .025em;
    font-weight: 400;
    color: #5f6368
}

ion-content .ios-first .wrap .top-content .header .app-score[data-v-799652af] {
    height: 4rem;
    margin: 1rem 0 .75rem;
    padding: .75rem 0;
    font-size: .75rem
}

ion-content .ios-first .wrap .top-content .header .app-score div.star[data-v-799652af] {
    height: 2.75rem;
    margin: 0 auto
}

ion-content .ios-first .wrap .top-content .header .app-score div.star div[data-v-799652af] {
    position: relative;
    min-width: 6rem;
    height: 2.75rem;
    padding: .125rem 1rem
}

ion-content .ios-first .wrap .top-content .header .app-score div.star div[data-v-799652af]:first-child {
    padding: 0
}

ion-content .ios-first .wrap .top-content .header .app-score div.star div[data-v-799652af]:not(:first-child):before {
    content: "";
    background-color: #e8eafd;
    display: block;
    height: 1.5rem;
    left: 0;
    position: absolute;
    top: calc(50% - .75rem);
    width: .0625rem
}

ion-content .ios-first .wrap .top-content .header .app-score div.star div .star-text[data-v-799652af] {
    font-size: .875rem;
    font-style: normal
}

ion-content .ios-first .wrap .top-content .header .app-score div.star div .star-icon[data-v-799652af] {
    display: inline-block;
    margin-top: .0625rem;
    vertical-align: middle;
    font-size: .75rem;
    font-style: normal;
    color: #202124
}

ion-content .ios-first .wrap .top-content .header .app-score div.star div .text[data-v-799652af] {
    color: #5f6368;
    line-height: 1rem;
    display: inline-block;
    height: 1.25rem
}

ion-content .ios-first .wrap .top-content .header .app-score div.star div .text[data-v-799652af]:last-child {
    justify-content: center;
    white-space: nowrap
}

ion-content .ios-first .wrap .top-content .header .app-score div.star div span[data-v-799652af] {
    display: inline-block;
    height: 1.5rem;
    font-size: .875rem;
    font-weight: 500
}

ion-content .ios-first .wrap .top-content .header .app-score div.star div span.icon-img[data-v-799652af] {
    height: auto
}

ion-content .ios-first .wrap .banner[data-v-799652af] {
    -ms-overflow-style: none;
    scrollbar-width: none
}

ion-content .ios-first .wrap .banner[data-v-799652af]::-webkit-scrollbar {
    display: none
}

ion-content .ios-first .wrap .banner .publicUrl[data-v-799652af] {
    width: 7.1875rem;
    height: 12.75rem;
    flex-shrink: 0;
    margin-right: .75rem;
    background-size: 100% 100%;
    border-radius: .5rem;
    overflow: hidden
}

ion-content .ios-first .wrap .banner .publicUrl img[data-v-799652af] {
    vertical-align: top;
    width: 100%;
    height: 100%
}

ion-content .ios-first .wrap .shiny[data-v-799652af] {
    position: relative;
    overflow: hidden
}

ion-content .ios-first .wrap .shiny .download[data-v-799652af] {
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAaUlEQVR4nGNgGDHgzacvR99++vofhN98/HKY6ha8hRoOw6MWYIC3o0E0/ILo7acv5eiG4sJvPn2pp5klb8g1nBhL3lBqOD5LqGY4NkuobjgMvP34tQGE4QKjgKqA2Ez1lkhMfwsYhioAAPmkvKD8qPnDAAAAAElFTkSuQmCC)
}

ion-content .ios-first .wrap .btn[data-v-799652af] {
    width: 100%;
    height: 2.25rem;
    margin-top: 1.125rem;
    border-radius: .5rem;
    background: #0070c9;
    color: #fff;
    cursor: pointer
}

ion-content .ios-first .wrap .btn div[data-v-799652af] {
    height: 100%
}

ion-content .ios-first .wrap .btn div span[data-v-799652af] {
    font-weight: 500
}

ion-content .ios-first .wrap .rating[data-v-799652af] {
    color: #5f6368
}

ion-content .ios-first .wrap .rating .comments-title[data-v-799652af] {
    font-weight: 500
}

ion-content .ios-first .wrap .rating .comment[data-v-799652af] {
    line-height: 1.25rem;
    font-size: .875rem
}

ion-content .ios-first .wrap .rating .user-help[data-v-799652af] {
    line-height: 1.25rem;
    font-size: .75rem
}

ion-content .ios-first .wrap .rating .help .is-help[data-v-799652af] {
    font-size: .75rem;
    color: #5f6368
}

ion-content .ios-first .wrap .rating .help p span[data-v-799652af] {
    display: inline-block;
    border: .0625rem rgba(95, 99, 104, .5) solid;
    font-size: .875rem;
    padding: 0 .625rem;
    border-radius: 1rem;
    margin-left: .875rem
}

ion-content .ios-first .wrap .description__content[data-v-799652af],
ion-content .ios-first .wrap .comments__tips[data-v-799652af],
ion-content .ios-first .wrap .items-start[data-v-799652af] {
    color: #5f6368;
    line-height: 1.25rem
}

ion-content .ios-first .wrap .device>div[data-v-799652af] {
    height: 2rem;
    line-height: 2rem;
    padding: 0 1rem;
    border-radius: 1rem;
    color: #202124;
    font-weight: 500
}

ion-content .ios-first .wrap .start[data-v-799652af] {
    width: 1rem;
    height: 1rem;
    font-size: .75rem
}

ion-content .ios-first .wrap .start_small[data-v-799652af] {
    width: .75rem;
    height: .75rem
}

ion-content .ios-first .wrap svg[data-v-799652af] {
    fill: #0070c9
}

.about-game[data-v-799652af] {
    margin-top: 1.25rem;
    font-weight: 500
}

.about-game div[data-v-799652af] {
    font-size: 1.125rem;
    margin-bottom: 1.25rem;
    font-weight: 500;
    line-height: 1.5rem;
    display: flex;
    justify-content: space-between
}

.about-game p[data-v-799652af] {
    font-size: .875rem;
    letter-spacing: .2px;
    line-height: 1.25rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    max-height: 7.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 400;
    color: #5f6368
}

.update-game[data-v-799652af] {
    margin-top: 1.5rem
}

.update-game .update-title[data-v-799652af] {
    line-height: 1.25rem;
    font-size: .875rem;
    letter-spacing: .2px;
    font-weight: 500
}

.update-game .update-time[data-v-799652af] {
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .01428571em;
    line-height: 1.25rem;
    margin-top: .25rem;
    color: #5f6368
}

.recom-games[data-v-799652af] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem .75rem;
    margin-bottom: .25rem;
    margin-top: 1.75rem
}

.recom-games div[data-v-799652af] {
    height: 2rem;
    line-height: 2rem;
    padding: 0 .9375rem;
    color: #5f6368;
    border: 1px solid #dadce0;
    border-radius: 1rem;
    font-family: Google Sans, Roboto, Arial, sans-serif
}

.data-safety .safety-title[data-v-799652af] {
    font-weight: 500
}

.data-safety .safety-content[data-v-799652af] {
    line-height: 1.25rem;
    color: #5f6368;
    letter-spacing: .2px
}

.data-safety .safety-info[data-v-799652af] {
    padding: 1.25rem 1.25rem 0;
    line-height: 1.25rem
}

.data-safety .safety-info .item[data-v-799652af]:not(:first-child) {
    margin-top: 1.25rem
}

.data-safety .safety-info .item .icon[data-v-799652af] {
    width: 1.25rem;
    height: 1.25rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 1.25rem;
    padding: .625rem
}

.data-safety .safety-info .item .icon-img1[data-v-799652af] {
    background-image: url(data:image/png;base64,UklGRuwAAABXRUJQVlA4TN8AAAAvE8AEEDW4jQBGbTSIVyPp7C4wRM5doOcdmEp/F6xy2cZs6TKBFOE2tm1V+ZELDjW4Q/wo5b8YDbUEJ3Zpx6qwCFLdCtxGbQJ0l/UM/YPk1VwI6F8Q659Z7pLYDNXukmM7IPKK2rXTjRccHZAQwnwg1smxFRJwa+Wp2WK8zuPNv2C5pquBlov4gaQHcLv8goUvwoI3Mjzm+e78swbx84yYz0FRlq/kAQufzQ2nWcPVQM1FckXSA/ia/WQc6aVdOpquS0eSXgVATNZTjo9nm+F6xPde+2fEemeBs1yYSkUBAA==)
}

.data-safety .safety-info .item .icon-img2[data-v-799652af] {
    background-image: url(data:image/png;base64,UklGRkQBAABXRUJQVlA4TDcBAAAvE8AEEJXArm3b2HPb/GPb9qtt286rW0gV6cDasQtY0Zdxv3yIgGNb2/Eqtm0bI7BKd5lFOrt1cm/HDp3VegC2bVvvBPARSrKYbB1sGVhOSPqM9UQ8JEEiWO9rKfukvrqXvXnhhBNX9pY3VH2C5AmQt8SDuctW6kcMqXY0AWQFiR2QJQFaux7ain95KW8Q4afcu/sCyLjNXX7gMGpTL44CEhmEoaXeJIGXfPtLzqmtnJYZyDhN+AAMPf7LSfxxnX+DqlvIOXMc+REvDkY6AWqHz6IFe27oADLE/2QcI0E8rFTuQc5pyIOzjS8JDDbpKeXyOR198SAu0yWvbMaI72Vf5B09cBBIgJwNoKXXetZu1ihe9Ox9L/FDSgDZOjuaR+qnFTMIcZv6m8daR/5aRpuHJspiGsQ7BwA=)
}

.data-safety .safety-info .item .icon-img3[data-v-799652af] {
    background-image: url(data:image/png;base64,UklGRuYAAABXRUJQVlA4TNkAAAAvE8AEEMegoJGkZsC/I3ygpHcbitpGcrLLn9LiWBRX/i2K2jaSzB/QAlki+z/DNrJtJd/d0Jgh9G5onDqI3AkAICGUURme+Wm6KKI8/UIsgYFx7FWlGv03eF8s9xy+jnV2vs+23wDcXxAhQGDQSJKiOXo8Zv9Wn+YdRPRfkdu2jXTK6vwFfqnXVX8gQq+l1B7EC8soyR+HT2UsD9ScFjftnOpeHVPioZzjVgzF4kVbwkVLeDU1AGd177h6AlvZYXK8mQ32snFwAdXCLcS9FfWm1NtTf8T85R8BAA==)
}

.data-safety .safety-info .item .icon-img4[data-v-799652af] {
    background-image: url(data:image/png;base64,UklGRugAAABXRUJQVlA4TNsAAAAvE8AEEP+goI0kZfwbvCcVzL82lEaSFHX+EaLwSNQPq6htJCf88d3vUPQ+O0wCAEwzZsVTDPr9K1GFBwClWQACCNAAAggQEMCCkmqecy6qGCn+/9N3v+J/Qj+GVtJ5P/C7n445zY/v3Mv1vqh+YAESQwGOMbNiAIaRJClZ7PHD5Y3NP08cAojo/wTg7Xkr0uZnymkcVpJch3Eq92aenvegNQ61xqExyIogKDIYc6qjUuyuCOOY8nc9lWJ/yhqEKZCGMPbI+SiJlYqTyLujZePhthyhqaUSqaRu8G4A)
}

.data-safety .safety-info .details[data-v-799652af] {
    color: #0070c9;
    line-height: 3.5rem;
    margin-top: 0
}

.all-comment .description[data-v-799652af] {
    line-height: 1.25rem;
    color: #5f6368
}

.recommend-game .list[data-v-799652af] {
    padding: .75rem 0
}

.recommend-game .list div[data-v-799652af] {
    display: grid;
    grid-template-rows: max-content;
    height: -moz-fit-content;
    height: fit-content;
    row-gap: .375rem;
    width: 6.1875rem;
    overflow: hidden;
    font-size: .75rem
}

.recommend-game .list div p[data-v-799652af] {
    display: inline-flex;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    align-items: center
}

.recommend-game .list div p.star em[data-v-799652af] {
    font-style: normal;
    font-size: .625rem
}

.recommend-game .mark[data-v-799652af] {
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    vertical-align: middle;
    margin-right: 1rem;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAhCAYAAACvBDmYAAACJ2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNi4wLjAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgeG1sbnM6ZXhpZj0iaHR0cDovL25zLmFkb2JlLmNvbS9leGlmLzEuMC8iCiAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyIKICAgZXhpZjpQaXhlbFlEaW1lbnNpb249IjMzIgogICBleGlmOlBpeGVsWERpbWVuc2lvbj0iNDIiCiAgIGV4aWY6VXNlckNvbW1lbnQ9IlNjcmVlbnNob3QiCiAgIHRpZmY6UmVzb2x1dGlvblVuaXQ9IjIiCiAgIHRpZmY6WFJlc29sdXRpb249IjE0NC8xIgogICB0aWZmOllSZXNvbHV0aW9uPSIxNDQvMSIvPgogPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KPD94cGFja2V0IGVuZD0iciI/PohRH5IAAAFeaUNDUElDQyBQcm9maWxlAAAokW2QPUhCYRSG31tXhAopcGy4Q9APFnL73UIdJGi4aNEPFFw/TQOvfVxvlASuETS31NAgrQ0VDi0NDU0tQUVDzdESBC4lX+fT6mp14HAeXl4O57xAi2pynlUBWDnHjkXD2vzCouZ9hgcKutCDMZPlecgwpsmC79lclVvyUt0Myl2vJ8t+q7hfOjsoPL4EnxJ//U3VlkzlGc0P6gHGbQdQ+oiNDYdL3iT223QU8a7kdJ0PJSfqfFrzzMQixFfEnSxjJonviQOJBj3dwFZ2nX3dIK/vSOVm4zR91N2IQ8c4wphAEAZl8793pOaNYA0cBdhYRRoZONAQIoUjixTxFHJgGEKAWKd9OkZlxr+zc7XtJWBySwhx7mpRyueY2nftar1FemMHuCxx0zZ/ElUqan5lWK9zexnw7AnxNgd4+4HqnRDvZSGqR0DrA3BR+QQKfmhAwdifhAAAAYZJREFUWAlj/A8EDEMAMA0BN4KdOGQcykJKiIJSyd+/f0nRAlbLwkKSNVjNJ8mEDRs3MyxfuQarQfgEp03uZxAREcanhKAcXaL+wcOHBB1CSAGdHPqIkDsIyjOSUjyt37AJHvWR4SEMgQF+OC04euwEw8TJ03DKo0ssWzyPAV9aplmIKijIo7uFIj7NHCopIc7Azs5GkeOQNZOU65E1EmIzMTExLJg7kwFfxRcVm0TIGLg8zRwKsoGZmRluEaUMmkU9pQ5D1z/qUPQQoZQ/ZEKU7MwEqvOJrfejI8MY/P188AYqIyMjXnm6hOiDh4/wOoIYSfo49AHljRKyoz48NIghwN8XZ2D8+fOXITElnQFEP332nCEqNhGnWmIkyHYoqObBV6CD5GRlZBjuQ0MT5GB8AF8NBtJHtkPxWQqTU1JSZHj8+AmMi5cmlJlo6tD01CQGEKYGoEtmGnUoNUKA2maMRv2IDVGSiicNDXWG0JBAcGCB2PQEJHWX6ekwdLtGMxN6iFDKBwB2gViXF4bkxAAAAABJRU5ErkJggg==)
}

.bottom-shiny[data-v-799652af] {
    width: 100%;
    height: 2.25rem;
    margin: .375rem 0;
    border-radius: .5rem;
    background: #0070c9;
    color: #fff
}

.bottom-shiny div[data-v-799652af] {
    height: 100%
}

.bottom-shiny div span[data-v-799652af] {
    font-weight: 500
}

.line[data-v-799652af] {
    width: 100%;
    height: 1px;
    background: #dadce0;
    margin: 2.5rem 0
}

.store .flag[data-v-799652af] {
    width: 1.5rem;
    height: 1.125rem
}

.color-primary-600[data-v-6f53fee4] {
    color: var(--color-primary-600)
}

.color-primary-700[data-v-6f53fee4] {
    color: var(--color-primary-700)
}

.color-primary-800[data-v-6f53fee4] {
    color: var(--color-primary-800)
}

.color-primary-900[data-v-6f53fee4] {
    color: var(--color-primary-900)
}

.bg-100[data-v-6f53fee4] {
    background-color: var(--color-bg-100)
}

.bg-200[data-v-6f53fee4] {
    background-color: var(--color-bg-200)
}

.bg-300[data-v-6f53fee4] {
    background-color: var(--color-bg-300)
}

.bg-400[data-v-6f53fee4] {
    background-color: var(--color-bg-400)
}

.bg-primary-700[data-v-6f53fee4] {
    background-color: var(--color-primary-700)
}

.bg-primary-800[data-v-6f53fee4] {
    background-color: var(--color-primary-800)
}

.bg-warning[data-v-6f53fee4] {
    background-color: var(--color-warning)
}

.bg-link[data-v-6f53fee4] {
    background-color: var(--color-link)
}

.bg-danger[data-v-6f53fee4] {
    background-color: var(--color-danger)
}

.color-text-100[data-v-6f53fee4] {
    color: var(--color-text-100)
}

.color-text-80[data-v-6f53fee4] {
    color: var(--color-text-80)
}

.color-text-50[data-v-6f53fee4] {
    color: var(--color-text-50)
}

.color-text-40[data-v-6f53fee4] {
    color: var(--color-text-40)
}

.color-text-20[data-v-6f53fee4] {
    color: var(--color-text-20)
}

.color-text-currency[data-v-6f53fee4] {
    color: var(--color-currency)
}

.color-warning[data-v-6f53fee4] {
    color: var(--color-warning)
}

.color-danger[data-v-6f53fee4] {
    color: var(--color-danger)
}

.color-link[data-v-6f53fee4] {
    color: var(--color-link)
}

.color-line[data-v-6f53fee4] {
    color: var(--color-line)
}

.color-border[data-v-6f53fee4] {
    border: 1px solid var(--color-border)
}

.font-weight-bold[data-v-6f53fee4] {
    font-weight: var(--font-weight-bold)
}

.font-weight-medium[data-v-6f53fee4] {
    font-weight: var(--font-weight-medium)
}

.font-weight-regular[data-v-6f53fee4] {
    font-weight: var(--font-weight-regular)
}

.rounded-small[data-v-6f53fee4] {
    border-radius: var(--rounded-small)
}

.rounded-small-b[data-v-6f53fee4] {
    border-radius: 0 0 var(--rounded-small) var(--rounded-small)
}

.rounded-middle[data-v-6f53fee4] {
    border-radius: var(--rounded-middle)
}

.rounded-middle-b[data-v-6f53fee4] {
    border-radius: 0 0 var(--rounded-middle) var(--rounded-middle)
}

.rounded-large[data-v-6f53fee4] {
    border-radius: var(--rounded-large)
}

.rounded-middle-t[data-v-6f53fee4] {
    border-radius: var(--rounded-middle) var(--rounded-middle) 0 0
}

.rounded-large-b[data-v-6f53fee4] {
    border-radius: 0 0 var(--rounded-large) var(--rounded-large)
}

.btn-primary-active[data-v-6f53fee4] {
    background: var(--color-primary-btn-active)
}

.btn-primary-disable[data-v-6f53fee4] {
    background: var(--color-primary-btn-disable)
}

.btn-primary-load[data-v-6f53fee4] {
    background: var(--color-primary-btn-load)
}

.flexBox[data-v-6f53fee4] {
    display: flex;
    align-items: center
}

.flex-start[data-v-6f53fee4] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flex-end[data-v-6f53fee4] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.flex-center[data-v-6f53fee4] {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-around[data-v-6f53fee4] {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.flex-between[data-v-6f53fee4] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-evenly[data-v-6f53fee4] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.flex-column[data-v-6f53fee4] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.minimum-text-white[data-v-6f53fee4] {
    color: var(--color-text-40);
    font-size: var(--font-size-10);
    line-height: .9375rem
}

.small-text-white[data-v-6f53fee4] {
    color: var(--color-text-40);
    font-size: var(--font-size-12);
    line-height: 1.125rem
}

.middle-text-white[data-v-6f53fee4] {
    font-size: var(--font-size-14);
    color: var(--color-text-100);
    line-height: 1.3125rem
}

.height-text-white[data-v-6f53fee4] {
    font-size: var(--font-size-16);
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem
}

.report-recoed-item[data-v-6f53fee4] {
    padding: .625rem;
    background: var(--report-record-item-bg);
    border-radius: var(--report-record-item-radius)
}

.report-selected[data-v-6f53fee4] {
    font-size: var(--ep-font-size-s, var(--font-size-12));
    line-height: 1.5;
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold));
    color: var(--ep-color-text-default, var(--color-report-selected));
    white-space: nowrap
}

.report-select-item[data-v-6f53fee4] {
    border: 1px solid var(--report-select-item-border-color);
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-select-item-bg));
    color: var(--ep-color-text-weaker, var(--report-select-item-color));
    font-weight: var(--ep-font-weight-medium, var(--font-weight-medium))
}

.report-selected-item[data-v-6f53fee4] {
    border: none;
    background: var(--ep-color-background-fill-surface-raised-L2, var(--report-selected-item-bg));
    color: var(--ep-color-text-selected, var(--report-selected-item-color));
    border-radius: var(--ep-border-radius-m, var(--rounded-small));
    font-weight: var(--ep-font-weight-bold, var(--font-weight-bold))
}

.record-selecet-item[data-v-6f53fee4] {
    border: none;
    background: var(--activity-record-select-item-bg);
    color: var(--activity-record-select-item-color);
    font-weight: var(--font-weight-medium)
}

.record-seleceted-item[data-v-6f53fee4] {
    border: none;
    background: var(--activity-record-selected-item-bg);
    color: var(--color-activity-selected);
    font-weight: var(--font-weight-bold)
}

.button-bg-left-color[data-v-6f53fee4] {
    --background-hover-opacity: 1;
    --background-focused-opacity: 1;
    --background-activated-opacity: 1;
    --background-hover: var(--button-left-bg-color-tint);
    --background-focused: var(--button-left-bg-color-shade);
    --background-activated: var(--button-left-bg-color-shade)
}

.button-bg-right-color[data-v-6f53fee4] {
    --background-focused-opacity: 1;
    --background-hover-opacity: .8;
    --background-activated-opacity: 1;
    --background-focused: var(--button-right-bg-color-shade);
    --background-hover: var(--button-right-bg-color-tint);
    --background-activated: var(--button-right-bg-color-shade)
}

.fitst-red-point[data-v-6f53fee4] {
    width: .625rem;
    height: .625rem
}

.default-report-select-border[data-v-6f53fee4] {
    border: 1px solid var(--report-select-border-color);
    color: var(--report-selected-text-color)
}

.default-report-selected-border[data-v-6f53fee4] {
    border: 1px solid var(--report-selected-border-color);
    color: var(--report-selected-text-color)
}

.default-report-recond-item[data-v-6f53fee4] {
    background: var(--report-recond-item-bg-color)
}

.money-text[data-v-6f53fee4] {
    color: var(--money-text-color)
}

.mlm-selected[data-v-6f53fee4],
.mlm-selected-item[data-v-6f53fee4] {
    color: var(--mlm-selected-text-color)
}

ion-button.arrow-left-btn[data-v-6f53fee4] {
    --padding-top: .1875rem;
    --padding-bottom: .1875rem;
    --background: transparent;
    --background-activated: transparent;
    --background-hover: transparent;
    --background-focused: transparent;
    --box-shadow: none;
    min-height: 0
}

ion-button.arrow-left-btn[data-v-6f53fee4]::part(native) {
    --padding-start: .125rem;
    --padding-end: .25rem;
    background: transparent
}

.text-gradient[data-v-6f53fee4] {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

ion-button.sign-yellow-btn[data-v-6f53fee4] {
    min-height: 0;
    font-size: .875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    --background: #FEB805;
    --color: #2D2D2D;
    --border-radius: .25rem;
    --background-focused: #d19d30;
    --background-hover: #f2b942;
    --background-activated: #d19d30
}

.activity-text-gradient[data-v-6f53fee4] {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

p[data-v-6f53fee4],
div[data-v-6f53fee4],
span[data-v-6f53fee4],
a[data-v-6f53fee4],
strong[data-v-6f53fee4],
dt[data-v-6f53fee4],
dd[data-v-6f53fee4],
li[data-v-6f53fee4],
h1[data-v-6f53fee4],
h2[data-v-6f53fee4] {
    font-family: SF Pro Text, SF Pro Icons, Apple WebExp Icons Custom, Helvetica Neue, Helvetica, Arial, sans-serif
}

.pt[data-v-6f53fee4] {
    padding-top: 1.1875rem;
    padding-bottom: 2rem
}

.line[data-v-6f53fee4] {
    width: 87.5%;
    height: 1px;
    margin: 0 auto;
    background: #d6d6d6
}

ion-content[data-v-6f53fee4] {
    height: 100%;
    font-family: Roboto, Google Sans, Arial, sans-serif
}

ion-content .ios-second[data-v-6f53fee4] {
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    background-color: #fff;
    font-size: .875rem;
    color: rgba(0, 0, 0, .87);
    font-family: Roboto, RobotoDraft, Google Sans, Helvetica, Arial, sans-serif;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none
}

ion-content .ios-second[data-v-6f53fee4]::-webkit-scrollbar {
    display: none
}

ion-content .ios-second .in-toolbar[data-v-6f53fee4] {
    height: 3rem;
    position: relative;
    padding: 0
}

ion-content .ios-second .in-toolbar .top-sub-header[data-v-6f53fee4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    width: 100%;
    height: 3rem;
    background-color: rgba(250, 250, 252, .8)
}

ion-content .ios-second .in-toolbar .top-sub-header .iphone[data-v-6f53fee4] {
    width: 3rem
}

ion-content .ios-second .in-toolbar .top-sub-header .iphone svg[data-v-6f53fee4] {
    height: 3.1875rem
}

ion-content .ios-second .in-toolbar .right-ico span[data-v-6f53fee4] {
    display: inline-block;
    width: 3rem;
    height: 3rem
}

ion-content .ios-second .in-toolbar svg[data-v-6f53fee4] {
    fill: rgba(0, 0, 0, .8);
    color: rgba(0, 0, 0, .8);
    margin: 0 auto;
    line-height: 3rem;
    height: 3rem
}

ion-content .ios-second .wrap[data-v-6f53fee4] {
    margin: 0 auto;
    overflow-y: scroll
}

ion-content .ios-second .wrap .top-content .top-title[data-v-6f53fee4] {
    height: 4.6875rem;
    padding: .75rem 1rem 1rem;
    font-size: 1.1875rem;
    letter-spacing: .228px;
    border-bottom: 1px solid #E0E0E0;
    transition: all .3s cubic-bezier(.4, 0, .2, 1);
    will-change: transform, background-color, backdrop-filter
}

ion-content .ios-second .wrap .top-content .top-title.position-fixed[data-v-6f53fee4] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    -webkit-backdrop-filter: saturate(180%) blur(1.25rem);
    backdrop-filter: saturate(180%) blur(1.25rem);
    background-color: rgba(255, 255, 255, .72);
    transform: translateY(0)
}

ion-content .ios-second .wrap .top-content .top-title span[data-v-6f53fee4] {
    line-height: 1.1875rem;
    font-weight: 400;
    color: #636366
}

ion-content .ios-second .wrap .top-content .top-title p[data-v-6f53fee4] {
    color: #000;
    line-height: 1rem;
    font-weight: 600
}

ion-content .ios-second .wrap .top-content .app-info[data-v-6f53fee4] {
    width: 87.5%;
    padding: 1.25rem 0 2rem;
    margin: 0 auto;
    border-bottom: 1px solid #d6d6d6;
    background-color: rgba(255, 255, 255, .72)
}

ion-content .ios-second .wrap .top-content .app-info .left-content[data-v-6f53fee4] {
    width: 8.4375rem;
    min-height: 8.4375rem
}

ion-content .ios-second .wrap .top-content .app-info .left-content img.logo[data-v-6f53fee4] {
    width: 8.4375rem;
    border-radius: 22.5%
}

ion-content .ios-second .wrap .top-content .app-info .right-content[data-v-6f53fee4] {
    width: 12.875rem;
    margin-left: .75rem
}

ion-content .ios-second .wrap .top-content .app-info .right-content h1.app-name[data-v-6f53fee4] {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 1.125rem;
    letter-spacing: .486px;
    align-items: flex-end;
    overflow-wrap: anywhere;
    word-break: keep-all;
    white-space: break-spaces;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .25rem
}

ion-content .ios-second .wrap .top-content .app-info .right-content h1.app-name .badge--product-title[data-v-6f53fee4] {
    display: inline-flex;
    margin-left: .25rem;
    font-size: .65rem;
    letter-spacing: .416px;
    vertical-align: middle;
    flex-shrink: 0
}

ion-content .ios-second .wrap .top-content .app-info .right-content h1.app-name span[data-v-6f53fee4]:not(.badge--product-title) {
    padding: 0 .25rem;
    font-size: .5625rem;
    border: 1px solid #636366;
    border-radius: .1875rem;
    margin-left: .5rem;
    white-space: nowrap;
    flex-shrink: 0
}

ion-content .ios-second .wrap .top-content .app-info .right-content h1.app-name span.name[data-v-6f53fee4] {
    display: inline-block;
    font-size: 18px;
    border: 0;
    margin: 0;
    padding: 0;
    flex-shrink: 1;
    min-width: 0;
    white-space: break-spaces
}

ion-content .ios-second .wrap .top-content .app-info .right-content .developer[data-v-6f53fee4] {
    margin-top: .125rem;
    font-size: .8125rem;
    color: #0070c9
}

ion-content .ios-second .wrap .top-content .app-info .right-content .developer-info[data-v-6f53fee4] {
    font-size: .8125rem;
    color: #636366
}

ion-content .ios-second .wrap .top-content .app-info .right-content div[data-v-6f53fee4] {
    margin-top: .875rem;
    font-size: .75rem
}

ion-content .ios-second .wrap .top-content .app-info .right-content div p[data-v-6f53fee4]:first-child {
    font-size: .75rem;
    background: #0070c9;
    color: #fff;
    padding: .1875rem .625rem;
    border-radius: .3125rem;
    text-decoration: none;
    margin-right: .375rem
}

ion-content .ios-second .wrap .banner[data-v-6f53fee4] {
    width: 87.5%;
    margin: 1.1875rem auto 2.3125rem;
    -ms-overflow-style: none;
    scrollbar-width: none
}

ion-content .ios-second .wrap .banner[data-v-6f53fee4]::-webkit-scrollbar {
    display: none
}

ion-content .ios-second .wrap .banner .banner-content[data-v-6f53fee4] {
    width: 22.8125rem
}

ion-content .ios-second .wrap .banner .banner-content .title[data-v-6f53fee4] {
    font-size: 1.25rem;
    font-weight: 600;
    letter-spacing: .48px;
    margin-bottom: 1.0625rem
}

ion-content .ios-second .wrap .banner .banner-content .publicUrl[data-v-6f53fee4] {
    width: 12.5rem;
    height: 22.1875rem;
    flex-shrink: 0;
    margin-right: .375rem;
    background-size: 100% 100%
}

ion-content .ios-second .wrap .banner .banner-content .publicUrl img[data-v-6f53fee4] {
    vertical-align: top;
    width: 100%;
    height: 100%
}

ion-content .ios-second .wrap .app-description[data-v-6f53fee4] {
    font-size: .8125rem;
    line-height: 1.125rem;
    letter-spacing: -.065px
}

ion-content .ios-second .wrap .about-game h2[data-v-6f53fee4] {
    margin-top: 0;
    font-size: 1.25rem;
    font-weight: 700;
    color: #1d1d1f;
    line-height: 1.5rem;
    letter-spacing: .48px;
    margin-bottom: 1.0625rem
}

ion-content .ios-second .wrap .new-updata h2[data-v-6f53fee4] {
    font-size: 1.25rem;
    font-weight: 700;
    margin: 0
}

ion-content .ios-second .wrap .privacy-info h2[data-v-6f53fee4] {
    margin-top: 0;
    font-size: 1.25rem;
    font-weight: 700;
    color: #1d1d1f;
    line-height: 1.5rem;
    letter-spacing: .48px;
    margin-bottom: 1.0625rem
}

ion-content .ios-second .wrap .privacy-info .privacy-info-text[data-v-6f53fee4] {
    font-size: .8125rem;
    line-height: 1.125rem;
    letter-spacing: -.065px
}

ion-content .ios-second .wrap .privacy-info .privacy-info-text a[data-v-6f53fee4] {
    color: #0070c9;
    text-decoration: none
}

ion-content .ios-second .wrap .privacy[data-v-6f53fee4] {
    margin-top: .8125rem;
    display: grid;
    grid-gap: 1.25rem
}

ion-content .ios-second .wrap .privacy .privacy-content[data-v-6f53fee4] {
    padding: 1.75rem 1.25rem 1.25rem;
    width: 100%;
    border-radius: 1rem;
    background-color: #f8f8f8
}

ion-content .ios-second .wrap .privacy .privacy-content .privacy-svg[data-v-6f53fee4] {
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto
}

ion-content .ios-second .wrap .privacy .privacy-content .privacy-svg svg[data-v-6f53fee4] {
    fill: #0070c9
}

ion-content .ios-second .wrap .privacy .privacy-content .privacy-type__heading[data-v-6f53fee4] {
    margin-top: .5625rem;
    margin-bottom: .375rem;
    color: #111;
    text-align: center;
    font-size: .9375rem;
    line-height: 1.33338;
    font-weight: 600;
    letter-spacing: -.24px;
    font-family: SF Pro Text, SF Pro Icons, Apple WebExp Icons Custom, Helvetica Neue, Helvetica, Arial, sans-serif
}

ion-content .ios-second .wrap .privacy .privacy-content .privacy-type__description[data-v-6f53fee4] {
    margin-top: 0;
    color: #666;
    text-align: center;
    font-size: .8125rem;
    line-height: 1.38462;
    font-weight: 400;
    letter-spacing: -.065px;
    font-family: SF Pro Text, SF Pro Icons, Apple WebExp Icons Custom, Helvetica Neue, Helvetica, Arial, sans-serif
}

ion-content .ios-second .wrap .app-privacy__learn-more[data-v-6f53fee4] {
    font-size: .8125rem;
    margin-top: 1.25rem;
    letter-spacing: -.065px;
    line-height: 1.125rem
}

ion-content .ios-second .section--information[data-v-6f53fee4] {
    font-family: SF Pro Display, SF Pro Icons, Apple WebExp Icons Custom, Helvetica Neue, Helvetica, Arial, sans-serif
}

ion-content .ios-second .section--information .section__headline[data-v-6f53fee4] {
    margin-top: 0;
    margin-bottom: 17px;
    flex-shrink: 1;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: .024em;
    font-family: SF Pro Display, SF Pro Icons, Apple WebExp Icons Custom, Helvetica Neue, Helvetica, Arial, sans-serif
}

ion-content .ios-second .section--information .information-list--app .information-list__item[data-v-6f53fee4] {
    padding-bottom: 1.0625rem;
    font-size: .8125rem;
    line-height: 1.125rem
}

ion-content .ios-second .section--information .information-list--app .information-list__item .information-list__item__term[data-v-6f53fee4] {
    line-height: 1.125rem;
    display: block;
    vertical-align: top;
    color: #636366;
    text-align: left
}

ion-content .ios-second .section--information .information-list--app .information-list__item .information-list__item__definition__item__term[data-v-6f53fee4] {
    color: #000;
    font-size: .8125rem;
    line-height: 1.38;
    font-weight: 600;
    letter-spacing: -.065px;
    font-family: SF Pro Text, SF Pro Icons, Apple WebExp Icons Custom, Helvetica Neue, Helvetica, Arial, sans-serif
}

ion-content .ios-second .section--information .information-list--app .information-list__item .information-list__item__definition__item[data-v-6f53fee4]:not(:first-of-type) {
    padding-top: 16px
}

ion-content .ios-second .section--link-list[data-v-6f53fee4] {
    padding-top: 0;
    padding-bottom: 1.1875rem;
    font-size: 1.125rem
}

ion-content .ios-second .section--link-list .link-list--a .link-list__item[data-v-6f53fee4] {
    margin-bottom: 0;
    padding-top: .625rem;
    padding-bottom: .625rem;
    border-bottom: 1px solid #d6d6d6
}

ion-content .ios-second .section--link-list .link-list--a .link-list__item a.link[data-v-6f53fee4] {
    margin-top: -.625rem;
    margin-bottom: -.625rem;
    padding-top: .625rem;
    padding-bottom: .625rem;
    width: 100%;
    display: block;
    color: #0070c9
}

ion-content .ios-second .we-global-footer[data-v-6f53fee4] {
    --pageBG: white;
    --systemPrimary: rgba(0, 0, 0, .72);
    --systemSecondary: #86868b;
    background-color: #f5f5f7;
    padding-top: 1.5625rem;
    padding-bottom: 1.25rem
}

ion-content .ios-second .we-global-footer .we-global-footer__legal-copyright[data-v-6f53fee4] {
    font-size: .8125rem;
    margin-top: .125rem;
    color: #86868b
}

ion-content .ios-second .we-global-footer .we-global-footer__legal-link[data-v-6f53fee4] {
    text-decoration: none;
    display: inline-block;
    margin-top: .3125rem;
    font-size: .8125rem;
    color: var(--systemPrimary);
    border-inline-end: 1px solid rgba(0, 0, 0, .1);
    margin-right: .4375rem;
    padding-right: .625rem
}

ion-content .ios-second .we-global-footer .terms a[data-v-6f53fee4] {
    color: rgba(0, 0, 0, .72)
}

ion-content .ios-second .we-global-footer .terms a i[data-v-6f53fee4] {
    font-style: normal;
    color: rgba(0, 0, 0, .1)
}

ion-content .ios-second .footer[data-v-6f53fee4] {
    background-color: #f5f5f7;
    padding-bottom: 1.25rem
}

ion-content .ios-second .footer .footer-coneter[data-v-6f53fee4] {
    padding: 0 1.375rem;
    font-size: .75rem
}

ion-content .ios-second .footer .footer-coneter .ac-gf-footer-shop[data-v-6f53fee4] {
    font-size: .75rem;
    line-height: 1rem;
    margin-bottom: .625rem;
    color: rgba(0, 0, 0, .56)
}

ion-content .ios-second .footer .footer-coneter .ac-gf-footer-shop a[data-v-6f53fee4] {
    text-decoration: underline
}

ion-content .ios-second .footer .footer-coneter .ac-gf-footer-locale a[data-v-6f53fee4] {
    font-size: 12px;
    color: rgba(0, 0, 0, .72)
}

ion-content .ios-second .footer .footer-coneter .ac-gf-footer-legal-copyright[data-v-6f53fee4] {
    padding-top: .75rem
}

ion-content .ios-second .footer .footer-coneter .ac-gf-footer-legal-links[data-v-6f53fee4] {
    display: flex;
    flex-wrap: wrap;
    margin-top: .3125rem
}

ion-content .ios-second .footer .footer-coneter .ac-gf-footer-legal-links a[data-v-6f53fee4] {
    color: rgba(0, 0, 0, .72)
}

ion-content .ios-second .footer .footer-coneter .ac-gf-footer-legal-links i[data-v-6f53fee4] {
    margin: 0 .375rem;
    font-style: normal;
    white-space: nowrap;
    color: rgba(0, 0, 0, .48)
}

.top-title[data-v-6f53fee4] {
    position: sticky;
    top: 0;
    z-index: 100;
    transition: transform .3s cubic-bezier(.4, 0, .2, 1), background-color .3s cubic-bezier(.4, 0, .2, 1), -webkit-backdrop-filter .3s cubic-bezier(.4, 0, .2, 1);
    transition: transform .3s cubic-bezier(.4, 0, .2, 1), background-color .3s cubic-bezier(.4, 0, .2, 1), backdrop-filter .3s cubic-bezier(.4, 0, .2, 1);
    transition: transform .3s cubic-bezier(.4, 0, .2, 1), background-color .3s cubic-bezier(.4, 0, .2, 1), backdrop-filter .3s cubic-bezier(.4, 0, .2, 1), -webkit-backdrop-filter .3s cubic-bezier(.4, 0, .2, 1);
    will-change: transform, background-color, backdrop-filter
}

.top-title.position-fixed[data-v-6f53fee4] {
    -webkit-backdrop-filter: saturate(180%) blur(1.25rem);
    backdrop-filter: saturate(180%) blur(1.25rem);
    background-color: rgba(255, 255, 255, .72)
}